

td.logoLocale 	{
    text-align : left;
    text-indent : 235px;
	padding-top : 25px;
	color : white;
	vertical-align : top;
	font-weight : bold;
    height : 57px;
    width : 455px;
	background-position : bottom right;
	background-repeat : no-repeat;
}

.blocBouton {
	margin:0;
	padding:0;
	font-weight:bold;
	width: 100%;
	text-align:right;
	height:20px;
}

.gras {
	font-weight : bold;
}

.red{
	color:red;
}

.grasRouge {
	font-weight:bold;
	color:red;
	font-size:12px;
	font-family:Arial;
}

.grasBleu {
	font-weight:bold;
	color:#004798;
}

.grasBlanc {
	font-weight:bold;
	color:#FFFFFF;
}

.debutEntete {
	margin:0;
	padding:0;
	height:17px;
	background-image : url('/static/images_css/html/images/CATTRONIC/DEFAUT/accueil-bandeau-haut.gif');
	background-repeat:repeat-x;
	background-position:top;
}

.finEntete {
	margin:0;
	padding:0;
	height:12px;
	background-image : url('/static/images_css/html/images/CATTRONIC/DEFAUT/accueil-bandeau-bas.gif');
	background-repeat:repeat-x;
	background-position:top;
}


/********************************************************/
/************* Style Pour la partie Accueil *************/
/********************************************************/
#Accueil .Entete {
    margin:0;
	padding:0;
    width:100%; 
    text-align:left;
    height:90px;
	background-color:#FFFFFF;
}

#Accueil .Quitter {
	margin:0;
	padding:0;
	height:20px;
	text-align:right;
	width:90%;
	float:right;
	margin-right:5px;
}

#Accueil .Quitter .blocBouton a {
	font-weight:bold;
	font-family:Verdana;
	font-size:11px;
}

#Accueil .logoLocale {
    margin:0;
	padding:0;
    width:100%; 
	height:60px;
	float:left;
}

#Accueil .logoLocaleAccueil {
    margin:0;
	padding:0;
    width:50%; 
	float:right;
	position:absolute;
	padding-left:10px;
	margin-top:-22px;
}

#Accueil .logoLocaleImage {
	margin:0;
	padding:0;
	float:right;
	margin-right:5px;
	margin-top:2px;
}

#Accueil .logoLocaleDistrib {
    margin:0;
	padding:0;
    width:220px; 
	color:#FFFFFF;
	font-weight:bold;
	font-size:9px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:6px;;
	margin-top:-58px;
}


/********************************************************/
/************* Style Pour la partie Atelier *************/
/********************************************************/

#Atelier .specialIE {
	background-image : url('/static/images_css/html/images/CATTRONIC/DEFAUT/accueil-bandeau-haut.gif');
	background-repeat:repeat-x;
	background-position:top;
}

#Atelier .logoLocale 	{
	margin-top : 15px;
	margin-left : 10px;
}

#Atelier .LogoGAuto {
	float:right;
}

#Atelier .suiteLogoLocale {
	clear : both;
}

#BoutonNavigation .flottantDroit .boutonQuitter {
	color: black;
}

#Atelier .flottantDroit {
	padding-top : 20px;
}

#Atelier .suiteLogoLocale ul.nb_2_boutons {
	width : 290px;
}

#Atelier .suiteLogoLocale ul.nb_3_boutons {
	width : 435px;
}

#Atelier .suiteLogoLocale ul.nb_4_boutons {
	width : 600px;
}

#Atelier .suiteLogoLocale ul.nb_5_boutons {
	width : 765px;
}

#Atelier .suiteLogoLocale ul.nb_6_boutons {
	width : 910px;
}

#Atelier .suiteLogoLocale ul {
	margin-right : auto;
	margin-left : auto;
}

#Atelier .suiteLogoLocale li.liBoutonActifCourt, 
#Atelier .suiteLogoLocale li.liBoutonSelectCourt,
#Atelier .suiteLogoLocale li.liBoutonInactifCourt {
	width : 145px;	
}

#Atelier .ligneDeDeuxPixels {
	height : 12px;
	background-image : url('/static/images_css/html/images/CATTRONIC/DEFAUT/accueil-bandeau-bas.gif');
	background-repeat:repeat-x;
	background-position:top;
	margin-top:28px;
}

#Atelier .barreEnteteRO {
	width: 100%;
	text-align : left;	
	height : 34px;
	font-weight : bold;	
	background-color : #ffcc66;	
	background-repeat : repeat-y;
	background-position : left;
	background-image : url('/static/images_css/html/images/CATTRONIC/DEFAUT/degrade-atelier.gif');
	margin-top:-3px;
}

#Atelier .barreEnteteRO td.titre {	
	font-weight : bold;
	text-align : left;
}
	
#Atelier .barreEnteteRO td.image {	
	position:relative;
	bottom:1px;
	text-align : right;
}	
	
#Atelier .barreEnteteRO table {
	width : 80%;
	margin-left : 20%;
	height : 34px;
	text-align : center;
}
#Atelier table.informationTechnique {
	text-align: center;
	border-style: solid;
	border-color : #ffcc66;
	padding: 10px 10px 10px 10px;
}

#Atelier .informationTechnique a {
	border-style: none;
	color: #0000ff;
	text-decoration: underline ;
}

#Atelier .libelleVehiculeAtelier {
	margin-left:0px;
	text-indent:0;
}

/***************************************************************************/
/***** DIV ENTETE barreEntete *****/
/***** Bandeau *****/
#Atelier .barreEntete {
	margin:0;
	padding:0;
	text-align:left;
	font-weight:bold;
	background-color:#ffcc66;	
	background-repeat:repeat-y;
	background-position:left;
	background-image:url('/static/images_css/html/images/CATTRONIC/DEFAUT/degrade-atelier.gif');
	margin-top:-1px;
}
#Configuration .barreEntete {
	margin:0;
	padding:0;
	text-align:left;
	font-weight:bold;
	height : 34px;
	background-color:#cccccc;
	background-repeat:repeat-y;
	background-position:top left;
	background-image:url('/static/images_css/html/images/CATTRONIC/DEFAUT/degrade-local.gif');
	margin-top:-1px;
}
/*****************************************************/
/***** DIV texteEntete dans DIV barreEntete *****/
/***** Chemin de fer *****/
#Atelier .barreEntete .texteEntete, #Configuration .barreEntete .texteEntete {
	margin:0;
	padding:0;
	margin-top:8px;
	margin-bottom:6px;
	margin-left:10px;
	float:left;
	width:50%;
	font-size:11px;
}
/*****************************************************/
/***** DIV spacer dans DIV barreEntete *****/
/***** pour remplir la div barreEntete *****/
#Atelier .barreEntete .spacerHaut, #Atelier .barreEntete .spacerBas {
	margin:0;
	padding:0;
	height:0px;
	clear:both;
	font-size:0px;
	background-color:#ffcc66;	
	background-repeat:repeat-y;
	background-position:left;
	background-image:url('/static/images_css/html/images/CATTRONIC/DEFAUT/degrade-atelier.gif');
}
#Configuration .barreEntete .spacerHaut, #Configuration .barreEntete .spacerBas {
	margin:0;
	padding:0;
	height:0px;
	clear:both;
	font-size:0px;
	background-color:#cccccc;
	background-repeat:repeat-y;
	background-position:top left;
	background-image:url('/static/images_css/html/images/CATTRONIC/DEFAUT/degrade-local.gif');
}
/*****************************************************/
/***** DIV floatRight dans DIV barreEntete *****/
/***** Zones des boutons *****/
#Atelier .barreEntete .floatRight, #Configuration .barreEntete .floatRight {
	margin:0;
	padding:0;
	float:right;
	height:34px;
}
#Atelier .barreEntete .floatRight a, #Configuration .barreEntete .floatRight a {
	margin:0;
	padding:0;
	text-decoration:none;
}
#Atelier .barreEntete .floatRight img, #Configuration .barreEntete .floatRight img {
	margin:0;
	padding:0;
	float:left;
	vertical-align:top;
}

/***************************************************************/
/************* Style Pour la partie Administration *************/
/***************************************************************/
#Administration .logoLocale {
	text-align: left;
	margin-left: 0;
	width: 462px;
	position : absolute;
}


#Administration .boutonDeloguer	{
	margin-left: auto;
	width: 100%;
	text-align: right;
	height:22px;		
}

#Administration .suiteLogoLocale	{
	width: 100%;
	text-align: right;
	height:56px;
	line-height : 20px;
}

#Administration .ligneDeDeuxPixels {
	height:10px;
	font-size:10px ;
}

#Administration .barreEntete {
	text-align : left;	
	line-height : 34px;	
	height : 34px;
	padding-left : 237px;
	font-weight : bold;	
	background-color : #cccccc;	
	background-repeat : no-repeat;
	background-position : left;
	background-image : url('/static/images_css/html/images/CATTRONIC/DEFAUT/degrade-local.gif');

}

#Administration .barreEntete img {
	float : right;
}

/*******************************************************/
/************* Style Pour la partie Client *************/
/*******************************************************/
#Client .logoLocale 	{
	margin:0;
	padding:0;
    float:left;
    text-align:left;
	margin-left:10px;
}

#Client .boutonDeloguer	{
	margin:0;
	padding:0;
	text-align:right;
	width:100%;
	height:20px;
	position:relative;
}

#Client .suiteLogoLocale {
	margin:0;
	padding:0;
	width:100%;
	text-align:right;
}

#Client .suiteLogoLocale img {
	float:right;
	margin-right:5px;
	margin-top:15px;
}

#Client .ligneDeDeuxPixels {
	height:5px;
	font-size:1px ;
}

#Client .barreEntete {
	margin:0;
	padding:0;
	text-align:left;
	font-weight:bold;
	height : 34px;
	background-color:#66cc99;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url('/static/images_css/html/images/CATTRONIC/DEFAUT/degrade-client.gif');
	margin-top:-1px;
	clear:both;
}

#Client .barreEntete img {
	float:right;
}

#Client .texteEntete {
	vertical-align:middle;
	padding-left:15px;
	padding-top:10px;
}


#Client .finEntete {
	clear:both;
}

/*******************************************************/
/************* Style Pour la partie OPR *************/
/*******************************************************/
#opr .logoLocale 	{
	margin:0;
	padding:0;
    float:left;
    text-align:left;
	margin-left:10px;
}

#opr .boutonDeloguer	{
	margin:0;
	padding:0;
	text-align:right;
	width:100%;
	height:20px;
	position:relative;
}

#opr .suiteLogoLocale {
	margin:0;
	padding:0;
	width:100%;
	text-align:right;
}

#opr .suiteLogoLocale img {
	float:right;
	margin-right:5px;
	margin-top:15px;
}

#opr .ligneDeDeuxPixels {
	height:5px;
	font-size:1px ;
}

#opr .barreEntete {
	margin:0;
	padding:0;
	text-align:left;
	font-weight:bold;
	height : 34px;
	background-color:#56d5ce;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url('/static/images_css/html/images/CATTRONIC/DEFAUT/opr/degrade-opr.gif');
	margin-top:-1px;
	clear:both;
}

#opr .barreEntete img {
	float:right;
	vertical-align : top;
	margin-top : -8px;
}

#opr .texteEntete {
	vertical-align:middle;
	padding-left:15px;
	padding-top:10px;
}


#opr .finEntete {
	clear:both;
}


/**************************************************************/
/************* Style Pour la partie Configuration *************/
/**************************************************************/
#Configuration .logoLocale {
    margin:0;
	padding:0;
	float:left;
	margin-left:10px;
}

#Configuration .logoLocaleConfig {
    margin:0;
	padding:0;
    position:relative;
    float:left;
}

#Configuration .boutonDeloguer	{
	margin:0;
	padding:0;
	float:right;
	width:100%;
	margin-top:-66px;
	height:20px;
}



#Configuration .logoGautoConfig {
	margin:0;
	padding:0;
	float:right;
	margin-top:-42px;
	margin-right:5px;
	clear:both;
}

#Configuration .suiteLogoLocale	{
	margin:0;
	padding:0;
	width:580px;
	margin-left:27%;
}


#Configuration .Tampon {
	display:none;
}

#Configuration .ligneDeDeuxPixels {
	margin:0;
	padding:0;
	height:5px;
	font-size:0;
	margin-top:5px;
}

#Configuration .barreType {
	text-align : left;	
	line-height : 25px;	
	height : 25px;
	font-weight : bold;	
	text-indent: 20px;
}

#Configuration .barreType img {
	float : left;
	margin-right: 10px;
}

#Configuration .suiteLogoLocale .aTexteBouton1Ligne span {
padding-top:13px;
}

#Configuration .suiteLogoLocale .aTexteBouton2Lignes span {
padding-top:6px;
}

/************************************************/
/************* Style Pour les Popup *************/
/************************************************/
#MB_content * {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
}

#Popup .logoLocale 	{
	text-align: left;
	margin-left: 0;
	width: 462px;
	position : absolute;
	margin-top:5px;
	margin-left:5px;
	float:none;
}

#Popup .boutonDeloguer	{
	margin:0;
	width: 100%;
	text-align: right;
	height:25.5px;
	margin-top:0px;
	float:none;
}

#Popup .suiteLogoLocale	{
	width: 100%;
	text-align: left;
	height:56px;
	line-height : 56px;
}

#Popup .ligneDeDeuxPixels {
	height:10px;
	font-size:10px ;
}

#Popup .barreEntete {
	background-color : #CCCCCC;
	text-align : left;	
	line-height : 34px;		
	height : 34px;
	padding-left : 20px;
	font-weight : bold;	
	margin-top:-3px;
	width:auto;
}

#Popup .barreEntete img {
	float : right;
}

#Popup .barreEntete .texteEntete {
	padding-top : 0px;
	padding-bottom : 10px;
	padding-left : 20px;
	float:none;
	margin:auto;
	width:auto;
	text-indent:0px;
}

/*********************************************************/
/************* Style Pour la partie Vehicule *************/
/*********************************************************/
#Vehicule .logoLocale 	{
	text-align: left;
	margin-left: 0;
	width: 462px;
	position : absolute;
}

#Vehicule .boutonDeloguer	{
	margin-left: auto;
	width: 100%;
	text-align: right;
	height:20px;	
}

#Vehicule .suiteLogoLocale	{
	width: 100%;
	text-align: right;
	height:56px;	
	line-height : 20px;
}

#Vehicule .suiteLogoLocale img{
	margin-top: -5px;
}

#Vehicule .ligneDeDeuxPixels {
	height:10px;
	font-size:10px ;
}

#Vehicule .barreEntete {
	text-align : left;	
	line-height : 34px;	
	height : 34px;
	font-weight : bold;	
	padding-left : 237px;
	background-color : #0099ff;	
	background-repeat : no-repeat;
	background-position : left;
	background-image : url('/static/images_css/html/images/CATTRONIC/DEFAUT/degrade-vehicule.gif');
	margin-top:-4px;
}

#Vehicule .barreEntete img {
	float : right;
}

/***********************************************/
/************* Style Pour le login *************/
/***********************************************/
#Login .logoLocale img	{
	margin-top:5px;
	margin-left:-132px;
}

#Login .boutonDeloguer	{
	text-align: right;
	height:20px;
	vertical-align : middle;	
	margin-top:-55px;
	margin-right:5px;
}

#Login .suiteLogoLocale	{
	margin:0;
	padding:0;
	margin-top:35px;
	height:65px;
	background-image:url('/static/images_css/html/images/CATTRONIC/DEFAUT/fr/logo_login_cat.gif');
	background-repeat:no-repeat;
	background-position:40px;
}

#Login .ligneDeDeuxPixels {
	height:2px;
	font-size:1px ;
}

#Login .barreEntete {
	background-color : #CCCCCC;
	text-align : left;	
	padding-top : 5px;	
	text-indent : 10px;
	height : 34px;
	font-weight : bold;	
}

#Login .barreEntete img {
	float : right;
}

/***************************************************************************/
/************* Style pour le formulaire de recherche de pi�ces *************/
/***************************************************************************/

/*****************************************************/
/***** FORM frmRchPce dans DIV barreEntete ******/
/***** Formulaire de recherche des pi�ces *******/
#formRechPce {
	margin:0;
	padding:0;
	margin-right:5px;
	width:205px;
	height:34px;
	float:right;
}
#formRechPce table.tbfrmRchPce {
	margin:0;
	padding:0;
	height:34px;
}
#Atelier #formRechPce table.tbfrmRchPce tr {
	margin:0;
	padding:0;
	background-image:url('/static/images_css/html/images/CATTRONIC/DEFAUT/rech-piece-atelier-1px.gif');
}
#Configuration #formRechPce table.tbfrmRchPce tr {
	margin:0;
	padding:0;
	background-image:url('/static/images_css/html/images/CATTRONIC/DEFAUT/rech-piece-garage-1px.gif');
}
#formRechPce table.tbfrmRchPce tr td {
	margin:0;
	padding:0;
}
#formRechPce table.tbfrmRchPce tr td.frmRchPceTD {
	margin:0;
	padding:0;
	text-align:left;
}
#formRechPce table.tbfrmRchPce tr td.frmRchPceTD img {
	margin:0;
	padding:0;
	vertical-align:top;
}
/*****************************************************/
/********** FIN Style pour le formulaire de recherche de pi�ces ************/
/***************************************************************************/
