/*Corps du texte*/
body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

table {
font-size: 12px;
}

h2{
font-size: 1.5em;
}
h5{
margin: 5px 0;
}

fieldset {
border:2px groove threedface;
display:block;
margin-left:2px;
margin-right:2px;
padding:0.35em 0.625em 0.75em;
}
legend {
padding:0 2px 5px;
}
/*1x1;En-Tête;b*/
#header_cicerone {
background-image: url("/catalogue/css_cicerone/bandeau.jpg");
background-repeat: no-repeat;
width: auto;
height: 110px;
background-color: #000000;
background-position: center;
}

/*Navigation*/
#navcontainer {
border: 1px solid;
}

/*1x2;Menu sous En-Tête;b*/
#navlist {
background-color: #218B4D;
margin: 0;
padding: 5px 0 20px 10px;
}

#navlist ul, #navlist li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

/*1x3;Menu sous En-Tête couleur du lien;c*/
#navlist a:link, #navlist a:visited {
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #d6e3c6;
}

/*1x4;Menu sous En-Tête, couleur du lien survolé;c*/
#navlist a:hover {
color: red !important;
}

/*1x5;Libellé sous Menu de l'En-Tête haut;cb*/
#navvhl {
background-color: #d6e3c6;
color: #218b4d;
font-weight: bold;
padding-left: 10px;
}

#listevhl {
margin-left: 20px;
position: absolute;
visibility: hidden;
}

#listevhl table, #listevhl td, #listevhl th {
border: 1px solid silver;
border-collapse: collapse;
padding: 0 15px;
margin: 15px 0;
text-align: center;
}

#listevhl th.libellevhl {
background-color: #d6e3c6;
color: #218b4d;
}

/*Bloc Gauche*/
#cicerone_gauche {
position: absolute;
left: 5px;
margin-right: 15px;
margin-top: 15px;
width: 200px;
}

.div_bord {
border: 1px solid;
}

/*#banque {
margin-top: 20px;
}*/

.logo_txt {
font-size: smaller;
font-weight: bold;
font-style: italic;
text-align: center;
}

/*2x1;Bandeau gauche logo;b*/
#logo {
margin: 2px;
padding: 2px;
background: #ffffff url("/catalogue/css_cicerone/ciceroneLogo.png") center top no-repeat;
height: 26px;
cursor: pointer;
}

/*2x2;Bandeau gauche choix;cb*/
#choix {
border: none;
margin: 2px;
padding: 2px 3px;
background-color: #c51d1d;
color: #dfc2c3;
}

/*2x3;Bandeau gauche titre choix;cb*/
#choix h4 {
padding: 2px;
width: 100px;
color: #218b4d;
background-color: #ffffff;
font-size: 12px;
margin: 10px 5px;
}

#cicerone_gauche ul {
list-style-position: inside;
margin-left: 1px;
padding-left: 1px;
}

/*2x4;Bandeau gauche Véhicule;cb*/
#vehicule {
border-style: none;
margin: 2px;
padding: 2px 3px;
background-color: #218b4d;
color: #d6e3c6;
}

/*2x5;Bandeau gauche Véhicule Titres;cb*/
#vehicule h4 {
padding: 2px;
width: 100px;
color: #c51d1d;
background-color: #ffffff;
font-size: 12px;
margin: 10px 5px;
}
/*3x1;Contenu;b*/
#cicerone_droit {
position: absolute;
left: 215px;
background-color: #ffffff;
margin: 15px 0;
width: 770px;
}

#cicerone_droit table {
width: 754px;
border: 1px solid silver;
border-collapse: collapse;
}

#cicerone_droit td {
border-width: 0 1px 0 0;
border-style: solid;
border-color: silver;
}

a img {
border: none;
}

#cicerone_droit .baremes {
margin: 20px 5px 0 5px;
width: 100%;
}

.baremes th, .baremes td {
border: 1px solid silver !important;
empty-cells: hide;
}

.baremes td {
padding-left: 10px;
}

.mod_vehicule {
border-right-style: none !important;
border-right-width: 0 !important;
}

#cicerone_droit ul, #cicerone_droit li {
font-size: small;
font-style: normal;
list-style: none;
margin-left: 1px;
padding-left: 5px;
font-size: 12px !important;
}

/*3x4;Contenu Titres;c*/
#cicerone_droit h4 {
color: #C51D1D;
border-left: solid;
border-bottom: solid;
border-width: 1px;
width: 170px;
font-size: 12px;
}

/*3x2;Contenu liens;c*/
#cicerone_droit a {
color: #218b4d;
text-decoration: none;
}

/*3x3;Contenu Survol liens;c*/
#cicerone_droit a:hover {
color: #C51D1D;
}

#wrap {
background-color: #ffffff;
margin-top: 10px;
/*width: 700px;*/
}

#fournisseur ul {
position: absolute;
width: 100%;
}

#fournisseur li {
display: inline;
text-align: center;
float: left;
vertical-align: top;
width: 30%;
}

#fournisseur a {
line-height: 1;
margin: 20px;
width: 135px;
text-align: center;
}

#fournisseur img {
border: none;
margin: 20px 15px 0 15px;
}

#fournisseur table, #fournisseur tr, #fournisseur td {
border: none;
}

/*3x5;Menu;cb*/
#nav a, #nav a:active, #nav a:visited {
display: block;
float: left;
padding: 5px 2px;
background-color: #218b4d;
color: #d6e3c6;
margin-right: 5px;
text-decoration: none;
outline: none;
}

/*3x6;Menu option selectionnée;cb*/
#nav a.selected, #nav a.selected:active, #nav a.selected:visited, #nav a.selected:hover {
background-color: #C51D1D;
color: #dfc2c3;
text-decoration: none;
outline: none;
}

/*3x7;Survol liens Menu;cb*/
#nav a:hover {
color: #218b4d;
background-color: #d6e3c6;
}

th {
background-color: #218b4d;
color: #d6e3c6;
}

.conteneur_image, .conteneur_image_new {
color: black;
background-color: #FFFFFF;
}

.bordure {
border: none;
}

.affiche_image {
border-width: 0 0 1px 0;
border-style: solid;
border-color: silver;
}

.hiddencontent {
padding: 12px;
background-color: #ffffff;
display: none;
width: auto;
margin-top: 4px;
}
/* Ajout hiddencontent */
.hiddencontent.survol{
	padding: 10px;
	position: absolute;
	margin-top: 0;
	left: 0;
	border: 1px solid black;
	-moz-box-shadow: 10px 10px 10px gray;
	-webkit-box-shadow: 10px 10px 10px gray;
	box-shadow: 10px 10px 10px gray;
}

#wrap .survol h4{
	font-variant: small-caps;
	font-size: 0.75em;
}
#wrap .survol h4,#wrap .survol ul{
	margin: 5px 10px 0 10px;
	vertical-align: top;
}
.survol .illustration{
	display: none;
}
/*	Fin ajout	*/

.clear {
clear: both;
}

.illustration {
position: relative;
float: right;
margin-top: 50px;
}

.dispo {
float: left;
margin-left: -80px;
margin-top: 200px;
background-color: yellow;
}

/*Les catalogues*/
.catalogue1 {
border-bottom-style: solid;
border-bottom-color: #218B4D;
border-bottom-width: 3px;
border-left-style: solid;
border-left-color: #218B4D;
border-left-width: 3px;
padding-right: 5px;
padding-left: 5px;
margin: 5px;
}

#cicerone_droit .catalogue1 h4 {
width: auto;
color: #c51d1d;
font-size: 12px;
}

.catalogue1 ul {
color: #c51d1d;
font-size: small;
font-size: 12px !important;
}

/**/
.catalogue2 {
border-bottom-style: solid;
border-bottom-color: #C51D1D;
border-bottom-width: 3px;
border-left-style: solid;
border-left-color: #C51D1D;
border-left-width: 3px;
padding-right: 5px;
padding-left: 5px;
margin: 5px;
}

#cicerone_droit .catalogue2 h4 {
width: auto;
color: #218b4d;
font-size: 12px;
}

.catalogue2 ul {
color: #218b4d;
font-size: small;
}

.disponible {
margin-left: 50px;
background-color: #000000;
color: #D6E3C6;
}

.indisponible {
margin-left: 50px;
background-color: #000000;
color: #DFC2C3;
}

.info {
position: relative;
right: 0;
padding-top: 10px;
padding-left: 20px
}

.info img {
margin-right: 5px;
}

/*4x1;Paiement cadre;b*/
#paiement {
position: relative;
float: left;
top: 15px;
background-color: silver;
margin-left: 10px;
padding: 8px;
width: 350px;
height: auto;
border: none;
}

/*4x2;Paiement titres;cb*/
#paiement h2 {
text-align: center;
font-size: large;
background-color: gray;
color: #ffffff;
}

/*4x3;Paiement recap;b*/
#recap {
background-color: white;
padding: 5px;
margin: 10px 0;
}

#commande1, #commande2 {
margin: 10px 0;
}

.commande1 {
background-color: white;
padding: 20px 2px 25px 5px;
float: left;
width: 47%;
text-align: center;
clear: both;
}

.commande2 {
background-color: white;
padding: 20px 5px 25px 2px;
float: right;
width: 47%;
text-align: center;
}

.commande1 img, .commande2 img {
margin: 5px 0;
}

#identif {
position: relative;
float: left;
top: 15px;
width: 380px !important;
border: 1px solid #000000;
}

/*4x4;Paiement titres;b*/
#identif div {
background-color: #ffffff;
}

legend {
font-size: smaller;
font-weight: bold;
}

span.erreur {
color: red;
font-weight: bold;
}

/*4x5;Identification titres;cb*/
#identif .titre {
cursor: pointer;
display: block;
padding: 5px;
text-align: left;
margin-top: 0;
font-weight: bold;
font-size: 11px;
color: #d6e3c6;
background-color: #218b4d;
border-bottom: 1px solid #999999;
}

/*4x6;Paiement titres survol;b*/
#identif .titre:hover {
color: #218b4d;
background-color: #d6e3c6;
}

.info_cpt {
text-align: center;
font-size: smaller;
font-weight: bold;
}

#panier {
position: relative;
float: left;
top: 15px;
width: 390px !important;
border: 1px solid #000000;
text-align: center;
}

#panier div {
background-color: #ffffff;
}

#panier img {
padding: 10px;
}

/*4x7;Paiement titre;cb*/
#panier .titre {
cursor: pointer;
display: block;
padding: 5px;
text-align: left;
margin-top: 0;
font-weight: bold;
font-size: 11px;
color: #d6e3c6;
background-color: #218b4d;
border-bottom: 1px solid #999999;
}

/*4x8;Paiement titre survol;cb*/
#panier .titre:hover {
color: #218b4d;
background-color: #d6e3c6;
}

.panier_indispo {
background-color: #c51d1d !important;
color: #dfc2c3 !important;
}

.panier_indispo:hover {
background-color: #dfc2c3 !important;
color: #c51d1d !important;
}

.panier_indispo + div .calcul {
background-color: #dfc2c3 !important;
}

.panier_partiel {
background-color: #ffa500 !important;
color: #efdcd0 !important;
}

.panier_partiel:hover {
background-color: #efdcd0 !important;
color: #ffa500 !important;
}

.panier_partiel + div .calcul {
background-color: #efdcd0 !important;
}

#panier .recap_txt {
list-style-type: none;
font-size: x-small;
text-align: center;
}

/*4x9;Paiement titre survol;cb*/
.calcul {
border: 1px solid;
margin: 5px 100px !important;
padding: 2px 2px 2px 2px !important;
background-color: #d6e3c6 !important;
color: #000000;
text-align: center;
position: relative;
}

.reduc {
border: 1px solid;
margin: 5px 50px !important;
padding: 2px !important;
background-color: #d6e3c6 !important;
color: #000000;
text-align: center;
position: relative;
}

.calcul input, .reduc input {
font-family: sans-serif;
}

.calcul button, .reduc button {
color: #ffffff;
background-color: #218b4d;
}

.calcul button:hover, .reduc button:hover {
color: #218b4d;
background-color: #ffffff;
}

.panier_indispo + div .calcul button {
color: #ffffff !important;
background-color: #c51d1d !important;
}

.panier_indispo + div .calcul button:hover {
color: #c51d1d !important;
background-color: #ffffff !important;
}

.panier_partiel + div .calcul button {
color: #ffffff !important;
background-color: #ffa500 !important;
}

.panier_partiel + div .calcul button:hover {
color: #ffa500 !important;
background-color: #ffffff !important;
}

#qt, #duree {
font-weight: bold;
}

span.reference {
left: 15px;
padding-top: 15px;
float: left;
position: absolute;
color: red;
}

.imgAnim {
position: absolute;
}

.bordureHaut {
border-top: 1px solid silver;
}

.table_impair {
border: 3px solid #218B4D !important;
margin-bottom: 15px;
}

.table_pair {
border: 3px solid #C51D1D !important;
margin-bottom: 15px;
}

#erreur_mines {
color: red;
padding: 20px 0;
font-weight: bold;
font-size: 1.2em;
clear: both;
}

#propositions, #proprefs {
height: 200px;
overflow: auto;
}

#cicerone_droit div.typemine {
position: relative;
width: 200px;
background-color: white;
border: 1px solid #888;
margin: 0px;
padding: 0px;
}

#cicerone_droit div.typemine ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

#cicerone_droit div.typemine ul li.selected {
background-color: #ffb;
color: red
}

#cicerone_droit div.typemine ul li {
list-style-type: none;
display: block;
margin: 0;
padding: 2px;
height: 1.1em;
cursor: pointer;
}

#cicerone_droit ul span.informal {
font: 12px italic;
color: gray;
cursor: default;
}

.banque {
background-color: white;
margin-top: 10px;
padding: 5px;
text-align: center;
}

.banque div {
font-weight: bold;
padding-bottom: 10px
}

#cicerone_droit .banque table, #cicerone_droit .banque td, #cicerone_droit .banque fieldset {
border: none;
}

.banque fieldset {
text-align: left;
}

#cicerone_droit .banque table {
width: 300px
}

#cicerone_droit .banque td {
text-align: center;
}

#info_ce, #info_pp {
font-size: smaller;
font-weight: bold;
margin-bottom: -10px;
visibility: hidden;
}

#zone2 table {
margin: 5px 2px;
}

#zone2 thead td {
background-color: #218B4D;
color: #D6E3C6;
margin-bottom: 5px;
border: none;
}

#zone2 tbody th {
border: 1px solid #218B4D;
background-color: #D6E3C6;
color: #218B4D;
}

#compte {
margin-top: 10px;
width: 400px;
border: 1px solid #000000;
}

#compte div {
background-color: #ffffff;
}

#compte .titre {
cursor: pointer;
display: block;
padding: 5px;
text-align: left;
margin-top: 0;
font-weight: bold;
font-size: 11px;
color: #d6e3c6;
background-color: #218b4d;
border-bottom: 1px solid #999999;
}

#compte .titre:hover {
color: #218b4d;
background-color: #d6e3c6;
}

#marque {
font-weight: bold;
}

.accroche {
font-family: garamond, Verdana, Arial, Helvetica;
font-size: 24px;
margin: 0;
margin: 10px 0;
}

table#accueil, #accueil tr, #accueil td {
vertical-align: middle;
border: none;
padding: 0 20px;
}

.info_lien {
cursor: pointer;
font-size: smaller;
font-weight: bold;
padding-top: 2px;
}

#lbl1, #lbl2, #lbl3 {
margin-left: 20px;
}

.banque button {
font-size: 12px;
width: 85px;
margin: 0;
padding: 0;
}

#cicerone_droit table.accueil, #cicerone_droit .accueil tr, #cicerone_droit .accueil td {
vertical-align: top;
border: none;
padding: 5px 20px;
}

#cicerone_droit .accueil td {
    padding: 5px 10px;
}

h3 {
font-size: 14px;
}

span.coord {
position: absolute;
left: 15em;
color: #0066FF;
font-weight: bold;
}

span.coords {
color: #0066FF;
font-weight: bold;
}

#wrap ul.marque_ul {
width: 110px;
margin: 0 10px;
font-size: 12px;
}

#cicerone_droit #wrap #nav a.marque_a {
width: 110px;
text-align: center;
margin: 10px;
}

.marque_div {
float: left;
}

/* Prototip.Styles */
.prototip {
font: 11px Arial, Helvetica, sans-serif;
color: #000;
}

/* the default style */
.prototip .default {
width: 250px;
color: #808080;
}

.prototip .default .toolbar {
background: #218B4D;
}

.prototip .default .title {
padding: 5px;
text-align: center;
color: #D6E3C6;
}

.prototip .default .content {
padding: 5px;
background: #D6E3C6;
color: #218B4D;
font-weight: bold;
text-align: center;
}

/*invert*/
.prototip .invert .content {
padding: 5px;
background: #218B4D;
color: #D6E3C6;
font-weight: bold;
text-align: center;
}

/* loader gif */
.prototipLoader {
position: absolute;
top: -1000px;
left: -1000px;
height: 14px;
width: 14px;
border: 1px solid #dddddd;
overflow: hidden;
}

#cicerone_droit table.artspe, #cicerone_droit table.artspe td {
border: none;
vertical-align: top;
}

#cicerone_droit table.artspe td.artspeimg {
vertical-align: middle;
text-align: center;
width: 300px;
}

.swapElem {
overflow: hidden;
}

#cicerone_droit .pneus {
float: left;
margin-left: 20px;
}

#cicerone_droit .titre_pneus {
width: auto;
padding: 0 10px;
}

#bloc_choix {
border-bottom: 3px solid red;
border-left: 3px solid red;
margin: 5px;
padding: 0 5px;
}

#bloc_choix img {
margin: 0 5px;
}

#cicerone_droit #bloc_choix li {
margin: 5px;
}

#cicerone_droit #bloc_choix h4 {
width: auto;
}

.prixpneus, .prixpose, .prixtotal {
font-weight: bold;
color: black;
}

.recappneus {
text-align: center;
font-weight: bold;
text-decoration: underline;
}

.artspe .fondRecap {
background-color: #EFEFEF;
}

#pneu_vit button {
margin: 5px
}
.horaires{
position: absolute;
top: 20px;
right: 20px;
display: none;
padding: 0 5px;
background-color: white;
border: 2px solid #e5e5e5;
}
.tHoraires{
cursor: pointer;
margin-right: 20px; 
}
#bulle{
position: absolute;
visibility: hidden;
background-color: #D3D3D3;
border: 2px solid gray;
padding: 5px;
z-index: 999999;
}
table#hRDV{
width: auto;
}
#hRDV tbody th, #hRDV td{
width: 70px;
height: 2em;
text-align: center;
border: 1px solid silver;
}
#hRDV .invalide{
background-color: #e5e5e5;
color: #808080;
}
#hRDV .valide{
cursor: pointer;
font-weight: bold;
}
fieldset {
border:2px groove threedface;
display:block;
margin-left:2px;
margin-right:2px;
padding:0.35em 0.625em 0.75em;
}
legend {
padding:0 2px 5px;
}
#recap b{
position: absolute;
right: 100px;
}
#plaque{
border: none;
line-height: 30px;
height: 30px;
vertical-align: middle;
font-size: 20px;
text-align: center;
text-transform: uppercase;
margin: 0;
padding: 0;
text-indent: 20px;
background: url(/catalogue/images/Plaque.gif) center center no-repeat;
text-shadow:1px -1px #FFFFE0;
}
#show {
text-align: center;
white-space: nowrap;
}
#planning_ok{
font-size: 1.2em;
padding: 15px 10px 15px 30px;
background: #F5F5F5 url(/catalogue/images/fleche_vert.png) left center no-repeat;
border-bottom: 1px solid;
border-top: 1px solid;
line-height: 5em;
}
#reference_couleurs{color:#218B4D}
.autrescatalogues{
border-bottom:2px solid gray;
border-top:2px solid gray;
margin:10px 0;
padding:10px;
height: 2em;
}
.autrecat{
line-height:2em;
padding:0 15px;
vertical-align:middle;
float:left;
}
.compteur{
	background-color: #F5F5F5;
	border: 1px solid silver;
	font-family: monospace;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0 5px;
	padding: 2px;
}
.plusmoins{
	display: inline-block;
	vertical-align: middle;
	width:20px;
}
.plusmoins img{
	cursor: pointer;
}
.filtres{
	display: inline-block;
	line-height: 25px;
	vertical-align: middle;
	cursor: pointer;
}
.filtres input{
	display: none;
}
.filtres img{
	margin: 0 5px 5px 0;
	vertical-align: middle;
}
.infosPiece{
	display: inline-block;
	margin-bottom:20px;
}
.infosPiece span{
	text-decoration:underline;
	font-style:oblique;
}
#fiches_pieces{
	padding: 0 0 20px 50px;
	min-height: 80px;
}
#fiches_pieces table,#fiches_pieces td{
	border: none;
}
#fiches_pieces br{
	clear: both;
}
.espacement{
	float: left;
	margin-right: 25px;
}
.espacement li{
	line-height: 20px;
}
.espacement img{
	vertical-align: middle;
	margin-left: 10px;
	cursor: pointer;
}
.retour_tps_bareme a{
	background:#e0eef7 url(/catalogue/images/btn.gif) repeat-x;
	padding: 5px;
	font-weight: bold;
	text-shadow: 1px 1px white;
	border: 1px solid gray;
}
.retour_tps_bareme a:hover{
	text-shadow: -1px -1px white;
	border: 1px solid silver;
}
.retour_tps_bareme a:active{
	text-shadow: 0 0 white;
	border: none;
	margin: 1px;
}
#fiches_vhl{
	border:1px solid silver; 
	margin:20px 0 10px 5px;
}
#fiches_vhl h3{
	text-align:center;
	background-color:#E0EEF7;
	margin:0;
	padding:5px 0;
	border-bottom:1px solid silver;
}
.bouton a{
	margin-bottom: 10px;
}
.total-cmd-text{
	text-align: right;
	font-weight: bold;
	margin-right: 15px;
	margin-top: 10px;
}
.liste_ref{
	padding: 5px;
}
.liste_ref a{
	float: right;
}