#dro{
					 background-color:black;
					 border:1px solid #000;
					}
				 
				 #blol{
				 
					 font-family: Rubik, sans-serif;
					 font-size: 22px;
					 font-style: italic;
					 color:white;
					}
			 
				#bol{
				 
					background-color:white;
					color:#000;
				}
			 
				 #bol:hover{
					 
					background-color:black;
					color:#fff;
				 }

				#bb{
					color:white;
					}
					
					
					
				.unselectable { 
				  -webkit-user-select: none; 
				  -webkit-touch-callout: none; 
				  -moz-user-select: none; 
				  -ms-user-select: none; 
				  user-select: none;    
				 }
				 
				 #boxx{
						box-shadow:10px 0px 10px 0px #f2f2f2;
						padding:0px;
						padding-right:0px;
						margin:6px;
						border-radius:50px;
						border-right:15px solid black;
						border-top:3px solid black;
						/* background-image:url(02.jpg); */
						/* background-size:100%; */
				 
				 }
				  #boxxx{
					 
						 
						padding:10px;
						padding-top:20px;
						 
						background-image:url(123.png);
						background-size:cover;
						background-repeat:no-repeat;
				 
				 }
				 .uk-t{
					 
					border-radius:0px;
					color:#fff;
					box-shadow:2px 1px 0px #f8f8f8;
					background-color:#000;
					border:none;
					padding:10px;
				  border-bottom:2px solid #f7f7f7;
				  margin:1px;
				 }
				 #pub{
					 width:100%;
					 height:auto;
					 
				 }
				 #oio{
				     
				 background-color:#000;
				 padding:2px;
				 padding-left:5px;
				 padding-right:5px;
				 border-radius:10px;
				 color:#fff;
				 }
				 
				 #oi{
				     margin-right:5px;
				     
				 }

				 @media screen and (min-width: 600px) {
			   #nm{
					 
					 height:180px;
					 overflow:auto;
					
				 }

				 .uk-card-body h3{
	height: 50px;
}

.uk-card-body{
	height: 300px;
}

			}

/* If screen size is 600px wide, or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
  #nm{
					 /* 
					 height:120px;
					 overflow:auto;
					 */
				 }
}
				 
				
				 .conteneur1{
    overflow: hidden;
    max-width: 960px;
    margin: 50px auto;
    box-shadow: 0px 15px 10px -5px #777;
}
.d1{
    width: 3840px;
    height: 720px;
    background-color: #EDEDED;
    background-image: url("ro.png");
    background-size: contain;
    animation: defilement1 12s linear infinite;
}
@keyframes defilement1{
    0%{transform: translate(0,0);}
    100%{transform: translate(-2880px,0);}
}
 
 
@keyframes defilement2{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d1:hover{
    animation-play-state: paused;
}

				
.uk-card-default{
	box-shadow: none;
} 	 
.uk-card-body{
	padding-left: 0px;
}

.ion-ios-arrow-back{
	margin-right: 15px;
}

#realisation1>#bloc222{
	margin-bottom: 10px;padding: 5px;background-color:#fafafa;border-radius: 5px;
}
#realisation1{
	margin-bottom: 15px;
}



@media screen and (max-width: 600px) {
   #paragraphebloc{
	height: 110px;margin:10px 0px
}
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
   
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (min-width: 600px) {
   #paragraphebloc{
	height: 80px;margin:10px 0px
}
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	 
  z-index:100;
  display: flex;
  justify-content: center;
  align-items: center;
}

.my-float{
	 
}
.tools div{
    margin:40px 0px;
}