root { 
    display: block;
}
*{margin: 0;padding: 0}
body {font-family: Arial,Helvetica,sans-serif;background:#cc3333 }
body, #global,header h1 {margin: 0}
#header {background: black;color: white;height: 50px;margin-bottom:20px;}
#global{background: #dbdbdb}
h1 {
  font-size: 18pt;
  font-weight: bold;
  color: #cc3333;
  margin-bottom: 20px;
}
h2{margin: 0px 0 5px 0;clear:both}
h3{margin: 5px 0 5px 0;}
.Hide {display: none}
/* STRUCTURE */
#headerBox {width: 90%;min-width:900px;margin: 0 auto}
#Banniere{width: 90%;min-width:900px;margin: 0 auto;margin-bottom:20px;overflow:auto}
#BanniereBox {width: 320px;margin: 0 auto;min-height:100px;background:#1E1E1E;float:right}

#contenu {width: 90%;min-width:960px;margin: 10px auto;min-height: 500px;clear: both;overflow: auto;}
#contenuG {width: 77%;min-height: 300px;float: left;background:white;padding:5px;}
#contenuD {width: 200px;min-width:180px;background: white;display: block;margin-left: 20px;display: inline-block;color: black;padding: 5px;position:fixed}
#contenuD input{width: 99%;}
/* COULEUR */
#contenuG h1{
background:url("../images/fondLogOut.png");
color:white;
padding : 10px;
margin:0px;
font-size:18px;
margin-bottom:5px;
}

#Compte
{
background: green;

}
#EnlevementAVenir{
background: #1e1e1e;
}
#EnlevementAVenir h2 ,#Compte h2,#contenuG h2,#contenuD h2{
background:url("../images/nav-secondary-bg.jpg");
color:white;
padding : 10px;
margin: 0 0 5px 0;
font-size:18px;
}
#EnlevementAVenir h2 {
margin-bottom:0px;
background:url("../images/fondLogOut.png");
}
#headerBox{
   height:auto !important;  
}
#header a {color: white;text-decoration: none;}
#menuTop a:hover {color: black}
/* PIECES */
#filtrePiece {margin-top: 5px}
.checkboxPiece {}
/*FOOOTER*/
#piedBlog {min-height: 100px;background: #DBDBDB;clear: both}
/* MENU */
#menuTop{height: 50px;float: right;margin-right: 80px;}
#menuTop ul li:hover{color: black;background: white}
#menuTop ul li{
    float: left;
    text-decoration: none;
    list-style-type: none;
    border-right: 1px solid gray;
    height: 50px;
    display: inline-block;
}
#menuTop ul li a {
    padding:60px 20px 20px 20px;
    display: inline-block;
}

#Recapitulatif {width : 230px; height:100px; background:green;}
#menuDroite ul,#menuDroitePanier ul {min-width:150px;margin-bottom:10px;}
#menuDroite ul li,#menuDroitePanier ul li{min-width:180px;text-decoration: none;list-style-type:none;background:url("../images/nav-secondary-bg.jpg");overflow:hidden}
#menuDroitePanier ul li{min-width:180px;text-decoration: none;list-style-type:square;background:url("../images/nav-secondary-bg.jpg");overflow:visible}
#menuDroitePanier ul .titreLI {list-style-type:none;}
#menuDroite ul li a ,#menuDroitePanier ul li a{width:99%;min-width:180px;display: inline-block;padding:20px 0 20px 10px;color: white;text-decoration: none}
#menuDroite ul li a#LogOut{background:url("../images/fondLogOut.png");}
#menuDroite ul li a:visited{color:white;text-decoration: none}
#menuDroite ul li a:hover{background:url("../images/nav-secondary-bgss.jpg")}
#menuDroite ul li#Parent a:hover{background:url("../images/nav-secondary-bgss.jpg")}
#menuDroite ul li.menuDroiteSousMeme a{background:gray;padding:10px 0 10px 10px;}
#menuDroite ul li.menuDroiteSousMeme a:hover{background:url("../images/nav-secondary-bgss.jpg")};
/*.menuDroiteSousMeme a{color:black;background:url("../images/nav-secondary-bgss.jpg")}*/
#logo {float: left}
#logo a {font-size: 30px;font-weight: bold;padding: 10px 0 0 0;display: inline-block;}
/* Table */
.listing1 table {
border : 1px solid black;
}
.listing1 table {

}
.listing1 th {
background:url("../images/nav-secondary-bg.jpg");
color:white;
padding : 10px;
margin:0px;
margin-bottom:5px; 
text-align:center;

}

.listing1 tr {

}
.listing1 td {
    line-height: 25px;
	font-size:12px;

	border:1px solid black;
	padding:0px 5px 0 5px;

}

.listing1 tr.renovation td{background: #DBDBDB}
.listing1 .view-more {
    background: none repeat scroll 0 0 #333333;
    color: #CCCCCC;
    padding: 10px;
    text-align: center;
}
.listing1 .view-more a {
    color: #CCCCCC;
    text-decoration: none;
}
.listing1 .view-more a:hover {
    color: #FFFFFF;
}
table td, table th {
    font-weight: normal;
    text-align: left;
    vertical-align: top;

}
table {
    border-collapse:collapse;
    margin-bottom: 5px;
    text-align: center;
    font-size: 14px;
    clear:both
}
table.cent {
width:100%;
border:0px;
border-style:none;
margin:0px;
}
table.complete{
    width: 100%;
	border:1px solid black;
margin:0 0 5px 0;
}

table.courte{
    float: left;
    clear:none;
    margin-right: 20px;
}



/* Message */ 
#message {
    padding: 10px;
    border: 5px solid #7ab800;
    background: #7ab800;
    margin-bottom: 20px;
	color:white;
}
#messageR {
    color:white;
    padding: 10px;
    border: 5px solid #cc3333;
    background: #cc3333;
    margin-bottom: 20px      
}
#messageCHECK , #messageCHECKEmailA , #messageCHECKEmailU{
    color:white;
    padding: 10px;
    border: 5px solid #cc3333;
    background: #cc3333;
margin-bottom:5px;    
}

.messageCHECKERROR {
    color:white;
    padding: 10px;
    border: 5px solid #cc3333;
    background: #cc3333;
margin-bottom:5px;
} 
/* Formulaire */
#BTN_Modifier ,#BTN_ModifierF{
    padding: 5px 30px 5px 20px;
    background: #ae2f2f;
    border: 0;
    color: white;
    font-weight: bold;
    cursor:pointer ;
    margin: 5px 0 5px 0;
		min-height:40px;
		float:right;
}

#BTN_SUP,#BTN_SUPF{
    padding: 5px 30px 5px 20px;
    background: #ae2f2f;
    border: 0;
    color: white;
    font-weight: bold;
    cursor:pointer ;
    margin: 5px 5px 5px 0;
		min-height:40px;
		float:right;
}
#BTN_Ajouter
{
       padding: 5px 30px 5px 20px;
    background: #7ab800;
    border: 0;
    color: white;
    font-weight: bold;
    cursor:pointer ;
    margin: 5px 0 5px 0;

	height:40px;
	overflow:hidden;

}

#BTN_Nouveau
{
       padding: 5px 30px 5px 20px;
    background: #7ab800;
    border: 0;
    color: white;
    font-weight: bold;
    cursor:pointer ;
    margin: 5px 0 5px 0;

	height:40px;
	overflow:hidden;
	float:left;
}

.BTN_SANSSTYLE{  background: transparent;
                 border: 0px;
                 cursor: pointer;
                 text-decoration: underline;
                 font-size: 12px;
                 font-family: Arial,Helvetica,sans-serif;}
.hideClient {display: none}
.Observation {resize: none;width: 99%;height: 150px}
#ui-datepicker-div { font-size:11px; }
#datepicker {width: 70px}

.BTN_Filtre {
    padding: 10px 30px 10px 20px;
    background: #333333;
    border: 0;
    color: white;
    font-weight: bold;
    cursor:pointer ;
    margin: 5px 0 5px 0;

	text-decoration:none;

}


.BTN_Filtre_D ,#btnNextSpan_demo  input{
    float: right
}

input:{clear: both}

input,textarea{padding: 5px 0 5px 0;margin-bottom:5px}
select {padding: 10px 5px 10px 5px;margin:5px 5px;}
#fournisseur textarea{height: 100px;resize: none;padding: 5px;}
#fournisseur input.resize{
    width: 300px;
    padding: 5px;
    height: 30px;
}

#fournisseur label {
    display:block;
    float:left;
    width:180px;
    text-align:right;
    padding:0 5px 0 0;
    vertical-align:middle;

}

table tr td.IDEnlevement {
background-color:#333333;
padding:10px;
overflow:auto;
cursor: pointer; cursor: hand;
text-align:center
}
table tr td.IDEnlevementWhite {
background-color:White;
padding:10px;
overflow:auto;
cursor: pointer; cursor: hand;
text-align:center
}
table tr td.IDEnlevement p,table tr td.IDEnlevementWhite  p{
color:black;
text-decoration:none;
text-align:center;
 vertical-align:middle;
 height:99%
}
table tr td.IDEnlevement p {
color:white;
}
.block {display:block; min-height  :25px}
.texte_right { float: right;
    min-width: 160px;
    text-align: center;
	clear:both}
.right {float:right}
.divclearboth{clear:both;}
.fltrow input{width:99%;}
.helpBtn {display:none}
#helpSpan_demo ,#btnLastSpan_demo input,#btnFirstSpan_demo input,#helpSpan_demo2 ,#btnLastSpan_demo2 input,#btnFirstSpan_demo2 input{display:none}
.filterable {border-style:none}
#btnNextSpan_demo  input,#btnPrevSpan_demo input,#btnNextSpan_demo2 input,#btnPrevSpan_demo2 input{   
 padding: 5px 20px 5px 20px;
    background: #333333;
    border: 0;
    color: white;
    cursor:pointer ;
    margin: 5px 0 5px 0;
    clear: both}
	#BlancCarre {height:10px;width:100px; border: 1px solid gray;margin:0 0 0 0;font-size:12px;padding:2px}
	#GrisCarre {height:10px;width:100px; border: 1px solid gray;background:#DBDBDB;margin:0 0 0 5px;font-size:12px;padding:2px}
.listing1 {clear:both;display:block;}
form#filtrePiece select {width:28%}
form#Formimat input {width:30%;text-align:center}
.Legende  {display:block;overflow:auto;min-height:25px;}

.fltrow input {padding :10px 0}
.fltrow select {width:99%;font-size:10px;margin:0px;border-style:none}
.DetailVechicule {display:none;margin-top:5px;}
.tdCenter {text-align:center}
.tdRight{text-align:right}
.tdCenterVertical   {text-align:center; 
  vertical-align:middle;}
h4 {width: 40%;float:left;margin-right:20px;}
.fltrow input {border:none}
#helpSpan_informations {display:none}
.tdDate {width:10%}
.tdCombo {width:3%}
.trClick {cursor:pointer;}
.trClick:hover {background-color:#fef3bb}
#DenomImmat {display:inline-block;clear:both;font-size:11px;font-style:italic;}
#DenomImmat ul {float:left;margin-right:10px;}
#DenomImmat ul li {list-style-type:none}
#menuDroite ul li a#MenuActif{
	background:url("../images/fondLogOut.png");
}

#ImmatMasque{padding:10px 0 10px 0}
#Informations,#events ,#users{display:none}

input[type=checkbox][disabled]{
background:red;
  outline:1px solid red;
/*display none*/
}
.formInline {display:inline-block}
/* RESET BUTTON
=====================================================*/
/* Reset button */
input.reset{
	width:19px; height:19px; cursor:pointer !important; padding:15px;
	border:0;vertical-align:middle;
	background:transparent url(../Filtre/TF_Themes/Default/images/btn_eraser.gif) center center no-repeat !important;
}
input.reset:hover{border:1px solid gray }

.ImprimPrix {background:url('../images/imprimPrix.png') no-repeat;min-height:64px;min-width:64px;margin-right:10px;}
.EExcel {background:url('../images/excel.png') no-repeat;;min-height:64px;min-width:64px;margin-right:10px;}
.EEmail {background:url('../images/email.png') no-repeat;;min-height:64px;min-width:64px;margin-right:10px;float:right;display:block}
#EMAILPRIX {background:url('../images/emailP.png') no-repeat;;min-height:64px;min-width:64px;margin-right:10px;}
#IMPRIMPRIX {background:url('../images/imprimPrixP.png')no-repeat;;min-height:64px;min-width:64px;margin-right:10px;}
.FormFlex{display:inline-flex}

#contenuPanier ul li {background:white;}
ul#ListProd {list-style-type:square}
ul#ListProd li {margin-left:20px;}
#CAPRIX {text-align:center;}
ul#MenuSous{margin-bottom:0px;display:none}
img
{
border:0px;
}

#AfficherTout {background:#ED7F10;
margin: 5px 0 5px 0;
	height:40px;
	overflow:hidden;}
.Total {background: #D3D3D3}

input[type=button][disabled]
{
background-image:url('../images/Caden.png') !important;
background-repeat: no-repeat  !important; 
background-position: right  !important;
}

h2[disabled]
{
background-image:url('../images/nav-secondary-bgdisa.png') !important;
}
textarea {width:60%;height: 100px;resize: none;padding: 5px;}
.MessageVhu {width:90%;height: 100px;resize: none;padding: 5px;}
.MessageNonlu { 
color:black
}
#ImgMessage
{
	position:absolute;
    left: 150px;
    top: 10px;


}
#Recherche {display:none}