/*
LES COULEURS 
Beige : 		#F0EBD8;
Gris : 			#b0bec5;
Antracite: 		#2c3e50;
Noir : 			#0D1321;
Bleu  :         #184692;
orange :        #fa9f42;
rose:			#d3394c;
vert:			#44bba4;

Nouvelle palette :
Bleu foncé : #2C3E50

 */

html, body, div, span, applet, object, iframes,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

* {
    box-sizing:border-box;
    outline:none;
}

a {
	color:#fff;
}

a:hover {
	text-decoration:none;
}

/* This class is added on scroll */
.fixed {
	position: fixed; 
	top:0; 
	height:70px; 
	z-index:1;
}
/***************************************Global***********************************************/

body {
	display: flex;
    flex-direction: column;
	margin:0px;
	padding-top: 84px;
	background-color:#2c3e50;
	color:#F0EBD8; /*ouleur du texte sur la page */
	font-size:18px;
	font-family:Roboto,verdana,sans-serif;
	min-height: 100vh; /* Hauteur totale de la fenêtre */
}	

.content-wrapper {
	flex: 1; /* Prend tout l'espace disponible entre le haut et le footer */
}

#bas {
	opacity: 0;
	font-size: 0;
}

/* Style des bouttons de type submit */
input[type="submit"],
input[type="button"] {
	all: unset; /* Réinitialise tous les styles */
	appearance: none;
	-webkit-appearance: none;
	display: inline-block; /* Permet de rétablir un comportement cohérent */
	background-color: #2c3e50 !important;
	border-radius: 8px !important;
	color: #F0EBD8;
	padding: 8px 30px;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
	font-size:13px !important;
	box-sizing: border-box !important;
	margin-top:15px;
	margin-bottom:15px;
	cursor:pointer;
  }
  
  input[type="submit"]:hover,
  input[type="button"]:hover {
	background-color: #b0bec5 !important;
	cursor: pointer;
	color:#fa9f42 !important;
  }

#things_listed_listes_tab input{
	background-color:#2c3e50 !important;
}


.img_logo{
	text-align: center;
	vertical-align: middle;
	width: 350px;
}

nav {
	display: inline-block;
	text-align:center;
	top:0;
	width:100%;
	background: #ECF0F1; /* couleur du background de la bande en bottom*/
	border-style:solid;
	position:fixed;
	z-index: 10;
}

nav li a {
	color:#2c3e50;
	text-transform:uppercase;
	text-decoration:none;
}

nav li a:hover {
	text-decoration:none;
	color:#fa9f42;
}

section {
	/*height: 100vh; prend la taille de l'écran telle qu'il est */
	height:100%
}

/* Screens Settings */
#screen1 {	
	background:#b0bec5;
	border-style:solid;
}

#screen2 {
	background:#2c3e50;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
}

#screen3 {
	background:#b0bec5;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
}

#screen4 {
	background:#2c3e50;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
}

#screen5 {
	background:#b0bec5;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
}

#screen6 {
	background:#2c3e50;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
}

#screen7 {
	background:#b0bec5;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
}

#title_section {
	display: block!important;
	text-align:center;
	font-size:18px;
	text-decoration:none;
	color:#1c1c1c;
	vertical-align: middle;
	padding:25px;
}

#title_section2 {
	text-align:center;
	padding:10px;
	font-size:18px;
	text-decoration:none;
}

.global_section{
	font-size:18px;
	padding:10px;
}

.global_section a{
	display: block;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color:#1c1c1c;
	margin-top:0px;
	margin-bottom:0px;
	padding:15px;
	border-radius: 8px;
	background-color: #ECF0F1;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

.global_section a:hover{
	color:#fa9f42;
}

.back{
	font-size:18px;
	padding:10px;
}

.back a{
	display: block;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color:#1c1c1c;
	margin-top:0px;
	margin-bottom:0px;
	padding:15px;
	border-radius: 8px;
	background-color: #ECF0F1;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

.back a:hover{
	color:#fa9f42;
}

.separateur_small{
	padding-top:10px;
	margin-bottom:10px;
	margin-left:100px;
	margin-right:100px;
	/*border-bottom:3px solid #F0EBD8;*/
}

.separateur_small2{
	display: none;
}

.separateur_large{
	padding-top:10px;
	margin-bottom:10px;
	border-bottom:2px dotted #F0EBD8;
}

#result1{
	font-size:17px;
	color:#44bba4;
}

#result2{
	font-size:17px;
	color:#44bba4;
}

#result3{
	font-size:17px;
	color:#44bba4;
}

#result4{
	font-size:17px;
	color:#44bba4;
}

#result_img{
	font-size:17px;
	color:#44bba4;
}


/*****************************************************Button back to top***************************************************/


.back-to-top,.back-to-top:hover{
    color:#fff;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1);
    transition-duration:.3s;
}

.back-to-top{
    position:fixed;
    right:10px;
    bottom:10px;
    display:inline-block;
    z-index:9;
    width:50px;
    height:50px;
    font-size:11px;
    font-weight:400;
    text-align:center;
    line-height:3;
    letter-spacing:1px;
    background:#515769;
    border-radius:3px;
    visibility:hidden;
    opacity:0;
    padding:5px;
    -webkit-transform:translate3d(0,50px,0);
    -moz-transform:translate3d(0,50px,0);
    transform:translate3d(0,50px,0);
}

.back-to-top.back-to-top-is-visible{
    visibility:visible;
    opacity:.6;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1);
}

.back-to-top.back-to-top-is-visible:hover{
    opacity:1;
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1);
}

.back-to-top.back-to-top-fade-out{
    opacity:.4;
}

.back-to-top.back-to-top-fade-out:hover{
    opacity:1;
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1);
}
/*****************************************************Button back to top END***************************************************/


/****************************************Index*********************************************/
#screen2_index {	
	background:#2c3e50;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	text-align:center;
}

#screen3_index{
	background:#1c1c1c;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	text-align:center;
}

#screen4_index {
	background:#2c3e50;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	text-align:center;
	padding:10px;
	padding-top: 30px;
	padding-bottom: 30px;
}

#screen5_index{
	background:#1c1c1c;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	text-align:center;
}

#screen6_index {
	text-align: center;
	background:#2c3e50;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	padding:10px;
	padding-top: 35px;
	padding-bottom: 35px;
}

#screen7_index {
	text-align: center;
	background:#1c1c1c;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	padding:20px;
}


#screen7_index em:hover{
	text-decoration:none;
}

#screen7_index a{
	text-decoration:none;
}

#screen8_index {
	text-align: center;
	background:#2c3e50;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	padding:20px;
}

#screen8_index em:hover{
	text-decoration:none;
}

#screen8_index span{
	font-size: 10px;
}

#screen8_index {
	text-decoration:none;
}

#screen8_index a{
	text-decoration:none;
}

#screen8_index span a:hover{
	text-decoration:none;
}

#screen9_index {
	text-align: center;
	background:#1c1c1c;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	padding:20px;
}

#screen9_index em{
	margin-top:10px;
	color:#fa9f42;
	font-size:25px;
	font-weight: bold;
}

#parent_revision{
	background-color: #1c1c1c;
	border-radius:10px;	
	border-color:#F0EBD8;
	border-width:1px;
	border-style:solid;
	display:inline-block;
	width: 500px;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

#name_entreprise {
	display: inline-block;
	text-align:center;
	padding:20px;
	overflow-wrap:break-word;
	word-wrap:break-word;
	width: 580px;
}


#name_entreprise img {
   max-width: 100%;
   height: auto;
}


#numeros_serie_pn {
	text-align: center;
	display: inline-block;
	border-radius: 10px;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
	font-size:18px;
	margin: auto;
	width: 500px;
	margin-bottom: 15px;
	background-color: #1c1c1c;
}

#numeros_serie_pn em{
	font-size:25px;
}

#numeros_serie_pn span{
	border-top: 2px dotted #F0EBD8;
	display: block;
	color:#fa9f42;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	padding: 10px;
}

#numeros_serie_pn p {
	padding:3px;
	border-radius:2px;	
	border-color:#F0EBD8;
	border-width:1px;
	border-style:solid;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

#numeros_serie {
	text-align: center;
	background-color: #1c1c1c;
	display: inline-block;
	font-size:18px;
	width: 500px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

#numeros_serie em{
	font-size:25px;
}

#numeros_serie span{
	border-top: 2px dotted #F0EBD8;
	display: block;
	color:#fa9f42;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	padding: 10px;
}

#numeros_serie p {
	padding:3px;
	border-radius:2px;	
	border-color:#F0EBD8;
	border-width:1px;
	border-style:solid;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

#name_equipement{
	font-size:15px;
	text-align:center;
	display:inline-block;
	overflow-wrap:break-word;
	word-wrap:break-word;
	width: 600px;
	padding:20px;
}

#name_equipement em{
	color:#fa9f42;
	font-size:18px;
}

#name_equipement span{
	text-decoration:none;
}

.revision{
	text-align:center;
	margin:15px;
}

.revision em{
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	color:#fa9f42;
	font-size:18px;
	text-decoration:none;
}

.download_pdf{
	text-align:center;
	margin:15px;
}

.download_pdf span{
	font-size:18px;
	color:#d3394c;
}

.download_pdf em{
	display: block;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	font-size:18px;
	color:#1c1c1c;
	background-color: #b0bec5;
	padding: 12px;
	border-radius: 15px;
	margin-bottom: 20px;
	font-size: 13px;
	margin-top: 5px;
}

.download_pdf a em{
	text-decoration:none;
	color:#1c1c1c;
}

#text_statut1{
	font-size:15px;
	padding-top:30px;
	padding-bottom:20px;
	display:inline-block;
	width:600px;
	overflow-wrap:break-word;
	word-wrap:break-word;
}

#text_statut1 em{
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right:auto;
	font-size:18px;
	color:#fa9f42;
	text-decoration: none;
}



/****************************************Admin*********************************************/

#screen2_admin {
	margin-left: auto;
	margin-right:auto;
	background:#2c3e50;
	text-align:center;
	width:1100px;
}

#screen2_admin_int {
	background:#2c3e50;
	text-align:center;
	padding-top: 20px;
	padding-bottom: 20px;
}

#screen3_admin {
	background:#1c1c1c;
	border-top-width:0px;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	padding-top: 20px;
	padding-bottom: 20px;
}

#screen4_admin {
	background:#2c3e50;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

#screen4_admin_int{
	width:auto;
	margin-left: auto;
	margin-right:auto;
	background:#2c3e50;
	border-color:#000;
	border-style:solid;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

#screen5_admin {
	text-align: center;
	background:#1c1c1c;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	padding-top: 20px;
	padding-bottom: 20px;
}

#screen5_admin_int{
	background:#1c1c1c;
	border-top-width:0px;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

#screen6_admin {
	background:#2c3e50;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

#screen7_admin {
	background:#1c1c1c;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

#nb_stuff_total{
	margin-left: auto;
	margin-right: auto;
	width:500px;
	padding: 20px;
	text-align: center;
	font-size: 15px;
}

#nb_stuff_total em{
	font-size: 20px;
	color: #fa9f42;
	text-decoration: none;
}

#form_img_logo1 form{
	display:inline-block;
	padding:3px;
	border-radius:2px;	
	border-color:#fff;
	border-width:1px;
	border-style:solid;
	margin:20px;
}

#form_admin_insert input{
	text-align:center;
	border-color: #2c3e50;
	border-radius:2px;	
	border-width:3px;
	border-style:solid;	
}

#form_admin_insert input:hover{
	border-color: #b0bec5;
}


#div_admin_insert{	
	display: inline-block;
	padding: 20px; 
	margin-bottom:20px;
	width:500px;
	border-radius: 15px;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
	background-color: #1c1c1c;
}

#div_admin_insert h2{	
	font-size: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 2px dotted #F0EBD8;
	margin-top: 10px;
}

#div_admin_insert h2 em{	
	color:#fa9f42;
	text-decoration: none;
}


#form_admin_insert label{
	text-align: left;
	font-size: 15px;
	display:block; /* La balise devient de type block. */
    width: 280px;
    float: left;
}

#form_admin_insert em{
	color: #fa9f42;
	text-shadow:#000 3px 0 3px;
}

#message_date{
	display: inline-block;
	padding: 15px;
	margin-top:20px;
	margin-bottom:10px;
	padding-right:10px;
	font-size:12px;
	width:500px;
	text-align:left;
	border-radius: 15px;
	background-color: #1c1c1c;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
	width: 500px;
	overflow-wrap:break-word;
	word-wrap:break-word;
}

#message_date em{
	text-decoration: none;
	color: #d3394c;
}

#message_date strong{
	color: #fa9f42;
}

#text_button_consult1{
	background-color: #1c1c1c;
	font-size: 15px;
	display:inline-block;
	border-radius:2px;	
	width: 500px;
	padding:20px;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
	border-radius: 15px;
	text-align: center;
}



#text_button_consult1 p{
text-align: left !important;
}

#text_button_consult1 h2{
	text-align:center;
	padding:10px;
	font-size:18px;
	text-decoration:none;
	color: #fa9f42;
}


#text_button_consult1 span{
	color:#d3394c;
}

#text_button_consult1 p{
	text-align:justify;
}

#button_consult1{
	font-size:15px;
	text-align:center;
}

#button_consult1 input{
	margin-top:10px;
}

#text_button_consult1 em{
	color:#fa9f42;
}


#ultime_delete{
	margin: 20px;
	padding-top:25px;
	padding-bottom: 15px;
	border-radius:15px;	
	border-color:#ff0000;
	border-width:1px;
	border-style:solid;
	font-size:15px;
	display:inline-block;
	width: 500px;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

#ultime_delete em{
	color:#fa9f42;
}

#ultime_delete input{
	margin-top:10px;
	border-radius:2px;	
	border-color:#d3394c;
	border-width:3px;
	border-style:solid;	
}

#ultime_delete input:hover{	
	border-color:#44bba4;
}

#save_form{
	padding-top:-10px;
}

#info_supp_ad{
	text-align: left;
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 2px dotted #F0EBD8;
	border-bottom: 2px dotted #F0EBD8;
}

#info_supp_ad div{
	width: 300px;
	display: inline-block;
	margin-right: 50px;
	margin:10px;
}

#info_supp_ad label{
	margin-bottom: 10px;
}

#info_supp_ad2{
	text-align: left;
	font-size: 15px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 2px dotted #F0EBD8;
	border-bottom: 2px dotted #F0EBD8;
}

#info_supp_ad2 div{
	width: 300px;
	display: inline-block;
	margin-right: 50px;
	margin:10px;
}

#info_supp_ad2 label{
	margin-bottom: 10px;
}

#new_customer_part{
	font-size: 15px;
	display:inline-block;
	border-radius:15px;	
	width: 500px;
	padding:20px;
	margin: 20px;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
	background-color: #2c3e50;
}

#new_customer_part a{
	color:#fa9f42;
	text-decoration: none;
}

#new_customer_part a:hover{
	color:#ECF0F1;
}

#new_customer_part form{
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
}

#save_form_new_customer{
	text-align: center;
}

.new_customer_part2{
	font-size: 15px;
	display:inline-block;
	border-radius:15px;	
	width: 500px;
	padding:20px;
	margin: 20px;box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
	background-color: #1c1c1c;
}


.new_customer_part2 em{
	color:#fa9f42;
}

.new_customer_part2 form{
	text-align: center;
}

#btn_delete_mail_auto input{
	margin-top:10px;
	border-radius:2px;	
	border-color:#d3394c;
	border-width:3px;
	border-style:solid;	
}

#btn_delete_mail_auto input:hover{	
	border-color:#44bba4;
}


/****************************************Insertion*********************************************/
/**********************************************************************************************/
/**********************************************************************************************/
		/*********************************Upload file**********************************/

.inputfile + label {
	text-align: center;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding:10px 20px;
    /* 10px 20px */
}

.inputfile + label:hover {
    background-color:#b0bec5;
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -4px;
    margin-right: 4px;
}

/* Cache " aucun fichier selectionné */
.box input{
	opacity: 0;
	max-width: 200px;
}

.box label{
	display: block;
	margin-left: 50px;
	margin-right: 50px;
}

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/

#screen2_insert {
	background:#2c3e50;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	text-align:center;
}

#insertion_echo{
	text-align:center;
	font-size:15px;
	padding-top:10px;
	margin-left:20px;
	margin-right:20px;
}

#insertion_echo a:hover{
	color:#fa9f42;
	text-decoration:none;
}

#insertion_echo input{
	border-color: #2c3e50;
	border-radius:2px;	
	border-width:3px;
	border-style:solid;	
}

#insertion_echo input:hover{
	border-color: #b0bec5;
}

#insertion_echo2{
	text-align:center;
	font-size:15px;
	padding-top:200px;
	padding-bottom:200px;
	padding-left:20px;
	padding-right:20px;
	background-color: #1c1c1c;
}

#title_section_insertion{
	padding-top:80px;
	padding-bottom:20px;
	font-size:18px;
	text-decoration:none;
	text-align:center;
}

#message_creation{
	padding-top:70px;
	margin-bottom:70px;
	margin-left:20px;
	margin-right:20px;
	font-size:15px;
	text-align:center;
}

#message_creation a{
	color:#fa9f42;
}

#div_pass2_insert{	
	display: inline-block;
	border-radius:15px;	
	padding:20px; 
	margin-top: 20px;
	margin-bottom:30px;
	width:500px;
	background-color: #1c1c1c;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

#div_pass2_insert h2{	
	font-size:18px;
}

#div_pass2_insert h2 em{	
	color:#fa9f42;
	text-decoration:none;
}


#div_pass3_insert{	
	background-color: #b0bec5;
	display:block;
	color: #1c1c1c;
	border-radius:15px;	
	padding:20px;
	width:500px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

#div_pass3_insert h2{	
	font-size:18px;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:2px dotted #F0EBD8;
}

#div_pass3_insert h2 em{	
	color:#fa9f42;
	text-decoration:none;
}

#div_pass3_insert input{
	margin:2px;
	border-radius:2px;	
	border-color:#d3394c;
	border-width:3px;
	border-style:solid;	
}

#div_pass3_insert input:hover{
	border-color:#44bba4;
}



#form_pass2_insert input{
	text-align:center;
}

#form_pass2_insert label{
	font-size:15px;
}

#form_pass2_insert em{
	color:#fa9f42;
	text-shadow:#000 3px 0 3px;
}

#date_rapport{
	display:block;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:30px;
	border-top:1px solid #2c3e50;
	border-bottom:1px solid #2c3e50;
}


#date_rapport label{
	text-align: center;
}

.inputfile-2 + label{
	color:#fa9f42!important;
	background-color: #000;
	border-radius: 15px!important;
	border-color:#fa9f42 !important;
	border-width: 10px !important;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

.inputfile-2 + label:hover{
	background-color: #15212d;
}

#save_form_step2{
	padding-top:20px;
	padding-bottom:10px;
}

#save_form_step2 input{
	border-color: #2c3e50;
	border-radius:2px;	
	border-width:3px;
	border-style:solid;	
}

#save_form_step2 input:hover{
	border-color: #b0bec5;
}

/****************************************Consultation******************************************/
#screen3_consult_logo {
	text-align: center;
	background: #1c1c1c;;
	border-color:#000;
	border-style:solid;
	font-size:5px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#screen3_consult {
	text-align: center;
	background:#b0bec5;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
}

#nav_page{
	display: flex; 
	flex-direction: column;
	margin-top: auto;
	text-align: right;
	font-size:10px;
	padding-top:10px;
	padding-right:20px;
	padding-bottom:10px;
	font-weight:bold;
}

#nav_page a{
	color:#F0EBD8;
	text-decoration:none;
}

#nav_page a:hover{
	color:#fa9f42;
	text-decoration:none;
}

#screen2_consult {
	background:#2c3e50;
	border-style:solid;
	text-align:center;
}

#consultation_echo{
	font-size:15px;
	padding:25px;
	margin-top:5px;
	margin-bottom:15px;
	border-radius:15px;	
	border-color:#F0EBD8;
	border-width:0px;
	border-style:solid;
	width:600px;
	background-color:#1c1c1c;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

.class_consultation{
	overflow-wrap:break-word;
	word-wrap:break-word;
	text-align:left;
	margin-bottom: 4px;/*espace en les lignes*/
	margin-left: 40px;
}

.class_consultation em{
	color:#fa9f42;
	font-weight: bold;
}

.class_consultation h2{
	text-decoration:none;
}

#modif_supp_button {
	border-top:2px dotted #F0EBD8;
	margin-bottom:20px;
}

#modif_supp_button input{
	border-radius:2px;	
	border-color:#d3394c;
	border-width:3px;
	border-style:solid;	
}

#modif_supp_button input:hover{
	border-color:#44bba4;
}

.placement_title_consult{
	text-align:center;
	display: inline-block;
	border-radius:10px;	
	border-color:#2c3e50;
	border-width:2px;
	border-style:solid;
	padding:10px;
	margin-bottom:25px;
	margin-top: 20px;
	text-shadow:#000 3px 0 3px;
	width: 250px;
}

#date_alert1{
	overflow-wrap:break-word;
	word-wrap:break-word;
	display:block;
	padding:20px;
	width:500px;
	font-size:15px;
	border-radius:15px;	
	border-color:#d3394c;
	border-width:1px;
	border-style:solid;
	margin-top: 50px;
	margin-bottom: 10px;
	background-color: #1c1c1c;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
	margin-left: auto;
	margin-right: auto;
}

#date_alert1 h1{
	text-align: center;
	text-shadow:#000 3px 0 3px;
	font-size:18px;
}

#date_alert1 em{
	color:#d3394c;
}

#date_alert1 em{
	color:#d3394c;
}

#date_alert1 p{
	text-align:left;
}


#date_alert2{
	overflow-wrap:break-word;
	word-wrap:break-word;
	display:inline-block;
	padding:20px;
	width:500px;
	font-size:15px;
	border-radius:15px;	
	border-color:#fa9f42;
	border-width:1px;
	border-style:solid;
	margin-bottom: 20px;
	background-color: #1c1c1c;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

#date_alert2 h1{
	text-align: center;
	text-shadow:#000 3px 0 3px;
	font-size:18px;
	margin-bottom: 20px;
}

#date_alert2 em{
	color:#fa9f42;
}

#date_alert2 em{
	color:#fa9f42;
}

#date_alert2 p{
	text-align:left;
	margin-bottom:10px;
}

#link_alert_mail_auto a:hover{
	color: #FA9F42;
}

#link_alert_mail_auto span{
	color: #FA9F42;
}

#arrow{
	margin-bottom:5px;
}

#arrow:hover{
	padding:3px;
}

#arrow2:hover{
	padding:3px;
}

#link_materiel em{
	color:#d3394c;
	border-radius:10px;	
	border-color:#d3394c;
	border-width:1px;
	border-style:solid;
	padding: 10px;
	display: inline-block;
}

#link_materiel p{
	text-align:center;
}

#link_materiel em:hover{
	text-decoration: underline;
}

#fiche_consult{
	font-size:18px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color:#fa9f42;
	border-style:solid;
	padding:10px;
}

#div_consult_ad_insert_statut{
	background-color: #1c1c1c;
	width:500px;
	display:block;
	border-radius:15px;	
	border-style:solid;
	padding:20px; 
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom:20px;
	margin-right:5px;
	margin-left:auto;
	margin-right: auto;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

#div_consult_ad_insert_statut input:hover{
	border-color: #b0bec5;
	border-radius:2px;	
	border-width:3px;
	border-style:solid;	
}

#form_consult_ad_insert_statut label{
	margin-top: 15px;
	text-align:left;
	font-size:15px;
	display:block; /* La balise devient de type block. */
}

#form_consult_ad_insert_statut em{
	color:#fa9f42;
}

#menu_listed_consul {
	background-color: #1c1c1c;
	display:block;
	padding-top:15px;
	padding-bottom:15px;
	border-color:#F0EBD8;
	border-style:dashed;
	font-size: 15px;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

#menu_listed_consul a{
	color:#ecf0f1;
   text-decoration: none;
   }

#menu_listed_consul a.active{
	color:#fa9f42;
}



#menu_listed_consul a:hover{
color:#fa9f42;
   text-decoration: none;
   }

#menu_listed_consul li{
	display: inline-block;
	margin-left: 20px;
}

#menu_listed_consul em{
	color:#d3394c;
	text-decoration: none;
}

#menu_listed_consul a em{
	text-decoration: none;
  	text-decoration-color:#d3394c;
}

#menu_listed_consul a em:hover{
	text-decoration:none;
  	color:#fa9f42;
}


#menu_listed_consul a:hover{
	color: #fa9f42;
}




#top_consultation_echo_info{
	display:block;
	margin-bottom:10px;
}

#top_consultation_echo_info ul{
	display:inline-block;
	list-style-type:none; 
	font-size:10px;
	margin-bottom:5px;
}

#top_consultation_echo_info li{
	display:inline-block;
}

#top_consultation_echo_info em{
 	text-decoration:none;
 	margin-left:10px;
}




#bottom_consultation_echo_info{
	display:block;
	text-align:right;
}

#bottom_consultation_echo_info ul{
	display:inline-block;
	list-style-type:none; 
	font-size:8px;
}

#bottom_consultation_echo_info li{
	display:inline-block; 
}

#bottom_consultation_echo_info em{
 	text-decoration:none;
 	margin-left:10px;
}

#li_consult_img_ON{
	color:#44bba4;
	margin-left:50px;
	font-size:15px;
}

#li_consult_img_OFF{
	color:#2c3e50;
	margin-left:50px;
	font-size:15px;
}

#li_consult_pdf1_ON{
	color:#44bba4;
	font-size:15px;
}

#li_consult_pdf1_OFF{
	color:#2c3e50;
	font-size:15px;
}

#li_consult_pdf2_ON{
	color:#44bba4;
	font-size:15px;
}

#li_consult_pdf2_OFF{
	color:#2c3e50;
	font-size:15px;
}

#li_consult_pdf3_ON{
	color:#44bba4;
	font-size:15px;
}

#li_consult_pdf3_OFF{
	color:#2c3e50;
	font-size:15px;
}

#li_consult_pdf_vierge_ON{
	color:#44bba4;
	font-size:15px;
}

#li_consult_pdf_vierge_OFF{
	color:#2c3e50;
	font-size:15px;
}

#link_page{
	text-decoration:none;
}

#link_page:hover{
	color:#fa9f42;
	text-decoration:none;
}

#link_page_current{
	color:#fa9f42;
	text-decoration:none;
}

#thumbnail_consult{
	display: inline-block;
	border-radius:1px;	
	border-color:#2c3e50;
	border-width:2px;
	border-style:solid;
	padding:5px;
	border-radius: 8px;
	margin-bottom:10px;
	margin-top: 10px;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

#thumbnail_consult:hover{
	display: inline-block;
	border-color:#fa9f42;
	border-width:2px;
	border-style:solid;
}

/****************************************footer******************************************/
footer a{
	text-decoration:none;
}

footer a:hover{
	text-decoration:none;
	color:#fa9f42;
}

.footer_blue{
	font-size:10px;
	background-color:#ecf0f1;
	text-align: center;
	padding:20px;
	border-style:solid;
	color:#1c1c1c;
}

.footer_blue a{
	color:#1c1c1c;
	text-decoration: underline;
}

.footer_blue_black{
	font-size:10px;
	background-color:#2c3e50;
	text-align:center;
	padding:20px;
	border-style:solid;
	color:#ecf0f1;
}

/****************************************Modification*********************************************/
#screen2_modif {
	background:#2c3e50;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	text-align: center;
}

#msg_nb_id{
	padding-top: 30px !important;
	padding-bottom: 30px!important;
	padding:10px;
	font-size:10px;
	margin-left:120px;
	margin-right:120px;
}

#msg_nb_id em{
	color:#fa9f42;
	text-decoration:none;
}

#form_admin_insert input{
	text-align:center;
}

#div_modif_insert{
	background-color: #1c1c1c;
	width:500px;	
	display:block;
	text-align: center;
	margin-left:auto;
	margin-right: auto;
	border-radius:15px;	
	padding:20px; 
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom:20px;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

#form_modif_insert label{
	text-align:left;
	font-size:15px;
	display:block; /* La balise devient de type block. */
    width:250px;
    float:left;
}

#form_modif_insert input{
	border-color: #2c3e50;
	border-radius:2px;	
	border-width:3px;
	border-style:solid;	
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

#form_modif_insert input:hover{
	border-color: #b0bec5;
}

#form_modif_insert em{
	color:#fa9f42;
}

#screen3_modif {
	background:#b0bec5;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	text-align: center;
}

.placement_title_modif{
	text-align:center;
	display: inline-block;
	border-radius:8px;	
	border-color:#2c3e50;
	border-width:2px;
	border-style:solid;
	padding:10px;
	margin-bottom:10px;
}

/****************************************Encrypt*********************************************/
#screen2_encrypt{
	background:#2c3e50;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	text-align:center;
}

#screen3_encrypt{
	background:#b0bec5;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	text-align:center;
}

#encrypt{
	font-size:15px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	display: inline-block;
	border-radius:2px;	
	border-color:#F0EBD8;
	border-width:1px;
	border-style:solid;
	padding:10px;
	width:600px;
}


/********************************************modification statut********************************************/

#div_modif_insert_statut{
	width:500px;
	display:inline-block;
	border-radius:15px;	
	padding:20px; 
	margin-bottom:20px;
	margin-right:5px;
	margin-left:5px;
	background-color: #1c1c1c;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

#div_modif_insert_statut input{
	text-align: center;
}

#form_modif_insert_statut label{
	text-align:center;
	font-size:15px;
	display:block; /* La balise devient de type block. */
	margin-bottom: 5px;
	margin-bottom: 15px;
}

#form_modif_insert_statut p{
	text-align:center;
}

#form_modif_insert_statut em{
	color:#fa9f42;
}

/************************************************Prochainement*****************************************/
#prochainement_alert{
	background-color: #1c1c1c;
	border-radius: 15px !important;
	overflow-wrap:break-word;
	word-wrap:break-word;
	display:block;
	padding:20px;
	width:500px;
	font-size:15px;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
	margin-left: auto;
	margin-right: auto;
}

#prochainement_alert h1{
	text-align: center;
	text-shadow:#000 3px 0 3px;
	font-size:18px;
	margin-bottom: 20px;
}

#prochainement_alert em{
	color:#fa9f42;
}

#prochainement_alert em{
	color:#fa9f42;
}

#prochainement_alert p{
	text-align: left;
	margin-bottom:10px;
}

/***************************************consultation_archive*************************************/
.nb_page{
 	font-size: 15px;
}

/***************************************menu_consult*********************************************/
#emplacement_recherche{
	background-color: #15212d;
	overflow-wrap:break-word;
	word-wrap:break-word;
}

#result-search{
	margin: 20px;
}

#cross_menu{
	text-decoration: none;
	border :1px solid #F0EBD8;
	border-radius:2px;
	padding:4px;
	margin-right:5px;
}

/*****************************************consultation_listes*************************************/
#listed_listes {
	display:block;
	font-size: 15px;
}

#listed_listes li{
	display: inline-block;
	margin-left: 20px;
}

#listed_listes em{
	color:#d3394c;
	text-decoration: none;
}

#listed_listes a em{
	text-decoration: none;
  	text-decoration-color:#d3394c;
}

#listed_listes a em:hover{
	text-decoration:none;
  	color:#fa9f42;
}


#listed_listes a{
	text-decoration: none;
	border-radius: 15px;
	border-color: #1c1c1c !important;
	border-width: 2px !important;
}

#listed_listes ul li{
	padding:15px;
	border-radius: 15px;
	background-color: #1c1c1c;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}
	

#listed_listes a:hover{
	color: #fa9f42;
}

#things_listed_listes{
	font-size:12px;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	background-color: #1c1c1c;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
	padding:20px;
	border-radius: 15px;
}

#in_things_listed_listes{
	display: block;
	border-left-width:1px;
	border-color:#fa9f42;
	border-style:solid;
	font-size:12px;
	padding-left: 10px;
	text-align: left;
	overflow-wrap:break-word;
	word-wrap:break-word;
}

#intro_listes p{
	font-size:15px;
	text-decoration: none;
}

#things_listed_listes_tab td{
	background-color: #1c1c1c;
    border : 1px solid #F0EBD8;
    padding: 5px;
    font-size: 12px;
	vertical-align: middle;
}

#things_listed_listes_tab em{
    color:#fa9f42;
}


#things_listed_listes_tab_pass table{
	margin-left: auto;
	margin-right: auto;
	border-radius: 15px;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

#things_listed_listes_tab_pass{
	border-radius: 15px;

}

#things_listed_listes_tab_pass td{
    border : 1px solid #ecf0f1;
    padding: 10px;
    font-size: 13px;
	background-color: #1c1c1c;
}

#things_listed_listes_tab_pass em{
    color:#fa9f42;
}

/******************************************password page customer**********************************************/

#screen3_pass {
	background:#b0bec5;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
}

#login_pass_customer_id{
	text-align: center;
	width:250px;
	padding:20px;
	text-align: center;
	margin-right:auto;
	margin-left:auto;
	border-width:0px;
	background-color:#b0bec5;
	border-style:solid;
	border-radius:15px;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

#login_pass_customer_id input[type="text"]{
	margin-bottom:0px !important;
}

#login_pass_customer_id input[type="submit"]{
	margin-bottom:0px !important;
}

#screen2_pass {
	background:#2c3e50;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	margin-top: 25px;
	margin-bottom: 25px;
}

#screen2_pass p{
	text-align: center;
	font-size:12px;
	width:500px;
	margin-right:auto;
	margin-left:auto;
}

#screen2_pass img{
	width:50%;
}

.login-form{
	background-color: #1c1c1c;
	padding:20px;
	padding-top: 100px;
	padding-bottom: 100px;
}

#form_admin_insert_customer input{
	border-color: #b0bec5;
	border-radius:2px;	
	border-width:3px;
	border-style:solid;	
}

#form_admin_insert_customer input:hover{
	border-color: #2c3e50;
}

#form_admin_insert_email input{
	border-color: #b0bec5;
	border-radius:2px;	
	border-width:3px;
	border-style:solid;	
}

#form_admin_insert_email input:hover{
	border-color: #2c3e50;
}

/******************************************index**********************************************/
/* css part cf index.php */

#img_fido {
	margin-top: 25px;
	margin-bottom: 25px;
}

#img_connect_u2f {
	margin-top: 25px;
	margin-bottom: 25px;
}

#img_fido img{
	width: 100px;
}

#screen2_index_u2f {
	background:#2c3e50;
	border-color:#000;
	border-style:solid;
	text-align:center;
}

#screen3_index_u2f {
	background:#1c1c1c;
	border-top-width:0px;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	text-align:center;
	padding-top: 100px;
	padding-bottom: 100px;
	padding-left: 10px;
	padding-right: 10px;
}

#screen4_index_u2f {
	background:#2c3e50;
	border-bottom-width:0px;
	border-color:#000;
	border-style:solid;
	text-align:center;
}

.index_password_u2f p{
	font-size:12px;
	width:600px;
	margin-right:auto;
	margin-left:auto;
}

.index_password_u2f span{
	text-align: left;
}

.index_password_u2f em{
	color:#fa9f42;
}

.index_password_u2f form{
	text-align: center;
}

#message_index{
    padding: 5px;
    border-style:solid;   /* Style de la bordure  */
    border-width:3px;   /* Epaisseur de la bordure  */
    border-color:#2c3e50;
    border-radius:3px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    max-width:250px;
    font-size: 12px;
    color: red;
	background-color: #ecf0f1;
	border-radius: 15px;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
	margin-bottom: 20px;
}

#message_index_green{
    padding: 5px;
    border-style:solid;   /* Style de la bordure  */
    border-width:3px;   /* Epaisseur de la bordure  */
    border-color:#2c3e50;
    border-radius:3px;
    max-width:250px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    max-width:250px;
    font-size: 13px;
    color:#2cba5e;
    background-color: #ecf0f1;
	border-radius: 15px;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

.ccontent {
    margin-left:auto;
    margin-right:auto;
    flex-wrap:wrap;
    background-color:#2c3e50;
    max-width:250px;
    border-style:solid;   /* Style de la bordure  */
    border-width:3px;   /* Epaisseur de la bordure  */
    border-color:#2c3e50;
    border-radius:3px;
	border-radius: 15px;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
	padding:20px;
}
.cbox {
    margin-left:auto;
    margin-right:auto;
    max-width:200px;
}

.cbox input{
    box-shadow: 3px 2px 2px black;
    margin-bottom:3px;
}


/* Fond du gadget de la barre de recherche */
.recherche_p {
    background-color:#F0EBD8;   /* Couleur de fond */
    border-style:solid;   /* Style de la bordure  */
    border-width:1px;   /* Epaisseur de la bordure  */
    border-color:#dddddd;   /* Couleur de la bordure  */
    padding: 10px 10px 10px 10px;   /* Espace entre les bords et le contenu : haut droite bas gauche  */
}

/* Champ de saisie */
.searchthis .search_index {
    background-color:#F0EBD8;   /* Couleur de fond */
    border-style:solid;   /* Style de la bordure  */
    border-width:1px;   /* Epaisseur de la bordure  */
    border-color:#dddddd;   /* Couleur de la bordure  */
    padding:5px 10px 5px 10px;   /* Espace entre les bords et le contenu : haut droite bas gauche  */
    width:100%;   /* Permet d'ajuster la largeur du champ de saisie à 100% */
    box-sizing:border-box;   /* Important */
    font-family:Roboto,verdana,sans-serif;   /* Police du texte */
    font-size:12px;   /* Taille de la police du texte */
    font-weight:normal;   /* Graisse du texte : normal = normal ; bold = gras */
    letter-spacing:1px;   /* Espacement des caractères */
}

/* Bouton valider */
.searchthis .search-btn {
    background-color:#fa9f42;   /* Couleur de fond */
    border-style:solid;   /* Style de la bordure  */
    border-width:1px;   /* Epaisseur de la bordure  */
    border-color:#fa9f42;   /* Couleur de la bordure  */
    padding:5px 10px 5px 10px;   /* Espace entre les bords et le contenu : haut droite bas gauche  */
    width:100%;   /* Permet d'ajuster la largeur du champ de saisie à 100% */
    box-sizing:border-box;   /* Important */
    font-family:Roboto,verdana,sans-serif;   /* Police du texte */
    font-size:13px;   /* Taille de la police du texte */
    font-weight:normal;   /* Graisse du texte : normal = normal ; bold = gras */
    letter-spacing:2px;   /* Espacement des caractères */
    margin:10px 0 0 0;   /* Espace autour du bouton : haut droite bas gauche  */
    text-transform:uppercase;   /* Transforme le texte en majuscules */
    color:#ffffff;   /* Couleur du texte */
}

/* Bouton valider quand survolé par la souris */
.searchthis .search-btn:hover {
    background-color:#F0EBD8;   /* Couleur de fond */
    color:#fa9f42;   /* Couleur du texte */
    cursor:pointer;   /* Apparence du curseur comme pour un lien */
}


/****************************************** contact **********************************************/

#display-barretop{
		display: flex; /* Active le mode flexbox */
		align-items: center; /* Aligne verticalement les éléments */
		justify-content: space-between; /* Place les éléments à gauche, au centre et à droite */
}

.display-top1{
	display: flex; /* Permet un bon alignement interne des enfants si besoin */
    align-items: center; /* Aligne verticalement les éléments internes */
}

#home-dis{
	float: left;
	padding-left: 15px;
}

#deco-dis{
	float: right;
	padding-right: 15px;
}

.deco_text{
	display:none;
}
/*
#deco_logo{
	position: absolute;
	top: 0%;
	right: 0%;

	margin-right: 20px;
	margin-top: 20px;
	z-index:2;
}

.deco_text{
	display:none;
}

#home_logo{
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}

#home_text{
	display:none;
}
*/
/****************************************** Pop UP confirmation **********************************************/
input:required:invalid, input:focus:invalid {
   background-image:url(design/img/green_dot.png);
   background-position: right top;
   border:none;
}
input:required:valid {
   background-image:url(design/img/red_dot.png);
   background-position: right top;
   border: none;
}  

/*********************************************  **************************************/

.exp_desti_color{
	color: #fa9f42;
}

#label_order label{
	font-size: 14px;
}

.qrcode_css img{
	border: 2px solid #2c3e50;
	padding: 2px;
}

.qrcode_css :hover img{
	border: 2px solid #d3394c;
}

.btn_copy {
	z-index: 0;
	backface-visibility: hidden;
	cursor: pointer;
	display: inline-block;
	white-space: nowrap;
	background: #2c3e50;
	border-color: #d3394c;
	border-radius:3px;
	padding: 7px 15px 5px 15px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	font-style: normal;
	font-family: Roboto,verdana,sans-serif;
}

.btn_copy:hover{
	background:#d3394c;
}

.gene_qr{
	background-color: #1c1c1c;
	text-align: center;
	border-top: 2px solid #fa9f42;
	border-bottom: 2px solid #fa9f42;
	padding-top: 30px;
	padding-bottom: 30px;
}

.gene_qr_tips{
	margin-top: 15px;
	font-size: 12px;
	width:200px;
	margin-right: auto;
	margin-left: auto; 
	text-align: left;
}

.gene_qr_tips p{
	text-align: justify;
}

.gene_qr_tips em{
	color: #fa9f42;
	font-size: 14px;
	text-decoration: none;
}


#m-statut{
	margin-top:20px;
	margin-bottom:20px;
}

.marge-top-correctif{
	margin-top: 25px;
}

.master-center{
	display: block;
	text-align: center;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}

#delete-full-bdd-tab{
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #b0bec5;
	color:#1c1c1c;
	border-radius: 15px;
	width: 500px;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
	font-size: 14px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 30px;
}

#size-contact2{
	display: flex; /* Utilisation de Flexbox */
	align-items: center; /* Centre verticalement */
	justify-content: center; /* (Facultatif) Centre horizontalement */
}

#generateur-pass{
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size:13px;
	background-color: #b0bec5;
	color:#1c1c1c;
	border-radius: 15px;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	word-wrap:break-word;
}

#form-generateur-pass{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

#gisement-space h3{
	text-align: center;
	font-size: 14px;
	margin-bottom: 20px;
}

#form_consult_ad_insert_statut label{
	text-align: center;
}

#hidden_print1 p{
	background-color: #ecf0f1;
	font-size: 12px;
	color: #1c1c1c;
	font-weight: bold;
	padding: 10px;
	border-radius: 8px;
	margin-top: 10px;
}

#hidden_print2 p{
	background-color: #ecf0f1;
	font-size: 12px;
	color: #1c1c1c;
	font-weight: bold;
	padding: 10px;
	border-radius: 8px;
	margin-top: 10px;
}

#prochainement_alert p{
	background-color: #ecf0f1;
	font-size: 12px;
	color: #1c1c1c;
	font-weight: bold;
	padding: 10px;
	border-radius: 8px;
	margin-top: 10px;
}


/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/*************************************** responsive_design ********************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/


@media only screen and (max-width: 1100px) {

	#screen2_admin {
		width:auto;
	}
}

@media only screen and (max-width: 900px) {

	#consultation_echo{
		display:block;
		padding:25px;
	}
	
	#menu_listed_consul li{
		display:block;
		margin: 15px;
	}
}

/*************************************700px*******************************************/

@media only screen and (max-width: 700px) {


	#name_entreprise {
		display:block;
		width:auto;
	}

	#name_entreprise p{
		margin-bottom: 20px;
	}

	#name_equipement{
		display:block;
		width:auto;
		margin-top:0px;
	}
	
	#text_statut1{
		display:block;
		width:auto;
		padding: 10px;
		padding-top: 30px;
		margin-top:0px;
		font-size:13px;
	}

	#consultation_echo{
		display:block;
		margin-left:10px;
		margin-right:10px;
		padding:10px;
		width:auto;
	}

	#numeros_serie{
		width:auto;
		display:block;
	}

	#numeros_serie em{
		font-size:18px;
	}
	
	#numeros_serie_pn{
		width:auto;
		margin-bottom:-10px;
		display:block;
	}

	#numeros_serie_pn em{
		font-size:18px;
	}

	#parent_revision{
		width:auto;
		display:block;
	}

	#info_supp_ad div{
		text-align: center;
		width: 300px;
		padding-left: 20px;
		padding-right:20px;
		margin: 0px;
		padding-bottom: 20px;
	}

	#info_supp_ad2 div{
		text-align: center;
		width: 300px;
		padding-left: 20px;
		padding-right:20px;
		margin: 0px;
		padding-bottom: 20px;
	}

	#div_modif_insert_statut{
		padding: 10px;
		width:auto;
		margin-left:10px;
		margin-right:10px;
	}

	#top_consultation_echo_info ul{
		display:block;
		text-align:center;
		margin-top:20px;
		margin-bottom:20px;
	}

	#listed_listes li{
		margin:2px;
	}

	#div_pass2_insert{
		display: block;
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}

	.global_section{
		padding-top:10px;
		padding-bottom:10px;
		padding-left:0px;
		padding-right: 0px;
	}

	.global_section a{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	#delete-full-bdd-tab{
		width:auto;
		margin-left: 10px;
		margin-right: 10px;
	}

}

/*************************************540px*******************************************/

@media only screen and (max-width:540px) {	
	body{
		padding-top: 135px;
	}

	#screen2_pass p{
		width:auto;
		margin-left:20px;
		margin-right:20px;
	}
	
	#text_button_consult1 h2{
		margin-left: 40px;
		margin-right: 40px;
	}

	#div_admin_insert{
		width:auto;
		margin:10px;
		padding:10px;
	}

	#div_modif_insert{
		width:auto;
		margin-left:10px;
		margin-right:10px;
	}

	#div_consult_ad_insert_statut{
		width:auto;
		margin-left:10px;
		margin-right:10px;
	}
	
	#form_modif_insert label{
		font-size: 13px;
		margin-right: 200px;
		width:100%;
	}

	
	#message_creation{
		text-align:justify;
	}

	#nav_page{
		font-size:13px;
		text-align:center;
		padding:30px;
		font-weight:bold;
	}

	#info_supp_ad div{
		width: auto;	
	}

	#info_supp_ad select{
		margin-left: -30px;
	}

	#info_supp_ad2 div{
		width: auto;
	}
	
	#info_supp_ad2 label{
		float: left;	}

	.separateur_small{
		margin-left:40px;
		margin-right:40px;
	}

	#msg_nb_id{
		margin-left:20px;
		margin-right: 20px;
	}

	#encrypt{
		text-align: left;
		width: auto;
		margin:20px;
	}

	#link_materiel p{
		text-align:center;
	}

	#things_listed_listes{
		text-align: center;
		margin-left: 10px;
		margin-right: 10px;
		width: auto;
	}

	#things_listed_listes{
		text-align: center;
	}

	#deco_logo{
		display: none;
	}

	#home_logo{
		display: none;
	}

	.deco_text{
		display:block;
		width: 100%;
		color:#b0bec5;
		font-size: 13px;
		padding: 10px;
		padding-top:0px;
	}
	
	.deco_text a{
		display:inline-block;
		text-decoration: none;
		width:auto;
		padding: 10px;
		color:#b0bec5;
		font-size: 10px;
		background-color: #2c3e50;
		border-radius: 8px;
		margin:5px;
		box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
	}

	#fiche_consult{
		font-size:14px;
	}

	#consultation_echo{
		font-size:13px;
	}


	#date_alert2 h1{
		font-size: 15px;
	}

	#link_alert_mail_auto{
		font-size: 14px;
	}

	#title_section2{
		font-size: 14px;
	}

	#title_section{
		font-size: 15px;
	}


	#div_admin_insert h2{
		font-size: 15px;
	}

	#form_admin_insert label {
		font-size: 13px;
	}

	#img_fido img{
		width: 30%;
	}

	#img_connect_u2f img{
		width: 150px;
	}
	
	.footer_blue p{
		display: block;
	}

	#div_pass2_insert h2{	
		font-size:15px;
	}

	#date_rapport{
		display: block;
		margin-top: 25px;
		margin-bottom: 25px;
		padding-top: 25px;
	}

	#date_rapport label{
		text-align: center;
		font-size:13px;
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}

	.box label{
		margin-left: 10px;
		margin-right: 10px;
	}

	
	#m-statut{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.placement_title_consult{
		display: block;
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}

	.class_consultation {
		margin-left: auto;
		margin-right: auto;
		width: 300px;
	}

	.class_consultation em{
		display:inline-block;


		font-size: 15px;
		margin-bottom: 10px;
	}

	.revision{
		font-size: 13px;
	}

	.download_pdf p{
		display: block;
		font-size: 14px;
	}

	
	#size-contact2{
		height:135px;
	}

	#message_date{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}

	.back{
		padding-top:10px;
		padding-bottom:10px;
		padding-left:0px;
		padding-right: 0px;
	}

	.back a{
		width: auto;
		width: calc(100% - 20px); /* 100% de largeur moins 10px de chaque côté */
		margin: 0 10px; /* 10px de marge à gauche et à droite */
	}

	#text_button_consult1{
		width: calc(100% - 20px); /* 100% de largeur moins 10px de chaque côté */
		margin: 0 10px; /* 10px de marge à gauche et à droite */
	}

	#ultime_delete{
		width: calc(100% - 20px); /* 100% de largeur moins 10px de chaque côté */
		margin: 0 10px; /* 10px de marge à gauche et à droite */
	}

	
	#new_customer_part{
		width: calc(100% - 20px); /* 100% de largeur moins 10px de chaque côté */
		margin: 0 10px; /* 10px de marge à gauche et à droite */
	}


	#parti_refresh{
		width: calc(100% - 20px); /* 100% de largeur moins 10px de chaque côté */
		margin: 0 10px; /* 10px de marge à gauche et à droite */
	}

	#date_alert1{
		width: calc(100% - 20px); /* 100% de largeur moins 10px de chaque côté */
		margin: 0 10px; /* 10px de marge à gauche et à droite */
		font-size: 13px;
	}

	#date_alert2{
		width: calc(100% - 20px); /* 100% de largeur moins 10px de chaque côté */
		margin: 0 10px; /* 10px de marge à gauche et à droite */
		margin-top: 10px;
		font-size: 13px;
	}

	#prochainement_alert{
		width: calc(100% - 20px); /* 100% de largeur moins 10px de chaque côté */
		margin: 0 10px; /* 10px de marge à gauche et à droite */
		font-size: 13px;
	}

	#nb_stuff_total{
		width: calc(100% - 20px); /* 100% de largeur moins 10px de chaque côté */
		margin: 0 10px; /* 10px de marge à gauche et à droite */
		font-size: 13px;
	}

	#div_pass3_insert{
		width: calc(100% - 20px); /* 100% de largeur moins 10px de chaque côté */
		margin: 0 10px; /* 10px de marge à gauche et à droite */
	}



	.new_customer_part2{
		width: auto;
	}
}


@media only screen and (max-width:400px) {

	#div_admin_insert{
		margin:10px;
		border-right: 0px;
		border-left: 0px;
		border-bottom: 0px;
	}

	#message_date{
		margin:10px;
	}

	.download_pdf em{
		display: block;
		width:auto;
		margin-left: 10px;
		margin-right: 10px;
	}

	#screen7_index{
		padding-left: 0px;
		padding-right: 0px;
	}

	#screen8_index{
		padding-left: 0px;
		padding-right: 0px;
	}
}


/***************************************370px*****************************************/

@media only screen and (max-width:370px) {
	#form_modif_insert input{
		width:100%;
		margin-bottom: 20px;
	}

	.class_consultation {
		margin-left: 30px;
		margin-right: 30px;
		width: auto;
	}

	.class_consultation em {
		display: block;
	}

	#form_admin_insert label{
		width:auto;
		margin:20px;
	}

	#listed_listes li{
		display:block;
		margin: 10px;
	}
	
	.img_logo{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		margin-bottom:10px;
	
	}

	.placement_title_modif{
		font-size: 14px;
	}

}

/************************************355px********************************************/

@media only screen and (max-width:355px) {

	body {
		padding-top: 155px;
	  }

	nav {					/*hauteur de la bande du menu contact*/
			background:#ecf0f1; 			/* couleur du background du menu contact*/
			border-bottom-width:0px;
			border-color:#000;
			border-style:solid;
		}

	#title_section_insertion{
		padding-top:120px;
	}

	#new_customer_part{
		margin:10px;
	}

	.new_customer_part2{
		width: auto;
		margin-left:10px;
		margin-right:10px;
	}

	.ccontent{
		padding: 10px;
	}

	#login_pass_customer_id{
		width: auto;
		margin-left: auto;
		margin-left: auto;
	}
}



/********************************** MEDIA PRINT *****************************/
@media print{
	#button_print1{
		display:none;
	}

	#button_print2{
		display:none;
	}
}

/*******************************************************************************/





/*******************************************************************************/
/*******************************************************************************/
/*********************************** END ***************************************/
/*******************************************************************************/
/*******************************************************************************/

/* ### Copyright 2019 DENAIS MAXIME ### */
/* READ LICENSE.TXT */