* {
	font-family: Verdana, Arial, Helvetica, sans-serif  ; 
	font-size: 11px;
}

img {
	border : 0;
	vertical-align : middle;
}

a {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.voir_pdf_detail{	
	text-decoration:underline;
	color:blue;
	font-size: 10px;
	margin-left: 5px;
}

body {
		text-align: center;
		margin:0;
}

html {
	overflow-y: scroll;
}

.vert {
	color:green;	
}
.rouge {
	color:red;	
}

.fondBlancFontGras {
	background: rgb(255,255,255);
	font-weight: bold;
}

.aligneGauche {
	text-align : left;
	padding: 5px; 
	width : 200px;
}

.gris{
	color: #666666;
}

.bleuGras{
	font-weight: bold ;
	color: #4455DD;
}

#Accueil .bleuGrasSmall{
	font-weight: bold ;
	color: #4455DD;
}

.rechercheVin {
	float : right;
	width : 300px;
}


#Popup label { 
	float:left;
	font-weight:bold; 
	margin-left:15px; 
}

#Popup label.supprDevis { 
	float: none ; 
	width: auto ;
	font-weight: normal ; 
	margin-left: auto ; 
}

#Popup .image{
	margin-left:50px;
}

#Atelier label.rchpce { 
	float: left ; 
	width: 230px ;
	margin-left: 35px ; 
}

.left {
	text-align : left;
}

.barreLogin {
	background-color : #CCCCCC;	
	text-align : left;	
	height : 34px;
	font-weight : bold;
	text-align : center;
}


.centreVertical {
	position: relative; 
	top: 30%;
}


.boiteRigideCentree {
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	text-align: left;
	padding: 0.5em;

}

.boiteSuperRigide{
	width: 990px;
	margin-left : auto;
	margin-right : auto;
}

.grandeBoiteRigideCentree {
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	text-align: left;
	padding: 0.5em;

}
.boiteLogin {
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;	
	width:350px;
	height:290px;
	text-align:center;
	border:2px solid #aaaaaa;
	padding-bottom:10px;
}

table.login {
	width : 100%;
	height : 100%;	
	text-align: center;
}

.microBoitePourLogin {
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	text-align: right;
}

.MessageNouveautes{
	font-size:10pt;
}

.petiteBoiteRigideCentree {
	margin-left: auto;
	margin-right: auto;
	width: 450px;
	text-align: left;
	padding: 0.5em;
	font-weight : normal;
}

.moyenneBoiteRigideCentree {
	margin-left: 75px;
	margin-right: 75px;
	width: 600px;
	text-align: left;
	padding: 0.5em;
	font-weight : normal;
}

.petiteBoiteRigideCentree ul {
	color : #666666;
	font-size : 10px;
}

.petiteBoiteRigideCentree ul li {
	padding: 0.3em;
}

td.ligneMeD {
	text-align : left;
	padding-top : 10px;
	vertical-align : middle;
	white-space : nowrap;
}

/**** Titre de la page ****/ 
#Atelier h1 {
	background-image : url('/static/images_css/html/images/CATTRONIC/DEFAUT/bandeau_atelier.gif');
	background-repeat : no-repeat;
	background-position : left 6px;
	height : 34px;
	font-weight : bold;
	padding-left : 20px;
	padding-top : 9px;
}

#Popup h1 {
	background-image : url('/static/images_css/html/images/CATTRONIC/DEFAUT/bandeau_popup.gif');
	background-repeat : no-repeat;
	text-align : left;
	background-position : left 6px;
	height : 34px;
	font-weight : bold;
	padding-left : 20px;
	padding-top : 9px;
}

#Administration h1 {
	background-image : url('/static/images_css/html/images/CATTRONIC/DEFAUT/bandeau_local.gif');
	background-repeat : no-repeat;
	background-position : left 6px;
	height : 34px;
	font-weight : bold;
	text-align : left;
	padding : 0 30px 0 15px;
	padding-top : 9px;
}

#Configuration h1 {
	background-image : url('/static/images_css/html/images/CATTRONIC/DEFAUT/bandeau_local.gif');
	background-repeat : no-repeat;
	background-position : left 6px;
	height : 34px;
	font-weight : bold;
	text-align : left;
	padding : 0 30px 0 15px;
	padding-top : 9px;
}

#Client h1 {
	background-image : url('/static/images_css/html/images/CATTRONIC/DEFAUT/bandeau_client.gif');
	background-repeat : no-repeat;
	background-position : left 6px;
	height : 34px;
	font-weight : bold;
	text-align : left;
	padding : 0 30px 0 15px;
	padding-top : 9px;
}

#opr h1 {
	background-image : url('/static/images_css/html/images/CATTRONIC/DEFAUT/opr/bandeau_opr.gif');
	background-repeat : no-repeat;
	background-position : left 6px;
	height : 34px;
	font-weight : bold;
	text-align : left;
	padding : 0 30px 0 15px;
	padding-top : 9px;
}

#Vehicule h1 {
	background-image : url('/static/images_css/html/images/CATTRONIC/DEFAUT/bandeau_vehicule.gif');
	background-repeat : no-repeat;
	background-position : left 6px;
	height : 34px;
	font-weight : bold;
	text-align : left;
	padding : 0 30px 0 15px;
	padding-top : 9px;
}

h1 img {
	margin-top : -9px;
	float : right;
	padding : 0 10px 0 0;
}

#opr h1 img {
	//margin-top : -20px; /* hack ie : ce style ne sera pris en compte que par ie6 et 7, pas firefox */
}

h1 input{
	float : right;
	margin-top: -4px;
}

table.descriptionGUouPL {
	width : 650px;
	margin-top: -20px;
}

table.descriptionGUouPL td.prix {
	text-align : right;
}

table.descriptionGUouPL td.ref {
	width : 250px;
}

input, textarea, select {
    border-width : 1px;
    border-color : #d4d4d4;
	font-weight : normal;
}

li {
	list-style-type: none;
	padding: 0.5em;
}

#abrevFou table {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;

}
#abrevFou table tr.premiereligne td {
	font-size			: 10px;
	color				: #0050B4;
	font-weight 		: bold;

}
#abrevFou table tr.premiereligne td.case1 {
	border: 0px;
}
#abrevFou table tr.deuxiemeligne td {
	font-size			: 10px;
	font-style			: normal;
	color					: #0050B4;
	font-weight 		: bold;
	background-color	: #CCCCCC;
}

#abrevFou table td {
	border				: 1px solid #0050B4;
	padding 				: 2px;
	text-align			: center;
	color 					: #666666;
}


#abrevFou table td.case2 {
	text-align: center;
	width : 70px;
}


#abrevFou table td.case1 {
	text-align: left;
	width : 250px;
	text-indent:0.5cm;
}

.attention {
	font-weight : bold;
	color : red;
}

.gras {
	font-weight : bold;
}


.italique {
	font-style : italic;
}

.red { 
	color : red;
}


.numeroSerie {
	font-size: 24px;
	color : #339966;
	font-weight : bold;
}


/*************** Mise à jour de prix ***************/

ul.listeFournisseurPourMaj li.explication .text {
	display : none;	
}

ul.listeFournisseurPourMaj li.titre {
	padding : 0;
	margin : 0;
	height : 50px;
}

ul.listeFournisseurPourMaj li.explication {
	height : 20px;
	text-align : center;
	color : red;
}

ul.listeFournisseurPourMaj label, ul.listeFournisseurPourMaj li.titre a, ul.listeFournisseurPourMaj input  {
	padding : 0;
	margin : 0;
	width : 22%;
	
	float: left ; 
	font-weight: bold ; 
}

ul.listeFournisseurPourMaj li.titre label.enteteColonne {
	text-align : center;
	height : 45px;
	width : 100%;
	float: left ; 
	font-weight: bold ; 
	
}

ul.listeFournisseurPourMaj li.titre a:hover {
	text-decoration : none;
}

ul.listeFournisseurPourMaj li.titre label.enteteColonne:hover {

	background-color : lightgray;
}

.center {
	text-align : center;
}

table.configurationAffichageUsertable td{
	width :100px;
}

td.configurationAffichageUsertableRight {
	font-weight: bold;
	border-width	: 2px 1px 2px 0px;	
	border-color		: #000000;
	border-style		: solid;
	background-color : #dedede;
	text-align: center;
}

td.configurationAffichageUsertableLeftRight{
	font-weight: bold;
	border-width	: 2px 1px 2px 1px;
	border-color		: #000000;
	border-style		: solid;
	background-color : #dedede;
	text-align: center;
}

 td.borderRight{
	border-width	: 0px 1px 0px 0px;	
	
	border-color		: #000000;
	border-style		: solid;
}

 td.borderRightLeft{
	border-width	: 0px 1px 0px 1px;	
	
	border-color		: #000000;
	border-style		: solid;
	height: 20px;
}
 td.borderTop{
	border-width	: 1px 0px 0px 0px;	
	
	border-color		: #000000;
	border-style		: solid;
}
tr.Backcolor:hover{
background-color:  	#C0C0C0;
}
div.configurationUtilisateurMessage{
	font-weight: bold;
	color:red;
	text-align:center;
}

table.devisAccueil {
	width: 750px;
}

tr.lignePair {
	background-color: white;
}

tr.ligneImpair {
	background-color: #DDDDDD;
}

tr.ligneImpair img,  tr.lignePair img{
	margin-left: 10px;
	text-align: center;
}

th.devisTab {
	text-align: center;
	width: 260px;
}

th.numTab {
	text-align: center;
	width: 150px;
}

th.clientTab {
	text-align: center;
	width: 200px;
}

th.vehTab {
	text-align: center;
	width: 300px;
}

th.immatTab {
	text-align: center;
	width: 80px;
}

th.suppTab {
	text-align: center;
	width: 40px;
}

th.kmTab {
	text-align: center;
	width: 95px;
}