body {
	min-width: 980px;
	margin: 0 auto;
	left: 0;
	top: 0;
    background-color: #060606;
font-family: arial;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}
.barrefete {
    background-color: #c70000;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 10;
    text-align: center;
    color: white;
    padding: 16px 0px;
}



@-webkit-keyframes slide2 {
    100% { left: 0; }
}

@keyframes slide2 {
	
	0% {          right: -850px; }
    100% {        right: 0; }
}


#popup{
    position: fixed;
    z-index: 100000000;
    background-color: #000000c9;
    width: 100%;
    text-align: center;
    height: 100%;
            -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#popup img{
    height: 75%;
    margin-top: 5%;
    background-color: #ffffff;
    padding: 1%;
}




.close {
    position: absolute;
    right: 30px;
    top: 30px;
    padding: 11px 33px 8px 18px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 20px;
    background: url(/images/sup.png) no-repeat #353535 center right;
    background-size: 30px 31px;
    background-position: 76px;
        -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.englobeapropos{
    background-color: #101010;
    margin-bottom: 50px;
}


.close:hover {
    background: url(/images/sup.png) no-repeat #212121 center right;
    background-size: 30px 31px;
    background-position: 76px;
    cursor: pointer;
        -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.ret{
    color: #000000;
    text-transform: uppercase;
    border: 3px solid #fffae9;
    padding: 4px 7px;
    font-size: 13px;
    background: #e2d0a7;
    position: absolute;
    right: 11%;
    top: 10px;
}

/* Page Loader */
.loading {
	content: '';
	position: fixed;
	z-index: 10000000000;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	text-align: center;
    background-color: #060606;
}

.loading::after {
    content: '';
    position: fixed;
    z-index: 1000000000000;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 150px;
    margin: -120px 0 0 -250px;
    pointer-events: none;
    background: url(/images/logo.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /* animation: loaderAnim 0.8s ease-out infinite alternate forwards; */
}

.equipe {
    background: url(/images/bg-techno.png) no-repeat bottom center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: -100px;
    padding-bottom: 100px;
    padding-top: 50px;
}


        .imagespin {
    width: 320px;
}


.contpostul span {
    width: 40%;
    float: left;
    margin-top: 2%;
    left: 5%;
    position: relative;
}

.filecont{

	position: relative;
	width: 100%;
	float: left;
	overflow: hidden;

}

.fileespace {
    margin-top: 47px;
    position: absolute;
    font-size: 12px;
    right: 6%;
}


#selectedfile{
    position: absolute;
    right: 6%;
	 outline: none;
	 background-color: transparent;
    text-align: right;
    width: 40%;
    margin-top: 47px;
    border: none;
}



.buttonparcourir {
    float: right;
    right: 6%;
    position: relative;
    margin-bottom: 33px;
    background-color: #cacaca;
    text-transform: uppercase;
    cursor: pointer;
    color: #000;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: bold;
    border: 1px solid #cacaca;
    padding: 11px 35px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.buttonparcourir:hover{
	color: #000;
   background-color: #fff;
        -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

.titremot {
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-size: 24px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.spinner {
    top: 50%;
    margin-left: -30px;
    margin-top: 60px;
    left: 50%;
    position: absolute;
    width: 70px;
    text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list.wh-widget-show-get-button a.wh-widget-send-button-get-button{
	display: none;
}

a:focus{
	outline: none;
}

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

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
	
@font-face {
    font-family: "quatro";
    src: url('/font/quarto-bold.woff2');
}	


.velo-slide__text {
    color: #fff;
    /* max-width: 1500PX; */
    display: block;
    WIDTH: 75%;
    margin-left: 20%;
    margin: 1em 2px 1.5em 15%;
font-size: 23px;
    line-height: 30px;
    font-weight: 300;
}

.contenue {
    width: 980px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
	
.contenueheader {
    width: 980px;
    margin: 0 auto;
    position: relative;
    top: 0;
    overflow: hidden;
}
.header-black-fix {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #060606;
    z-index: 10;
    height: 117px;
}

#header {
    height: 117px;
    position: fixed;
    width: 100%;
    background-color: #060606f2;
    backdrop-filter: blur(10px);
    top: 0.1px;
    display: block;
    min-width: 980px;
    padding-top: 46px;
    z-index: 1000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#header.floatable {
	    box-shadow: 0 1px 34px rgba(0, 0, 0, 0.55);
	    top: 0;
	    padding-top: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.titreser2 {
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    margin-top: 60px;
    padding-bottom: 0px;
}

#menubarre {
    display: none;
    }
	#menuemob{
    display: none;
}
.topnoir {
    width: 100%;
    height: 30px;
        z-index: 1000;
    position: absolute;
    background-color: #040a10;
}


#header .logo {
    width: 230px;
    display: block;
    float: left;
    position: relative;
    margin-top: 25px;
    left: 1%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}




#header .drop .submenue {
    position: fixed;
    left: 0;
    top: 152px;
    width: 100%;
    z-index: -1;
    height: 0;
    background-color: rgba(29, 29, 29, 0.92);
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#header.floatable .drop .submenue {
    position: fixed;
    left: 0;
    margin-top: -35px;
    width: 100%;
    z-index: -1;
    height: 0;
    background-color: rgba(29, 29, 29, 0.92);
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


x

#header.floatable .drop:hover .submenue {
    position: fixed;
    left: 0;
    top: 117px;
    width: 100%;
    background-color: rgba(14, 14, 14, 0.98);
        border-bottom: 1px solid #19191;
    padding-top: 20px;
    height: 410px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#header .drop:hover .submenue {
    position: fixed;
    left: 0;
    top: 152px;
    width: 100%;
    background-color: rgba(14, 14, 14, 0.98);
        border-bottom: 1px solid #19191;
    padding-top: 20px;
    height: 410px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


#header .drop .submenue .imgheader {
    left: 0;
    margin-top: 50px;
    width: 40%;
    height: 315px;
        -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.col-menue-1 {
    position: absolute;
    padding: 1% 1%;
    right: 0;
    top: 67px;
    width: 54%;
    overflow: hidden;
}

.col-menue-1 #sub-menuul a {
    line-height: inherit;
    color: white;
    font-weight: bold;
    overflow: hidden;
    font-size: 10px;
    letter-spacing: normal;
    line-height: 27px;
    padding: 3px 30px;
    display: block;
    width: 37%;
    float: left;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sub-menuul {
    float: right;
    width: 100%;
    display: inherit;
    margin-bottom: 0px;
    margin-top: 0;
}

.col-menue-1 #sub-menu a li {
    padding: 6px 5%;
    width: 90%;
}



.timeline {
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap;
  flex-direction: column;
	width: 980px;
  position: relative;
}
.fermerfree {
    position: absolute;
    right: 10px;
    top: 4px;
    z-index: 100;
    width: 45px;
    cursor: pointer;
    height: 45px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.fermerfree .ligne1 {
    transform: rotate(-45deg);
    position: absolute;
    left: 15px;
    top: 21px;
    width: 21px;
height: 4px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.fermerfree:hover .ligne1 {
    transform: rotate(0deg);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.fermerfree .ligne2 {
    transform: rotate(45deg);
    position: absolute;
    left: 16px;
    top: 28px;
    width: 21px;
height: 4px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.fermerfree:hover .ligne2 {
    transform: rotate(0deg);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#header .logo img{
    height: 73px;
}

ul {
    float: right;
    display: flex;
    margin-bottom: 0px;
    margin-top: 0;
margin-right: 30px;
}

li {
    list-style-type: none;
}


#header .navtop {
    position: absolute;
    width: 100%;
    overflow: hidden;
    top: 0px;
    background-color: #060606f2;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #131313;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#header.floatable .navtop {
    top: -45px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navtop a {
    color: #fff;
    font-size: 12px;
    float: right;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-transform: uppercase;
    padding: 15px 20px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navtop a:hover {
    color: #e2d0a7;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navtop a.actif {
    color: #e2d0a7;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.navtop .espace {
    width: 98%;
    left: 1%;
    position: relative;
}


.navtop span.phone2 {
    color: #fff;
    font-size: 12px;
    float: right;
    text-transform: uppercase;
    padding: 15px 0 15px 8px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navtop span.telphone {
    color: #fff;
    font-size: 12px;
    float: right;
	 letter-spacing: 1px;
    text-transform: uppercase;
    padding: 15px 15px 15px 9px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navtop span.ouverture {
    color: #fff;
    font-size: 12px;
    float: left;
	 letter-spacing: 1px;
    text-transform: uppercase;
    padding: 15px 15px 15px 9px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navtop span.fermer{
    color: #fff;
    font-size: 12px;
    float: left;
	 letter-spacing: 1px;
    text-transform: uppercase;
    padding: 15px 15px 15px 9px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.navtop span.phone2 img {
    height: 10px;
    margin-top: 2px;
}

.phone {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-bottom: 2%;
    margin-right: -2%;
    color: #fff;
    text-decoration: none;
    border: none;
    font-size: 26px;
    font-weight: bold;
}

.phone img{
    width: 25px;
    padding-right: 10px;
    margin-bottom: -4px;
}

#header ul li a {
    float: left;
    line-height: 117px;
    letter-spacing: 2px;
    color: white;
    font-weight: bold;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


#header ul li .actif {
    color: #e2d0a7;
}


	
#header ul li a:hover{
    color: #e2d0a7;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}



	
.englobe{
	background-color: #030303;
	overflow: hidden;
	position: relative;
	z-index: 10;
	    padding-bottom: 100px;
    margin-bottom: 51px;


}

#persontitre{
padding: 200px 0 100px 0;
background-color: #0c0c0c;
background-image: url(/images/bgdent.png);
background-position: center top;		
background-repeat: no-repeat;
}



.aproposper {
    color: #fff;
    font-size: 25px;
    line-height: 35px;
    margin: 160px 2% 2% 2%;
    text-align: justify;
    padding: 30px 5% 30px 5%;
    letter-spacing: 2px;
    border: solid 20px #101010;
}

.aproposper p {
    color: #fff;
    text-align: justify;
    font-size: 22px;
    line-height: 43px;
}

.one-ctr {
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
}

.one-photo {
    width: 537px;
    background: #aaa;
    z-index: 10;
    left: 0;
    float: left;
    margin-bottom: 50px;
    left: 50%;
    position: relative;
    margin-left: -393px;
    box-shadow: 0 1px 34px rgb(0, 0, 0);
}

.one-photo img {
    width: 100%;
    margin-bottom: -4px;
}


.one-text {
    text-align: left;
    padding-left: 5px;
    z-index: 12;
}

.one-text-name {
    color: #fff;
    margin-left: -23px;
    position: relative;
    left: 50%;
    margin-top: 80px;
    float: left;
    z-index: 10;
}

.one-text-name h1 {
    font: 65px bebas,sans-serif;
    line-height: 74px;
    color: #fff;
    margin: 0px;
    text-shadow: 0 1px 34px rgba(0, 0, 0, 0.55);
}


.one-text-name h2 {
    font: 32px bebas,sans-serif;
    color: #fff;
text-shadow: 0 1px 34px rgba(0, 0, 0, 0.55);
    margin-left: 5px;
    position: relative;
    left: 0;
    margin-top: -18px;
    float: left;
    z-index: 10;
}

.apropos{
    color: #fff;
    font-size: 25px;
    padding: 20px;
    line-height: 35px;
    text-align: justify;
    letter-spacing: 2px;
}



.apropos img{
    float: left;
    position: relative;
    width: 25%;
    padding: 0 58px 20px 0px;
}

#slider{
	position: relative;

}

#slider3{
	position: relative;
	display: none;
}

.bottomdiv {
    display: inline-block;
    position: absolute;
    bottom: -50px;
    left: -1%;
    width: 101%;
    background-color: #060606;
    height: 110px;
    transform: rotate(3deg);
    z-index: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sliderservice {
    position: relative;
    	    top: -20px;
}

#sliderservice .sliderimg {
    position: absolute;
    left: 0;
    background-color: #0e0e0e;
    top: 0;
    right: 0;
    bottom: 0;
}


.sliderimg2 {
    position: absolute;
    left: 0;
 overflow: hidden;
    background-color: #0e0e0e;
    top: 0;
    right: 0;
    bottom: 0;
}

.crossfade > figure {
    animation: imageAnimation 30s linear infinite 0s;
    backface-visibility: hidden;
    background-size: cover;
    background-position: top center;
    color: transparent;
    height: 100%;
    left: -10%;
    opacity: 0;
    position: absolute;
    top:0;
    width: 110%;
    z-index: 0;
}




.crossfade > figure:nth-child(1) { background-image: url(/images/dentiste.jpg); }

.crossfade > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('/images/dentiste.jpg');
}

.crossfade > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('/images/equipe.jpg');
}

.crossfade > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('/images/contact.jpg');
}

.crossfade > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('/images/service.jpg');
}



#sliderservice .col-left {
    position: relative;
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.89);
}


@keyframes
imageAnimation {  0% {
 animation-timing-function: ease-in;
 opacity: 0;
}
 8% {
 animation-timing-function: ease-out;
 opacity: 1;
}
 17% {
 opacity: 1
}
 25% {
 opacity: 0
}
 100% {
 opacity: 0
}
}



#sliderservice h1 {
    font-size: 29px;
    color: #fff;
    text-align: center;
    line-height: 1.05em;
    text-transform: uppercase;
    padding-left: 30px;
    padding-right: 30px;
}

#sliderservice h2 {
    font-size: 25px;
    color: #fff;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding-top: 240px;
    line-height: 1.05em;
    padding-left: 25px;
    padding-right: 25px;
}

.step1 {
    padding: 19px 15px 50px 15px;
    position: relative;
    margin: 65px 30px 58px 30px;
    box-shadow: 0 10px 33px rgba(0, 0, 0, 0.47);
    background-color: #101010;
}


.step1 h3 {
    letter-spacing: 5px;
    margin-bottom: 2.25rem;
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    text-align: center;
}


.servnext{
    position: absolute;
    color: #fff;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    margin-top: -81px;
    letter-spacing: 3px;
    font-size: 15px;
    font-weight: bold;
}

#header ul li a#butrendezvous {
	display: none;
}

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

.step1 .col {
    padding: 0px 5px;
}

.step1 .input-col2 {
    font-size: 12px;
    float: left;
    position: relative;
    width: 44%;
    color: #000;
    letter-spacing: 2px;
    font-weight: bold;
    border: none;
    background: white;
    padding: 2% 2%;
    margin: 1% 1%;
}


.parent {
    position: relative;
    width: 31.33%;
    margin: 1%;
    float: left;
}

.enfant {
    position: relative;
    top: 0;
    text-align: center;
    left: 2%;
    padding: 3%;
    width: 90%;
    color: #fff;
    background-color: #000;
    z-index: 100;
    margin-top: -75px;
}
}

    .enfant h2 {
        text-transform: uppercase;
        font-size: 30px;
        letter-spacing: 2px;
    }

    .enfant p {
        line-height: 26px;
        font-size: 20px;
    }

.contimgserv {
    position: relative;
    overflow: hidden;
    left: 0;
    width: 100%;

}

.parent .imgserv {
    width: 100%;
    position: relative;
    margin-bottom: -5px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}



.col-3-footer {
    margin-bottom: 10px;
    float: left;
    position: relative;
    width: 33.3333%;
    overflow: hidden;
}


.col-33  {
    margin-bottom: 10px;
    float: left;
    position: relative;
    width: 33.3333%;
    overflow: hidden;
}

.step1 .input-col1-text {
    font-size: 17px;
    float: left;
    position: relative;
    width: 94%;
    height: 60px;
    font-family: arial;
    color: #000;
    letter-spacing: 2px;
    font-weight: bold;
    border: none;
    background: white;
    padding: 2% 2%;
    margin: 1% 1%;
}

.step1 textarea::-webkit-input-placeholder {
    color:#000;
}
.step1 textarea:-moz-placeholder {
    color:#000;
}

.step1 input::-webkit-input-placeholder {
    color:#000;
}

.step1 .input-col1 {
    width: 94%;
    font-size: 12px;
    float: left;
    position: relative;
    color: #000;
    letter-spacing: 2px;
    font-weight: bold;
    border: none;
    background: white;
    padding: 2% 2%;
    margin: 1% 1%;
}


.step2 input::-webkit-input-placeholder {
    color:#000;
}

#butpage{

	width: 120px;
	bottom: -21px;
}



.servicegroup {
    position: relative;
    width: 100%;
    margin-top: 150px;
    overflow: hidden;
}

.servicegroup .serviceimg {
    position: absolute;
    height: 95%;
    top: 2.5%;
    left: 2.5%;
    width: 45%;
}

.servicegroup .text {
    position: relative;
    left: 52.5%;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 45%;
}

.servicegroup .text h1 {
    letter-spacing: 2px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 25px;
    padding: 8px 0;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}


.servicegroup .text p {
    font-size: 18px;
    color: #fff;
    line-height: 26px;
}


.servicegroup .text .buttons {
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    font-size: 12px;
    letter-spacing: 4px;
    padding: 12px 15px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    float: left;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: 'josefin sans', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 20px 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    background-color: #000000;
    border: 1px solid #fff;
    color: #ffffff;
    transition: background-color 300ms ease-out;
}
.servicegroup .text .buttons:hover {
background-color: #ffffff;
    border: 1px solid #fff;
    color: #000000;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.servicegroupright {
    margin-top: 150px;
    position: relative;
    width: 100%;
    overflow: hidden;
}


.servicegroupright .serviceimg {
    position: absolute;
    height: 95%;
    top: 2.5%;
    right: 2.5%;
    width: 45%;
}

.servicegroupright .text {
    position: relative;
    left: 2.5%;
    overflow: hidden;
    text-align: right;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 45%;
}


.servicegroupright .text h1 {
    letter-spacing: 2px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 25px;
    padding: 8px 0;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}

.servicegroupright .text p {
    font-size: 18px;
    color: #fff;
    line-height: 26px;
}


.servicegroupright .text .buttons {
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    font-size: 12px;
    letter-spacing: 4px;
    padding: 12px 15px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    float: right;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: 'josefin sans', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 20px 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    background-color: #000000;
    border: 1px solid #fff;
    color: #ffffff;
    transition: background-color 300ms ease-out;
}

.servicegroupright .text .buttons:hover {
background-color: #ffffff;
    border: 1px solid #fff;
    color: #000000;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.plusservicecont {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    font-size: 17px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    left: 50%;
    cursor: pointer;
    margin-left: -81px;
    margin-top: 29px;
    font-weight: bold;
    padding: 3px 22px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.arrow-down {
    letter-spacing: 3px;
    color: #fff;
    font-size: 20px;
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    width: 56%;
    padding: 1rem 1% 1.5rem 3%;
    line-height: 1.4em;
    background-color: rgba(0, 0, 0, 0.7490196078431373);
    left: 40%;
    color: #fff;
}
.arrow-down:before {
    content: " ";
    position: absolute;
    left: 2%;
    top: 17px;
    width: 23px;
    height: 23px;
    background-image: url(/images/bas.svg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.plusservicecont:hover {
    color: #070f19; 
    outline: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
 }
 
.plusservicecont:focus{
	outline: none;
}
 
.plusservicecont .bghover{
    position: absolute;
    width: 0%;
    height: 100%;
    z-index: 1;
    left: 0;
    cursor: pointer;
    top: 0;
    background-color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }

.plusservicecont:hover .bghover{
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }
 
 
#step2 {
    padding-top: 1.5rem!important;
    padding-bottom: 2.5rem!important;
    position: absolute;
    top: 0px;
    left: 100%;
    width: 130%;
    padding: 5%;
    box-shadow: 0 10px 33px rgba(0, 0, 0, 0.47);
    background-color: #101010;
    z-index: 999;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }

#step2 p {
    font-size: 15px;
    padding: 0 30px;
    font-family: arial;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 24px;
    margin-bottom: 1rem;
    text-align: center;
    color: #fff;
}
 
.englobeservice{

	position: relative;
	width: 100%;
	overflow: hidden;
	 margin-top: -20px;
    margin-bottom: -100px;

} 

.englobeservice:before{
   content: ""; 
    background-color: #0a0a0a;
    left: 0;
	 position: absolute;
    top: 0;
    bottom: 0;
    width: 40%;

} 

.sectionvideo {
    float: left;
    width: 30%;
    padding: 5%;
    padding-bottom: 170px;
}



.sectionvideo h2 {
    color: #fff;
    margin-top: 100px; 
    font-size: 32px;
    margin-bottom: 3.25rem;
    z-index: 10;
    text-transform: uppercase;
    position: relative;
}

.sectionvideo .youtube-video {
    position: relative;
    cursor: pointer;
    height: 22rem;
    -webkit-box-shadow: 2px 4px 8px 4px rgba(0,0,0,0.1);
    box-shadow: 2px 4px 8px 4px rgba(0,0,0,0.1);
    margin-bottom: 6rem;
    width: 120%;
    z-index: 9;
}

.sectionvideo .youtube-video .image-video {
    position: absolute;
    left: 0;
    top: 0;
	opacity: 1;
background-position: center center;
 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
    width: 100%;
    height: 100%;
    z-index: 9;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sectionvideo .youtube-video:hover .image-video {
	opacity: 0.8;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sectionvideo .youtube-video img{
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 1;
    width: 5rem;
    height: 5rem;
    border-radius: 50px;
    background-color: #ffffffc7;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 99;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sectionvideo:hover .youtube-video img{
    opacity: 0.7;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sectionvideo .youtube-video .offset-area {
    position: absolute;
    left: 2rem;
    top: 2rem;
    width: 100%;
	 cursor: auto;
    height: 100%;
    background-color: #191919;
    z-index: 1;
}


.sectiontext {
    float: left;
    width: 40%;
    letter-spacing: 2px;
    padding: 9% 10% 5% 10%;
    overflow-x: hidden;
}

.sectiontext p {
    color: #fff;
    text-align: left;
    line-height: 34px;
    font-size: 19px;
}


#videocom {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1000000000;
    background-color: rgba(0, 0, 0, 0.87);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#videocom .video {
    top: 50%;
    width: 800px;
    height: 450px;
    left: 50%;
    margin-top: -225px;
    margin-left: -400px;
    position: absolute;
}

.fancybox-button {
    display: inline-block;
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 44px;
    margin: 0;
    right: 0;
    margin: 20px;
    padding: 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    color: #fff;
    box-sizing: border-box;
    vertical-align: top;
    outline: none;
	 background: url(/images/sup.png) no-repeat center center #3c3c3c;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


.fancybox-button:hover {
	 background: url(/images/sup.png) no-repeat center center #2f2f2f;
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

#slider2{
	position: relative;
	height: 500px;
}


#slider2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    min-height: 100px;
    width: 100%;
    padding-bottom: 8.13037%;
    background-image: url(/images/afterslider.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%,auto,contain;
}


#slider2 .titrepro {
    top: 62%
}

a{

	text-decoration: none;

}


.sliderimg {
    position: absolute;
    left: 0;
        overflow: hidden;
    background-color: #0e0e0e;
    top: 0;
    right: 0;
    bottom: 0;
}

#slider2 .sliderimg {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
}

.titretop {
    font-size: 16px;
    letter-spacing: 7px;
    line-height: 10px;
    margin-bottom: -73px;
}


.titrepro2{
    position: absolute;
margin-top: 57vh;
    font-size: 18px;
    width: 100%;
    line-height: 107px;
    transform: translateY(-50%);
    z-index: 2;
    left: 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.titretop2 {
    font-size: 40px;
    letter-spacing: 2px;
    line-height: 10px;
    font-weight: bold;
}

.titrelogo {
    font-size: 25px;
    letter-spacing: 2px;
    margin: 0;
    margin-bottom: -45px;
    padding: 0;
}


.plustop {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    font-size: 14px;
	outline: none;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    font-weight: bold;
    padding: 6px 20px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.plustop:hover {
    color: #070f19; 
    outline: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
 }
 
 
.plustop .bghover{
    position: absolute;
    width: 0%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    left: 0;
    top: 0;
    background-color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }
 a{
	outline: none;
}

.plustop:hover .bghover{
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }
 
	
.line-scroll-down-container {
    position: absolute;
    width: 1px;
    height: 80px;
    margin-top: -50px;
    margin-left: -.5px;
    left: 50%;
    overflow: hidden;
    z-index: 9;
}

.line-scroll-down {
    position: absolute;
    width: 1px;
    height: 80px;
    top: 0;
    left: 0;
    background: #fff;
    animation: bounce 1s ease infinite;
}

   @keyframes bounce{
     from {top: -80px;}
     to   {top: 80px;}
}
.titrepro{
    position: absolute;
    top: 52%;
    font-size: 18px;
    width: 100%;
    line-height: 107px;
    transform: translateY(-50%);
    z-index: 2;
    left: 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.bgnoirtitre{
	 background-color: rgba(0, 0, 0, 0.64);
    padding: 15px 50px;
}


.titre {
    text-align: center;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    font-size: 40px;
    padding-bottom: 60px;
}


.titre:after {
    background: #e2d0a7;
    content: '';
    width: 50px;
    height: 2px;
    display: block;
    position: absolute;
    margin-top: 11px;
    left: 50%;
    margin-left: -30px;
}


.titremembres {
    text-align: center;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    font-size: 40px;
    padding-bottom: 60px;
}

.eguipefiltre {
    display: none;
    margin-top: 52px;
    margin-bottom: 0px;
    font-size: 31px;
}

.titremembres:after {
    background: #e2d0a7;
    content: '';
    width: 50px;
    height: 2px;
    display: block;
    position: absolute;
    margin-top: 11px;
    left: 50%;
    margin-left: -30px;
}

.apropos{

	margin: 100px 0;

}

.apropos p {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 43px;
    padding: 30px 5% 0px 5%;
}



.service{
    background-color: #0e0e0e;
    overflow: hidden;
    padding: 100px 0;

}

.col-3 {
    margin-bottom: 10px;
    float: left;
    position: relative;
    width: 33.3333%;
    overflow: hidden;
}


.service2 {
    margin: 1%;
    margin-top: 60px;
    width: 94%;
    padding: 2%;
    position: relative;
}

.nonecarrieres {
    display: block;
    background-color: #101010;
    color: #fff;
    padding: 2rem 0;
    margin: 1%;
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.nonecarrieres h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;#212121
    letter-spacing: 2px;
}

.englobeposte{
    margin: 0 1%;
}

.enteteposte {
    display: block;
    background-color: #101010;
    color: #fff;
    padding: 1.5rem 0;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.barreright:before {
    content: " ";
    position: absolute;
    right: 0;
    top: -5px;
    width: 1px;
    height: 26px;
    background-color: #3a3a3a;
    background-size: cover;
}

.enteteposte span {
    float: left;
    text-align: center;
    position: relative;
    padding: 0 2%;
    width: 26.5%;
    text-transform: uppercase;
}

.resdet {
    display: block;
    background-color: #101010;
    border-top: 1px solid #212121;
    color: #fff;
    padding: 2rem 0;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.resdet:hover {
    background-color: #131313;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}



.resdet span {
    float: left;
    text-align: center;
    margin-left: -4px;
    position: relative;
    padding: 0 2%;
    width: 27%;
    text-transform: uppercase;
}

.resdet span.plus {
    float: left;
    text-align: center;
    margin-left: -4px;
    position: relative;
    padding: 0 2%;
    width: 4%;
    text-transform: uppercase;
}


.resdet span.plus img {
    margin-top: -6px;
    width: 25px;
}



.contenueposte {
    background-color: #101010;
    color: #fff;
    padding: 2rem 0;
    border-top: 1px solid #212121;
    position: relative;
    overflow: hidden;
}


.contenueposte strong {
    font-weight: bold;
    float: left;
    width: 95%;
    font-size: 21px;
    margin-bottom: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 20px;
    padding-left: 5%;
}

.contenueposte ul {
    padding-left: 25px;
    margin-bottom: 25px;
    padding: 0 0 0 5%;
    float: left;
    font-size: 20px;
    margin-top: 20px;
    line-height: 29px;
    letter-spacing: 1px;
}

.contenueposte li {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 5px;
    padding-left: 1%;
    margin-left: 4%;
    list-style-type: disc;
}
    
#postuletext{
    padding-top: 100px;
    margin-top: 100px;
background-color: #0e0e0e;
    padding-bottom: 100px;
    overflow: hidden;
}

#postuletext p {
    color: white;
    font-size: 25px;
    text-align: center;
    width: 100%;
}
.postule {
    position: relative;
    width: 100%;
    margin-top: 200px;

}


.titrepos {
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-size: 27px;
    padding-bottom: 45px;
    padding-top: 45px;
}

.titrepos:after {
    background: #000;
    content: '';
    width: 50px;
    height: 5px;
    display: block;
    position: absolute;
    margin-top: 11px;
    left: 50%;
    margin-left: -30px;
}

.postule:before {
    content: "";
    background-color: #171717;
    width: 60%;
    height: 100%;
    position: absolute;
}


.sum-form {
    float: left;
    width: 35%;
    left: 5%;
    margin-top: 10%;
    position: relative;
}

.sum-form h2 {
    color: #fff;
    font-size: 40px;
    letter-spacing: 2px;
    margin-top: 0;
    margin-bottom: 10%;
}

.sum-form .desc-form {
    color: #fff;
    line-height: 30px;
    letter-spacing: 2px;
    font-size: 20px;
}

.contpostul {
    background-color: #fff;
    width: 50%;
    position: relative;
    margin: 10% 0% 10% 50%;
}

.slectput {
    background: #ffffff;
    border: 1px solid #cacaca;
    position: relative;
    z-index: 10;
    float: left;
    width: 89%;
    padding: 1%;
    margin-left: 5%;
    color: #000;
    height: 44px;
    font-size: 15px;
    margin-bottom: 30px;
    -webkit-appearance: none;
    background-image: url(/images/arrowbas.png);
    background-repeat: no-repeat;
    background-position: right;
    outline: none;
}


.slectput::-webkit-input-placeholder {
    color:#000;
}
 
.slectput:-moz-placeholder {
    color:#000;
}

#input_postul {
    background: #ffffff;
    border: 1px solid #cacaca;
    height: 27px;
    position: relative;
    z-index: 10;
    width: 87%;
    padding: 1%;
    margin-left: 5%;
    color: #000;
    font-size: 15px;
    margin-bottom: 30px;
    -webkit-appearance: none;
    outline: none;
}


#input_postul::-webkit-input-placeholder {
    color:#000;
}
 
#input_postul:-moz-placeholder {
    color:#000;
}

.fichier-cv-container {
    background: #ffffff;
    float: left;
    border: 1px solid #cacaca;
    width: 88%;
    padding: .5%;
    margin-left: 5%;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 30px;
}

.show-path {
    display: block;
    float: left;
    background: #ffffff;
    color: #000;
    font-size: 15px;
    line-height: 12px;
    font-weight: normal;
    font-family: 'Lato',Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    border: 0;
    padding: 15px 1%;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    width: 45%;
    vertical-align: middle;
    overflow: hidden;
}

.fichier-cv-label {
    margin-bottom: 0;
    position: relative;
	 float: right;
    background: #1b1b1b;
    padding: 11px 25px;
    cursor: pointer;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    display: block;
    color: white;
    text-align: center;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
}


.fichier-cv-label:hover {
	 background: #313131;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
#input_2_text {
    background: #ffffff;
    height: 115px;
    border: 1px solid #cacaca;
    width: 87%;
    padding: 1%;
    font-family: arial;
    position: relative;
    z-index: 10;
    margin: 0 5%;
    color: #000;
    resize: none;
    font-size: 15px;
    margin-bottom: 30px;
    -webkit-appearance: none;
    outline: none;
}


#input_2_text::-webkit-input-placeholder {
    color:#000;
}
 
#input_2_text:-moz-placeholder {
    color:#000;
}
.service2 img {
    position: absolute;
    margin-top: -20px;
    width: 80px;
    left: 50%;
    margin-left: -40px;
}

.service2 h3 {
    text-transform: uppercase;
    font-size: 18px;
    position: relative;
    text-align: center;
    color: #fff;
    margin-top: 36px;
    padding-top: 70px;
    font-weight: 700;
}

.service2 h3:after {
    content: "";
    background: #3b3b3b;
    width: 1px;
    position: absolute;
    left: 50%;
    height: 14px;
    margin: 0 auto;
    display: block;
    margin-top: 9px;
}

.service2 p {
    margin-bottom: 20px;
    font-size: 15px;
    padding: 3% 10%;
    line-height: 21px;
    color: #fff;
    text-align: center;
}


.plusservice {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
        overflow: hidden;
    position: relative;
    left: 50%;
    cursor: pointer;
    margin-left: -121px;
    margin-top: 61px;
    font-weight: bold;
    padding: 7px 30px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.plusservice:hover {
    color: #070f19; 
    outline: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
 }
 
.plusservice:focus{
	outline: none;
}
 
.plusservice .bghover{
    position: absolute;
    width: 0%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    left: 0;
    top: 0;
    background-color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }

.plusservice:hover .bghover{
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }
 
 
 
 
 

.contactplus {
    color: #6e6e6d;
    background-color: transparent;
    border: 2px solid #6e6e6d;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    left: 50%;
    cursor: pointer;
    margin-left: -81px;
    margin-top: 0px;
    font-weight: bold;
    padding: 3px 23px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.contactplus:hover {
    color: #fff; 
    outline: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
 }
 
.contactplus:focus{
	outline: none;
}
 
.contactplus .bghover{
    position: absolute;
    width: 0%;
    height: 100%;
    cursor: pointer;
    z-index: 1;
    left: 0;
    top: 0;
    background-color: #6e6e6d;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }

.contactplus:hover .bghover{
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }
 

 
 
 .plusequipe {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    position: relative;
    left: 50%;
    cursor: pointer;
    overflow: hidden;
    margin-left: -130px;
    margin-top: 61px;
    font-weight: bold;
    padding: 7px 30px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.plusequipe:hover {
    color: #070f19; 
    outline: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
 }
 
 
.plusequipe:focus{
	outline: none;
}
 
.plusequipe .bghover{
    position: absolute;
    width: 0%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    left: 0;
    top: 0;
    background-color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }

.plusequipe:hover .bghover{
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }
 

	
.col-2{
	float: left;
		width: 50%;
}


#header .lienfete {
position: absolute;
    bottom: -40px;
    height: 40px;
width: 100%;
	 background-color: #a00b12;
    z-index: 1000000000;
    text-align: center;
    color: #ffffff;
    line-height: 40px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	  animation: bg2 1s ease infinite;
}

   @keyframes bg2{
     from {background-color: #a00b12;}
     50% {background-color: #8a0b0b;}
     to   {background-color: #a00b12;}
}

#header.floatable .lienfete{
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#header .lienfete img{
    height: 27px;
    position: absolute;
    margin-left: 5px;
    margin-top: 6px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


#header .lienfete:hover img{
    margin-left: 15px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.iconefete1{
    width: 35px;
    margin-top: 12px;
    position: absolute;
    margin-left: -50px;
}

.iconefete2{
    width: 35px;
    margin-top: 12px;
    position: absolute;
    margin-left: 15px;
}
.fete {
    width: 100%;
    background-color: #0c0c0c;
    border-bottom: 1px solid #131313;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-top: -4px;
}

.col-2-fete {
    float: left;
    width: 50%;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 40px;
}

.lignefete:after {
    background: #6a1116;
    content: '';
    width: 1px;
    height: 55%;
    display: block;
    position: absolute;
    top: 20%;
    right: 0;
    margin-right: -1px;
}

.imgfetemob{
display: none;
width: 100%;
}
.imgfete{
display: block;
padding-top: 50px;
width: 100%;
}
.col-2-fete p {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 3px;
    margin: 0;
    line-height: 30px;
    color: #ccc;
}

.retourfete {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    position: relative;
    padding: 2px 30px;
    letter-spacing: 3px;
    margin: 0;
    line-height: 30px;
    color: #ccc;
}


.espaceservice {

	height: 150px;

}

.contservice{

position: relative;
margin: 20% 10%;
width: 80%;
    cursor: pointer;

}

.contservice img{
	width: 100%;	
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	
}
.contservice:hover img{
    box-shadow: 0 22px 41px 0 rgba(0, 0, 0, 0.72);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.titreser {
    position: absolute;
    top: 50%;
    font-size: 16px;
    transform: translateY(-50%);
    z-index: 2;
    left: -5%;
    color: #fff;
    text-transform: capitalize;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}



.contservice  button{
    position: absolute;
    bottom: 4%;
    padding: 7px 17px;
    text-transform: uppercase;
    right: 2%;
    opacity: 0;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    background: transparent;
    border: 4px solid;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.contservice:hover  button{
	
	    opacity: 1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;	
	
}
.contservice:hover .titreser {
	
    left: 3%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.ripplelink{
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index:0;
}

.englobetop {
    width: 100%;
    overflow: hidden;
    padding-top: 40px;
    margin-bottom: 50px;
}

#filters {
    padding: 0;
    position: relative;
    list-style: none;
left: 50px;
    width: inherit;
    text-align: center;
    margin-left: -52px;
    margin-bottom: 38px;
}

#filters li {
    float: left;
}

#filters li span.active {
    color: #e2d0a7;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#filters li span {
    display: block;
    padding: 5px 20px;
    position: relative;
    z-index: 10;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 transition: all 0.5s ease;
}

#filters li span:hover {
    color: #e2d0a7;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#filters li span.active:after {
    content: '';
    width: 30px;
    height: 2px;
    z-index: -1;
    top: 33px;
    margin-left: -15px;
    background: #e2d0a7;
    left: 50%;
    position: absolute;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#filters li span:after {
    content: '';
    width: 0;
    height: 2px;
    z-index: -1;
    top: 33px;
    margin-left: -15px;
    background: #e2d0a7;
    left: 50%;
    position: absolute;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


#filters li span:hover:after {
    width: 30px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.contenuelist {
    position: relative;
    width: 980px;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}



.ink {
  display: block;
  position: absolute;
    z-index: 2;
    background: #d0d0d0;
  border-radius: 100%;
  -webkit-transform:scale(0);
     -moz-transform:scale(0);
       -o-transform:scale(0);
          transform:scale(0);
}

.ink2 {
  display: block;
  position: absolute;
    z-index: 2;
background-color: rgba(0, 0, 0, 0.29);
  border-radius: 100%;
  -webkit-transform:scale(0);
     -moz-transform:scale(0);
       -o-transform:scale(0);
          transform:scale(0);
}

.ink3 {
  display: block;
  position: absolute;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.55);
  border-radius: 100%;
  -webkit-transform:scale(0);
     -moz-transform:scale(0);
       -o-transform:scale(0);
          transform:scale(0);
}
.conmaterial{
    position: absolute;
    left: 0;
    z-index: 100;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.animate {
	-webkit-animation:ripple 0.65s linear;
   -moz-animation:ripple 0.65s linear;
    -ms-animation:ripple 0.65s linear;
     -o-animation:ripple 0.65s linear;
        animation:ripple 0.65s linear;
}

@-webkit-keyframes ripple {
    100% {opacity: 0; -webkit-transform: scale(2.5);}
}
@-moz-keyframes ripple {
    100% {opacity: 0; -moz-transform: scale(2.5);}
}
@-o-keyframes ripple {
    100% {opacity: 0; -o-transform: scale(2.5);}
}
@keyframes ripple {
    100% {opacity: 0; transform: scale(2.5);}
}

.iconebas {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
}

.iconebas img{
    width: 95px;
}


.sommet {
    margin-top: 100px;
    text-align: center;
    line-height: 85px;
    background-color: #0e0e0e;
    overflow: hidden;
    text-transform: uppercase;
    z-index: 100;
    letter-spacing: 2px;
    color: #6e6e6d;
    position: relative;
    border-bottom: 1px solid #1f1f1f;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.sommet:hover {
    background-color: #131313;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sommet img {
    width: 20px;
    top: 4px;
    position: relative;
    padding-left: 14px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}




#urgence {
    padding-top: 55px;
    padding-bottom: 55px;
    background-color: #0e0e0e;
    overflow: hidden;
    z-index: 100;
    position: relative;
    border-bottom: 1px solid #1f1f1f;
}

#urgence p {
    color: #6e6e6d;
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    padding-bottom: 35px;
    width: 100%;
max-width: 980px;
    margin: 0 auto;
}

#apropos2 {
    padding-top: 150px;
    padding-bottom: 150px;
    overflow: hidden;
}


#apropos {
    padding-top: 50px;
    padding-bottom: 100px;
    overflow: hidden;
}

#apropos img {
    margin-top: 50px;
}

#textapropos {
    color: white;
    font-size: 25px;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 100px;
    width: 100%;
}


.clinique{

	padding: 100px 0;

}




.globale {
    margin: 1px auto 50px auto;
    width: 100%;
    max-width: 980px;
    overflow: hidden;
    padding-bottom: 0;
    z-index: 2;
    position: relative;
}

.col-3-2 {
    margin-bottom: 50px;
    margin-top: 50px;
    border-radius: 4px;
    float: left;
    padding-left: 4%;
    height: auto;
    position: relative;
    	display: none;
    padding-right: 4%;
    width: 25%;
}

.dentiste-col2 {
    width: 42% !important;
}




.col-3-2 .plus {
    position: absolute;
    top: 0%;
    opacity: 0;
    left: 12%;
    width: 76%;
    /* border-radius: 5px; */
    height: 86%;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


.col-3-2:hover .plus {
	opacity: 1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.col-4-equipe {
    margin-bottom: 50px;
    margin-top: 50px;
    border-radius: 4px;
    float: left;
    padding-left: 2%;
    height: auto;
    position: relative;
    padding-right: 2%;
    width: 21%;
}


.col-4-equipe img {
    width: 100%;
}

.serviceplus {
    margin: 4%;
    width: 92%;
    overflow: hidden;
}

.serviceplus img{
	width: 100%;
    margin-bottom: -4px;
}

.serviceplus h2 {
    width: 100%;
    background-color: #191919;
    color: #fff;
    font-size: 16px;
    position: relative;
    padding: 10px 0;
    z-index: 100;
    text-align: center;
    margin: 10px 0;
}


.serviceplus .plus2 {
    position: absolute;
    top: 5%;
    opacity: 0;
    left: 4%;
    width: 92%;
    height: 71%;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


.serviceplus:hover .plus2 {
	opacity: 1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


.col-4-equipe h3 {
    color: #ffffff;
    text-decoration: none;
    padding: 1% 0;
    position: relative;
	 margin-bottom: 0;
    letter-spacing: 2px;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}




.col-4 {
    margin-bottom: 50px;
    margin-top: 50px;
    border-radius: 4px;
    float: left;
    padding-left: 4%;
    height: auto;
    position: relative;
    padding-right: 4%;
    width: 25%;
}

.designation {
    color: #e2d0a7;
    font-size: 9px;
    font-weight: 600;
    height: 10px;
    letter-spacing: 2px;
    line-height: 0.7;
    position: relative;
    left: 0;
    margin-top: 7px;
    float: left;
    text-align: center;
    top: 0;
    width: 100%;
}


.col-3-2 img {
    width: 100%;
}



.col-3-2 h3 {
    color: #ffffff;
    text-decoration: none;
    padding: 10px 0 0px 0;
    position: relative;
    letter-spacing: 2px;
    font-size: 13px;
    width: 90%;
    margin-left: 5%;
    margin-bottom: 5px;
    text-align: center;
    background-color: #060606;
    margin-top: 0px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
}

.col-3-2 h3 .plusdesignation, .col-4-equipe h3 .plusdesignation {
    color: #e2d0a7;
    vertical-align: super;
    font-size: 19px;
}


.liencontact {
    padding: 80px 0;
    background-color: #101010;
    position: relative;
}

   .liencontact:before {
    content: ""; 
    border-top: 20px solid #101010;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    z-index: 2;
    bottom: -20px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
} 
.procedure {
    width: 100%;
    position: relative;
    padding: 150px 0 0 0;
    background-color: #080808;
    padding-bottom: 75px;
}

.col-4pro {
    margin-bottom: 50px;
    margin-top: 50px;
    border-radius: 4px;
    float: left;
    color: #fff;
    	text-align: center;
    padding-left: 3%;
    height: auto;
    position: relative;
    padding-right: 3%;
    width: 19%;
}
.col-4pro h3{
    position: relative;
    }
.plusdot:before {
    content: "+";
    position: absolute;
    width: 35px;
    height: 35px;
    top: 50%;
    margin-top: -15px;
    right: -16%;
    margin-right: -17px;
    line-height: 35px;
    font-size: 40px;
}


.plusfin:before {
    content: "=";
    position: absolute;
    width: 35px;
    height: 35px;
    top: 50%;
    margin-top: -15px;
    right: -16%;
    margin-right: -17px;
    line-height: 35px;
    font-size: 40px;
}
.col-4pro img {
    max-width: 80px;
   margin-bottom: 5px;
}

 
.col-4pro p {
    font-size: 11px;
}
.col-4-2 {
    margin-bottom: 10px;
    float: left;
    width: 25%;
    overflow: hidden;
}

.contcol img {
    width: 15%;
    padding-left: 43%;
    margin-bottom: 10px;
}

.contcol h3 {
    font-weight: 400;
    font-style: italic;
    text-align: center;
    font-size: 18px;
    font-family: arial;
    color: #fff;
}


.basic-strokes {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}


.block{
    width: 50px;
    height: 50px;
    position: relative;
    left: 50%;
    margin-left: -20px;
}

.block1{
	width: 15px;
	height: 15px;
	position: absolute;
	left: 2.5px;
	background-color: #fff;
	top: 2.5px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.revenirprod:hover .block1 {
    width: 5px;
    height: 21px;
    position: absolute;
    border-radius: 5px;
    left: 6.5px;
    transform: rotate(57deg);
    background-color: #fff;
    top: 10.5px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.block2 {
    width: 15px;
    position: absolute;
    height: 15px;
    left: 25px;
    background-color: #fff;
    top: 2.5px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.revenirprod:hover .block2 {
    width: 2px;
    position: absolute;
    height: 20px;
    transform: rotate(57deg);
    left: 8px;
    background-color: #fff;
    top: 10.5px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.block3 {
    width: 15px;
    height: 15px;
    left: 2.5px;
    position: absolute;
    background-color: #fff;
    top: 25px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.revenirprod:hover .block3 {
    width: 5px;
    height: 21px;
    border-radius: 5px;
    left: 6.5px;
    transform: rotate(-57deg);
    position: absolute;
    background-color: #fff;
    top: 21px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.block4 {
    width: 15px;
    height: 15px;
    left: 25px;
    position: absolute;
    background-color: #fff;
    top: 25px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.revenirprod:hover .block4 {
    width: 5px;
    height: 32px;
    left: 18px;
    border-radius: 5px;
    top: 10px;
    transform: rotate(-90deg);
    position: absolute background-color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.formcont {
    padding: 50px 0;
    width: 98%;
    margin: 0 3%;
    float: left;
    overflow: hidden;
}

.col-2-c {
    float: left;
    position: relative;
    width: 96%;
}


.col-2-h {
    float: left;
    background-color: #0f0f0f;
    position: relative;
    width: 30%;
    margin: 36px 5%;
    overflow: hidden;
    box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.42);
}

.col-2-c .contact-info {
    color: #fff;
    font-size: 32px;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    font-family: arial;
    text-transform: uppercase;
}


#input_1_1 {
background: #131313;
    border: none;
    height: 27px;
    position: relative;
    z-index: 9;
    width: 87%;
    padding: 2%;
    margin-left: 5%;
    color:  #fff;
    font-family: arial;
    font-size: 17px;
    margin-bottom: 30px;
    -webkit-appearance: none;
    outline: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

#input_1_1:hover {
    background: #1b1b1b;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

#input_1_1:focus {
    background: #1f1f1f;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.service-col-left {
    position: absolute;
    height: 95%;
    top: 2.5%;
    left: 2.5%;
    width: 45%;
}

.text-left {
    position: relative;
    left: 52.5%;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 45%;
}

.text-left h1 {
    letter-spacing: 2px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 50px;
    padding: 8px 0;
    font-size: 37px;
    font-weight: bold;
    color: #fff;
}

.text-left p {
    font-size: 18px;
    margin-top: -9px;
    color: #fff;
    line-height: 26px;
}

.text-left .buttonleft {
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    font-size: 12px;
    letter-spacing: 4px;
    padding: 12px 15px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    float: left;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-weight: normal;
    line-height: normal;
    margin: 20px 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    border: none;
    border:3px solid #fff;
    color: #fff;
    background-color: transparent;
}



.text-left .buttonleft:hover {
    background-color: #fff;
    color: #08111B;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


.service-col-right {
    position: absolute;
    height: 95%;
    top: 2.5%;
    left: 52.5%;
    width: 45%;
}

.text-right {
    position: relative;
    left: 5%;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 43%;
}

.text-right h1 {
    letter-spacing: 2px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 50px;
    text-align: right;
    padding: 8px 0;
    float: right;
    font-size: 37px;
    font-weight: bold;
    color: #fff;
}

.text-right p {
    font-size: 18px;
    line-height: 26px;
    float: right;
    color: #fff;
    margin-top: -9px;
    text-align: right;
}

.text-right .buttonright {
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    font-size: 12px;
    letter-spacing: 4px;
    padding: 12px 15px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    float: right;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-weight: normal;
    line-height: normal;
    margin: 20px 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    border: none;
        border:3px solid #fff;
    color: #fff;
    background-color: transparent;
}

.text-right .buttonright:hover {
    background-color: #fff;
    color: #08111B;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}




#input_1_2 {
background: #131313;
    height: 179px;
    border: none;
    padding: 2%;
    width: 87%;
    position: relative;
    z-index: 9;
    margin: 0 5%;
    color:  #fff;
    font-family: arial;
    resize: none;
    font-size: 17px;
    margin-bottom: 30px;
    -webkit-appearance: none;
    outline: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


#input_1_2:hover {
    background: #1b1b1b;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

#input_1_2:focus {
    background: #1f1f1f;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

input::-webkit-input-placeholder {
    color:#fff;
}
 
input:-moz-placeholder {
    color:#fff;
}

.button {
    border: 2px solid #fff;
    min-width: 200px;
    max-width: 250px;
    color: #6e6e6d;
    text-align: center;
      -webkit-appearance: none;
    position: relative;
    margin-bottom: 25px;
    left: 50%;
    margin-top: 25px;
    border: 2px solid #6e6e6d;
    margin-left: -105px;
    cursor: pointer;
    background-color: #060606;
    font-weight: bold;
    padding-left: 20px;
    font-size: 16px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.button:hover{
    background-color: #6e6e6d;
    color: #fff;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
textarea::-webkit-input-placeholder {
    color:#fff;
}
textarea:-moz-placeholder {
    color:#fff;
}

.col-2-h:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 6px;
    right: 6px;
    bottom: 6px;
    border: 2px solid #171717;
}

.col-2-h .contact-info {
    color: #fff;
    font-size: 32px;
    margin-top: 32px;
    margin-bottom: 60px;
    text-align: center;
    font-family: arial;
    text-transform: uppercase;
}


#horairetext {
    color: #fff;
    font-size: 21px;
    margin: 0 auto;
    font-weight: 800;
    width: 211px;
    padding-bottom: 50px;
    line-height: 46px;
    font-family: arial;
}




.mapscont {
    width: 96%;
    z-index: 1;
    margin: 30px 2%;
    float: left;
    box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.42);
    height: 400px;
}

.footer {
    position: relative;
    bottom: 0;
    width: 100%;
    z-index: 100;
    background-color: #0e0e0e;
    padding-bottom: 35px;
    padding-top: 45px;
}

.video{
	margin: 100px 0;
}




.footer .logofooter {
    width: 300px;
    position: relative;
    left: 50%;
    margin-left: -150px;
}

.contact{
    margin: 180px 0 50px 0;
}



.contact h2 {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    position: relative;
    font-size: 35px;
    margin-bottom: 75px;
}

.contact h2:after {
    background: #fff;
    content: '';
    width: 50px;
    height: 1px;
    display: block;
    position: absolute;
    margin-top: 15px;
    left: 50%;
    margin-left: -30px;
}

.horaire{
    margin: 180px 0 50px 0;
}

.horaire h2 {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 35px;
    letter-spacing: 2px;
    position: relative;
    margin-bottom: 75px;
}

.horaire h2:after {
    background: #fff;
    content: '';
    width: 50px;
    height: 1px;
    display: block;
    position: absolute;
    margin-top: 15px;
    left: 50%;
    margin-left: -30px;
}


.horaire p {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 3px;
    margin: 0;
    line-height: 30px;
    color: #ccc;
}

.ligne {
    width: 1px;
    height: 126px;
    background-color: #3a3a3a;
    top: 76%;
    left: 50%;
    margin-left: -1px;
    margin-top: -79px;
    position: absolute;
}

.ligne2 {
    width: 1px;
    bottom: 20%;
    background-color: #3a3a3a;
    top: 50%;
    margin-top: -16%;
    right: 0;
    margin-left: -1px;
    position: absolute;
}

.contact a {
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.contact a:hover {
    text-decoration: underline;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a {
    outline: none;
    text-decoration: none;
    color: #ccc;
}
.contact p {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 2px;
    margin-top: 6px;
    line-height: 23px;
    color: #ccc;
}
.contact p span {
    color: #ffffff;
    font-weight: bold;
}
#footer2 {
    overflow: hidden;
    padding-bottom: 40px;
    width: 100%;
    padding: 17px 0;
    z-index: 100;
    position: relative;
    background-color: #0e0e0e;
    border-top: 1px solid #1f1f1f;
}
.contenuepers {
    float: left;
    background-color: #0f0f0f;
    position: relative;
    width: 96%;
    margin: 2%;
    margin-top: 10%;
    overflow: hidden;
}





.contenuepers h1 {
    float: left;
        width: 52%;
    color: #fff;
    letter-spacing: 2px;
    margin-top: 50px;
    text-transform: uppercase;
margin-left: 45%;
}


.contenuepers p {
    float: left;
    text-align: justify;
        width: 52%;
    line-height: 25px;
    letter-spacing: 1px;
    font-size: 14px;
    color: #fff;
margin-left: 45%;
    margin-bottom: 50px;
}

.icone{
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    top: 50%;
    position: absolute;
    width: 100%;
    margin-top: -19px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 2px;
}

.contenuepers .designationpers{
    float: left;
    letter-spacing: 2px;
        width: 52%;
    color: #fff;
margin-left: 45%;
}


.contenuepers .imgpers{
    float: left;
    width: 40%;
    height: 100%;
    position: absolute;
}

.copyright {
    word-spacing: 1px;
    float: left;
    line-height: 50px;
    color: #464646;
    font-size: 13px;
}

.planelogo {
    float: right;
}

.planelogo img {
    height: 40px;
    margin-top: 10px;
}

.bandesociaux {
    position: absolute;
    bottom: 3%;
    left: 3%;
    margin-left: -10px;
    cursor: pointer;
    width: 30px;
    z-index: 9;
}
.bandesociaux img {
    width: 70%;
    padding: 10px 15% 13px 15%;
}

.bandesociaux .globimg:after {
    background: #fff;
    content: '';
    width: 0px;
    height: 2px;
    display: block;
    position: absolute;
    margin-top: -10px;
    left: 50%;
    margin-left: 0px;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

.bandesociaux .globimg:hover:after {
    margin-left: -12px;
        width: 22px;    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}



.cliniqueimgi1{

    margin-left: 2%;
    margin-bottom: 2%;
    float: left;
    position: relative;
    overflow: hidden;
    width: 31%;

}

.cliniqueimgi1 img{

width: 100%;
margin-bottom: -5px;

}

.cliniqueimgi2 {
    margin-left: 2%;
    margin-bottom: 2%;
    float: left;
    position: relative;
    overflow: hidden;
    width: 31%;
}



.message {
    display: block;
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 50px;
    height: 50px;
    background: url(/images/pencil.svg) #1d1d1d no-repeat center center;
    background-size: 20px;
        box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.54);
    z-index: 100;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.message:hover {
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background-color:#2b2b2b;
        box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.74);
        background-size: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 1s ease;
}


.cliniqueimgi2 img{

width: 100%;
margin-bottom: -5px;

}

.cliniqueimgi3 {
    margin-left: 2%;
    float: left;
    position: relative;
    margin-bottom: 2%;
    overflow: hidden;
    width: 31%; 
}

.cliniqueimgi3 img{

width: 100%;
margin-bottom: -5px;

}


.cliniqueplus .plus {
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.71);
	bottom: 0;
	right: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.cliniqueplus:hover .plus {
    opacity: 1;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.zoom {
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    background: url(/images/zoom.svg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.revenirprod {
    position: relative;
    left: 50%;
    margin: 70px 0 50px 0;
    margin-left: -120px;
    width: 230px;
    opacity: 1;
    cursor: pointer;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}


.revenirprod span {
    width: 100%;
    float: left;
    padding-top: 25px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.erreur{
    text-align: center;
    font-size: 207px;
    color: #fff;
    margin-bottom: -90px;
} 

.erreur img{

    height: 170PX;
    margin-bottom: -10px;
    margin-right: -55px;
}


.pluserreur {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    position: relative;
    left: 50%;
    cursor: pointer;
    margin-left: -119px;
    margin-top: 0;
    font-weight: bold;
    padding: 7px 30px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.pluserreur:hover {
    color: #070f19; 
outline: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
 }
 
.pluserreur:focus{
	outline: none;
}
 
.pluserreur .bghover{
    position: absolute;
    width: 0%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    left: 0;
    top: 0;
    background-color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }

.pluserreur:hover .bghover{
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }


.admin{
    width: 400px;
    padding: 50px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 14px 37px 0 rgba(0, 0, 0, 0.57);
    margin-bottom: 44px;
    margin-top: 150px;
    background-color: #070d15;
}

::selection {
    color: #000;
    background-color: #ffeab8;
}

::-webkit-scrollbar {
    width: 5px;
    height: 13px;
}

::-webkit-scrollbar-thumb {
    background: #353535;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: #505050;
        -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

::-webkit-scrollbar-track-piece {
    background: #030303;
}

.admin img {
    width: 110px;
    margin-bottom: 50px;
    border-radius: 50%;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.02);
}
.admin button{
    width: 100%;
    background-color: #070d15;
    color: #d5ca70;
    font-size: 20px;
    position: relative;
    border: none;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #d5ca70;
    margin-top: 30px;
    padding: 10px 0;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }
 
 
.nextItem {
    display: block;
    background-color: #101010;
    color: #fff;
    margin-top: 100px;
    padding: 2rem;
    position: relative;
    overflow: hidden;
   -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.nextItem:hover {
    background-color: #151515;
   -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    
.nextItem_image {
    float: left;
    width: 15rem;
    margin-right: 35px;
}

.nextItem_image img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.nextItem_text {
    margin-left: 10rem;
    padding-left: 2rem;
    margin-top: 10%;
    webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.admin button:hover{
    color:#070d15;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }
 
.nextItem_text>:not(:last-child) {
    margin-bottom: .5rem;
}
 
.nextItem_text>* {
    display: block;
}
.sociaux {
    width: 100%;
    overflow: hidden;
    text-align: center;
    height: 52px;
}

.sociaux img {
	width: 100%;
}


.sociaux .face {
    width: 24px;
    height: 24px;
    overflow: hidden;
    margin: 0 10px;
    background-color: #151515;
    padding: 12px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -55px;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;  
}
 
 .sociaux .face:hover {
    background-color: #2b2b2b;
    cursor: pointer;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;    
}



.sociaux .google {
    width: 24px;
    height: 24px;
    overflow: hidden;
    margin: 0 10px;
    background-color: #151515;
    padding: 12px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: 40px;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;  
}
 
 .sociaux .google:hover {
    background-color: #2b2b2b;
    cursor: pointer;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;    
}


 .sociaux .instagram {
    width: 24px;
    height: 24px;
    overflow: hidden;
    margin: 0 10px;
    background-color: #151515;
    padding: 12px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: 10px;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;  
}
 
 .sociaux .instagram:hover {
    background-color: #2b2b2b;
    cursor: pointer;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;    
}



.tel {
    text-align: left;
    letter-spacing: 2px;
    color: #6d6d6d;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 52px;
}

.adresse{
    text-align: right;
    letter-spacing: 2px;
    color: #6d6d6d;
    font-size: 11px;
    line-height: 52px;
}


    
.admin button:focus{
	outline: none;
}
 
 
.admin button .bghover{
    position: absolute;
    width: 0%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    left: 0;
    top: 0;
    background-color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }

.admin button:hover .bghover{
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }

.admin input{
    background: #060606;
    border: none;
    height: 27px;
    position: relative;
    z-index: 10;
    width: 92%;
    padding: 4%;
    color:  #fff;
    font-family: arial;
    font-size: 18px;
    margin-bottom: 15px;
    -webkit-appearance: none;
    outline: none;
}



@media screen and (min-width: 1220px) and (max-width: 1500px) {



.contenue {
position: relative;
width: 1200px;
overflow: hidden;
margin: 0 auto;


}


    .dentiste-col2 {
        width: 42% !important;
    }

#header ul li a#butrendezvous {
    float: left;
    line-height: 41px;
    letter-spacing: 2px;
    margin-top: 34px;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
	display: block;
    border-radius: 23px;
    color: #000;
    background-color: #e2d0a7;
    font-weight: bold;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}



	
#header ul li a#butrendezvous:hover{
    background-color: #9a9076;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.step1 .input-col2 {
    font-size: 17px
}
.step1 .input-col1 {
    font-size: 17px;
}

.serviceplus h2 {
    font-size: 20px
}

.contenuepers h1 {
margin-left: 35%;
    width: 58%;
}


.contenuepers p {
margin-left: 35%;
    width: 58%;
    line-height: 29px;
    letter-spacing: 1px;
    font-size: 17px;
}

#filters {
left: 80px;
}

#filters li span {
    font-size: 20px;
}


.contenuepers .designationpers{
margin-left: 35%;
    width: 58%;
}

.contenuelist {
    position: relative;
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.col-4-equipe h3 {    font-size: 16px; padding: 0;}

.col-3-2 h3{
	    font-size: 16px;
}


.servicegroup .text h1 {
    font-size: 37px;
}

.servicegroupright .text h1 {
    font-size: 37px;
}


#input_1_2 {
    height: 185px;
}


.step1 {
    padding: 20px 35px 50px 35px;
    margin: 65px 50px 58px 50px;
}


.contenuepers .imgpers{
    width: 30%;
}

.timeline {
width: 1200px;
}

.velo-slide__text {
    font-size: 28px;
    line-height: 1.8;
}

.col-menue-1 #sub-menuul a {
    line-height: inherit;
    color: white;
    font-weight: bold;
    letter-spacing: normal;
    overflow: hidden;
    font-size: 13px;
    line-height: 36px;
    display: block;
     width: 42%;
    float: left;
    padding: 0px 25px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.col-4pro p{
    font-size: 14px;
}

.titrepro2{
    font-size: 25px;
}

.titrepro{
    font-size: 25px;
}


#sliderservice h1 {
    font-size: 36px;
}

.contenueheader {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    top: 0;
    overflow: hidden;
}

.tel{
    font-size: 16px;
}

.adresse{
    font-size: 16px;
}

.titreser {
    font-size: 27px;
}
.contservice button {
    bottom: 3%;
    padding: 12px 26px;
    font-size: 15px;
}

.designation {
    font-size: 12px;
}

.globale {
    max-width: 1200px;
}

}

@media screen and (min-width: 1500px) and (max-width: 60000px) {
.contenue {
position: relative;
width: 1500px;
overflow: hidden;
margin: 0 auto;

}

#filters {
left: 240px;
}

#filters li span {
    font-size: 20px;
}

.col-4pro p{
    font-size: 16px;
}

.col-3-2 {
    padding-left: 2%;
    padding-right: 2%;
    width: 21%;
}

    .dentiste-col2 {
        width: 21% !important;
    }


.col-3-2 .plus {
    left: 8%;
    width: 84%;
    height: 86.5%;
}



#header ul li a#butrendezvous {
    float: left;
    line-height: 41px;
    letter-spacing: 2px;
    margin-top: 34px;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
	display: block;
    border-radius: 23px;
    color: #000;
    background-color: #e2d0a7;
    font-weight: bold;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}



	
#header ul li a#butrendezvous:hover{
    background-color: #9a9076;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.contenuelist {
    position: relative;
    width: 1500px;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}



.contenueheader {
    width: 1500px;
    margin: 0 auto;
    position: relative;
    top: 0;
    overflow: hidden;
}

.col-4-equipe h3 {    font-size: 16px; padding: 0;}

.serviceplus h2 {
    font-size: 23px
}

.col-3-2 h3{
	    font-size: 18px;
}

.service2 p {
    margin-bottom: 20px;
    font-size: 15px;
    padding: 3% 6%;
}


#input_1_2 {
    height: 196px;
}

.col-menue-1 #sub-menuul a {
    line-height: inherit;
    color: white;
    font-weight: bold;
    overflow: hidden;
    font-size: 13px;
    line-height: 36px;
    display: block;
    letter-spacing: normal;
    width: 42%;
    float: left;
    padding: 0px 25px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.step1 {
    padding: 20px 35px 50px 35px;
    margin: 65px 50px 58px 50px;
}

.step1 .input-col2 {
    font-size: 17px
}
.step1 .input-col1 {
    font-size: 17px;
}

.contenuepers h1 {
margin-left: 30%;
    width: 63%;
}


.velo-slide__text {
    font-size: 28px;
    line-height: 1.8;
}

.timeline {
width: 1500px;
}

.serviceplus h2 {
    font-size: 16px;
    margin: 10px 0;
}


.col-3 {
    margin-bottom: 0px;
    width: 25%;
}

#sliderservice h1 {
    font-size: 46px;
}
.contenuepers p {
margin-left: 30%;
    width: 65%;
    line-height: 29px;
    letter-spacing: 1px;
    font-size: 17px;
}

.titrepro2{
    font-size: 25px;
}

.titrepro{
    font-size: 25px;
}


.contenuepers .designationpers{
margin-left: 30%;
    width: 63%;
}


.contenuepers .imgpers{
    width: 25%;
}

.tel{
    font-size: 16px;
}

.adresse{
    font-size: 16px;
}

.contservice button {
    bottom: 3%;
    padding: 12px 26px;
    font-size: 15px;
}

.titreser {
    font-size: 27px;
}

.globale {
    max-width: 1500px;
}




.designation {
    font-size: 14px;
}



}


/* INFOSIGN */
.loi25{
	margin: 100px 0 50px;
}
.loi25 .titre{
	padding-bottom: 30px;
}
.loi25 p.first-p{
	margin-bottom: 30px;
}
.loi25 p{
	text-align: center;
	font-size: 18px;
	letter-spacing: 3px;
	margin: 0 auto;
	line-height: 30px;
	color: #ccc;
	max-width: 900px;
}

@media (max-width: 780px) {
	.loi25 p{
		font-size: 13px;
		line-height: 26px;
	}
}