*{

	font-family:Roboto,Calibri,Arial;
	font-size:15px;
	margin:0px;
	padding:0px;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin:0px;
	padding:0px;
}

body{
	box-sizing: border-box;
	/* font-family:Calibri,Arial; */
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	background-color:var(--body-background-color);
	color:var(--couleurtextenormale);
}



.logologin{
    background-image: url(https://api.karookie.com/images/logos/logo_karookie_avec_titre_bleu.png);
    height: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    /* background-position: 0 -28px; */
    background-position: top left;
}

.container_loader{
	height:100%;
	position:relative;
	/* display:inline-block; */
	display:none;
}

.affiche_loader{
	position:absolute;
	bottom:2px;
	display:inline;
}

.loader {
    width: 24px;
    height: 24px;
    border: 5px solid #FFF;
    border-bottom-color: var(--header-border-color);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1.2s linear infinite;
	
	
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 


.table_ajoutvo input{
border:var(--border-light-color) 1px solid;
border-radius:2px;
width:100%;
height:35px;
padding:4px;
}

 .file-upload {
    display: none;
  }

  .custom-file-button {
    display: inline-block;
    align-items: center;
    gap: 10px;
    background-color: #1a4d8d;
    color: white;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
	width:100%;
	text-align:center;
  }

  .custom-file-button:hover {
    background-color: #256eca;
  }


.table_ajoutvo .separateur_table{
height:7px;
}



#GeneralPopup table:first-child .table_ajoutvo,
#GeneralPopup table:first-child .table_ajoutvo tr:first-child,
#GeneralPopup table:first-child .table_ajoutvo tr:first-child td:first-child,

#GeneralPopup .table_ajoutvo,
#GeneralPopup .table_ajoutvo tr,
#GeneralPopup .table_ajoutvo tr:first-child,
#GeneralPopup .table_ajoutvo tr:first-child td:first-child,
#GeneralPopup .table_ajoutvo tr td,

#GeneralPopup table:first-child .table_ajoutdoc,
#GeneralPopup table:first-child .table_ajoutdoc tr:first-child,
#GeneralPopup table:first-child .table_ajoutdoc tr:first-child td:first-child,

#GeneralPopup .table_ajoutdoc,
#GeneralPopup .table_ajoutdoc tr,
#GeneralPopup .table_ajoutdoc tr:first-child,
#GeneralPopup .table_ajoutdoc tr:first-child td:first-child,
#GeneralPopup .table_ajoutdoc tr td
 

{
	background-color:var(--input-background-color) !important;
}


.table_menu_immat, .table_menu_immat tr td{
border:none !important;
}

.table_ajoutdoc .separateur_table{
height:40px;
}

.demi_separateur_table{
height:20px;
}

.container_immat{
display:block;
height:60px;
}

.icon_ajoutvehicule{
text-align:right;
}

.parag_news{
	margin-bottom:35px;
	color:var(--couleurtextenormale);
}

.newsversionweb{
display:none;
}

.immat_histo{

width:146px;
height:30px;
line-height:30px;
background-size:contain;
background-repeat:no-repeat;
text-align:center;
padding-top:1px;
font-size:22px;

}

.mesdocs_dossier span{
	padding-left:20px;
}

.mesdocs_list{

height:74px;
background-size:contain;
background-repeat:no-repeat;
text-align:center;
padding-top:1px;
font-size:22px;

}

.menu_horiz_entretien{
width:33%;

}

.menu_horiz_entretien span{
padding-left:10px;

}

.menu_horiz_entretien_selected{
background:var(--header-background-color);
color:#FFF;
}


.visible{
	/* display:inline; */
}

.novisible{
	display:none;
}


.rappelimmat{
	padding-left:0;
	text-align:left;
}

.data_immat span,
.title span
{
padding-left:2px;
}

.table_menu_bas, .table_menu_bas tr, .table_menu_bas td,
.table_cataloguecateg, .table_cataloguecateg tr, .table_cataloguecateg td,
.table_cataloguepiece, .table_cataloguepiece tr, .table_cataloguepiece td,
.table_mesvehicules, .table_mesvehicules tr, .table_mesvehicules td,
.table_ajoutdoc, .table_ajoutdoc tr, .table_ajoutdoc td,
.table_mesvo, .table_mesvo tr, .table_mesvo td,
.table_unvo, .table_unvo tr, .table_unvo td,
.table_bloc .menu_horiz_entretien , .table_bloc .menu_horiz_entretien tr, .table_bloc .menu_horiz_entretien td,

.table_ajoutvo, .table_ajoutvo tr, .table_ajoutvo td,
.table_options, .table_options tr, .table_options td,
.tablelogin, .tablelogin tr, .tablelogin td,
.option_table, .option_table tr, .option_table td,
.table_loader, .table_loader tr, .table_loader td,

.table_histo, .table_histo tr, .table_histo td
{

border : none !important;
margin : none !important;

}

.table_loader,
.table_loader tr,
.table_loader tr td
{
background-color:transparent !important;
}

.container_unvo{
	width:100%;
	overflow-x:hidden;
}

.info_unvo{
position:relative;
}


.options_unvo{
	
	height:91%;
	border:#797979 1px solid;
	padding:5px;
	margin:6px;
	border-radius:13px;
	background:#f5f5f5;	
	color:#404040;
	overflow:auto;
	
}

.tag,.tag_edit{
	display:inline-block;
	font-size:11px;
	padding:5px;
	background:#f9f4f4;
	border-radius:3px;
	border:1px solid #c9c9c9;
	margin:2px;
}

.tag_edit::after{
	content:"\f00d";  
	font-family:FontAwesome;
	font-size:9px;	
	padding-left:3px
}

.options_unvo_container{
	position: absolute;
	top: -169px;
	left: 0;
	width: 100%;
	height: 160px;
	background: var(--header-color-transp);
	border: #000 1px solid;

/* transition: transform 0.5s ease-in-out; */
transition: transform 0.2s ease-in;
}

.options_unvo_container.active{
	transform: translateY(169px);
}

.noborder{
	border : none !important;
	margin : none !important;
}

.table_revision tr td:first-child  {
	width:20%;
}

.container_icone_vehiculeplus span{
color:var(--couleurtextenormale);
}

.container_icone_vehiculeplus{
position:relative;
text-align:right;
}

.container_icone_vehiculeplus .icon_plus,
.container_icone_vehiculeplus .icon_vehicule

{
	display:inline-block;
	color:var(--couleurtextenormale);
}

.container_icone_vehiculeplus .icon_vehicule{
 font-size: 19px;
}

.container_icone_vehiculeplus .icon_plus
{
	position: absolute;
    right: 47px;
    top: -6px;
    /* font-size: 20px; */
    color:var(--couleurtextenormale);
    font-size: 12px;
}

.icon span{
padding-left:3px;

}

.su_icon::before,
.su_icon span
{
	font-size:11px;
}


.icon_menu_bas::before{
	font-size:15px;
	
	 margin-left:0px;
	 color:#FFF;
}





/******************ICONS***********************************/

.icon_credit::before{
	content:"\f006";  
	 font-family:FontAwesome; 
	 color:#FFF;
	 font-size:17px;
	/* content:"\f006";  */

}

.icon_planet::before{
	content:"\f38c";  
	font-family:Ionicons; 
	color:#999999;
	font-size:30px;
	/* content:"\f006";  */

}

.icon_home::before{
	content:"\f015";  
	 font-family:FontAwesome; 
	/* content:"\f006";  */

}
.icon_retour::before{
	content:"\f060";  
	 font-family:FontAwesome; 
	/* content:"\f006";  */

}
.icon_recherche::before{
	content:"\f002";  
	 font-family:FontAwesome; 
	/* content:"\f006";  */

}

.icon_mail::before{
	content:"\f0e0";  
	font-family:FontAwesome; 

}
.icon_catalogue::before{
	content:"\f02d";  
	font-family:FontAwesome; 

}
.icon_users::before{
	content:"\f0c0";  
	font-family:FontAwesome; 

}

.icon_menu_pc_left::before,
.icon_menu_pc_left::after{
	font-size : 20px;
}

.icon_user::before{
	content:"\f007";  
	font-family:FontAwesome; 

}
.icon_ticket::before{
	content:"\f145";  
	font-family:FontAwesome; 

}

.icon_coeur::before{
	content:"\f004";  
	font-family:FontAwesome; 

}

.icon_oeil::before{
	content:"\f06e";  
	font-family:FontAwesome; 

}

.icon_favori_disabled::before{
	content:"\f005";  
	color:#adadad;	
	font-size:11px;
	font-family:FontAwesome; 

}

.icon_favori_enabled::before{
	content:"\f005";
	color:var(--jaune);	
	font-size:11px;
	font-family:FontAwesome; 

}

.icon_rouge::before{
	color:var(--rouge);
}

.option_container .option_table tr td.rouge_important  span{
	color:var(--rouge) !important;
}

.icon_entretien::before{
	content:"\f0ad";  
	font-family:FontAwesome; 

}

.icon_histo::before{
	content:"\f1da";  
	font-family:FontAwesome; 

}

.icon_shop::before{
	content:"\f290";  
	font-family:FontAwesome; 

}

.icon_vehicule::before{
	content:"\f1b9";  
	font-family:FontAwesome; 

}

.icon_doc::before{
	content:"\f07c";  
	font-family:FontAwesome; 

}

.icon_doc::before{
	content:"\f07c";  
	font-family:FontAwesome; 

}

.icon_contact::before{
	content:"\f1d9";  
	font-family:FontAwesome; 

}

.icon_plus::before{
	content:"\f067";  
	font-family:FontAwesome; 

}

.icon_pdf::before{
	content:"\f1c1";  
	font-family:FontAwesome; 

}

.icon_move_after::after{
	float:right;
	color:var(--border-light-color);	
}

.icon_move_after::after{
	content:"\f047";  
	font-family:FontAwesome; 
}

.vo_boutons .icon::before{
font-size:15px;
}

.icon_modif::before{
	content:"\f040";  
	font-family:FontAwesome; 

}

.icon_modif_after::after{
	content:"\f040";  
	font-family:FontAwesome; 

}
.icon_trois_points::after{
	content:"\f142";  
	font-family:FontAwesome; 
	float:right;
	color:var(--border-light-color);

}

.icon_enveloppe::after{
	content:"\f0e0";  
	font-family:FontAwesome; 
	float:right;
	color:var(--border-light-color);

}

.icon_dble_fleche::after{
	content:"\f0dc";  
	font-family:FontAwesome; 
	float:right;
	color:var(--border-light-color);

}

.table_bloc .icon_modif_after{
 float:right;
 padding-right:3px;
 }


.icon_before span{
padding-left:10px;
}

.icon_after span{
padding-right:10px;
}



.icon_deconnexion::after{

	content:"\f011";  
	font-family:FontAwesome; 
}


.icon_info::before{
	content:"\f05a";  
	font-family:FontAwesome; 

}

.table_bloc  .icon_info::before{
	font-size:18px
}

.icon_file::before{
	content:"\f016";  
	font-family:FontAwesome; 

}

.icon_folder::before{
	content:"\f07b";  
	font-family:FontAwesome; 
	font-size:24px;
	color:var(--jaune);

}

.icon_recycle::before{
	content:"\f1b8";  
	font-family:FontAwesome; 

}

.icon_euro::before{
	content:"\f153";  
	font-family:FontAwesome; 

}

.icon_stats::before{
	content:"\f080";  
	font-family:FontAwesome; 

}

.icon_vo::before{
	content:"\f021";  
	font-family:FontAwesome; 

}

.icon_equip::before{
	content:"\f12e";  
	font-family:FontAwesome; 

}

.icon_share::before{
	content:"\f1e0";  
	font-family:FontAwesome; 

}

.icon_close::before{
	content:"\f00d";  
	font-family:FontAwesome; 

}

.icon_fleche::after{
	content:"\f04b";  
	font-family:FontAwesome; 
	/* position:absolute; */
	float:right;
	/* right:2px; */
	font-size:10px;
}

.value_immat{
	position:relative;
}



.icon_grosplus::before{
	content:"\f055";  
	font-family:FontAwesome; 
	font-size:53px;
	color:var( --header-border-color)
}

/* .icon_vo::after{
	content:"\f1b8";  
	font-family:FontAwesome; 

}
 */

.btn_planete::before
{
	font-family:FontAwesome;
	content:"\f014";
	margin-right:5px;
	font-size:30px;
	color:#999999;

}

.btn_delete::before
{
	font-family:FontAwesome;
	content:"\f014";
	margin-right:5px;
	font-size:30px;
	color:#999999;

}

.btn_pdf::before
{
	font-family:FontAwesome;
	content:"\f1c1";
	margin-right:5px;
	font-size:20px;
	color:#d90000;
	background-color: #fff;
}


.btn_poubelle::before
{
	font-family:FontAwesome;
	content:"\f014";
	/* margin-right:5px; */
	font-size:20px;
	color:#404040;

}

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

.item_case_menu_bas{
text-align:center;
}

.item_menu_bas{
	color:#FFF;
	font-size:10px;
	display:inline-bmock;
}

.btn_delete,
.btn_pdf

{
	cursor:pointer;
	vertical-align:bottom;
}


.container_pays{

	height:100%;
	width:30px;
	display:inline-block;
	vertical-align:top;
	margin-right: 10px;
    margin-left: 5px;

}

.bg_norepeat{
	background-repeat:no-repeat;
}

.bg_norepeat_contain{
	background-repeat:no-repeat;
	background-size:contain;
}

.bg_center_center{
	background-position:center center;
}

.flag2{

height: 50px;
background-position: 16px 9px;
background-size: 22%;
padding-left: 20px;
background-repeat: no-repeat;
/* border: #9d9d9d 1px solid; */
/* background-color: #FFF; */
/* vertical-align: middle; */
text-align: left;
padding: 15px;
padding-left: 68px;
display: inline-block;
}

.flag{

	width:100%;
	height:30px;
}

.flag_fr{
background-image:url(https://dev.karookie.app/public/images/icons/flag_fr.svg);
}

.flag_pt{
background-image:url(https://dev.karookie.app/public/images/icons/flag_pt.svg);
}

.full_div_immat{
	width:300px;
	height:60px;
	border:#000 0px solid;
	display:inline-block;

	border-radius:7px;
}

.left_div_immat{
    border-top-left-radius:7px;
	border-bottom-left-radius:7px;
	background-image:url(/public/images/logos/logo_eu.png);
	background-position:top 2px center;
	background-size:contain;
	background-repeat:no-repeat;
	vertical-align:top;
	color:#FFF;
	font-size:30px;
	padding-top:23px;
	text-align:center;
	
}

.right_div_immat{
    border-top-right-radius:7px;
	border-bottom-right-radius:7px;
	color:#FFF;
	cursor:pointer;
	text-align:center;
	padding-top:20px;
}
.left_div_immat,
.right_div_immat
{
	width:30px;
	height:100%;
	background-color:#00459b;
	display:inline-block;

}

.divwelcometel{
display:none !important;
}

.lienwelcomeweb{
display:block !important;
}

.div_immat{
	margin-left:-4px;
	margin-right:-4px;
}

.div_immat .inputimmat{
	font-size:42px;
}

.inputimmat{
border-radius:0px !important;
}

.div_immat,.inputimmat{
	width:230px !important;
	height:100%  !important;
	display:inline-block  !important;
	text-align:center  !important;
	/* border:var(--border-light-color) 1px solid  !important; */
	vertical-align:top  !important;
	
	
}


.text_immat{
display:block;
width:100%;
font-size:12px;
font-style:italic;
margin-top:10px;
padding-left:45px;
}

.table_bloc tr.title td{
	background-color:var(--title-background-color) !important;
	color:var(--title-font-color) !important;

}

input[type='checkbox']{
	margin-right:5px;
}

input[type='text'],input[type='password'],input[type='button'],input[type='search'],select{
border:var(--border-light-color) 1px solid;
border-radius:2px;
width:100%;
height:40px;
padding:5px;
}

input[type='text'],input[type='password'],input[type='search'],input[type='submit'],textarea,select{
height:50px;
width:100%;
border:#d7d7d7 1px solid;
border-radius:5px;
padding:10px;
font-size:15px;
background-color:var(--input-background-color);
color:var(--font-color);
}



input[type='submit']{

background:var(--header-background-color);
font-size:17px;
color:#fff;

}

textarea
{
height:100px;
}


.header{

	height:36px;
	background:var(--header-background-color);
	border-bottom:2px solid var(--header-border-color);
	position:relative;

}


.presentation_data{
text-align:center;
vertical-align:middle;
padding:20px;
border: var(--border-light-color) 1px dotted !important;
background:var(--header-background-color);
margin-top:10px;
margin-bottom:10px;
color:var(--title-font-color);
}

.container_logo{
	
	position:relative;
	float:left;
	height:100%;
	display:inline-block;
	

}

.titreApp{

	font-size:21px;
	color:#FFF;
	display:inline-block;
	padding-left:0px;
}

.menu_tel{
	position:absolute;
	top:0;
	left:0;
	width:80%;
	height:100%;
	background:#f5f2f2;
	z-index:1;
	color:#404040;
	display:none;
}

.table_menutel{
	border: none;
}

a{
	text-decoration:none;
	color:inherit;
	font-family:inherit;
}

.table_mesvehicules .mesvehicules_titre,
.table_mesvo .mesvehicules_titre

{
	border-bottom:2px solid var(--header-background-color) !important;
}



.table_mesvo .mesvehicules_novehicule,
.table_mesvehicules .mesvehicules_novehicule{
	color:#afaeae;
	font-style:italic;
}

.table_menutel td,
.table_mesvo td,
.table_mesvehicules td 
{
	
	border-bottom: #d7d7d7 1px solid !important;
}

.table_mesvo .table_options .titre{
	font-weight:bold;
	/* border-bottom: #d7d7d7 1px solid !important; */
}

.table_mesvo .table_options td{
	border:none !important;
}

.table_mesvehicules .mesvehicules_novehicule
{
	border: none !important;
}

.table_menutel td{
	background:#fff;
}

.table_menutel.logo{

}

.firsttd{
	height:70px;
	border-bottom:#001d5f 3px solid !important;
}

.item_menu_tel{
	text-align:left;
	padding-left : 10px;
	height:50px;
}

.menu_pc{
	
	display: inline-block;
	width: 40%;
	vertical-align: bottom;
}


.icon_menu_tel{
	display:inline-block;
	vertical-align:top;
	/* width:100%; */
}

.pointer{
 cursor:pointer;
}

.survol:hover{
 opacity:0.8;
}


.icon_menu_tel::before{
	/* content:"\f039";  */
	content:"\f0c9";  
	/* content:"\f006";  */
	 font-size:26px;
	 font-family:FontAwesome; 
	 margin-left:9px;
	 color:#FFF;
	
	 
}

.item_menu{
	display: inline-block;
	padding:5px;
	margin-left:2px;
	border:#FFF 1px solid;
	background:#FFF;
	color:#404040;
	border-radius : 0 0 5px 5px;
}

.logomenu{

height:100%;
background-repeat:no-repeat;
background-position:left;
background-size:contain;
margin-left:5px;
display:inline-block;
width:70px;

}

.logo{

height:100%;

background-repeat:no-repeat;
background-position:left;
background-size:contain;
margin-left:5px;

display:inline-block;
}

.table_revision tr{

height:50px;
}

.table_histo tr{

height:70px;
}

.table_histo tr td{

border-bottom:1px #d7d7d7 solid !important;
}

.revision_text{

text-align:right;
padding-right:10px;

}

.revision_main{

background-color:#ecf9fb;

}

.revision_main_last{
    border-bottom: 2px solid #000;
}

.revision_nomain{

background-color:#f8fdfd;

}

.credits{
	display:inline-block;
	float:right;
	color:#FFF;
	padding-right:5px;
	padding-top:3px;
	/* padding:4px; */
	/* margin:4px; */
	/* background:#dfe7ff; */
	/* border-radius:10px; */
	/* color:#404040; */
	font-size:13px;
}

.credits::before{
	 /* content:"\f005";  */
	 /* font-size:15px; */
	 /* font-family:FontAwesome;  */
	 /* padding-right:5px; */
	
}

.container_img{
	position:relative;
}

.container_vignette{
	position:absolute;
	right:0;
	bottom:0;
}

.img_vignette{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	height:80px;
	width:80px;
	display:inline-block;
}

.img_vehicule{
	height:200px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}

.results{
	
	padding:3px;
	padding-bottom:61px
	
}

.leformlogin{
margin-top:20px;
}


.input_error{
background-color:#ffefef !important;
}



.error{
color:#ba0000;
font-size:15px;

}

.toutvabien{
color:#04a500;
font-size:15px;
}

.leformlogin_container{
		align-items: center;
		text-align: center;

		margin:auto;
	}


.leformlogin_container{

margin-top:20px;
background-color:var(--input-background-color);
border:var(--border-light-color) 1px solid;
}

.leform tr td{
	padding:5px;
}

.disabled{
opacity:0.6;
}

.case_categorie_piece{
	width:150px;
	height:150px;
	border:#e1e1e1 1px solid;
	border-radius:5px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:80%;
	vertical-align:bottom;
	font-size:12px;
	text-align:center;
	padding-top:5px;
	margin:auto;
	background-color:var(--backgroundPiece);
}

.case_piece {
	/* height:80px; */
	vertical-align:top;
	
}
.table_cataloguepiece .desc td {

	border-bottom:#d7d7d7 1px solid !important;
}


/* .case_piece div{ */
	/* height:100%; */
/* } */

.case_piece_ref{
	
	width:30%;
	height:100px;
	font-weight:bold;
	display:inline-block;
	background-position:0 50%;
	background-repeat:no-repeat;
	background-size:80%;
	font-size:13px;
	vertical-align:top;
	margin-bottom:10px;
		
}

.case_piece_criteria{
	
	/* width:60%; */
	height:100%;
	display:inline-block;
	vertical-align:top;
}

.case_piece_criteria .titre{
	font-size:16px;
	font-weight:bold;
}

.case_piece_criteria .descr{
	text-style:italic;
	color:#797777;
	font-size:13px;
}

.case_piece_links{
	width:100%;
	display:inline-block;
	content:" ";
	vertical-align:top;
	text-align:right;
	
}

.case_piece_links .link span{
padding-left:56px;
font-size:13px;
}

.case_piece_links .link_background{
	
	transform: scale(0.95);
width:100%;
height:100%;
	display:inline-block;
}

.case_piece_links .link{
	padding:8px;
	margin-left:3px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:9px 4px;
	background-size:30%;
	/* height:24px; */
	/* padding-right:70px; */
	
	text-align:left;
	border-radius:5px;
	border:var(--border-light-color) 1px solid;
	background-color:#f9f8f8;
	width:160px;
}


/* .case_piece_links .link{
	width:100%;
	display:block;
	background-repeat:no-repeat;
	background-position:top right 9px;
	background-size:11%;
	height:24px;
	padding-right:70px;
	font-size:13px;
	text-align:right;
} */


.apercudrop{
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
}

.table_mesvo .case_image_vo{
border:none !important;
}
.table_mesvo .case_descr_vo{
border:none !important;
}

.table_mesvo .supprimer{
border:none !important;
vertical-align:top;
}


.table_mesvo .case_image_vo{

	width:30% !important;
	height:130px;
}

.table_mesvo .case_descr_vo{

	width:63% !important;
	vertical-align:top;
}

.table_mesvo .case_image_vo div:first-child{
	background-repeat:no-repeat;
	background-size:contain;
	background-position:bottom left;
	height:100%;
}

.vo_prix{
vertical-align:top;
font-weight:bold;
font-size:15px;
width:100%;
background-color:#FFF;
height: 17px !important;
display: inline-block;
}
.vo_km{
vertical-align:top;
font-weight:normal;
font-size:12px;
width:100%;
background-color:#FFF;
height: 15px !important;
display: inline-block;

}

.vo_marque{
vertical-align:top;
font-weight:bold;
font-size:15px;
width:100%;
display: inline-block;

}

.vo_descr{
vertical-align:top;
font-size:13px;
width:100%;
display: inline-block;
color:#797777;
}

.vo_date{
vertical-align:top;
font-weight:bold;
font-size:12px;
width:100%;
display: inline-block;
color:#404040;
vertical-align:bottom;
text-align:right;
}

.container_graph{
	width: 100%;
    height: 300px;
    display: block;
    margin-bottom: 10px;
}

.backgroundstyle{
	background-size:contain;
	background-repeat:no-repeat;
}

.td_bouton{
text-align:right;
background-position:left;
}

.vo_bouton{
padding-top:8px;
padding-bottom:8px;
padding-left:7px;
padding-right:7px;
background:var(--header-background-color);
color:#FFF;
border-radius:3px;
font-size:14px;
display:inline-block;
margin-left:0px;
margin-right:2px;
}

.vo_bouton_disabled{
	background:#404040;
	opacity:0.7;
	color:#d7d7d7;
}

.vo_bouton_pasvo{
background:#0087a5;
}

.vo_bouton_share span::before{ 
	content:"Partager";
}

.vo_bouton_shared span::before{ 
	content:"Partagé";
}

.vo_bouton_shared{
	background:#008534;
}


.su_bouton_light{
padding-top:4px;
padding-bottom:4px;
padding-left:3px;
padding-right:3px;
/* background:var(--header-background-color); */

border:var(--border-light-color) 1px solid;
border-radius:3px;
font-size:12px;
display:inline-block;
margin-left:0px;
margin-right:2px;
}

.su_bouton{
padding-top:4px;
padding-bottom:4px;
padding-left:3px;
padding-right:3px;
background:var(--header-background-color);
color:#FFF;
border-radius:3px;
font-size:12px;
display:inline-block;
margin-left:0px;
margin-right:2px;
}


.fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    color: white;
    text-align: center;
    padding: 5px;
	z-index:1;
}

.fixed-bottom  .table_menu_bas,
.fixed-bottom  .table_menu_bas tr,
.fixed-bottom  .table_menu_bas tr td{
 background:transparent !important;
 }

.fixed-bottom-plus {
    position: fixed;
    bottom: 121px;
    right: 35px;
    width: 50px;
    height: 50px;
    text-align: center;
	z-index:1;
}





/* .page::before{

background-position:top 5% center;
background-repeat:no-repeat;
opacity: .4; 

} */







table, th, td {
	border: 1px solid;
	border-color:var(--border-light-color);
	border-collapse:collapse;
	background-color:var(--input-background-color);
	margin-top:5px;
	padding:4px;
}

td{
	text-align : left;
	padding-left:5px;
	
}



tr.title td:first-child{
border-left:4px solid #8ac0f7;
}

tr.desc td:first-child{
/* border-left:3px solid #404040; */
}

tr.title{
	background-color:#001d5f;
	color:#FFF;

}

.option_container .option_table,
.option_container .option_table tr,
.option_container .option_table tr td{
	background-color:transparent !important;
	color:var(--title-font-color) !important;
	margin-top:0px;
}



.option_container{
display:inline-block;
vertical-align:top;
float:right;
/* width:200px; */
height:100%;
margin-right: 20px;

}

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

.theme_container{
vertical-align:top;
}

.theme_titre{
display:inline-block;
}

.theme_base{
width:50px;
height:20px;
border-radius:10px;
border:#fff 2px solid;
position:relative;
display:inline-block;
background:#2a9dff;
}

.theme_base::before{
	content:"\f185";  
	font-family:FontAwesome; 
	color:#f9d808;	
	vertical-align:top;
	font-size:12px;
	padding-left:28px;
	position:absolute;
	top:2px;
	left:3px;
}

.theme_pastille{
width:14px;
height:14px;
border-radius:20px;
background-color:#fff;
top:1px;
left:2px;
position:absolute;
transition: left 0.2s ease-in;
}

.theme_base_nuit{
	background:#404040;
}

.theme_base_nuit::before{
	content:"\f186";  
	font-family:FontAwesome; 
	color:#FFF;	
	vertical-align:top;
	font-size:12px;
	padding-left:28px;
	position:absolute;
	top:2px;
	left:-24px;

}

.theme_pastille_nuit{
	left: 30px;
	
}
/*********************/

.container_news{
	justify-content:flex-start !important;
	text-align:flex-start !important;	
	
}


.affiche_news{
	padding:0;
}

.table_users,.table_users tr,.table_users th,.table_users td{
font-size:12px;
}

.search .icon_recherche::before{
	position:absolute;
    top: 18px;
    left: 12px;
    font-size: 23px;
	color:var(--couleurtextenormale);
}

.search .search_users,
.search .search_logs{
padding-left : 40px;
}

.container_menusuperadmin{
margin-bottom:10px;
}

.table_packs th,.table_packs td,
.table_users th,.table_users td

{
width:20px;
}

.statgenerales{
margin-top:10px;
margin-bottom:10px;
}


.table_user,.table_user td,.table_user td b{
	
	font-size:13px !important;
	
}

fieldset{
	padding:10px;
}

legend{
	font-weight:bold;
}



/*Telephone*/
@media screen and (max-width: 1024px){
	
	tr.desc td{
		width:50%;
	}
	
	.ecran{
		width:100%;
		padding-top: 5px;
	}
	
	.nomobile{
		display:none;
	}
	
	.leformlogin_container{
		width:90%;
		color:#777777;
	}
	
	table {
		width:100%;
	}
	
	.menu_pc{
		display:none;
	}
	
	.option_container .option_table{
		width:100px;
	}
	
	.container_logo{
		width:120px;
	}
	
	.logo{
		width:65px;
		height:100%;
	}
	
	.fixed-bottom{
		display:block;
	}
}
/*PC*/
@media screen and (min-width: 1024px){
	
	tr.desc td,
	tr.desc th
	{
		width:50%;
	}
	

	.leformlogin_container{
		width:40%;
		padding:20px;
		color:#777777;
	}

	
	table, th, td, .results,.leform {
		width:100%;
		margin:auto;
	}
	
	.option_container {
		width:220px;
		margin-top:3px;
	}
	.option_table {
		width:220px;
		margin-top:3px;
	}
	
	.option_container .option_table tr td,
	.option_container .option_table tr td span
	
	{
		font-size:12px;
	}
	
	.ecran{
		width:900px;
		margin:auto;
		padding-top: 10px;
	}
	
	/* .container_immat{
		width:500px;
		margin:auto;
	} */
	
	.icon_menu_tel{
		display:none;
	}
	
	.container_logo{
		width:250px;
	}
	
	.logo{
		width:250px;
		height:88%;
	}
	
	.header{
		height:100px;
	}
	
	.fixed-bottom{
		display:none;
	}
	
}