.navbar {padding-top: 0px;}
#container-fluid-fixe {background-color: #ffffff;}
/* footer */
#titlfooter {font-weight: bold;}
.pt-2 p a{color: #003; text-decoration: none;}
		
/** réglage des deux button inscription et connexion */	
.btn-outline-primary:hover{background-color:white; color:blue;border-color:#0d6efd;}
.btn-outline-primary:active{background-color:white; color:blue;border-color:#0d6efd;}
.btn-outline-dark:hover{background-color:white; color:black;}
/** menu navbar*/
.navbar {padding-top: 0px;}
/** réglage des parametres de nav-link du menu  */
.navbar-expand-lg .navbar-nav .nav-link {
	font-family:sans-serif;
	background-color: #ffffff;
	color: #000; font-size: 14px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
	font-family:sans-serif;
	background-color: #ffffff;
	color: #000; font-size: 14px;
}
.navbar-expand-lg .navbar-nav .nav-link:hover { 
    background-color:#ffffff;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover { 
    background-color:#ffffff;
}
.navbar-expand-lg .navbar-nav .nav-link:hover:active {
	color: red;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:active {color: red;}
/** navbrand */
		
/** parametres pour l'espacement, la disparition et l'apparition des nav-link */
@media (min-width: 1200px) { 
	.navbar-expand-lg .navbar-nav .nav-link {
	    margin-left: 25px;
	}
	#container-fluid-fixe { height: 60px;
		/* box-shadow: 0 2px 5px 1px rgba(64,60,67,.6); */                               
	}
	/* page connexion */
	#connection #page2 {
	padding-left: 50px;
	padding-right: 50px;
}
}
#container-fluid-fixe {
	/* box-shadow: 0px 15px 10px -15px #111; */
	/* box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.2);*/
	box-shadow: 0px 15px 10px -15px #111;
}
		
@media (min-width: 992px) and (max-width: 1200px) { 
	.navbar-expand-lg .navbar-nav .nav-link {
		margin-left: 15px;
	}
    #container-fluid-fixe { height: 50px;
		/* box-shadow: 0 2px 5px 1px rgba(64,60,67,.6); */
    }
	
	/* index (1 container)*/
	
}
		
@media (min-width: 768px) and (max-width: 992px) { 
	.btn-outline-dark { margin-top: 8px; margin-bottom: 6px;}
	#container-fluid-fixe {
		/* box-shadow: 0 2px 5px 1px rgba(64,60,67,.16); */
		padding-bottom: 6px;
	}
	
	/* index (1 container)*/
	
}
		
@media (max-width: 768px) { 
	.btn-outline-dark { 
	    margin-top: 8px; 
		margin-bottom: 6px;
	}
	#container-fluid-fixe {
		/* box-shadow: 0 2px 5px 1px rgba(64,60,67,.16); */
		padding-bottom: 6px;
	}	
	/* index (1 container)*/	
}
/** 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;
}

/** page index */

     /* container contain_index_1 */
#contain_index_1 .title0 {
	text-transform: uppercase;
    letter-spacing: 0.4em;
}
#contain_index_1 .title1 {
    letter-spacing: 0.1em;
	color: #fff;
	font-weight: bold;
}	 
#contain_index_1 {
	margin-top: 10px;
	margin-bottom: 10px;
	background-position: center; /* centrer le contenu du conteneur */
	background-repeat: no-repeat;
	background-size: cover;
}
#contain_index_1 {
	background-color: #ffffff;
}


     /* container begun */

/* logo begun */
#begun .div1 .fa-building, #begun .div2 .fa-briefcase {
	padding:20px;
	color: #00008B;
	border: 1px solid;
	border-radius: 100px;
	box-shadow: 0 2px 5px 1px rgba(64,60,67,.6);
}
#begun .div1 .titl, #begun .div2 .titl  {
	font-size: 20px;
    font-weight: bold;
}

/* button begun */
#begun .div1 .bttn, #begun .div2 .bttn {
	padding: 0px;
	color: #fff;
	border-color: #fff;
}
#begun .div1 .bttn .lien, #begun .div2 .bttn .lien {
   padding: 5px 18px 8px 18px;
   border-radius: 0px;
   border: 1px solid;
   border-color: #000;
   color: #fff;
   background-color: #00008B;
   box-shadow: 10px 10px #ccccff;
   transition: transform .2s;
}
#begun .div1 .bttn .lien:hover, #begun .div2 .bttn .lien:hover {
	padding: 8px 22px 10px 22px;
	color: red;
	background: linear-gradient(to right, #ffffff, #ccccff, #00008B);
    -ms-transform: scale(1.5); 
    -webkit-transform: scale(1.5); 
    transform: scale(1.5);
} 
      /* end of butttun */


/* books */
#index .books .text-center .img_livre #img_livre {
    max-width: 120px;
	max-height: 170px;
}
#index .books .text-center .img_livre #img_livre {
	transition: .5s; 
    animation: slideDown 1s 2;
}
#index .books .text-center .img_livre #img_livre:hover {
	transform: scale(1.3);
}

@keyframes slideDown {
    0% {transfom: translateY(200px); opacity: 0;}
    100% {transfom: translateY(0); opacity: 1;}
	100% {transfom: translateY(-200px); opacity: 0;}
}
#index .books .text-center  .titl {
	font-size: 18px;
}
#index .books .text-center  #btn {
	font-size: 18px;
	padding-left: 20px; 
	padding-right: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid;
	border-radius: 10px;
    box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, .2);	
}
#index .books .text-center  #btn:hover {
	background-color: #00008B;
	color: #fff;
}
/* itwork */
#itwork .howork {
	
}
#itwork .howork .icon {
	
}
#itwork .howork .icon .fa-user,
#itwork .howork .icon .fa-file,
#itwork .howork .icon .fa-envelope {
	margin: 10px;
	border: 1px solid;
	border-color: #00008B;
	padding: 20px;
	border-radius: 100px;
	background-color: #00008B;
	color: #fff;
	box-shadow: 20px 20px 50px #808080;
}
#itwork .pt-3 {
	font-size: 20px;
	font-weight: 400;
	color: #000;
}
#itwork .text-center #parag {
   font-size: 20px;
   font-weight: bold;
}

/* processus */
#processus .processus {
	background-color: #ffffff;	
}
#processus .processus #img_processus {
	width: 200px;
	height: 150px;
	border: 1px solid;
	border-color: #00008B;
    box-shadow: 0 2px 5px 1px rgba(64,60,67,.6);
}
#processus .text-center #para {
	font-size: 20px;
	font-weight: bold;
}
/* divider */
#processus .divider, #itwork .divider, #index .divider, #option .divider, #partenaires .divider, 
#recrutment .divider, #service_page .divider {
	height: 5px;
    width: 90px;
    background: linear-gradient(to right, #00e0fe, #ff0000, #00008B);
    margin: 16px auto;
}
/* container contain_sourcing */
#contain_sourcing .sourcing .text-center .link {
	color:#fff;
	background-color: #00008B;
	font-weight: bold;
	border-radius: 0px;
	padding: 10px 20px 10px 20px;
}
#contain_sourcing .sourcing .text-center .link:hover {
	color:red;
	background: linear-gradient(to right, #00008B, #dc3545, #00008B);
	font-weight: bold;
	border-radius: 0px;
	padding: 14px 24px 14px 24px;
	box-shadow: 0 2px 5px 1px rgba(64,60,67,.6);
}
#contain_sourcing .sourcing h4 {
	text-transform: uppercase;
    letter-spacing: 0.4em;
	text-align: center;
	line-height: 2.1;
}
/* option */
#option .fa-circle-check {
	color: #00008B;
	font-size: 20px;
	margin-right: 10px;
}
/* partners */
#partenaires .partners .image-part #imag {
	width: 150px;
	height: 100px;
	border: 2px solid; border-color: green;
}

 /*************************/
 /*    page services      */
 /*************************/
 #service_page .service .fa-anchor,
 #service_page .service0 .fa-file-lines, 
 #service_page .service1 .fa-magnifying-glass, 
 #service_page .service2 .fa-map-location-dot, 
 #service_page .service3 .fa-chart-simple {
	padding: 10px;
	border-style: double;
	border-radius: 100px;
 }
 
/*************************/
 /*    page connexion      */
 /*************************/
#connection {
	margin-top: 50px;
	margin-bottom: 50px;
	
}
#page1 {
	padding-left: 50px;
	padding-right: 50px;
}
#connection #page1 #entet, #connection #page2 #entet {
	font-size: 18px;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#connection #page1 .input-group {
	border: 2px solid;
	border-radius: 0px;
	border-color: #0dcaf0;
}
#connection #page1 .input-group .input-group-text, 
#connection #page1 .input-group .form-control {
	border-radius: 0px;
}
#connection #page1 .form-check .form-check-input {
  border: 2px solid;
	border-radius: 0px;	
}
#connection #page1 .input-group {
	border: 2px solid;
	border-radius: 0px;
}
#connection #page1 .input-group:hover {
	background-color: #66b3ff;
}
#connection #page1 .form-group #btn {
	background-color: #ffffff;
	border: 2px solid;
	border-color: green;
 }
 /* page2 */ 
#connection #page2 {
	padding-left: 50px;
	padding-right: 50px;
}
#connection #page2 .image_creation #image {
	border: 2px solid;
	
}
#connection #page2  .fa-check {
	color: green;
	font-size: 20px;
	font-weight: bold;
}
#connection #page2 .text-center #lien_1 { 
    background-color: green;
	padding: 10px 25px 10px 25px;
	border: 2px solid;
	border-color: green;
	color: #fff;
	font-weight: bold;
}
#connection #page2 .text-center #lien_1:hover { 
    background-color: #b3ffd9;
	color: #000;
	font-weight: bold;
}
/*************************/
 /*    page inscription      */
 /*************************/
 #scription .formular {
	margin-top: 20px;
}
#scription .formular .card {
	padding-top: 20px;
	border-radius: 20px;
}
#scription .formular .card .input-group {
	margin-bottom: 40px;
}
#scription .formular .card .form-group {
	margin-bottom: 20px;	
} 
#scription .formular .card .input-group {
	border: 2px solid;
    border-color: #b3ffd9;	
}
#scription .formular .card .input-group .form-control, 
#scription .formular .card .input-group .input-group-text {
	border-radius: 0px;	
} 
#scription .formular .card .form-group .btn {
	margin-bottom: 20px;
	width: 30%;
} 
/*************************/
 /*    page contact      */
 /*************************/

#contacts .formular .card .input-group,
#contacts .formular .card #file{
	border: 0.1px solid;
    border-color: #8fbc8f ; 
	border-radius: 0px;
 }
#contacts .formular .card .input-group .form-control,
#contacts .formular .card .input-group .form-select,
#contacts .formular .card .input-group .input-group-text {
	border-radius: 0px;
 }
#contacts .formular .card #file{
	border: 2px solid;
    border-radius: 0px;
 }
#contacts .formular .card .input-group,
#contacts .formular .card #file {
	margin-bottom: 30px;
 }
#contacts .text-center .fa-envelope {
	 color: green;
	 font-size: 30px;
 }
#contacts .formular .card .form-group .btn {
	width: 30%;
	border-radius: 50%;
}
#contacts .formular .card .form-group .form-check .form-check-input {
	border: 2px solid;
	border-radius: 0px;
	border-color: red;
}
#contacts .formular .card {
	background-color: #f0f5f5;
	border-radius: 20px;
}
/*************************/
/*    page candidat      */
/*************************/
@media (min-width: 768px) {
	#candida {
		height: 300px;
		background-position: center; /* centrer le contenu du conteneur */
		background-repeat: no-repeat;
		background-size: cover;
	}
}
@media (max-width: 768px) {
	#candida {
		height: 200px;
		background-position: center; /* centrer le contenu du conteneur */
		background-repeat: no-repeat;
		background-size: cover;
	}
}
#candida .mt-3 {
	color: #fff;
	text-align: center;
}
#candidat .formular1 .text-center img {
	height: 150px;
	width: 200px;
	border: 2px solid;
}
#candidat .formular1 .text-center #bton {
	padding: 8px 20px 8px 20px;
	border: 1px solid;
	border-color: #000;
	font-weight: bold;
	background-color: #0d6efd;
	color: #fff;
}
#candidat .formular1 .text-center #bton:hover {
	color: #fff;
	background-color: green;
}
#candidat .formular .card .input-group,
#candidat .formular .card .form-group #file, 
#candidat .formular .card .form-group #message {
	margin-bottom: 30px;
}
#candidat .formular .card .form-group .btn {
	width: 40%;
	border-radius: 50px;
} 
#candidat .formular .card .input-group,
#candidat .formular .card .form-group #file, 
#candidat .formular .card .form-group #message,
#candidat .formular .card .form-group #textmessage,
#candidat .formular .card .form-group .form-check-input {
	border: 0.1px solid;
	border-radius: 0px;
	border-color: #8fbc8f;
}
#candidat .formular .card .input-group .input-group-text,
#candidat .formular .card .input-group .form-control, 
#candidat .formular .card .input-group .form-select, 
#candidat .formular .card .form-group #message {
	border-radius: 0px;
}
#candidat .formular1 .divider {
	height: 5px;
    width: 90px;
    background: linear-gradient(to right, #00e0fe, #ff0000, #00008B);
    margin: 16px auto;
}