/***************************************************************************************/
/***************************************************************************************/
/***************************************************************************************/
/*                                                                                     */
/*                                    CSS de l'appli                                   */
/*                                                                                     */
/***************************************************************************************/
/***************************************************************************************/
/***************************************************************************************/


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 


.page_404{ padding:40px 0; background:#fff; font-family: 'Arvo', serif;
}

.page_404  img{ width:100%;}

.four_zero_four_bg{
 
 background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
    height: 400px;
    background-position: center;
 }
 
 
 .four_zero_four_bg h1{
 font-size:80px;
 }
 

.four_zero_four_bg h3{
       font-size:80px;
}
       


.link_404{      
  color: #fff!important;
    padding: 10px 20px;
    background: #39ac31;
    margin: 20px 0;
    display: inline-block;}
  .contant_box_404{ margin-top:-50px;
  }





.form-switch .form-check-input {
    height: 24px;
    width: 48px;
}
.form-switch .form-check-input:focus {
    border-color: #fc804c;
    outline: 0;    ;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    background-image: #fc804c;
}
.form-switch .form-check-input:checked {
    background-color: #fc804c;    
    border:2px solid #30D158;
    border: none;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,1.0)'/></svg>");
}

.color_bleuclair {
	color:#05b3f0;
}


.chkmain {
	font-size: 12px;
	color:#fc804c;
	text-shadow:0px 0px 0px #ffffff;
	font-weight: normal;
	cursor: pointer;
}

.chkmain:hover {
	color:#008ec2;
	font-weight: bold;	
}



.portail_title {
	padding-top: 5px;
  font-size: 14px;   
  font-family: "Pacifico", cursive;   font-family: "Comfortaa", sans-serif;
  color: #ffffff;  
  text-align: left;
  font-weight: bold;  
}



.portail_user {
	margin-top: 5px;
	padding-top: 2px;
  font-size: 11px; 
  background: linear-gradient(#cccccc,#ffffff,#eaeaea);  
  border-radius: 20px;  
  font-family: "Pacifico", cursive;   font-family: "Comfortaa", sans-serif;
  color: #000000;  
  text-align:center;
  font-weight: normal;
  height: 20px;
}

.portail_welcome {
	min-height: 250px;
	margin: -20px;
	background-image: linear-gradient(rgba(160, 193, 234, 0.1), rgba(254, 240,252, 0.5)),url("../img/bg_portail.png");	
	background-image: url("../img/bg_portail.png");
}



.portail_slogan {	
	margin-top: 70px;
	font-size: 18px; 
	font-weight: bold;
  font-family: "Pacifico", cursive;   font-family: "Comfortaa", sans-serif;
  color: #000000;  
  text-align:center;
  text-shadow: 0px 1px 2px #ffffff;
}


.portail_guide {
  background: linear-gradient(#c90a10,#e12121,#c90a10);
  border-radius: 20px;
  margin-top: 25px;
  padding: 5px 15px;
  font-family: "Pacifico", cursive;   font-family: "Comfortaa", sans-serif;
  color: #ffffff;  
  border:2px solid #cccccc;
  text-align:center;	
  cursor: pointer;
}



.portail_guide:hover {
  background: linear-gradient(#eaeaea,#ffffff,#eaeaea);
  border:2px solid #666666;
  color: #c90a10;    
}


.portail_menu {
  max-height: 220px;
  overflow-x: hidden;
	overflow-y: scroll;
	background: #fefaf2;
	margin: -20px;
	padding: 30px 20px 30px 20px;
	cursor: pointer;
}


.card_menu {
	border:1px solid #4e9ce5;
	background: #ffffff;  
	transform: scale(1);
	color:#000000;
	margin: 10px;
	border-radius: 2px;
	height: 200px;	
	cursor: pointer;
}

.card_menu:hover {	
	transform: scale(1.1);
	box-shadow: 0px 0px 8px #666666;
	border:1px solid #186ebf;
}


.card_title {
	text-align: center;
	font-size: 14px;   
  font-family: "Pacifico", cursive;   font-family: "Comfortaa", sans-serif;
  color: #666666;  
  padding-top: -20px;
}

.card_footer {
  text-align: center;
	font-size: 11px;   
  font-family: "Pacifico", cursive;   font-family: "Comfortaa", sans-serif;
  color: #4e9ce5;    
  padding-top: 10px;
  height: 40px;
}






.dossier_title {
	font-size: 12px;   
  font-family: "Pacifico", cursive;   font-family: "Comfortaa", sans-serif;
  color: #666666;  
  padding-top: 5px;
  text-align: right;
  font-weight: bold;
  border:1px solid #444444;
  border-radius: 4px;
  text-align: center;
  padding: 5px;
  background: linear-gradient(#c2dbf9,#ffffff,#c2dbf9);
  background: linear-gradient(#ff0047,#fc92ae,#ffffff,#fc92ae,#ff0047);

}


.title_menu {
	font-size:54px;
	line-height:38px;
	text-align: center;
	color: #000000;
	padding-top: 30px;
	text-shadow: 0px 0px 4px #ffffff;
}



.dossier_newzone {
	font-size: 18px;  
	font-family: "Comfortaa", sans-serif;
  font-family: "Pacifico", cursive; 
  color: #fc804c;    
  text-align: left;
  font-weight: normal;
  border:1px solid #ffffff;
  border-radius: 4px;    
  background: transparent;
  box-shadow: 0px 0px 15px #ffffff;
  padding: 10px;
  height: 450px;
}


.dossier_new {
	font-size: 18px;  
	font-family: "Comfortaa", sans-serif;
  font-family: "Pacifico", cursive; 
  color: #000000;    
  text-align: left;
  font-weight: normal;
  border:1px solid #444444;
  border-radius: 4px;    
  background: transparent;
  box-shadow: 0px 0px 15px #000000;
  background: radial-gradient(#e21921,#f96368);
  padding: 10px;
}


.onglet_new {
	font-size: 14px;  
	font-family: "Comfortaa", sans-serif; 
  color: #fc804c;    
  text-align: center;
  font-weight: normal;
  border:1px solid #ffffff;
  border-radius: 4px;    
  background: transparent;
  box-shadow: 0px 0px 15px #ffffff;
  padding: 10px;
  cursor: pointer;
}




.onglet_newactive {
	font-size: 14px;  
	font-family: "Comfortaa", sans-serif; 
  color: #fc804c;    
  text-align: center;
  font-weight: normal;
  border:1px solid #ffffff;
  border-radius: 4px;    
  background: #ffffff;
  box-shadow: 0px 0px 15px #ffffff;
  padding: 10px;
  cursor: pointer;
}



.onglet_new:hover {
	font-size: 14px;  
	font-family: "Comfortaa", sans-serif; 
  color: #fc804c;    
  text-align: center;
  font-weight: normal;
  border:1px solid #4e9ce5;
  border-radius: 4px;    
  background: #ffffff;
  box-shadow: 0px 0px 15px #ffffff;
  padding: 10px;
  cursor: pointer;
}


.item_crea {
  font-size: 12px;   
  font-family: "Pacifico", cursive;   font-family: "Comfortaa", sans-serif;
  color: #fc804c;  
  padding-top: 5px;
  text-align: right;
  font-weight: bold;
}


.info_crea {
	text-align: left; 
	font-size:12px; 
	padding-top: 5px;
	font-weight: normal;
	color:#999999;
}	

.btn_primary {
	background: linear-gradient(#c2dbf9,#eaeaea,#c2dbf9);
	border:1px solid #4e9ce5;
	color:#4e9ce5;
}

.btn_primary:hover {
	background: linear-gradient(#a0c1ea,#3c92fc);
	border:1px solid #4e9ce5;
	color:#ffffff;	
}



.btn_warning {
	background: linear-gradient(#e75535,#eaeaea,#e75535);
	border:1px solid #9d9e9e;
	color:#b74316;
}

.btn_warning:hover {
	background: linear-gradient(#fc804c,#ea4504);
	border:1px solid #4e9ce5;
	color:#ffffff;	
}


.btn_dark {
	background: linear-gradient(#4b4c4c,#eaeaea,#4b4c4c);
	border:1px solid #9d9e9e;
	color:#000000;
}

.btn_dark:hover {
	background: linear-gradient(#000000,#999999);
	border:1px solid #4e9ce5;
	color:#ffffff;	
}



.btn_success {
	background: linear-gradient(#79a300,#eaeaea,#87db78);
	border:1px solid #9d9e9e;
	color:#1d7c02;
}

.btn_success:hover {
	background: linear-gradient(#63de42,#259307);
	border:1px solid #4e9ce5;
	color:#ffffff;		
}




.btn_danger {
	background: linear-gradient(#c81920,#eaeaea,#f2131a);
	border:1px solid #9d9e9e;
	color:#c81920;
}

.btn_danger:hover {
	background: linear-gradient(#c81920,#f90e16);
	border:1px solid #4e9ce5;
	color:#ffffff;	
}


.btn_info {
	background: linear-gradient(#05b3f0,#eaeaea,#05b3f0);
	border:1px solid #9d9e9e;
	color:#0f5f82;
}

.btn_info:hover {
	background: linear-gradient(#4ec1f5,#146b91);
	border:1px solid #4e9ce5;
	color:#ffffff;	
}



.btn_outline_info {
	background: linear-gradient(#c2dbf9,#eaeaea,#c2dbf9);
	border:1px solid #4e9ce5;
	color:#4e9ce5;
}


.btn_outline_info:hover {
	background: linear-gradient(#fc804c,#fcce71);
	border:1px solid #4e9ce5;
	color:#ffffff;	
}


.topduree {
	cursor:pointer;
	margin-top:15px;
	border:1px solid #e5725b;
	margin:0px 0px;
	border-radius:6px;
	padding:5px;
	background: linear-gradient(to right,#cccccc,#eaeaea,#ffffff);
	color:#000000;
	margin-top: 5px;
}

.topduree:hover {
	cursor:pointer;
	margin-top:15px;
	border:1px solid #e5725b;
	margin:0px 0px;
	border-radius:6px;
	padding:5px;
	background: linear-gradient(#f7b5a8,#ffffff);
	color:#000000;
	margin-top: 5px;
}


.box_tableau {
	border:1px solid #919191;
	border-radius:6px;
	background: #ffffff;
	max-height: 600px;
	overflow-x: hidden;
	overflow-y: scroll;
	box-shadow: 0px 0px 10px #ffffff;
	padding: 20px;
}	


.box_flocage {
	border:2px solid #cccccc;
	border-radius:6px;
	background: #ffffff;
	background: linear-gradient(#ffffff,#ffffff,#eaeaea,#cccccc);
	max-height: 600px;
	overflow-x: hidden;
	overflow-y: scroll;
	box-shadow: 0px 0px 10px #ffffff;
	padding: 20px;
	cursor: pointer;
}	



.box_flocage:hover {
	color:#48b461;
	border:2px solid #fc804c;	
}	



.box_antenne {
	border:2px solid #cccccc;
	border-radius:6px;
	background: #ffffff;
	background: linear-gradient(#ffffff,#ffffff,#eaeaea,#cccccc);
	max-height: 600px;
	overflow-x: hidden;
	overflow-y: scroll;
	box-shadow: 0px 0px 10px #ffffff;
	padding: 20px;
	cursor: pointer;
}	



.box_antenne:hover {
	color:#48b461;
	border:2px solid #fc804c;	
}	



.box_carto {
	border:1px solid #cccccc;
	border-radius:6px;
	background: #ffffff;
	background: linear-gradient(#ffffff,#ffffff,#eaeaea,#cccccc);
	height: 200px;
	overflow-x: hidden;
	overflow-y: scroll;
	box-shadow: 0px 0px 10px #ffffff;
	padding: 5px;	
	margin: 0px 35px 30px 35px;
}	


.fa_eye {
	font-size: 30px;
	transform: scale(1) ;
	cursor: pointer;
}

.fa_eye:hover {
	transform: scale(1.2) ;
	color:#fc804c;
}


.dispo_title {
	border:1px solid #06b3f0;
	background: linear-gradient(#ffffff,#ffffff,#eaeaea,#cccccc);
	border-radius: 60px;
	padding: 5px 20px;
	text-align: center;
	font-family: "Comfortaa", sans-serif;
	color: #4e9ce5;
	margin: 10px 50px 20px 50px;
	font-weight: bold;
	box-shadow: 0px 0px 15px #06b3f0;
}


.dispo_item {
	text-align: right;	
	font-family: "Comfortaa", sans-serif;
	color: #4e9ce5;
	font-weight: normal;
	font-size: 12px;
}


.dispo_rep {
	text-align: left;	
	font-family: "Comfortaa", sans-serif;
	color: #0f4a82;
	font-weight: bold;
	font-size: 12px;
}


.carto_item {
	transform: scale(1) ;
	margin-left: 20px;
	cursor: pointer;
}

.carto_item:hover {
	transform: scale(1.1) ;
}



.box_resahisto {
	border:1px solid #919191;
	border-radius:6px;
	background: #ffffff;
	height: 378px;
	overflow-x: hidden;
	overflow-y: scroll;
	box-shadow: 0px 0px 10px #ffffff;
	padding: 5px;
	margin-left: -20px;
}	


.chart{
    height:400px;
    width:400px;    
    text-align: left;
    margin-left: -100px;
}
.pie-legend {
	list-style: none;
	margin: 0;
	padding: 0;
}
.pie-legend span {
	display: flex;
	width: 14px;
	height: 14px;
	border-radius: 100%;
	margin-right: 16px;
	margin-bottom: -2px;
}
.pie-legend li {
	margin-bottom: 10px;
}





.buttton {
  min-width: 120px;
  min-height: 26px;
  display: inline-flex;  
  font-size: 16px;
  align-items: center;
  justify-content: center;  
  text-align: center;  
  color: #ffffff;
  background: #008ec2;
  background: linear-gradient(90deg, #008ec2 0%, #125e7a 100%);
  border: none;
  border-radius: 4px;
  
  transition: all 0.6s ease-in-out 0s;
  cursor: pointer;
  outline: none;
  position: relative;
  padding: 5px;
  margin-bottom: 10px;
  margin-left: -20px;
  }

.buttton::before {
  content: '';
  border-radius: 4px;  
  border: 1px solid #ffffff;
  box-shadow: 0 0 18px #008ec2;  
  position: absolute;
  top: 50%;
  left: 50%;  
  opacity: 0;
  transition: all .3s ease-in-out 0s;
}

.buttton:hover, 
.buttton:focus {
  color: linear-gradient(90deg, #008ec2 0%, #125e7a 100%);
  border-radius: 4px;  
}

.buttton:hover::before, 
.buttton:focus::before {
  opacity: 1;
}

.buttton::after {
  content: '';  
  border-radius: 6px;
  border: 1px solid #008ec2;
  position: absolute;
  z-index: 100000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ring 2.5s infinite;
}

.buttton:hover::after, 
.buttton:focus::after {
  animation: none;
  display: none;
}

@keyframes ring {
  0% {
    width: 120px;
    height: 65px;
    opacity: 1;
  }
  100% {
    width: 150px;
    height: 100px;
    opacity: 0;
  }
}

.item_login {
	color: #c9c7c7;
	font-size: 13px;
}	


.rgpd {
	font-size: 12px;
	cursor: pointer;
	transform: scale(1) ;
	color:#008ec2;

}

.rgpd:hover {	
	cursor: pointer;
	transform: scale(1.5) ;
	color:#146a89;

}

.zone_backup {
	height:370px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #4165d2;
	padding:5px;
	border-radius:4px;
}



.list_backdb {
	font-size: 12px;
	cursor: pointer;
	margin-top: 10px;
	background-color: #a0c1ea;
	color: #008ec2;
	padding: 5px;
	border-radius: 4px;
}

.param_btn {
	text-align: center;
	font-size: 14px;
	font-weight: bolder;
	padding: 5px;	 
  background: linear-gradient(to right,#4165d2,#4e9ce5,#4165d2);
  box-shadow: 0px 6px 6px #727271;
	border:1px solid #cccccc;
	border-radius: 4px;
	cursor: pointer;
	transform: scale(1) ;
}




.param_btn:hover {
	text-align: center;
	padding: 5px;
	background: linear-gradient(to left,#e25904,#f9930c,#e25904);
	border:1px solid #cccccc;
	border-radius: 4px;
	cursor: pointer;
	transform: scale(1.1) ;
}


.param_btn2 {
	text-align: center;
	font-size: 14px;
	font-weight: bolder;
	padding: 5px;	 
  background: linear-gradient(to right,#87db78,#62b24c,#87db78);
  box-shadow: 0px 6px 6px #727271;
	border:1px solid #cccccc;
	border-radius: 4px;
	cursor: pointer;
	transform: scale(1) ;
}


.param_btn3 {
	text-align: center;
	font-size: 14px;
	font-weight: bolder;
	padding: 5px;	 
  background: linear-gradient(to right,#3cccfc,#0a99c9);
  box-shadow: 0px 6px 6px #727271;
	border:1px solid #cccccc;
	border-radius: 4px;
	cursor: pointer;
	transform: scale(1) ;
}


.fa_del {
	padding-top: 15px;
	cursor: pointer;
	color:#008ec2;
	transform: scale(1);
}


.fa_del:hover {
	color:#d88b32;
	transform: scale(1.3);
}	


.fa_del2 {
	padding-top: 8px;
	cursor: pointer;
	color:#ffffff;
	transform: scale(1);
}


.fa_del2:hover {
	padding-top: 5px;
	color:#75d662;	;
	transform: scale(1.5);

}	


.param_btn {
	text-align: center;
	font-size: 14px;
	font-weight: bolder;
	padding: 5px;	 
  background: linear-gradient(to right,#4165d2,#4e9ce5,#4165d2);
  box-shadow: 0px 6px 6px #727271;
	border:1px solid #cccccc;
	border-radius: 4px;
	cursor: pointer;
	transform: scale(1) ;
}


.param_btn:hover {
	text-align: center;
	padding: 5px;
	background: linear-gradient(to left,#e25904,#f9930c,#e25904);
	border:1px solid #cccccc;
	border-radius: 4px;
	cursor: pointer;
	transform: scale(1.1) ;
}



.block_login {
  border:1px solid #cccccc;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 10px 10px 10px 10px;
  margin:80px 0px 0px 0px;
  box-shadow: 0px 3px 10px #384f5f;
  height: 260px;
}

.block_loginhaut {
  border:1px solid #cccccc;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 10px 10px 10px 10px;
  margin:15px 0px 0px 0px;
  box-shadow: 0px 3px 10px #384f5f;
  height: 600px;
}


.ctrl_histo {
	height:520px;
	overflow-x: hidden;
	overflow-y: scroll;
}



.ctrl_histoliste {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #444444;
	margin-left: -5px;
	cursor: pointer;
	transform: scale(1);

}

.ctrl_histoliste:hover {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #444444;	
	transform: scale(1.1);
}


.ctrl_histolistevert {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #63de42;
	margin-left: -5px;
	cursor: pointer;
	transform: scale(1);
}

.ctrl_histolistevert:hover {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #63de42;	
	transform: scale(1.1);
}


.ctrl_histolisterouge {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fc020a;
	margin-left: -5px;
	cursor: pointer;
	transform: scale(1);
}

.ctrl_histolisterouge:hover {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fc020a;	
	transform: scale(1.1);
}



.liste_desvehiculesmenu {
  cursor: pointer;
  margin-left:0px;
  margin-right:0px;    
  background: #eaeaea;
  background: linear-gradient(to right,#eaeaea,#ffffff,#eaeaea);
  border: 1px solid #636363;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 5px;
  color: #000;
  font-weight: normal;
}  


.liste_desvehiculesmenu:hover {
  background: #fdd110; 
  background: linear-gradient(to right,#87db78,#ffffff,#63de42); 
  color:#444;
  font-weight: normal;
}  

  




.block_login2 {
  border:1px solid #cccccc;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 10px 10px 10px 10px;
  margin:15px 0px 0px 0px;
  box-shadow: 0px 3px 10px #384f5f;
  /*height: 260px;*/
}  



.item_password {
	color: #2f9ec6;
	font-size: 13px;
	cursor: pointer;
	text-align: right;
	text-decoration: none;
}	

.item_password:hover {
  color:#093943;
  text-decoration: underline;
}


.mainboard_menu {
  margin-top: 80px;
}  


.contact_link {
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	color:#b51e1e;
}

.contact_link:hover {	
	text-decoration: underline;
}	

.tab_all {
	margin-top:0px;
	height:550px;
	overflow-x: hidden;
	overflow-y: scroll;
	background: linear-gradient(to right,#1176d6,#80c0fc);
	border:1px solid #828282;
}	


.bg_alltitle {
  background: linear-gradient(to right,#f9930c,#e25904,#f9930c);
  background: linear-gradient(to right,#e25904,#f9930c,#e25904);
  box-shadow: 0px 6px 6px #727271;
}  



.bg_alltitle2 {  
  background: linear-gradient(to right,#39aa19,#63de42,#39aa19);
  box-shadow: 0px 6px 6px #727271;
}


.resa_res {
  background-color:#e0261d; 
  padding:10px;
  margin-top:-7px;
  color:#ffffff;
  border-radius:2px;
  margin-bottom: -10px;
}  

.resa_resok {
  background-color:#5bc43e; 
 padding:10px;
  margin-top:-7px;
  color:#ffffff;
  border-radius:2px;
  margin-bottom: -10px;
}  





.fiche_res {
  background-color:#e0261d; 
  padding:10px;
  margin-top:20px;
  color:#ffffff;
  border-radius:5px;
}  

.fiche_resok {
  background-color:#5bc43e; 
  padding:10px;
  margin-top:20px;
  color:#ffffff;
  border-radius:5px;
}  


.title_alltitle {
  color:#ffffff;
  font-size: 36px;
  margin-bottom: 10px;
  /*font-family: helvetica;*/
  color:#ffffff;
  text-shadow: 1px 1px 3px #000000;
}  




.creaus_item {
	text-align: right;
	font-size: 14px;
	font-family: Margarine, sans-serif;
	color: #008ec2;
	padding-top: 5px;
}




.locataire_fiche_item {
	font-size: 14px;
	color:#3b76a1;
	text-decoration: none;
}

.locataire_fiche_title {
	font-size: 17px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #309ec6;
	text-decoration: underline;
	border:1px solid #778e95;
	border-radius: 4px;
	margin: 15px;
	height: 32px;
}

.locataire_fiche {
	border:1px solid #788b9d;
	border-top-right-radius: 6px;	
	height: 540px;
}


.locataire_footerfiche {
	border:1px solid #788b9d;	
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
	height: 60px;
	padding-top:10px;
	text-align: right;
	margin-top: 0px;
}

.ta_tab {
	text-align: right;
	margin-right: 5px;
	background-color: #ffffff;
}

.ta_l {
	text-align: left;
}


.ta_r {
	text-align: right;
}

.ta_rm5 {
	text-align: right;
	margin-right: 5px;
}


 .pad_l_30 {
 	padding-left: 30px;
 }

 .ta_c {
 	text-align: center;
 }

 .mt_n40 {
	margin-top: -40px;
}

.mt_n30 {
	margin-top: -30px;
}

 .mt_n20 {
	margin-top: -20px;
}


.mt_n15 {
	margin-top: -15px;
}


.mt_n10 {
	margin-top: -10px;
}


.mt_n5 {
	margin-top: -8px;
}


.mt_0 {
	margin-top: 0px;
}

.mt_5 {
	margin-top: 5px;
}


.mt_10 {
	margin-top: 10px;
}

.mt_14 {
	margin-top: 14px;
}

.mt_15 {
	margin-top: 15px;
}


.mt_20 {
	margin-top: 20px;
}

.mt_25 {
	margin-top: 25px;
}

.mt_30 {
	margin-top: 30px;
}

.mt_40 {
	margin-top: 40px;
}

.mr_5 {
	margin-right: 5px;
}

.mr_10 {
	margin-right: 10px;
}

.ml_5 {
	margin-left: 5px;
}

.ml_n20 {
	margin-left: -20px;
}

.ml_n15 {
	margin-left: -15px;
}


.ml_n10 {
	margin-left: -10px;
}

.ml_10 {
	margin-left: 10px;
}

.ml_20 {
	margin-left: 20px;
}

.mb_5 {
	margin-bottom: 5px;
}

.mb_10 {
	margin-bottom:10px;
}	

.color_blanc {
	color:#ffffff;
}

.col_rouge {
	color:#ff0000;
}


.col_jaune {
	color:#ffc107;
}

.color_noir {
	color:#000000;
}

.color_gris {
	color:#dddddd;
}

.color_grisbleu {
	color:#778e95;
}

.color_box {
  color: #54606b;
}



.color_bleu {
	color:#196093;
}

.color_male {
	color:#329bc9;
}

.color_female {
	color:#ef67b4;
}

.color_grisfonce {
  color:#424241;
}


.color_rouge {
	color:#fd0037;
}


.color_rougeclair {
	color:#fc6f8d;
}


.color_red {
	color:#ed53aa;
}

.color_vert {
	color:#149646;
}

.color_vertclair {
	color:#93c43a;	
}

.color_orange {
	color: #f08001;
}

.color_ocre {
	color:#da6000;
}


.bgcolor_violet {
	background:#30184e;
}


.bgcolor_orange {
	background:#e75535;
}	


.check_nologin {
	background-color: #ffffff;
	border:1px solid #cccccc;
	color:#fd0037;
	border-radius: 8px;
	min-height: 50px;
	padding-top:10px;
	padding-bottom: 5px;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
	box-shadow: 0px 0px 10px #000000;
}

.check_oklogin {
	background-color: #ffffff;
	border:1px solid #cccccc;
	color:#149646;
	border-radius: 8px;
	min-height: 50px;
	padding-top:10px;
	padding-bottom: 5px;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
	box-shadow: 0px 0px 10px #000000;	
}


.check_noportail {
	background-color: #fd0037;
	color:#ffffff;
	border-radius: 4px;	
	text-align: center;
	padding:5px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top:8px;
	margin-top: 1px;
	height: 30px;
	font-size: 12px;
}

.check_okportail {
	background-color: #149646;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
}




.check_noctr {
	background-color: #fd0037;
	color:#ffffff;
	border-radius: 4px;	
	text-align: center;
	padding:5px;
	margin-left: -15px;
	margin-right: -15px;
}

.check_okctr {
	background-color: #149646;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: -15px;
	margin-right: -15px;
}



.check_no {
	background-color: #fd0037;
	color:#ffffff;
	border-radius: 4px;
	height: 30px;
	padding-top:0px;
	padding-bottom: 0px;
	text-align: center;
	margin-left: 15px;
}

.check_ok {
	background-color: #149646;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 15px;
}



.check_noindex {
	background-color: #fd0037;
	color:#ffffff;
	border-radius: 4px;
	height: 30px;
	padding-top:0px;
	padding-bottom: 0px;
	text-align: center;
	margin-left: -20px;
	margin-right: -20px;
}

.check_okindex {
	background-color: #149646;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: -20px;
}

.affect_item {
	 font-family: Comfortaa, sans-serif;
	 font-size: 13px;
	 padding-top: 12px;
}


.badge_danger{
	background: linear-gradient(#f43f45,#c81920);
	border:1px solid #666666;
	 font-family: Comfortaa, sans-serif;  
  font-size: 12px;
  padding: 5px;
}


.tab_title {
  border:1px solid #e75535;
  border-radius: 4px;  
  text-align: center;
  color:#384f5f;
  padding-bottom: 5px;
  cursor: pointer;  
  font-family: "Comfortaa", sans-serif;
  font-family: "Pacifico", cursive;  
  background: linear-gradient(#fff,#f9a27a);  
}




.liste_desvehicules1 {
  cursor: pointer;
  margin-left:20px;
  margin-right:20px;    
  background: #cccccc;
  border: 1px solid #ff0047;
  font-size: 1px;
  padding-top: 3px;
  padding-bottom: 5px;
  color: #000000;
  font-weight: normal;
}  


.liste_desvehicules1:hover {
  background: #fdd110;  
  color:#444;
  font-weight: normal;
}  


.liste_desvehicules2 {
  cursor: pointer;
  margin-left:20px;
  margin-right:20px;  
  background:#eaeaea;  
  border: 1px solid #636363;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 5px;
  color: #000;
  font-weight: normal;
}  


.liste_desvehicules2:hover {
  background: #fdd110;  
  color:#444;
  font-weight: normal;
}  



.tab_title:hover {
  text-align: center;
  color:#05b3f0;
  text-shadow: 1px 1px 1px #000000;
  background: linear-gradient(#fff,#fc7e49);  
  cursor: pointer;    
}


.modal_title2 {
	background: linear-gradient(#279907,#fff);
}




.modal_title {
	background: linear-gradient(to right,#fdd110,#ffbc38);
	color:#ffffff;
	font-size: 18px;
	text-shadow: 0px 1px 3px #444444;
}


.modal_body {
	background: linear-gradient(#4e9ce5,#04417a,#99c9f7,#ffffff);
	background: linear-gradient(#54606b,#cccccc,#ffffff);
}	



.fa_file {
	color:#ffffff;
	font-size: 24px;
	cursor: pointer;
	margin-top: -5px;
	padding-top: 0px;
	margin-left: 20px;
	transform: scale(1);
}

.fa_file:hover {
	color:#fc804c;	
	transform: scale(1.3);
}


.fa_file2 {
	color:#384f5f;
	font-size: 20px;
	cursor: pointer;	
	transform: scale(1);
}

.fa_file2:hover {
	color:#e21921;	
	transform: scale(1.3);
}


.modal_titlephoto {	
	font-family: Comfortaa, sans-serif;	
	color:#ffffff;
	font-size: 20px;
	background: linear-gradient(#5a5b5b,#000000);	
}


.modal_bodyphoto {	
	background: linear-gradient(#eaeaea,#fdba04,#ffffff);
}	


.modif_title {
  border:1px solid #e75535;
  border-radius: 4px;  
  text-align: center;
  color:#384f5f;
  padding-top: 15px;
  padding-bottom: 5px;
  cursor: pointer;  
  font-family: "Comfortaa", sans-serif;
  font-family: "Pacifico", cursive;  
  font-size: 18px;
  background: linear-gradient(#fff,#f9a27a);  
}



.modif_title2 {  
  color:#384f5f;
  padding-top: 15px;  
  font-family: "Pacifico", cursive;  
  font-size: 15px;  
  text-align: right;
}



.histoliste {
  cursor: pointer;
  margin-left:-15px;
  margin-right:-15px;    
  background: #eaeaea;
  border-bottom: 1px solid #cccccc;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 5px;
  color:#008ec2;  
  font-weight: normal;
  background: linear-gradient(#eaeaea,#c1c1c1);
}  


.histoliste:hover {
  background: linear-gradient(#05b3f0,#62d2f7);
  color:#ffffff;
  font-weight: normal;  
}


.liste_desvehicules15 {
  cursor: pointer;
  margin-left:0px;
  margin-right:0px;    
  background: #cccccc;
  border: 1px solid #636363;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 5px;
  color: #000;
  font-weight: normal;
}  


.liste_desvehicules15:hover {
  background: #fdd110;  
  color:#444;
  font-weight: normal;
}  


.liste_desvehicules25 {
  cursor: pointer;
  margin-left:0px;
  margin-right:0px;  
  background:#eaeaea;  
  border: 1px solid #636363;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 5px;
  color: #000;
  font-weight: normal;
}  


.liste_desvehicules25:hover {
  background: #fdd110;  
  color:#444;
  font-weight: normal;
}  



.fa_star0 {
	font-size: 20px;
	margin-right: 10px;
	margin-top: 5px;
	cursor: pointer;
	color: #474f56;
}

.fa_star0:hover {
  transform: scale(1.2);
  color: #4e9ce5;
}

.liste_desvehicules1 {
  cursor: pointer;
  margin-left:20px;
  margin-right:20px;    
  background: #cccccc;
  background: linear-gradient(#dddddd,#ffffff);
  border: 1px solid #ff0047;
  font-size: 16px;
  padding-top: 3px;
  padding-bottom: 5px;
  color: #000000;
  font-weight: normal;
  border-radius: 4px;
  font-family: "Comfortaa", sans-serif;  
}  


.liste_desvehicules1:hover {
  cursor: pointer; 
  background: linear-gradient(#ff0047,#e57906);
  border: 1px solid #636363; 
  color: #ffffff;   
  text-shadow: 1px 1px 2px #000000;
  border-radius: 6px; 
}  


.liste_desvehicules2 {
  cursor: pointer;
  margin-left:20px;
  margin-right:20px;  
  background:#eaeaea;  
  background: linear-gradient(#ffffff,#dddddd);
  border: 1px solid #05b3f0;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 5px;
  color: #0479a0;
  font-weight: normal;
  font-family: "Comfortaa", sans-serif  
}  


.liste_desvehicules2:hover {
  cursor: pointer; 
  background: linear-gradient(#f9b5a7,#e57906);
  border: 1px solid #636363; 
  color: #ffffff;   
  text-shadow: 1px 1px 2px #000000;
  border-radius: 6px; 
}  


.liste_desvehiculesfree {
  cursor: pointer;
  margin-left:20px;
  margin-right:20px;    
  background: #cccccc;
  background: linear-gradient(#c7f9bd,#87db78,#3eaa29);
  border: 1px solid #05b3f0;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 5px;
  color: #ffffff;
  font-weight: normal;
  border-radius: 4px;
  font-family: "Comfortaa", sans-serif;  
  text-shadow: 1px 1px 2px #000000;
}  


.liste_desvehiculesfree:hover {
 cursor: pointer; 
  background: linear-gradient(#f9b5a7,#e57906);
  border: 1px solid #636363; 
  color: #ffffff;   
  text-shadow: 1px 1px 2px #000000;
  border-radius: 6px; 
}  





.liste_desvehiculesdedie {
  cursor: pointer;
  margin-left:20px;
  margin-right:20px;  
  background:#e57906;  
  background: linear-gradient(#d1f1fc,#05b3f0);
  border: 1px solid #05b3f0;
  padding-top: 3px;
  padding-bottom: 5px;
  color: #ffffff;
  font-weight: normal;
  border-radius: 4px;
  font-size: 12px;
  font-family: "Comfortaa", sans-serif;  
  text-shadow: 1px 1px 2px #000000;
}  


.liste_desvehiculesdedie:hover {
  cursor: pointer; 
  background: linear-gradient(#f9b5a7,#e57906);
  border: 1px solid #636363; 
  color: #ffffff;   
  text-shadow: 1px 1px 2px #000000;
  border-radius: 6px; 
}  




.liste_desvehiculesend {
  margin-left:20px;
  margin-right:20px;    
  border: 1px solid #05b3f0;
  padding-top: 3px;
  padding-bottom: 5px;
  font-size: 12px; 
  font-weight: normal;
  border-radius: 4px;
  font-family: "Comfortaa", sans-serif;  
  text-shadow: 1px 1px 2px #000000;
  background: linear-gradient(to left,#05b3f0,#2e8baa,#8bdef9);
  color:#ffffff;
  margin-top: 1px;
}  



.liste_desvehicules12 {
  cursor: pointer;
  margin-left:20px;
  margin-right:20px;    
  background: #cccccc;
  border: 1px solid #636363;
  font-size: 14px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #000;
  font-weight: normal;
}  


.liste_desvehicules12:hover {
  background: #fdd110;  
  color:#444;
  font-weight: normal;
}  


.liste_desvehicules22 {
  cursor: pointer;
  margin-left:20px;
  margin-right:20px;  
  background:#eaeaea;  
  border: 1px solid #636363;
  font-size: 14px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #000;
  font-weight: normal;
}  


.liste_desvehicules22:hover {
  background: #fdd110;  
  color:#444;
  font-weight: normal;
}  


.liste_desvehiculesfree2 {
  cursor: pointer;
  margin-left:20px;
  margin-right:20px;  
  background:#65c3b2;  
  border: 1px solid #636363;
  font-size: 14px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #000;
  font-weight: normal;
}  


.liste_desvehiculesfree2:hover {
  background: #fdd110;  
  color:#444;
  font-weight: normal;
}  





.liste_desvehiculesdedie2 {
  cursor: pointer;
  margin-left:20px;
  margin-right:20px;  
  background:#e57906;  
  border: 1px solid #636363;
  font-size: 14px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #000;
  font-weight: normal;
}  


.liste_desvehiculesdedie2:hover {
  background: #ffc107;  
  color:#444;
  font-weight: normal;
}  




.title_tdl {
	font-size: 24px;
	color:#ffffff;
	background: #283543;
	text-align: center;
	border-radius: 3px;
	margin : 10px;
	padding: 5px;
	text-shadow: 0px 0px 3px #000000;
}


.zone_tdl {
	font-size: 16px;
	color:#444444;
	text-align: center;	
}

.box_resa {
	border:4px solid #54606b;
	border-radius: 3px;
	padding: 10px;
	margin:15px 10px 0px 10px;
	box-shadow: 0px 1px 4px #000000;	
	cursor: pointer;
	/*background-image: url('../img/bg_resa6.png');*/
	background-size: cover;
	min-height: 190px;
}	

.box_resa:hover {
	border:4px solid #fdd110;
	border-radius: 3px;
	padding: 10px;
	margin:15px 10px 0px 10px;
	box-shadow: 0px 1px 4px #000000;	
	cursor: pointer;
}	

.box_ctrl {
	border:4px solid #54606b;
	border-radius: 3px;
	padding: 10px;
	margin:15px 10px 0px 10px;
	box-shadow: 0px 1px 4px #000000;
	background: #ffffff;
	cursor: pointer;	
	background-size: cover;
	height: 190px;
}	

.box_ctrl:hover {
	border:4px solid #fdd110;
	border-radius: 3px;
	padding: 10px;
	margin:15px 10px 0px 10px;
	box-shadow: 0px 1px 4px #000000;
	background: #eaeaea;
	cursor: pointer;
}	



.box_revision {
	border:4px solid #54606b;
	border-radius: 3px;
	padding: 10px;
	margin:15px 10px 0px 10px;
	box-shadow: 0px 1px 4px #000000;
	background: #ffffff;
	cursor: pointer;	
	background-size: cover;
	height: 190px;
	background-image: url('../img/bg_revision5.png');
	background-size: cover;
	opacity: 1;
}	

.box_revision:hover {
	border:4px solid #fdd110;
	border-radius: 3px;
	padding: 10px;
	margin:15px 10px 0px 10px;
	box-shadow: 0px 1px 4px #000000;	
	cursor: pointer;
}	


.bg_rev {
	background: linear-gradient(to right,#a0c1ea,#eaeaea);
	background-image: url('../img/bg_revdate3.png');
	border-radius: 6px;
	border:2px solid #ffffff;
	opacity: 0.8;
	box-shadow: 1px 0px 5px #ffffff;
	margin:0px 0px 0px -15px;
	padding:10px;
}	


.bloc_immat {
	background:#fc8c4b;
	background: linear-gradient(to right,#cccccc,#eaeaea);
	height: 70px;
	border-radius: 6px;
	text-align: center;
	font-size: 26px;
	color:#000000;
	font-weight: bolder;
	padding-top:15px;
	box-shadow: 0px 1px 6px #444;
}
	


.title_modele {
	font-size: 36px;
	font-weight: bold;
	color: #e35a04;
	text-shadow: 1px 1px 3px #000000;
}


.resa_chk {
	font-size:14px;
	font-weight:bolder;
	margin-left: 15px;	
}


.resa_marque {
	font-size: 26px;
	font-weight: bold;
	color: #ffc107;
	text-shadow: 1px 1px 3px #000000;
}


.resa_antenne {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.resa_day {
	font-size:15px;
	color:#496f95;
	font-weight: bolder;
}


.resa_jour {
	font-size: 34px;
	font-weight: bold;
	color: #54606b;
}	

.resa_date {
	font-size: 24px;
	font-weight: bold;
	color: #54606b;
	text-shadow: 0px 0px 4px #ffffff;
}


.resa_user {
	color:#000000;
	font-size:15px;
	font-weight:bolder;
}

.resa_no {
	background:#4dd328;
	background: linear-gradient(to right,#d10a24,#ef2867);
	border:1px solid #e35a04;
	border-radius: 4px;
	padding: 3px;
	color: #ffffff;
	font-weight: bolder;
}

.resa_in {
	background:#4dd328;
	background: linear-gradient(to right,#f7b900,#f49b00);
	border:1px solid #f49b00;
	border-radius: 4px;
	padding: 3px;
	color: #ffffff;
	font-weight: bolder;
}


.resa_ok {
	background:#4dd328;
	background: linear-gradient(to right,#3ced0b,#379e1a);
	border:1px solid #34a016;
	border-radius: 4px;
	padding: 3px;
	color: #ffffff;
	font-weight: bolder;
	margin-bottom: 5px;
}



.rev_jour {
	font-size: 26px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0px 0px 2px #000000;
	margin-right: 20px;
}	


.rev_jour2 {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}	

.rev_jour3 {
	
	font-size: 28px;
	font-weight: bold;
	color: #fc6202;
	background: #ffffff;	
	border-radius: 100px;
	padding: 7px;
	opacity: 1;
	margin-right: 10px;
	margin-top: 10px;
}	

.rev_date {
	font-size: 18px;
	font-weight: bold;
	color: #fdd110;
	text-shadow: 0px 0px 2px #000000;
}


.rev_date4 {
	font-size: 26px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0px 0px 2px #000000;
}



.rev_antenne {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background: #ffffff;
	border-radius: 4px;
	padding: 5px;
	text-align: center;
}


.rev_immat {
	background:#fc8c4b;
	background: linear-gradient(to right,#e35a04,#c42137,#e35a04);
	background-image: url('../img/bg_revision3.png');background-size: cover;opacity: 0.5;
	border: 4px solid #ffffff;
	height: 70px;
	border-radius: 6px;
	text-align: center;
	font-size: 32px;
	color:#000000;
	font-weight: bolder;
	padding-top:5px;
	box-shadow: 0px 1px 6px #444;
	text-shadow: 1px 1px 2px #ffffff;
	opacity: 1;
}


.rev_immat2 {
	background:#fc8c4b;
	background: linear-gradient(to right,#e35a04,#c42137,#e35a04);
	background-image: url('../img/bg_ctrl.png');background-size: cover;opacity: 0.5;
	border: 4px solid #ffffff;
	height: 70px;
	border-radius: 6px;
	text-align: center;
	font-size: 32px;
	color:#000000;
	font-weight: bolder;
	padding-top:5px;
	box-shadow: 0px 1px 6px #444;
	text-shadow: 1px 1px 2px #ffffff;
	opacity: 1;
}



.rev_marque {
	font-size: 30px;
	font-weight: bold;
	color: #ffc107;
	line-height: 30px;
	text-shadow: 1px 1px 3px #000000;
}

.rev_marque2 {
	font-size: 26px;
	font-weight: bold;
	color: #ffc107;
	text-shadow: 2px 2px 5px #000000;
}

.rev_user {
	color:#ffffff;
	font-size:15px;
	font-weight:bolder;
}



.zone_modif {
	border:1px solid #fc804c;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	background: linear-gradient( #ffffff,#05b3f0);
	color:#000;
	height: 625px;	
}

.menu_modif {
	border:1px solid #dddddd;
	border-top-right-radius: 16px;
	background: linear-gradient( to right, #05b3f0,#037da5);
	height: 40px;
	font-family: Comfortaa, sans-serif;
	padding-top: 10px;
	font-weight: bold;
	color:#ffffff;
	font-size: 14px;
	cursor: pointer;
}


.menu_modif:hover {
	border:1px solid #fc804c;		
	background: linear-gradient( to left, #05b3f0,#037da5);	
	font-size: 16px;	
	padding-top: 7px;	
}


.menu_modifselect {
	border:1px solid #fc804c;
	border-top-right-radius: 16px;	
	background: linear-gradient(#fff,#f9a27a);
	height: 40px;
	font-family: Comfortaa, sans-serif;
	padding-top: 10px;
	font-weight: bold;
	color:#008ec2;	
	font-size: 14px;
	cursor: pointer;
	text-shadow: 1px 1px 1px #fff;
}




.rech_immat {	
	color:#05b3f0;
	font-size: 28px;
	padding-top:5px;
	margin-top: 5px;
	cursor: pointer;	
	transform: scale(1.2);	
}

.rech_immat:hover {	
	color:#fc804c;	
	transform: scale(1.5);	
}



.tab_resa {
  border:1px solid #fc804c;
  border-radius: 30px;
  padding: 5px;
  color: #fc804c;  
  background: linear-gradient(#ffffff,#ffffff,#eaeaea,#eaeaea, #cccccc);
  margin: 0px 5px 0px 0px;

}

.tab_resa2 {
  border:0px solid #54606b;
  border-radius: 4px;  
  padding: 5px;
  color: #54606b;
  margin: 0px 5px 0px 0px;
}



.fleche {
	color:#e83077;	
	cursor: pointer;	
}	

.fleche:hover {
    color: #2f9ec6;
    text-shadow: 1px 1px 6px #000000;
}


.bg_001 {
  padding:5px;
  background-color: #4a7096;
  color:#ffffff;
}

.bg_002 {
  padding:5px;
  background-color: #d0d2d6;
  background: linear-gradient(90deg, #008ec2 0%, #125e7a 100%);
  color:#000000;
  border-radius: 4px;
  margin-left: 10px;
}




 }

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { ... }

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { ... }


@media (min-width: 1200px) { ... }


@media (min-width: 1400px) { ... }


@media (min-width: 1920px) {

	
}