@charset "UTF-8";



div.chemin_fer {
	margin: 5px 0px 20px 8px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

div.chemin_fer span,
div.chemin_fer a {
	color: black;
}

div.chemin_fer span.selectionne {
	color: rgb(209, 17, 28);
}

h1 {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
	background: url("../../images/client/titre_centre_basique_2.jpg") repeat-x;
	height: 23px;
	padding: 4px 0px 0px 8px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

h1.produit {
	font-family: Verdana, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: black;
	background: none;
	height: auto;
	padding-left: 8px;
	text-transform: none;
	letter-spacing: 1px;
	margin-bottom: 0px;
}

table {
	width: 100%;
}

/**
 * caption
 */
table caption {
	text-align: left;
	margin-left: 8px;
	padding-bottom: 20px;
}

table caption span {
	color: black;
	font-weight: bold;
}

table caption strong {
	color: rgb(209, 17, 28);
	text-transform: uppercase;
	font-weight: normal;
}

/**
 * thead
 */
table thead tr {
	height: 22px;
	background: url("../../images/client/fond_a.jpg") repeat-x;
}

table thead tr th.titre {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
	color: rgb(209, 17, 28);
}

table thead tr th.vignette {
	width: 120px;
}

table thead tr th.action {
	width: 80px;
}

/**
 * tfoot
 */
table tfoot tr {
	height: 22px;
	background: url("../../images/client/fond_a.jpg") repeat-x;
}

table tfoot tr td {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: rgb(209, 17, 28);
}

table tfoot tr td span.gauche {
	float: left;
	margin-left: 8px;
	margin-top: 3px;
}

*:first-child+html table tfoot tr td span.gauche {
	margin-top: 5px;
}

table tfoot tr td span.gauche a {
	font-weight: bold;
	color: black;
	margin-right: 8px;
}

table tfoot tr td span.gauche span {
	font-weight: bold;
	color: rgb(209, 17, 28);
	margin-right: 8px;
}

table tfoot tr td span.gauche span.cliquable {
	font-weight: bold;
	color: black;
	margin-right: 8px;
	text-decoration: underline;
	cursor: pointer;
}

table tfoot tr td span.gauche span.non_cliquable {
	font-weight: bold;
	color: rgb(209, 17, 28);
	margin-right: 8px;
}

table tfoot tr td span.droite {
	float: right;
	margin-right: 8px;
	margin-top: 1px;
	vertical-align: middle;
	color: black;
	font-weight: bold;
}

table tfoot tr td span.droite option {
	height: 14px;
	font-size: 11px;
}

table tfoot tr td span.droite select {
	height: 17px;
	font-size: 11px;
}

/**
 * tbody
 */
table tbody tr {
	height: 110px;
	border-bottom: 1px dotted rgb(105, 105, 105);
}

.rubrique table tbody tr {
border-bottom : 0px;

}

table tbody tr td {
}

table tbody tr td.vignette {
	text-align: center;
}

table tbody tr td.contenu {
	vertical-align: top;
}

table tbody tr td.contenu h2,
table tbody tr td.contenu h2 a {
	margin-top: 8px;
	margin-bottom: 5px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	color: black;
}

table tbody tr td.contenu p {
	margin-bottom: 5px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

table tbody tr td.action {
	text-align: center;
}

table tbody tr td.action a {
	color: rgb(209, 17, 28);
	font-weight: bold;
}

table tbody tr td.action span.prix {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: black;
}

table tbody tr td.action span.prix strong {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: rgb(209, 17, 28);
}

table tbody tr td.action a.savoir_plus {
	margin-top: 5px;
	display: block;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: rgb(209, 17, 28);
}

span.ref {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: rgb(114, 110, 110);
	background: none;
	height: 23px;
	padding: 4px 0px 0px 8px;
	text-transform: none;
	letter-spacing: 1px;
	margin-bottom: 10px;
	display: block;
}

div.details_produit {
	width: 540px;
}

div.conteneur_visuel {
	width: 237px;
	min-height: 100px;
	margin-left: 8px;
	float: left;
}

div.conteneur_visuel div.onglets {
	height: 16px;
	margin-bottom: 6px;
}

div.conteneur_visuel div.onglets div.onglet {
	border-bottom: 1px solid white;
	float: left;
	height: 16px;
	margin: 0px 5px 0px 0px;
	cursor: pointer;
}

div.conteneur_visuel div.onglets div.non_selectionne {
	border-bottom: 1px solid #D4D4D4;
}

div.conteneur_visuel div.onglets div#onglet_photos {
	width: 87px;
	height: 22px;
	background: url("../../images/client/onglet_photos.jpg");
}

div.conteneur_visuel div.onglets div#onglet_infos {
	width: 87px;
	height: 22px;
	background: url("../../images/client/onglet_infos.jpg");
}

div.conteneur_visuel div.contenu {
	width: 225px;
	min-height: 100px;
	border-top: 1px solid rgb(212, 212, 212);
	border-left: 1px solid rgb(212, 212, 212);
	border-right: 1px solid rgb(212, 212, 212);
	padding: 5px;
}

div.conteneur_visuel div.contenu div.visualisation {
/*	max-width: 200px;
	max-height: 400px;
	min-height: 100px;*/
	width: 100%;
	text-align: center;
}

div.conteneur_visuel div.contenu div.visualisation img.redimensionne {
	max-width: 225px;
	max-height: 400px;
	text-align: center;
	cursor: pointer;
}

* html div.conteneur_visuel div.contenu div.visualisation img.redimensionne {
	width: expression((this.offsetWidth>=this.offsetHeight) ? Math.min(parseInt(this.offsetWidth), 225 ) : true);
	height: expression((this.offsetHeight>this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 400 ) : true);
}

div.conteneur_visuel div.contenu img.bouton_miniature {
	width: 50px;
	height: 45px;
	border: 1px solid rgb(209, 17, 28);
	margin: 3px 2px 0px 2px;
	cursor: pointer;
}

div.conteneur_visuel div.contenu ul {
	list-style: url("../../images/client/rond_rouge.jpg");
	padding: 0px 0px 0px 30px;
}

div.conteneur_visuel div.contenu ul li {
	font-weight: bold;
	color: rgb(209, 17, 28);
	margin: 10px 0px;
}

div.conteneur_visuel div.contenu ul li ul {
	padding: 0px 0px 0px 30px;
}

div.conteneur_visuel div.contenu ul li ul li {
	font-weight: normal;
	color: black;
	margin: 5px 0px;
}

div.conteneur_visuel div.contenu ul li ul li.videos {
	list-style: url("../../images/client/video.jpg");
}

div.conteneur_visuel div.contenu ul li ul li.fichiers {
	list-style: url("../../images/client/fichier.jpg");
}

div.conteneur_visuel div.contenu ul li ul li.sons {
	list-style: url("../../images/client/son.jpg");
}

div.conteneur_visuel div.contenu ul li ul li.videos a ,
div.conteneur_visuel div.contenu ul li ul li.fichiers a {
	color: #22428A;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

div.conteneur_visuel div.contenu ul li ul li.sons a {
	color: #22428A;
	text-decoration: none;
	cursor: pointer;
}

div.details {
	float: right;
	width: 280px;
	margin-right: 8px;
}

* html div.details {
	width: 280px;
	margin-right: 0px;
}

div.details div.prix {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
}

div.details div.prix span.actuel {
	font-size: 20px;
	font-weight: normal;
	color: rgb(209, 17, 28);
}

div.details div.prix span.origine {
	font-size: 14px;
	font-weight: normal;
	text-decoration: line-through;
	color: rgb(156, 155, 155);
	margin-left: 47px;
	display: block;
}

div.details div.etat_stock {
	margin-top: 8px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
}

div.details div.etat_stock span {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color: black;
}

div.details p {
	margin-top: 10px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	color: rgb(109, 109, 109);
	/*text-align: justify;*/
}

div.details span.ajouter_au_panier {
	width: 100%;
	text-align: right;
	display: block;
	padding: 20px 0px 15px 0px;
}

div.details span.ajouter_au_panier img {
	cursor: pointer;
}

div.conteneur_visuel div.pied_visuel {
	height: 26px;
	width: 100%;
}

div.conteneur_visuel div.pied_visuel div.gauche {
	float: left;
	height: 26px;
	width: 6px;
	background: url("../../images/client/fond_visuel_gauche.jpg");
}

div.conteneur_visuel div.pied_visuel div.centre {
	float: left;
	height: 26px;
	width: 225px;
	background: url("../../images/client/fond_visuel_centre.jpg") repeat-x;
}

div.conteneur_visuel div.pied_visuel div.droit {
	float: right;
	height: 26px;
	width: 6px;
	background: url("../../images/client/fond_visuel_droit.jpg");
}

div#container div.produits_complementaires {
	clear: both;
	padding: 0px 8px 10px 8px;
}

div#container div.produits_complementaires div.onglet {
	padding-top: 20px;
	height: 22px;
}

div#container div.produits_complementaires div.onglet div.gauche {
	float: left;
	width: 7px;
	height: 22px;
	background: url("../../images/client/onglet_gauche_complement.jpg");
}

div#container div.produits_complementaires div.onglet div.centre {
	float: left;
	height: 22px;
	background: url("../../images/client/onglet_centre_complement.jpg") repeat-x;
	padding: 4px 10px;
	color: white;
	font-weight: bold;
	font-size: 11px;
}

div#container div.produits_complementaires div.onglet div.droit {
	float: left;
	width: 7px;
	height: 22px;
	background: url("../../images/client/onglet_droit_complement.jpg");
}

div#container div.produits_complementaires div.contenu {
	border: 1px solid rgb(172, 196, 216);
}

div#container div.produits_complementaires div.contenu div.en_tete {
	height: 5px;
	margin: 0px;
	padding: 0px;
}

div#container div.produits_complementaires div.contenu div.coin_nord_est {
	float: right;
	width: 5px;
	height: 5px;
	background: url("../../images/client/association_ne.jpg");
	margin: -1px -1px 0px 0px;
}

div#container div.produits_complementaires div.contenu div.coin_sud_ouest {
	clear: left;
	float: left;
	width: 5px;
	height: 5px;
	background: url("../../images/client/association_so.jpg");
	margin: -4px 0px 0px -1px;
}

div#container div.produits_complementaires div.contenu div.coin_sud_est {
	float: right;
	width: 5px;
	height: 5px;
	background: url("../../images/client/association_se.jpg");
	margin: -4px -1px 0px 0px;
}

div#container div.produits_complementaires div.contenu div.centre {
	padding: 5px;
	text-align: left;
}


div#container div.produits_complementaires div.contenu div.centre table tbody tr {
	height: 100px;
	border: none;
}

div#container div.produits_complementaires div.contenu div.centre table tbody tr td.vignette {
	width: 120px;
	vertical-align: middle;
}

div#container div.produits_complementaires div.contenu div.centre table tbody tr td.contenu {
	width: 200px;
	vertical-align: middle;
}

div#container div.produits_complementaires div.contenu div.centre table tbody tr td.prix {
	width: 80px;
	color: rgb(209, 17, 28);
	vertical-align: middle;
}

div#container div.produits_complementaires div.contenu div.centre table tbody tr td.action {
	width: 80px;
	vertical-align: middle;
}

div#etiquettes {
	clear: both;
}

body#popup {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

div.description {
}

div.description div.gauche {
	float: left;
	width: 100px;
}

div.description div.droite {
	float: right;
	width: 425px;
}

div.espace20px {
	clear: both;
	display: block;
	height: 20px;
}

div#bouton_demande_devis {
	width: 100%;
	height: 22px;
	text-align: right;
	padding: 0px 0px 20px 0px;
}

div#reseaux{
	width: 100%;
	text-align: right;
}