.navbar-toggler, .navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus { outline: none; box-shadow: none;border: 0; }
.error-message {
    color: #ff00bf;
    font-weight: normal;
}

.error-message:first-letter {
    text-transform: capitalize;
}
		
#menu-fixe {/* box-shadow: 0   2px  5px   1px rgba(64,60,67,.12); */
            /* box-shadow: 0px 15px 10px -15px #111; */
			background-color: #ffffff;
            box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.2);		
}
/* 
#menu-fixe {background-color: #6666ff;}
.bg-light { padding-top: 0px !important;} 
.navbar-expand-lg .navbar-nav .dropdown-menu {background-color: #6666ff; }
.select {background-color: #6666ff;}
*/ 

/** liens */
.navbar-expand-lg .navbar-nav .nav-link {		  
	font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
	font-weight:bold;
	color: #000;			
}	
/** sous-liens */
.navbar-expand-lg .navbar-nav .dropdown-menu,
.navbar-expand-lg .navbar-nav .dropdown-menu:hover {
	border-radius: 0px;
	background-color: #ffffff;
}	
.navbar-expand-lg .navbar-nav .dropdown-item {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
	font-weight:bold;
	color: #000;	
}
.navbar-expand-lg .navbar-nav .nav-link:active { color: red;}
.navbar-expand-lg .navbar-nav .dropdown-item:active {color: red; }
/** navbar-brand */
.navbar-brand {padding-top:0px;}
/** la langue existe */
.fa-globe {font-size: 15px; 
		   padding-top:4px; 
}
.select{ max-height:28px; 
		padding-top:1px; 
	    padding-bottom:5px; 
		width: auto;
		margin: 0px; 
		border:0px; 
		background-color:#ffffff;
}
.select option { font-weight: bold; }
.select:not(:checked) {font-weight: bold;
}
 
/** les medias queries */		
@media (min-width: 1200px) {  
	/** Parametres de iTechno */
	.navbar-brand .i { font-size:30px; color:red;}
	.navbar-brand .techno { font-family:Times News; font-weight:900; font-size:30px;}
	/** espace entre les liens */
	.navbar-expand-lg .navbar-nav .nav-link { margin-left: 12px; }
}		
@media (min-width: 992px) and (max-width: 1200px) { 
	.navbar-brand .i { font-size:20px; color:red;}
	.navbar-brand .techno { font-family:Times News; font-weight:900; font-size:20px;}
	/** espace entre les liens */
	.navbar-expand-lg .navbar-nav .nav-link { margin-left: 8px; }
	/** la langue n'existe pas */
	#langue {font-size:0px; margin:0px; padding:0px; height:0px; width:0px;}
	.d-flex{font-size:0px; margin:0px; padding:0px; height:0px; width:0px;} 
	.fa-globe { 
			    font-size: 0px; 
		        padding-top:0px; 
    }
	.select{font-size:0px;
			max-height:0px; 
		    padding-top:0px; 
			padding-bottom:0px; 
			width: 0;
			margin: 0px; 
		    border:0px; 				      
	}  
	/** augmentation de padding pour le menu */
	#menu-fixe {padding-bottom: 8px;}
}
		
@media (min-width: 768px) and (max-width: 992px) { 
	.navbar-brand .i { font-size:20px; color:red; } 
	.navbar-brand .techno { font-family:Times News; font-weight:900; font-size:20px;}		   
	.navbar-expand-lg .navbar-nav .nav-link { margin-left: auto; }
	#menu-fixe {padding-bottom: 6px;}
}
@media (max-width: 768px) { 
	.navbar-brand .i { font-size:20px; color:red;}
    .navbar-brand .techno { font-family:Times News; font-weight:900; font-size:20px;}
	.navbar-expand-lg .navbar-nav .nav-link { margin-left: auto; }
	#menu-fixe {padding-bottom: 6px;}
	
	/*  navbar  */
	#menu-fixe {background-color: #6666ff; font-size: 17px; line-height: 1.7;}
    .bg-light { padding-top: 0px !important;} 
    .navbar-expand-lg .navbar-nav .dropdown-menu {background-color: #6666ff; font-size: 17px; line-height: 1.7;}
    .select {background-color: #6666ff;}
}
/** 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;
}
/* 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 */

/************/
/*  index   */
/************/
#index-start .biblio .card .card-img-top {
	border-radius: 50%; 
	height:30%; 
	width:40%;
}
/* border of photo */
#index-start .biblio .card .photo {}
#index-start .biblio .card .card-body {}

#contain-first #public .h5 {
	text-decoration: underline red;
	text-underline-offset: 10px;
	text-decoration-thickness: 3px;
    font-size: 18px;
	font-weight: bold;	
}
/*****************/
/* begin of Police */
    /* index */
#contain-first .text, #contain-first .text p {
	font-size:18px; 
	font-family:Calibri;
	line-height: 2;
}
#contain-first .text h2 {
	font-size: 24px;
	font-weight: bold;
}
#contain-first .text h3 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
	color: green;
}
#contain-first .text h4 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
#contain-first .text .fa-stop {color: #cc0066; font-size: 10px; margin-right: 8px; }
   /* application */
#contain-first .text-appli p{font-size:18px; font-family: Calibri; line-height: 2;}
#contain-first .text-appli h2 {font-size: 24px; font-weight: bold;}
#contain-first .text-appli h3 {font-size: 22px; font-weight: bold; margin-bottom: 20px;}
#contain-first .text-appli .fa-square-check {margin-right: 8px; font-size: 10px; color: #cc0066;}
/* <i class="fa-solid fa-stop"></i> */
/* adsl */
#contain-first .text-adsl p{font-size:18px; font-family: Calibri; line-height: 2;}
#contain-first .text-adsl h2 {font-size: 24px; font-weight: bold; margin-bottom: 30px;}
#contain-first .text-adsl h3 {font-size: 22px; font-weight: bold; margin-bottom: 20px;color: green;}
#contain-first .text-adsl h4 {font-size: 20px; font-weight: bold; margin-bottom: 10px;}
#contain-first .text-adsl .fa-stop {margin-right: 8px; font-size: 10px; color: #cc0066;}
#contain-first .text-adsl h4 .fa-square-check {margin-right: 8px; font-size: 10px; color: #cc0066;}
/* connexion */
#login {font-size:18px; font-family: Calibri; line-height: 2;}
/* contact */
#contain-first .text-contact {font-size:18px; font-family: Calibri;}
#contain-first .text-contact h2 {font-size: 24px; font-weight: bold; text-align: center; }
/* ecommerce */
#contain-first .text-ecom {font-size:18px; font-family: Calibri; line-height: 2;}
#contain-first .text-ecom h2 {font-size: 24px; font-weight: bold; margin-bottom: 30px;}
#contain-first .text-ecom h3 {font-size: 22px; font-weight: bold; margin-bottom: 20px;}
#contain-first .text-ecom .fa-square-check {margin-right: 8px; font-size: 10px; color: #cc0066;}
/* cpl */
#contain-first .text-cpl {font-size:18px; font-family: Calibri; line-height: 2;}
#contain-first .text-cpl h2 {font-size: 24px; font-weight: bold; margin-bottom: 30px;}
#contain-first .text-cpl h3 {font-size: 22px; font-weight: bold; margin-bottom: 20px;}
/* ethernet */
#contain-first .text-ethernet {font-size:18px; font-family: Calibri; line-height: 2;}
#contain-first .text-ethernet h2 {font-size: 24px; font-weight: bold; margin-bottom: 30px;}
#contain-first .text-ethernet h3 {font-size: 22px; font-weight: bold; margin-bottom: 20px;}
#contain-first .text-ethernet .fa-square-check {margin-right: 8px; font-size: 10px; color: #cc0066;}
/* fibre */
#contain-first .text-fibre {font-size:18px; font-family: Calibri; line-height: 2;}
#contain-first .text-fibre h2 {font-size: 24px; font-weight: bold; margin-bottom: 30px;}
#contain-first .text-fibre h3 {font-size: 22px; font-weight: bold; margin-bottom: 20px;}
/* rnis */
#contain-first .text-rnis {font-size:18px; font-family: Calibri; line-height: 2;}
#contain-first .text-rnis h2 {font-size: 24px; font-weight: bold; margin-bottom: 30px;}
#contain-first .text-rnis h3 {font-size: 22px; font-weight: bold; margin-bottom: 20px;}
#contain-first .text-rnis .fa-square-check {margin-right: 8px; font-size: 10px; color: #cc0066;}
/* fixe */
#contain-first .text-fixe {font-size:18px; font-family: Calibri; line-height: 2;}
#contain-first .text-fixe h2 {font-size: 24px; font-weight: bold; margin-bottom: 30px;}
/* gsm */
#contain-first .text-gsm {font-size:18px; font-family: Calibri; line-height: 2;}
#contain-first .text-gsm h2 {font-size: 24px; font-weight: bold; margin-bottom: 30px;}
#contain-first .text-gsm h3 {font-size: 22px; font-weight: bold; margin-bottom: 20px;}
/* gprs */
#contain-first .text-gprs {font-size:18px; font-family: Calibri; line-height: 2;}
#contain-first .text-gprs h2 {font-size: 24px; font-weight: bold; margin-bottom: 30px;}
#contain-first .text-gprs h3 {font-size: 22px; font-weight: bold; margin-bottom: 20px;}
/* lte */
#contain-first .text-lte {font-size:18px; font-family: Calibri; line-height: 2;}
#contain-first .text-lte .thumbnail .img-fluid {width: 90%;}
#contain-first .text-lte h2 {font-size: 24px; font-weight: bold; margin-bottom: 30px;}
#contain-first .text-lte h3 {font-size: 22px; font-weight: bold; margin-bottom: 20px;}
/* hfc */
#contain-first .text-hfc {font-size:18px; font-family: Calibri; line-height: 2;}
#contain-first .text-hfc h2 {font-size: 24px; font-weight: bold; margin-bottom: 30px;}
/* java */
#contain-first .text-java {font-size:18px; font-family: Calibri; line-height: 2;}
#contain-first .text-java h2 {font-size: 24px; font-weight: bold; margin-bottom: 30px;}
/* telecoms */
#contain-first .text-telecoms {font-size:18px; font-family: Calibri; line-height: 2;}
#contain-first .text-telecoms h2 {font-size: 24px; font-weight: bold; margin-bottom: 30px;}
#contain-first .text-telecoms h3 {font-size: 22px; font-weight: bold; margin-bottom: 20px;}
#contain-first .text-telecoms .fa-circle {margin-right: 10px; font-size: 10px; color: #33cccc;}
#contain-first .text-telecoms .fa-satellite-dish {margin-right: 15px; color: #33cccc;}
#contain-first .text-telecoms h5 {
	margin-right: 15px; color: #000; font-weight: bold; 
}
#contain-first .text-telecoms .fa-square-check {margin-right: 8px; font-size: 10px; color: #cc0066;}
#contain-first .text-telecoms .fa-star-of-life {margin-right: 8px; font-size: 10px; color: #33cccc;}
/* umts */
#contain-first .text-umts {font-size:18px; font-family: Calibri; line-height: 2;}
#contain-first .text-umts h2 {font-size: 24px; font-weight: bold; margin-bottom: 30px;}
#contain-first .text-umts h3 {font-size: 22px; font-weight: bold; margin-bottom: 20px;}
#contain-first .text-umts .fa-square-check {margin-right: 10px; color: #cc0066;}
#contain-first .text-umts .fa-star-of-life {margin-right: 10px; font-size: 10px; color: #33cccc;}
/* site */
#contain-first .text-site {font-size:18px; font-family: Calibri; line-height: 2;}
#contain-first .text-site h2 {font-size: 24px; font-weight: bold; margin-bottom: 30px;}
#contain-first .text-site h3 {font-size: 22px; font-weight: bold; margin-bottom: 20px;}

/* <i class="fa-solid fa-square-check"></i> */


/* end of Police */
/*****************/ 

#contain-first .biblio .card .card-body .btn {
	border-radius: 50px;
}
#contain-first .biblio .card .card-body .card-title {
	font-size: 18px;
	font-weight: 600;
}

/* container for 4 columns */
#public .position-sticky .card {
	border-radius: 0px;
}
/** Premier card **/
#public .position-sticky .card .card-body .casca{
	font-size: 15px;
	margin: 14px 2px 14px 2px;
	padding: 5px 2px 5px 2px;
	border-bottom: 1px solid;
	background-color: #e6e6ff;
}
#public .position-sticky .card .card-body .casca:hover{
	background-color: #ff00ff;
	color: #fff;
	border-radius: 3% 95% 5% 97% ;
	box-shadow: 0 2px 5px 1px rgba(64,60,67,.6);
}
#public .position-sticky .card .card-body .casca h5{
	font-size: 17px;
}
#public .position-sticky .card .card-body .casca .card-text .card-small{
	font-size: 15px;
	border-bottom: 10px;
	margin-top: 5px;
}
#public .position-sticky .card .card-body .casca .card-text .card-small span{
	font-size: 14px;
	border-bottom: 10px;
	color: #009933;
}
/** Deuxième card **/
#public .position-sticky #two{
	background-color: #e6e6ff;
}
#public .position-sticky .card .card-body .cascas{
	font-size: 15px;
	margin-top: 8px 1px 14px 1px;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid;
	background-color: #ffffff;
}
#public .position-sticky .card .card-body .cascas h5{
	font-size: 18px;
}
#public .position-sticky .card .card-body .cascas .card-small{
	font-size: 15px;
	border-bottom: 10px;
}
/**************/
/* archives   */
/**************/
#archive .formular {
	border: 1px solid;
	background: #99ffbb;
	padding: 10px;
}
#archive .formular .card{
	background: rgba(0, 0, 0, 0.4);
	color: #000;
	font-weight: 600;
	font-size: 17px;
	border-radius: 95% 0% 100% 5%;
}
#archive .formular .card .btn{
	width: 100%;
}
/* body { background: #e6e6ff !important; } */
body { background: #ffffff !important; }
/**************/
/*  Ethernet  */
/**************/
#contain-first .text-ethernet .tableau .table {
	border: 1px solid;
	border-color: #e6e6ff;
}
#contain-first .text-ethernet .tableau .table #head {
	background-color: #e6e6ff;
}
#contain-first .text-ethernet .tableau .table #norm {
	color: red;
}
#contain-first .text-ethernet .tableau .table #norme {
	color: red;
	font-weight: normal;
}
@media (min-width: 768px) { 
    #contain-first .text-ethernet .tableau .table {
		font-size: 15px;
    }
}
@media (max-width: 768px) { 
    #contain-first .text-ethernet .tableau .table {
		font-size: 13px;
    }
}
/*************/
/* connexion */
/*************/
#login {
	line-height: 1.7;
}
#login .card {border-radius: 20px; margin-top: 20px;}
#login .card .needs-validation .form-group .btn-primary {
	border-radius: 50px;
}
#login .card .needs-validation #goog .btn {
	font-size: 17px;
	font-weight: 600;
}
#login .card .needs-validation #link .btn {
	color: #0E76A8;
	font-size: 17px;
	font-weight: 600;
}
#login .card .needs-validation #goog .btn:hover {
	background: rgba(0, 0, 0, 0.5); color: #fff;
}
#login .card .needs-validation #link .btn:hover {
	background: rgba(0, 0, 0, 0.5); color: #fff;
}
/***************/
/* inscription */
/***************/
#sign .card {
	line-height: 1.7;
	border-radius: 20px;
	margin-top: 20px;
}
#sign .card .needs-validation .form-group .btn{
	width: 40%;
	border-radius: 10px;
}
/***************/
/*  contact    */
/***************/

#contain-first #card .form-group .form-control,
#contain-first #card .form-group .form-control:focus{
	border-top: 0px; 
	border-left: 0px;
    border-right: 0px;
    border-bottom: 2px solid;
	border-color: #0dcaf0;
	border-radius: 0px;
}
#contain-first #card .form-group .form-check .form-check-input {
	border: 2px solid;
	border-color: #0d6efd; border-radius: 0px;
}
#contain-first #card .form-group #bte {
	width: 40%;
    background-color: #0dcaf0; 	
	color: #fff;
	font-weight: 600;
}
#contain-first #card .form-group #bte:hover {
    background-color: #800000; 	
	color: #fff;
	font-weight: 600;
}
#contain-first #card .form-group #bta {
	width: 40%;	
	color: #000;
	border: 2px solid;
	border-color: #0dcaf0;
	font-weight: 600;
}	
#contain-first #card .form-group #bta:hover {
    background-color: #0dcaf0; 	
	color: #fff;
	font-weight: 600;
}
#contain-first .phone .fa-phone,
#contain-first .phone .fa-envelope, 
#contain-first .phone .fa-location-dot {
	color: #0d6efd;
	margin-right: 10px;
}