/* whatsapp */
#subhead {font-family:  sans-serif; font-size: 14px;}
/* social media */
/* footer */
#titlfooter {font-weight: bold;}
.pt-2 p a{color: #fff; text-decoration: none; margin-left:5px;}

/* end of footer */
/* whatsapp fixed */
#buttonwhatsap {margin-bottom:100px; margin-right:100px; background-color: #25D366; color:#fff; font-size:28px; }
#circlewhatsap {margin-bottom:100px; margin-right:100px; width: 45px; height:45px; background-color: #25D366; box-shadow: 20px 20px 60px grey; border-color: #25D366;}
#buttonwhatsap:hover {background-color: #25D366; color:#fff; font-size:31px; }
#circlewhatsap:hover {width: 48px; height:48px; background-color: #25D366; box-shadow: 20px 20px 60px grey; border-color: #25D366;}
/* whatsapp fixed */		
/** Resolv problem of ecart of marg 
#subhead .flex-grow-1 {flex-grow: 0 !important;} */
/** affichage des element de head (head1 a head5) */
.sticky-top, .bg-light, #navbar_top {
  padding-top: 0px; padding-bottom: 0px;
}
/** affichage de navbar de head (head1 a head5) */

/** les liens du menu nav */
.navbar-expand-lg .navbar-nav .nav-link {
    font-family: Georgia, serif;
	color: #fff;
	padding-top: 1px;
 } 
 .navbar-expand-lg .navbar-nav .nav-link:hover {
    font-family: Georgia, serif;
	background-color: #ffffff;
	color: #000;
	padding-top: 2px; /** ce padding de 2px crée de l'animation sur des liens du menu */
 } 
 .navbar-expand-lg .navbar-nav .nav-link:active {
    font-family: Georgia, serif;
	color: #000;
 } 
 /** les liens du menu nav avec des noeuds contenant le sous-menu */
 .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    background-color: rgba(0,0,0,0.4) !important;
	color: #fff;
 }
 .navbar-expand-lg .navbar-nav .dropdown-menu:hover {
    position: absolute;
    background-color: rgba(0,0,0,0.4) !important;
	color: #000;
 }
 .navbar-expand-lg .navbar-nav .dropdown-menu:active {
    position: absolute;
    background-color: rgba(0,0,0,0.4) !important;
	color: #000;
 }
 
/** les liens de sous-menu avec les noeuds */
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {	
	color: #fff;
}
 .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover {
	color: #000;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:active {
	color: #000;
}

/** afficher l'ensemble des liens sous-menu contenus dans les noeuds par l'action hover */
.navbar-expand-lg .navbar-nav .dropdown:hover .dropdown-menu {
	display: block;
}

@media (min-width: 1200px) { 
   .navbar-expand-lg .navbar-nav .nav-link {
       margin-left: 40px;
    }
	/** affichage des element de subhead (head1 a head5) */
    #subhead {margin-top: 5px; margin-bottom: 5px;}
} 

@media (min-width: 992px) and (max-width: 1200px) { 
   .navbar-expand-lg .navbar-nav .nav-link {
       margin-left: 20px;
    }
    /** affichage des element de subhead (head1 a head5) */
    #subhead {margin-top: 5px; margin-bottom: 5px;}
	
}

@media (min-width: 768px) and (max-width: 992px) { 
    .navbar-expand-lg .navbar-nav .nav-link {
       margin-left: 8px;
    }
}
.navbar-toggler, .navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus {}
#subhead .subhead {font-family: Serif; font-size:18px; }
#nav-container-fluid {background-color: rgba(0,0,0,0.4) !important; box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);}
/* for the logo */
.navbar-brand .fa-scale-balanced{font-size:32px; color:#fff;}
/* for Navbar */ 	 
@media (min-width: 992px) { 
	.navbar-brand .fa-scale-balanced{font-size:50px; color:#fff;}
}
/* affichage des element de head (head1 a head5) */
@media (max-width: 1350px) {
	#subhead  .subhead1, #subhead  .subhead2, #subhead  .subhead3, #subhead  .subhead4 {font-size:15px;}		 
    #subhead #head5 {visibility: hidden; font-size:0px; width:0px; height:0px;margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px;}
	#subhead .subhead5, #subhead .subhead6 {visibility: hidden; font-size:0px; width:0px; height:0px; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px;}
	#subhead #head5 .p-2 {padding: 0rem !important;}
	#subhead #head5 .p-2 {padding-right: 0rem; padding-left:0rem;}
	#subhead #head5 .me-4 {margin-right: 0rem !important;}
	#subhead #head5 {padding-right: 0rem !important; margin-right:0rem !important;}
}
@media (max-width: 1047px) {
	#subhead  .subhead1, #subhead  .subhead2, #subhead  .subhead4 {font-size:15px;}
	#subhead #head3 {visibility: hidden; font-size:0px; width:0px; height:0px; }
	#subhead #head3 .p-2 {padding: 0rem !important;}
	#subhead #head3 .p-2 {padding-right: 0rem; padding-left:0rem;}
	#subhead #head3 .me-4 {margin-right: 0rem !important;}
	#subhead #head3 {padding-right: 0rem !important; margin-right:0rem !important;}
	#subhead #head3 .subhead2, #subhead #head3 .subhead3  {visibility: hidden; font-size:0px; width:0px; height:0px;}
}
@media (max-width: 768px) {
	#subhead  .subhead1, #subhead  .subhead4 {font-size:15px;}		
    #subhead #head2 {visibility: hidden; font-size:0px; width:0px; height:0px; }
	#subhead #head2 .p-2 {padding: 0rem !important;}
	#subhead #head2 .p-2 {padding-right: 0rem; padding-left:0rem;}
	#subhead #head2 .me-4 {margin-right: 0rem !important;}
	#subhead #head2 {padding-right: 0rem !important; margin-right:0rem !important;}
	#subhead #head2 .subhead2 {visibility: hidden; font-size:0px; width:0px; height:0px;}
} 
@media (max-width: 570px) {
	#subhead .subhead{font-family: Serif; font-size: 14px;}
	#subhead .flex-grow-1 {flex-grow: 0 !important;} 
	#subhead #head4 {visibility: hidden; font-size:0px; width:0px; height:0px; }
	#subhead #head4 .p-2 {padding: 0rem !important;}
	#subhead #head4 .p-2 {padding-right: 0rem; padding-left:0rem;}
	#subhead #head4 .me-4 {margin-right: 0rem !important;}
	#subhead #head4 {padding-right: 0rem !important; margin-right:0rem !important;}
	#subhead #head4 .subhead4{visibility: hidden; font-size:0px; width:0px; height:0px;}
}
/**************/
/*  index     */
/**************/
/* first-coontainer */
#index-start .carousel-inner .carousel-item	#jpg {
	max-height: 450px;
}	
.d-block {
	animation: scale 40s linear infinite;
}  
@keyframes scale {
  50% {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
  }
}

#index-first .log .fa-house-chimney, 
#index-first .log .fa-lightbulb,
#index-first .log .fa-handshake,
#index-first .log .fa-scale-balanced {
	padding: 30px;
	border: 1px solid;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);	
	border-radius: 100%;
}
/*
#index-first .log {
	transition: transform 0.25s;
}
#index-first .log:hover {
	transform: scale(1.1);
} 
*/
#index-first #first .log {
	margin: 20px;
}
#index-first #first .log {
	position: relative;
    border-bottom: 2px solid #0004ff;
    background: #cccaca;
}
#index-first #first .log  #borderLeft {
	border-left: 2px solid #0004ff;
    position: absolute;
    top: 50%;
    bottom: 0;
}
/* second-coontainer */
#index-first, #index-second, #index-third, #third, #index-six {
	line-height: 2;
	font-size: 17px;
}
#index-second .compet {
	margin: 10px;	
}
#index-second .compet:hover {
    transform: translateY(-3px);
	background-color:;
	border-bottom: 4px dashed blue;
}
#index-second .compet {
	text-align: center;
	margin: 15px;
	padding: 10px;
}
#index-second .compet .competence{
	position: relative;
    border-bottom: 2px solid #0004ff;
    background: #cccaca;	
}

/* index-third */
#third .text-center #photo{
	margin-bottom: 10px;
	border: 1px solid;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
}
#third .text-center h5{
	margin-top: 5px;
	font-family: serif;
}
#index-third .text #imgborder{
	position: relative;
    border-bottom: 2px solid #0004ff;
	border-top: 2px solid #0004ff;
	border-left: 50%;
    background: #cccaca;
}

/* index-four */
#index-five .stat {
	border: 1px solid;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
	padding-top: 10px;
	padding-bottom: 10px;
	margin:10px;
}
/* index-six */
#index-six {
	padding-top: 20px;
	padding-bottom: 20px;
	background-position: center; /* centrer le contenu du conteneur */
	background-repeat: no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
}
#index-six .formular .card {
	margin-top: 20px;
	margin-bottom: 30px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.5);
    font-size: 17px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);	
}
#index-six .formular .card .form-group{
	margin-bottom: 5px;
}
#index-six .formular .card .form-group .form-check{
	margin: 10px;
}
#index-six .formular .card .form-group .btn {
	width: 30%;
	border-radius: 50px;
}
#index-six .formular .card .form-group input, 
#index-six .formular .card .form-group textarea {
	background-color: #ccebff;
}
/* container footer */
#container-footer {
	padding-top: 20px;
	padding-bottom: 20px;
	background-position: center; /* centrer le contenu du conteneur */
	background-repeat: no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
#container-footer .footer-div {
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	min-height:270px;
	padding: 20px;
}
#card .card .d-flex {
	background-color: #990000;
	border: 1px solid;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	box-shadow: 0 2px 5px 1px rgba(64,60,67,.6);
}
#card .card .d-flex .cat1 {
	background-color: #00ACEE;
	width: 30%;
	padding: 5px 10px 7px 10px;
	text-align: center;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}
#card .card .d-flex .cat2{
	padding: 5px 10px 7px 10px;
	text-align: center;
	
}

#card .card .d-flex .cat1 .fa-file-pen {
	color: #fff;
	font-size: 18px;
}
#card1, #card2, #card3 {
	text-align: center;
}
#card1 .divider, #card2 .divider, #card3 .divider {
	height: 5px;
    width: 50px;
    background: linear-gradient(to right, #0000cc, #cc0033);
    margin: 16px auto;
}
/* police and line-heigth of all pages */
#actual-start #card {
	font-size: 17px;
	line-height: 2;
}
/*  formulaire  */
#contact-start .formular .card {
	border-radius: 20px;
	background-color: #fff;
}
#contact-start .formular .card .form-group { 
	margin-bottom: 10px;
}
#contact-start .formular .card .form-group .input-group-text,
#contact-start .formular .card .form-group .form-control,
#contact-start .formular .card .form-group .form-check .form-check-input { 
	border-radius: 0px;
	border: 1px solid;
	border-color: #00ffff;
}
#contact-start .formular .card .form-group .btn {
	width: 40%;
	border-radius: 50px;
}
#actual-start .fa-stop {
	color: #9900cc;
	margin-right: 10px;
}

/***************/
/*  client     */
/***************/
#law .custom {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 0px;
	border: 1px solid;
	border-color: #000;
	background-color: rgba(0, 0, 0, 0.4);
}
#law .custom .form-group .form-control {
	border-radius: 0px;
}
#law .custom .form-group .btn {
	border-radius: 0px;
}
#law .text-center {
	font-family: arial,sans-serif;
	font-weight: 300;
}

/***************/
/*  actualites */
/***************/

/***************/
/*  conseil ****/
/***************/

/***************/
/*  droit   ****/
/***************/

/***************/
/*  client  ****/
/***************/

/***************/
/*  assistance */
/***************/

/***************/
/*  audit   ****/
/***************/