<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*{
		font-family:'Work Sans', sans-serif;
		margin:0;
		padding:0;
		border:0;
		text-align:center;
		font-size:98%;
    
	}


.puces {
	position: absolute;
	top:40%;
    right:50px;
    position:fixed;
    display: flex;
    flex-direction: column;
    z-index: 100;
}

.puce {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: var(--main-color);
    z-index: 10;
    margin-top: 15px;
    cursor:pointer;
}


div.puce a {
   display: none; 
    font-size:12px;
    font-weight: 500;
    animation:none;
}
div.puce:hover {
    
    -webkit-transform:scale(1.15);
    transform:scale(1.15);
   z-index: 10; 
     display: flex;
    align-items: center;
     
}
div.puce:hover a {
   display: inline; 
   position: absolute;

   white-space: nowrap; 
   right:50px; 
   background: var(--main-color);
   color: #f7f7f7;
   padding: 7px;

  
}

div.puce:hover:before {
   content:"";
   position: absolute;
    right: 41px;
   width: 0;
   height: 0;
   border-top: 5px solid transparent;
   border-left: 10px solid var(--main-color);
   border-bottom:5px solid transparent;
    z-index: 9;
}

.puce &gt; span {
  border-radius: 50%;
  display: block;
  height: 10px;
  width: 10px;
}

.puce &gt; span &gt; span {
  border-radius: 50%;
  display: block;
  height: 10px;
  width: 10px;
}

.puce &gt; span &gt; span:after {
  border-radius: 50%;
  content: '';
  display: block;
  height: 10px;
  width: 10px;
}

.puce span {
  background-color: var(--main-color);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);  
}

.puce span:after {
      background-color: #f7f7f7;
}
.anima {
  -webkit-animation: pulse-2-5 1s linear infinite;
    animation:pulse-2-5 1s linear infinite;;
}

@-webkit-keyframes pulse-2-5 {
  0% {
    opacity: .75;
    -webkit-transform: scale(1);
      transform: scale(1);
  }
  25% {
    opacity: 0.75;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
        -webkit-transform: scale(2.5);
    transform: scale(2.5);
  }
}

@keyframes pulse-2-5 {
  0% {
    opacity: .75;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    opacity: 0.75;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
  }
}




.bottom_h1 {
    -webkit-animation:bounceInLeft 1s linear forwards;
    animation:bounceInLeft 1s linear forwards;
}
@font-face {
		font-family: "Ionicons";
		src: url("../../public/fonts/ionicons.woff") format("woff"), url("../../public/fonts/ionicons.ttf") format("truetype");
		font-weight: normal;
		font-style: normal;
	}

	i{
		font-family: 'Ionicons';
		font-weight: normal;
		font-style: normal;
	}
	
	html,body{height:100%;}
	section{width:100%;}
	.fullheight{min-height:100%;}
	
	nav{position:fixed;width:100%;text-align:left;background:rgba(255, 255, 255, 0.8);line-height:60px;z-index: 100;}
	nav a{font-weight:100;text-decoration:none;font-weight:400;padding-left:15px;padding-right:15px;display:inline-block;color:#555;}
	nav a.home {width:150px;background: #444 url(../../config/logo.jpg) center center / cover no-repeat;}
	nav a.active{color:var(--main-color);}
    nav a:hover {color:var(--main-color);}

    .all_rs {
    position: absolute;
    top:0;
    right:50px;
    }
	.section-print{float:right;color:rgba(255,255,255,0.5);font-size:40px;}
	.hide-small{display:block;}
	.show-small{display:none;}
	.call-us{background:var(--main-color);padding:20px;}
	.call-us h2{color:#FFF;margin-top:0;margin-bottom:0;}
	

	#footer{color:#fff;background-color:#111;}
	#footer h3{line-height:50px;}
	#contacts {background:rgba(0,0,0,0.85);}
	#contact_form {margin-top:20px;}
	#contact_form input, #contact_form textarea{
		padding:2%;
		display:inline-block;
		width:60%;
		font-size:25px;
		text-align:left;
	}
	#contact_form input{
		text-align:center;
	}
	#contact_form input.required, #contact_form textarea.required{
		border:4px solid red;
	}
	#contact_form label{
		font-weight:300;
		display:inline-block;
		color:#FFF;
		font-size:22px;
		width:60%;
		padding:2%;
		text-align:left;
	}
	#contact_form div{
		min-height:320px;
	}
	#contact_form a.btn{
		margin:2%;
		display:inline-block;
		width:40%;
		font-size:18px;
		background:#78ca32;
	}
.call-us &gt; .container {
    max-width:1100px;
}
	
	.home_bottom{
		
		color:#FFF;
		font-size:14px;
		text-align:left;
	}
	.home_bottom div{text-align:left;}
	.home_bottom div i{display:inline-block;color:var(--main-color);font-size:40px;width:60px;line-height:60px; 
        
        animation: pulse 1s 550ms linear forwards;
        -webkit-animation: pulse 1s 550ms linear forwards;}
	.home_bottom div p{margin:0;padding:0;display:inline-block;text-align:left;font-weight:500;vertical-align: middle;margin-top: -20px;max-width: 210px;overflow: hidden;  -webkit-animation: pulse 1s 550ms linear forwards;animation: pulse 1s 550ms linear forwards;}
	.home_bottom div p span{display:block;text-align:left;}
	a.social_bottom{color:#FFF;background:var(--main-color);display:inline-block;border-radius:5px;}
	a.social_bottom i {color:#FFF;}
	.a-propos{
		padding:25px;
		color:#FFF;
	}
	.a-propos p{
		padding:50px;
		background:rgba(34,34,34,0.9)
	}
	.annonce h2{font-size:40px;text-align:left;}
	.annonce h3{font-size:25px;text-align:left;font-weight:normal}
	.annonce p{font-size:20px;text-align:justify;}
	address span strong {text-align:left;width: 70px;display:inline-block;}
	address a{text-decoration:none;color:#FFF;}
	#actualites{
		list-style-type: none;
	}
	#actualites li{
		display:none;
		color:#FFF;
		background:rgba(0,0,0,0.7);
		padding:5px;
		text-align:left;
		width:40%;
		margin-left:auto;
		margin-top: 2px;
		cursor:pointer;
		border-radius:4px;
	}
	#actualites li h4{
		margin:5px;
		text-align:center;
		line-height:25px;
		font-size:20px;
		font-weight:300;
	}
	#actualites li p{
		text-align:justify;
		display:none;
		max-height:400px;
		overflow-y:auto;
		font-size:14px;
		font-weight:300;
	}
	#actualites li p img{
		width:100%;
		display:block;
		margin-bottom:5px;
	}
	#actualites li p label{
		display:block;
		text-align:right;
		font-size:10px;
	}
	#actualites li h4 i{
		font-size: 25px;
		display: inline-block;
		width: 20px;
	}
	
	
	a.colored-menu{
		color: var(--main-color);
		cursor:pointer;
	}
	
	.souscrire{
		display: inline-block;
		border: 1px solid white;
		float: right;
		text-decoration: none;
		margin: 50px;
		padding: 15px;
		color: #FFF;
		border-radius: 5px;
		font-weight: 500;
	}
	.souscrire:hover{
		color:var(--main-color);
		background:#FFF;
	}
	.publication{ 
		width:200px;
		margin-top:100px;
		text-align:center;
	}
	.publication a {
		color:#FFF;
		text-decoration:none;
		text-align:center;
		background:var(--main-color);
		display: inline-block;
		max-width: 250px;
	}
	.publication img{width:100%;}
	.publication span{
		display: block;
		line-height: 30px;
		padding-bottom:5px;
	}
	#backgroundzone{height:100%;width:100%;background: #444 url(../../config/home.jpg) center center / cover no-repeat;position:fixed;z-index:-100;
    
}
	#small-social {margin-bottom:150px;}
	#small-social a{width:50px;height:50px;line-height:50px;}
	#small-social a i{font-size:35px;}
	#contact_result{font-size:25px;padding:15px;color:#FFF;display:none;}
	#contact_result.success{background:#78ca32;}
	#contact_result.error{background:#C01705;}
	#contact_result i{font-size:80px;}

	
	#mobile_title{display:none;font-weight:300;font-size:35px;margin-top:250px;color:#FFF;}


@media screen and (max-width: 320px){
    
    
    .puce {
        width: 10px;
        height: 10px;
        
    }   
}


@media screen and (max-width: 425px){
    .open{
        display:block;
    }
    .all_rs {
    position: absolute;
    top:0;
    right:0;
    }
    .nav {
        width: 0px;
        overflow: hidden;

    }
    
    

    .puces {
            top: 60px;
    right: 25px;
    }  
    .puce{
        margin-left:5px
    }
    div.puce:hover a {

    right:30px;
    
    z-index: 15;
}
    div.puce:hover:before {
     z-index: 15;
    right: 21px;

   
}
    
  
    

}


	@media screen and (max-width: 768px){
		.publication{width:100%;}
		.bottom_h1{display:none;}
		#mobile_title{display:block;}
		
		nav a.home{display:none;}
		.hide-small{display:none;}
		.show-small{display:block;}
		#concept td{padding:0.5em;}
		#home{min-height:auto;}
		.col-5,.col-4,.col-3,.col-3x2,.col-2{display:block;width:100%;}
		.home_bottom div i{display:block;}
		.home_bottom div p{font-size:18px;}
		#contact_form div input, #contact_form div label, #contact_form div textarea{width:90%;font-size:16px;}
		
		.a-propos{margin:0;padding:0;}
		.a-propos p{margin:0;padding:10px;}
		.souscrire{float:none;margin:auto;margin-top:20px;margin-bottom:20px;}
		#backgroundzone{height:100%;width:100%;background: #444 url(../../config/mobile.jpg) center center / cover no-repeat;position:fixed;z-index:-100;}
        
        
        
        
		nav{width:0px;line-height:40px;background:rgba(255, 255, 255, 0.9);font-size:20px;border-radius:5px;margin:10px;overflow:hidden;}
         .growup {
    -webkit-animation:growup 550ms cubic-bezier(.97,.01,.06,1.01)  forwards;
             animation:growup 550ms cubic-bezier(.97,.01,.06,1.01)  forwards;
    }
        .closed {
   -webkit-animation:closed 550ms cubic-bezier(.97,.01,.06,1.01) forwards;
       animation:closed 550ms cubic-bezier(.97,.01,.06,1.01) forwards;
    }
    @-webkit-keyframes closed {
        from {
            width:80%;
        }
        50% {
         overflow: hidden;
        }
        to {
            width: 0px;
            overflow: hidden;
        }
    }
    @-webkit-keyframes growup {
        from {
            width: 0px
        }
        99% {
            overflow: hidden;
        }
        to {
            width: 80%;
            overflow: visible;
        }
    }
    @keyframes closed {
        from {
            width:80%;
        }
        50% {
         overflow: hidden;
        }
        to {
            width: 0px;
            overflow: hidden;
        }
    }
    @keyframes growup {
        from {
            width: 0px
        }
        99% {
            overflow: hidden;
        }
        to {
            width: 80%;
            overflow: visible;
        }
    }
        
        
        
        
		nav a {display:block;text-align:left;}
		.photo-col{min-height:150px;}
		.col-2 .photo-col{min-height:195px;}
		.col-3 .photo-col{min-height:125px;}
		a.social_bottom{border-radius:50%;}
	}
@media screen and (min-width: 769px){
	.scrollUp {
		-webkit-transform: translateY(-90px);
		transition: all 350ms ease-in-out;
	}
}</pre></body></html>