html { 
	height: 100%;
}

div.wire {
	width: 98%;
	margin-left: 10px;
}

#global div.wire table.wire {
	margin: 0;
	width: 100%;
}

div.wire-half {
	margin: 0;
	padding: 0;
	height: 30px;
	background: #DDD;
	vertical-align: middle;
}

div#wireform {
	text-align: right;
}

div#wireform.wire-half form table.innerForm {
	display: inline;
	margin: 0;
}

div.wire ul li {
	background: none !important;
	padding: 0px !important;
	display: inline;
}

div.wire ul a {
	text-decoration: none;
	color: #515151 !important;
}

/* menu */
table.layoutFull {
	width: 100%;
}
table.layoutFull,table.layoutFull tbody,
table.layoutFull tbody tr ,
table.layoutFull tbody tr td {
	margin: 0 !important;
	padding: 0 !important;
}

#global .listingtype li a {
	font-size: 12px;
}

#global .listingtype li {
	margin-left: 0;
	margin-right: 0;
	background: none;
}

#global .listingtype li ul li {
	display: inline;
}

#global .listingtype li {
	min-height: 60px;
	margin-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
}

#global .listingtype li.graph {
	min-height: 115px !important;
}

#global a {
	color: #666666;
	text-decoration: none;
}

.footerHautPage {
	color: #666666;
	text-decoration: none;
}

#global a:hover {
	color: #666666;
	text-decoration:underline;
	background:#dbe4ea;
}

#global a.pdfAttente:hover {
	color: #666666;
	text-decoration:none;
	background:#dbe4ea;
	cursor:default;
}

#global .listingtype   li h4 {
	background: #EEE;
	color: #DC002E;
	padding: 0;
	margin-left: 10px;
}

/* Ajouter une petite bordure blanche entre les images et le menu des fonctions */
#global .listingtype   li h4 img {	
	border-right: 5px solid #FFF;
	margin-left: -10px;
}
                    
#global .listingtype  li.chapter img {	
	border-right: 0;
}
                            
#global .listingtype li.chapter {
	float: left;
	text-align:  center;
	width: 194px;
}
#global .listingtype li.chapter h4 {
	background-color: #FFF;
}

#global .listingtype ul li.sympt {
	float: left;
	background: #E3E3E3;
	color: #333;
	margin-right: 10px;
	margin-bottom: 3px;
	min-height: 0px;
	white-space:nowrap;
}
#global .listingtype ul li.sympt a {
	text-decoration: none;
}

#global ul li ul li a {
	color: #333;
}
#global ul li ul li a:hover {
	color: #DC002E;
}

/* listes */
/* FDZ-1085 : modif tabDoc */
#tabDoc {
	line-height: 25px;
	display: inline-block;
	*display: inline;
	margin:0;
	clear:both;
	padding-bottom: 5px;
}

#tabDoc li {
	float:left;
	list-style:none;
	background-image: none !important;
	display: inline-block;	
	*display: inline;
	padding: 0;
	margin-right: 2px;
}

#tabDoc li a {
	border:1px solid #cdcdcd;
	float:left;
	white-space:nowrap;
	margin:0 1px 1px 0;
	text-decoration:none;
	color: #333;
	font-weight: bold;
	padding: 5px;
	background-color: #DDD;
	font-size: 12px;
	white-space:nowrap;
	float:left;
}
#tabDoc li a:hover {
	color: #FFF;
	background-color: #878789;
}
#tabDoc li a.active {
	color: #FFF;
	background-color: #878789;
	display:block;
	border:1px solid #cdcdcd;
	float:left;
	white-space:nowrap;
	padding:5px;
	margin:0 1px 1px 0;
	text-decoration:none;
	font-weight:bold;
}


/* liste pieces doc */
table#docList {
	width: 100%;
}

table#docList th {
	padding: 3px;
	background: rgb(140, 155, 170);
	color: #FFF;
}

table#docList td {
	padding-left: 3px;
}

table#docList tr.odd td {
	background: #EEE;
}

table#docList tr.even td {
	background: #FFF;
}

#global div.boxDocList table#docList tr.docline-over2 td {
	cursor:pointer;
	background: #BBB;
	color: #FFF;
	text-align: left !important;
}
#global table.data {
	margin: 5px 0px !important;
}
#global table.data tr.docline-over2 td {
	cursor:pointer;
	background: #BBB;
	color: #FFF;
	text-align: left !important;
}
#global table.data tr.odd td {
	background: #DDDDDD !important;
	text-align: left !important;
}

#global table.data tr.even td {
	background: #FFF;
	text-align: left !important;
}

tr.docline-selected2 td {
	color: #FFFFFF !important;
	background-color: #DC002E !important;
	text-align: left !important;
	cursor:pointer;
}

#global .wire table.innerForm td,
#global .wire table.innerForm td * {
	vertical-align: middle;
} 

#global .wire-half {
	height: 30px;
}

.wire #spanfin {
	display: inline;
}

.regroupement {
	border-style:solid;
	border-width:1px;
	border-color:#9C9A9C;
	padding:5px 3px 5px 3px;

}
.fondCouleur {
	background-color:#FFFFFF;
	border:1px solid #29428C;
	border-collapse:separate;
	margin-bottom:10px;
	padding-bottom:0;
	width:90%;
}

.msTitre
{
	float:left;
	background-color:#EFEFEF;
	width:40%;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}
.msSeparator
{
	float:left;
	width:10%;
}
.msBtnSelection
{
	float:left;
	background-color:#FFFFFF;
	width:40%;
}
.msListe
{
	font-size:11px;
	font-weight:bold;
	float:left;
	overflow:auto;
	height:200px;
	background-color:#EFEFEF;
	width:40%;
	border: 1px inset black;
	text-align: left;
}
.msBtnTrf
{
	float:left;
	width:10%;
}
.doc_display_panier 
{
	border-bottom-color:#DC002E;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-color:#DC002E;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#DC002E;
	border-right-style:solid;
	border-right-width:1px;
	border-top-width:0pt;
	height:130px;
	overflow-x:auto;
	overflow-y:auto;
}

/* FDZ choix ldp */
#global table.vehiculeSelection li {
	background: none;
	padding: 0;
}
#global .titre1VP,
#global .titre2VP,
#global .titre3VP,
#global .titre4VP {
	font-family: Arial;
}
#global .titre1VP {
	font-size: 17px;
	font-weight: bold;
	color: #DC002E;
	text-decoration: none;
}
#global .titre2VP {
	color: #515151;
	font-size: 14px;
}
#global a.hackfontie {
	font-family: Arial;
	color: #675B5B;
}

#global select,
#global input.zone,
#global input.zoneReadOnly {
	border: 1px solid #BBB;
}

#global table.configurateur hr {
	border-color: #DC0023 #FFF #FFF;	
}

#global table.configurateur table.vehiculeSelection td li a:hover, 
#global table.configurateur table.vehiculeSelection td li.sfhover a, 
#global table.configurateur table.vehiculeSelection td li:hover a {
	border: 1px solid #79797B;
	background: #79797B;
	color: #FFF;
}

#global table.configurateur table.vehiculeSelection td li a:hover {
	background: #DC002E !important;
}

#global table.configurateur table.vehiculeSelection td li ul {
	border: 1px solid #79797B;
	background: #79797B;
	color: #FFF;
	padding: 0;
}
#global table.configurateur table.vehiculeSelection td li ul li a {
	background: #79797B !important;
	color: #FFF !important;
}
#global table.configurateur table.vehiculeSelection td li ul li a:hover {
	background: #DC002E !important;
}

/* Mettre en forme l'onglet sï¿½lectionnï¿½ */
.titreSectionSelected 
{
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    vertical-align:middle;
    background-color:#DC002E;
    height:20px;
    padding-left:2px;
}

/* Les bandeaux de titre des sections sans utiliser d'images */
/* Mettre en forme les onglets non sï¿½lectionnï¿½s */
.titreSection
{
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    color:#DC002E;
    background-color:#dcdcdc;
    height:20px;
    padding-left:2px;
    vertical-align:middle;
    text-align: left !important;
}

/* Style specifique panier forfait */    
.fondCouleurForfait {
    background-color:#FFFFFF;
    border-color:#DC002E;
    border-width:1px;
    border-collapse:separate;
    border-style:solid;
    width:98%;    /* ETR FDZ-758 23/08/2010 */
    padding-bottom:0px;
    margin-bottom:10px;
}
/* panier temp supp ligne du bas
.titreSectionSelectedForfait {
    border-bottom:1px solid #DC002E;
}
*/
#foPTWarnMsg {
    background:#F9DBDB url(../../images/AC/picto/msgwarningV1.gif) no-repeat scroll left top;
    color:#A52121;
    display:block;
    font-size:11px;
    font-weight:bold;
    margin:0 30px 10px;
    padding:5px 5px 5px 20px;
    text-align:center;
    display: none;
}

/* Rectangle "a classer" au-dessus du mini-panier */
#aClasser {
    background-color: #DC002E;
    font-weight: bold;
    color: #FFFFFF;
}

/* Encadrement du mini-panier (traits rouges) */
.doc_titre_panier_left 
{
    border-left-color:#DC002E;
    border-left-style:solid;
    border-left-width:1px;
    border-top-color:#DC002E;
    border-top-style:solid;
    border-top-width:1px;
}

/* Encadrement du mini-panier (traits rouges) */
.doc_titre_panier_right 
{
    border-right-color:#DC002E;
    border-right-style:solid;
    border-right-width:1px;
    border-top-color:#DC002E;
    border-top-style:solid;
    border-top-width:1px;
}

.docline-over2
{
    background-color:#dbe4ea;
    cursor:pointer;
}

/* Les titres dans le menu */
div.titreMenu,
.left_menu tr td.titreMenu {
  color:#DC002E;
  background-position:left bottom;
  background-repeat:no-repeat;
  line-height:.9em;
  height:30px;
  padding-left:6px;
  padding-bottom:2px;

}

/*Le bloc menu */
.fondMenu {
    margin:0 0 0 0px;
    font : 12px arial;  
    width:164px;
    background-color:#FFFFFF;
    vertical-align:top;
}

/* En-tete du tableau du menu */
.left_menu thead {
    font-size : 11px;
    font-weight:bold;
    padding-left : 0;
}

/* Icï¿½nes du bandeau */
#location ul.icons {
    top: -6px;
    width: 180px;
    height: 30px;
    padding: 6px 5px 0;
    right: 0;
    text-align: right;
}

ul.tabDoc li a.active {
    background: #F4CFA8;
    border:1px solid #cdcdcd;
    white-space:nowrap;
    padding:5px;
    margin:0 1px 1px 0;
    text-decoration:none;
    font-weight:bold;
    cursor:default;
}

/* Aligner a droite le menu deroulant */
.menuD {
    text-align:right;
}

.positionDivACCPPP {
    display: inline-block; 
    margin-top: 20px; 
    width: 99%;
}

#layoutFullPE ul.tabDoc li a {
    background-color:#DDDDDD;
    color:#333333;
    font-size:12px;
    font-weight:bold;
    padding:5px;
    text-decoration:none;
    float:left;
}

/* Aligner les onglets horizontalement (rÃ©sultats d'une recherche pe) */
#layoutFullPE ul.tabDoc li {
    float:left;
    list-style:none;
}

/* Onglet actif des PE */
#layoutFullPE ul.tabDoc li a.active {
    display:block;
    /*background: #F4CFA8;*/
    background: #878789;
    border:1px solid #cdcdcd;
    float:left;
    white-space:nowrap;
    padding:5px;
    margin:0 1px 1px 0;
    text-decoration:none;
    font-weight:bold;
    cursor:default;
}


/* Ecran de sÃ©lection de vehicule apres avoir rentre un VIN */
.bdrow1
{
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    background-color:#F7F3EF;
}

.bdrow2
{
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    background-color:#DEDFDE;
}

.plpdfDOPR{
	color: #DC002E;
	font-weight: bold !important;
	padding-top: 5px;
}

#choixPdf .plpdfDOPR {
	color: #DC002E !important;
}

#global form#priceListForm div.borderBlock{
	background-color: white;
	height: 255px;
}

#global .layoutContent ul.listingtype li ul li a {
	/*display:block;*/
	white-space:nowrap;
	text-decoration:none;
	padding:2px 5px;
	color:#666666;
}

#global .layoutContent ul.listingtype li ul li.active a.active {
	color:#DC002E;
	text-decoration: underline;
}
	
.layoutContent ul.listingtype li ul li.active a:hover {
	text-decoration:underline;
	color:#000000;
	background-color:#dbe4ea;
}

.layoutContent ul.listingtype li ul li.inactive  a{
	color:#CCCCCC !important;
	cursor:default;	
}

/* Aligner a droite le menu deroulant */
.menuD {
	text-align:right;
}

ul.tabDoc li a.active {
	/*display:block;*/
	background: #F4CFA8;
	border:1px solid #cdcdcd;
	/*float:left;*/
	white-space:nowrap;
	padding:5px;
	margin:0 1px 1px 0;
	text-decoration:none;
	font-weight:bold;
	cursor:default;
}

#global form#priceListForm div.borderBlock{
	background-color: white;
	height: 255px;
}


/* 22- Caractéristiques techniques du véhicule */
/* #3 il n’y a pas d’alternance de couleurs entre les lignes ce qui alourdit la lecture */
.even {
	background-color: #EFEFEF;
}
.odd {
	background-color: #FFFFFF;
}

.pdfAttente {
	font-family: citroen,arial;
	color: red !important;
	font:9px ;
	text-transform: uppercase;
}

.pdfEnCours {
	font-family: citroen,arial;
	color: green !important;
	font-size: 9px;
	text-transform: lowercase;
}

#divRcap .regroupement a:hover.pdfAttente {
	text-decoration: none !important;
	background: white !important;
	cursor: default !important;
}

#divRcap .regroupement a:hover.pdfEnCours {
	text-decoration: none !important;
	background: white !important;
	cursor: default !important;
}

#divRcap .regroupement a:hover.pdfNonValid {
	text-decoration: none !important;
	background: white !important;
	cursor: default !important;
} 

.ficheppp {
	background-color: lightgrey;
	font-family: citroen,arial;
}

.pdfTraite {
	font-family: citroen,arial;
	color: blue !important;
	font:11px;
	text-transform: uppercase;
}
.pdfNonValid {
	font-family: citroen,arial;
	color: grey !important;
	font:11px;
	text-transform: uppercase;
}

.divRcap{
	font-family: citroen,arial;
	width:100%;
	border:1px solid grey;
}

#global .celluleTitreRef
{
	font-family:Arial;
	font-size:18px;
	text-align: center;
	width: 20%;
	border-bottom: solid 1pt black;
	border-top: solid 1pt black;
	background-color:#DC002E;
	color: white;
}

#global .celluleTitreLibelle
{
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	text-align: center;
	text-transform:uppercase;
	border-top: solid 1pt black;
	border-left: solid 1pt black;
	border-bottom: solid 1pt black;
	background-color:#DC002E;
	color: white;
}

#global input[type=radio],
#global input[type=checkbox] {
	border: 0;
	margin-right: 3px !important;
}

.table_lst_doc
{
	background-color: #DCDCDC;
}

.fondCouleurCarac {
	background-color:#FFFFFF;
	/*border:1px solid #29428C;*/
	border-collapse:separate;
	margin-bottom:10px;
	padding-bottom:0;
	width:90%;
}

.infoGenCar
{
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align:left !important;
}

.infoCarTitre
{
	font-size: 13px;
	font-weight: bold;
	color: #DC002E;
	text-decoration: none;
	border-bottom:1px solid #DC002E;
	text-align:left !important;
}

.infoCarTitreSoulignement
{
	border-bottom:1px solid #DC002E;
}

.tableInfoVeh
{
	font-size : 11px;
	border-width:1px;
	border-color:#343434;
	border-collapse:collapse;
	text-align:left;
	margin-left: 0px !important;
}
.text {
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.line-over {
	background-color: #F16230;
    font-size: 11px;
    font-weight: bold;
	cursor: pointer;
	color: white;
}

#global .content .borderBlock {
	/* Style des onglets PE et accessoires */
	padding-bottom: 0px;
	margin: 5px 10px 0px 0px;
}

body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif !important;
}

/* Ci-dessous, ce bout de code sert à ce que le style du mini-panier ne soit pas ecrase par celui ci-dessus */
/*body.panier {
	background: #FFFFFF;
	font-size: 12px;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000000;
	margin: 0;
	padding: 0;
}*/


#global .col690 {
	width: 69%;
	float: left;
}

#global .col770 {
	margin-left:10px;
}

#global table.borderBlock {
	padding-bottom: 0px;
}

/* Mini panier */
.invalideItem {
	font-size: 11px;
	margin-left: 3px;
	color: #DC002E;/*#29458C;*/
}

/* Mini panier */
.invalideItemOver {
	background-color: #DC002E;
    font-size:11px;
    font-weight:bold;
	cursor: pointer;
	color: #FFFFFF;
}

#global .sidebar ul.aside li.itemSelected,
#global .sidebar ul.aside li.itemSelected a {
	font-weight: bold;
	color: #DC002E;
}

li#menu_caracteristiques a:hover,
li a#menu_NOUVEAU:hover,
li a#itemFiltre:hover,
li #menu_GENERAL a:hover,
#global .sidebar ul.aside li.item a:hover,
#global .sidebar ul.aside li.itemSelected a:hover {
	color: #DC002E;
	background-color: transparent;
}

#global .listingtype {
	text-align: left;
}

#global table.borderBlock td.titreSectionSelected {
	background: #DC002E;
}

#global table.borderBlock td.titreSection {
	background: #DCDCDC;
}

#global table.borderBlock td {
	background: #FFF;
}

#global .minipanier {
	height: 500px;
	float:right;
	padding-right:10px;
}

.aClasserBorder {
	margin-bottom: 20px;
	border:1px solid #DC002E;
	/*overflow: auto;*/
}

input.picto_canvasvert,  
input.picto_canvasorange, 
input.picto_canvasrouge {
	width: 13px !important;
}

/*mise en valeur du nom du vehicule selectionne en page d'accueil*/
#global .titre1VPCS {
    font-weight: bold;
    font-size: 17px;
    text-decoration: none;
}

#choixPdf h2 {
	margin-left:0px;
}
#priceListForm div.left h2 {
	margin-left:0px;
}

.col840 {
	width: 84%;
}

#wire div  ul.hauteurBandeauRecherche {
	height: 33px;
	border-top-width: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
}

/* ETR FDZ-1174 On enlève la marge du message d'erreur */
#msgCkbErrorLdp {
	margin:0px;
	display: none;
}

#global .sidebar ul.aside {
	width: 90%;
}

#global .borderBlockOutillage {
	/* Style des onglets Outillage */
	padding-bottom: 0px;
	margin: 5px 0px 0px 10px;
	color: #515151;
	width:90%;
}

#global .tableOutillage {
	padding-left: 10px;
	margin: 0px;
	border:0; 
}

#global .layoutFullOutillage {
	margin-left:10px !important;
	width:90%;
}

/* FDZ-1217 - liste complexe */
table.docListLC {
	margin-top:1px !important;
	margin-left:0px !important;
	width:450px !important;
	float:left;
}

ul.tabDoc {
    text-align: left !important;
}

#divTabDoc{
	 text-align: left !important;
}

#wirefilariane {
	 text-align: left !important;
}

#tabDocListLC {
	text-align: left !important;
}

.infoCarText {
	text-align: left !important;
}
