/* menu navbar */
.navbar-toggler, .navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus {
   /* outline: none;
    box-shadow: none;
	border: 0; */
}
.navbar-expand-lg {padding-top: 0px;}
.navbar-nav .dropdown-menu {
	border-color: #000;
}
.navbar-expand-lg .bg-light .sticky-top, #navbar_top {
	padding-top: 0px;
}
.dropdown {padding-bottom: 12px;}
.navbar-nav .dropdown-menu {
	border-color: #b0c4de;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
/* footer */
#titlfooter {font-weight: bold;}
.pt-2 p a{color: #003; text-decoration: none;}
/* 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 */

/* Ent-tête de nav menu */
.navbar .navbar-brand {
	font-family: Rockwell Extra Bold;
	font-weight: 800;
}
.navbar-expand-lg {padding-top: 0px;}
.navbar-nav .dropdown-menu {
    border-color: #000;
}
.dropdown {padding-bottom: 12px;}
.navbar-nav .dropdown-menu {
    border-color: #b0c4de;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
/* footer */
#titlfooter {font-weight: bold;}
.pt-2 p a{color: #003; text-decoration: none;}
/* 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 */

/** réglage du menu nav */
.navbar-expand-lg .navbar-nav .nav-link {
	font-family: serif;
	background-color: #226AA7;
	color: #000; font-size: 14px;
	color:#fff;
	font-weight: bold;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
	font-family: serif;
	background-color: #226AA7;
	color: #000; font-size: 14px;
	color:#fff;
	font-weight: bold;
	border-radius: 0px;
	border-color: #226AA7;
}
.navbar-nav .dropdown-menu {
	border-color:  #226AA7;
	border-radius: 0px; 
	border: 0px;
}
	
.navbar-expand-lg .navbar-nav .nav-link {
    margin-left: 20px;
}
.navbar-expand-lg .navbar-nav .nav-link:hover { background-color: #D2691E;}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover {background-color: #D2691E; }
.navbar-expand-lg .navbar-nav .nav-link:active { color: red;}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:active {color: red;}
/*distance pour apparition de dropdown-menu avec hover */
/*.navbar-expand-lg .navbar-nav .dropdown-menu {margin-bottom: 10px;}*/

#menu-navbar-fixe, #movhead {
	background-color: #226AA7;
	color:#000;
}
.navbar-expand-lg {padding-top: 0px;}
/** logo*/
.navbar-brand {font-family:bold; font-size: 24px;}

/** disparition de la div en haut avec ces elements */
#movhead #di1 .fa-phone, #movhead #di2 .fa-envelope, #movhead #di3 .fa-globe {color: #FF1493;}
@media (min-width: 768px) { 
    #movhead #di1 #ob1 {font-family: serif; font-size: 16px;}
    #movhead #di2 #ob2 {font-family: serif; font-size: 16px;}
	#movhead #di3 .fa-globe {font-size: 18px; padding-top:2px;}
    #movhead #di3 #ob3 {max-height:28px; padding-top:1px; padding-bottom:5px; width: 80%; margin: 0px; border:0px; background-color:#226AA7; font-family: serif; font-size: 16px;}
}
		
@media (max-width: 768px) { 
    #movhead {font-size: 0px; margin: 0px; padding: 0px; width: 0px; height: 0px;}
    #movhead #di1 #ob1 { font-size: 0px;}
	#movhead #di2 #ob2 { font-size: 0px;}
	#movhead #di3 .fa-globe {font-size: 0px; padding-top:0px; }
	#movhead #di3 #ob3 {max-height:0px; padding-top:0px; padding-bottom:0px; width: 0%; margin: 0px; border:0px;  font-size: 0px;}

	.fa-phone, .fa-envelope, .fa-globe, .fa-solid, .select {font-size: 0px; padding-top:0px; margin: 0px; padding: 0px;
	max-height:0px; padding-top:0px; padding-bottom:0px; width: 0%; margin: 0px; padding: 0px; width: 0px; height: 0px;}
	.p-2 {padding: 0rem !important; margin: 0rem !important; }
    .ms-5 { margin-left: 0rem !important; margin-right: 0rem !important; }
    .me-4 { margin-right: 0rem !important; margin-left: 0rem !important; padding: 0rem !important}
	.me-5 { margin-right: 0rem !important; margin-left: 0rem !important; padding: 0rem !important}		   
}		
/** 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;
}
/* image carous */
#carouselExampleCaptions .carousel-item {
	max-height:380px;
}
#carouselExampleCaptions .carousel-item #img {
	max-height:380px;
}
#carouselExampleCaptions .carousel-item h4 {
    height: 120px;
	font-weight: bold;
}
#carouselExampleCaptions .carousel-item p {
	height: 120px;
	font-weight: normal;
	font-size: 18px;
}

#carouselExampleCaptions .carousel-item .btn {
	color: #fff;
	background: linear-gradient(to right, #1107fe, #D2691E, #1107fe);
    transition: all 0.4s ease;  
 }
#carouselExampleCaptions .carousel-item .btn:hover {
	color: #fff;
	background: #D2691E;
    transform: translateY(-3px);
}

/* divider */
.divider {
	height: 5px;
    width: 80%; 
    background: linear-gradient(to right, #FF0000, #1107fe, #D2691E, #1107fe, #FF0000);
    margin: 16px auto;
}
/* breadcrumb */
.breadcrumb .breadcrumb-item {
	font-size: 17px;
	font-weight: 600;
	font-family: serif;
} 
/* services */
/* image */
#img-service {
	width: 70%;
	border: 2px solid;
}
.service .service-img {
	position: relative;
}
@media (max-width: 768px) { 
    img {
		 width: 50%;
	}
}
/* service et texte */
.section h3 {
	font-family: serif;
}
.section h4 {
	font-family: serif;
	color: #226AA7;
}

/* presentation */
.person img {
	width: 200px;
	height: 200px;
	border-radius: 100px;
}

.stars {color: orange;}
#reseau .fa-stop {color: #226AA7;}
.mt-5 #profil {
	border: 1px solid;
	border-radius: 20px;
	padding:10px;
	border-color: #226AA7;
}
.mt-5 #profil h4{font-size: 22px;}
.mt-5 #profil h5{font-size: 20px;}

/* administration */
#administration .fa-stop {
	color: #226AA7;
	font-size: 14px; 
	margin-right: 5px;
}

#administration h3 {
    
	font-size: 24px;
	color: #226AA7;
}
#administration #partnars .text-black {
	font-family: serif;
}
#administration #partnars .fa-building, .fa-school {
	color: #6B8E23;
}
.fa-city {
	color: #3CB371;
}
#administration #partnars .text-black .text-black {
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid;
	border-color: #20B2AA;
}
#administration #partnars .text-black .text-black .fa-play {
	padding-left: 1px;
	padding-bottom: 2px;
	padding-right: 1px;
	font-size: 16px;
	color: #20B2AA;
}
#administration #partnars .text-black .text-black:hover {
	background-color: #20B2AA;
}


/* configuration */
#configuration .fa-stop {
	color: #226AA7;
	font-size: 14px; 
	margin-right: 5px;
}
#configuration h3 {
	font-size: 24px;
	color: #226AA7;
}
#configuration h4 {
    font-family: serif;
}

/* Security */
#security .fa-stop, .fa-minus, .fa-star-of-life {
	color: #226AA7;
	font-size: 14px; 
	margin-right: 5px;
}
#security h3 {
	font-size: 24px;
	color: #226AA7;
}
#security h4 {font-family: serif;}
/* index */
.formular .debut .fa-circle {
	color:#226AA7;
	font-size: 10px;
	margin-right: 3px;
}
.formular h4 {
	font-family: serif;
}
.formular #formular-card {
	border: 2px solid;
	border-color: #226AA7;
}
.mt-5 h3, .mt-3 h3, .formular .debut h3 {
	font-size: 24px;
	color: #226AA7;
}
.mt-5 .fa-circle {
	color:#226AA7;
	font-size: 10px;
	margin-right: 3px;
}
/* telecoms */
#telecoms h3 {
	font-size: 24px;
	color: #226AA7;
}
#telecoms #fa-circle {
	color:#226AA7;
	font-size: 10px;
	margin-right: 3px;
}
#telecoms .fa-satellite-dish {
	color: #6A5ACD;
	margin-right: 8px;
}
/* voip */
#voip h3 {
    font-size: 24px;
	color: #226AA7;	
}
/* donnees  &  clients  */
#donnees h3 , #clients h3{
	font-size: 24px;
	color: #226AA7;	
}
#clients .fa-money-bill-transfer {color: #778899; margin-right: 10px;}
#clients .fa-hotel {color: #778899; margin-right: 10px;}
#clients .fa-building-lock {color: #778899; margin-right: 10px;}
#clients .fa-headset {color: #778899; margin-right: 10px;}
#clients .fa-graduation-cap {color: #778899; margin-right: 10px;}
#clients .fa-school-lock {color: #778899; margin-right: 10px;}
#clients .customer .cust {font-size: 24px; font-family: serif;padding-bottom: 5px;}

/* contacts */
#contacts h3 {
	font-size: 24px;
	color: #226AA7;	
}
#contacts .card {
	border: 2px solid;
	border-color: #226AA7;
}
/* devis */
#devis h3 {
	font-size: 24px;
	color: #226AA7;	
}
#devis .card {
	border: 2px solid;
	border-color: #226AA7;
}
/*************/
/*  index    */
/*************/
#index_content, #publicat, #presentat, #donnees, 
#devis, #contacts, #configuration, #clients, #administration, 
#voip, #telecoms, #security {
	line-height: 2;
	font-size: 17px;
}
/***************/
/* connexion   */
/***************/
#index_connexion .custom {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 20px;
	border: 1px solid;
	border-color: #000;
	background-color: #226AA7;
	color: #fff;
}
#index_connexion .custom .form-group .form-control {
	border-radius: 0px;
}
#index_connexion .custom .form-group .btn {
	border-radius: 10px;
}
#index_connexion .text-center {
	font-family: arial,sans-serif;
	font-weight: 300;
}
 
/* produit_unite */
#contact_manager #formular-card {
	font-size: 14px;
	font-family: sans-serif;
	border-radius:20px;
	border: 1px solid;
	border-color: green;
}
#contact_manager #button_manager {
	border:1px solid;
	padding: 1px 10px 1px 10px;
	border-radius: 10px;
	border-color: red;
}
#contact_manager #button_manager:hover {
	border:1px solid;
	padding: 1px 10px 1px 10px;
	border-radius: 10px;
	border-color: black;
	background-color: green;
}