@charset "utf-8";
/* CSS Document Cocteau Art */
a, a:hover {color: #333;}
body {
background: #FFF;
color: #000;
font: 14px Verdana, sans-serif;
margin: 0 auto;
}
h1 {
height: 1px;
left: 0px;
overflow: hidden;
position: absolute;
top: -9999px;
width: 1px;
}
h1, h2, h3 {
margin: 0 0 7px 0;
padding: 0;
}
h2, h3 {color: #FFF;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4#titreProduit {
color: #FFF;
font-size: 18px;
font-weight: bold;
height: 42px;
}
h5 {font-size: 16px;}
img {border: none;}
body#intro {
background: #000;
margin: 0 auto;
}
body#intro a {color: #FFF;}
body#intro #global {
margin: 0 auto;
width: 990px;
}
#activEdit {
float: left;
margin: 0 0 0 10px;
width: 520px;
}
#activEdit td {
vertical-align: top;
}
.activEditContenu {
font-size: 12px;
margin: 0;
padding: 0 0 10px 10px;
}
#agence {
float: left;
font-size: 0.9em;
margin: 0 0 0 30px;
padding: 5px;
width: 280px;
}
#blocCatFiche {
float: right;
font-size: 12px;
margin: 0 10px 0 0;
width: 550px;
}
	#blocCatFiche p {
	margin: 0 0 10px 0;
	}
#blocCatImg {
float: left;
width: 150px;
}
#blocRechercher {
position: absolute;
right: 5px;
top: 3px;
}
#inputRechercher {
height: auto;
vertical-align: middle;
width: 110px;
}
#inputSubmit {vertical-align: middle;}
#catalogueListe {
border-collapse: collapse;
font-size: 12px;
margin: 0 0 0 50px;
width: 90%;
}
#catalogueListe td {
background: #C3D4DF;
border-bottom: 1px solid #8A99A2;
padding: 5px;
}
#catalogueListe th {
background: #83A8BF;
text-transform: uppercase;
}
#contenu {
margin: 0;
padding: 0;
vertical-align: top;
}
body#pageAccueil #contenu {background: none;}
body#pageAccueil2009 #contenu {
background: #191D21 url(../img/com/accueil-bg.jpg) left top no-repeat;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 10px 0 10px 50px;
}
body#pageAccueil2009 #contenu a {color: #FFF;}
body#pageClient #contenu {background: #A2BCCC;}
body#pageContact #contenu {padding: 30px 10px 0 60px;}

body#page-boutique #contenu {
padding: 0 0 0 50px;
}

body#pageEntreprise #contenu,
body#pageClient #contenu,
body#pageReference #contenu,
body#pageRecrutement #contenu,
body#pageMention #contenu,
body#pagePromo #contenu,
body#pageContact #contenu {
background: #A2BCCC url(../img/com/bg_page.jpg) left top no-repeat;
}
body#pageEntreprise #txt {
background: #A2BCCC url(../img/com/bg_page_entreprise.jpg) right bottom no-repeat;
}
body#pageCat #contenu,
body#page-boutique #contenu {
background: #A2BCCC url(../img/com/catalogue-bg.gif) left top no-repeat;
}
body#PneumatiqueComposants #contenu {
background: #A2BCCC url(../img/com/bg-composant-pneumatique.jpg) left top no-repeat;
}
body#PneumatiqueSystemes #contenu {
background: #A2BCCC url(../img/com/bg-systeme-pneumatique.jpg) left top no-repeat;
}
body#PneumatiqueServices #contenu {
background: #A2BCCC url(../img/com/bg-service-pneumatique.jpg) left top no-repeat;
}

body#HydrauliqueComposants #contenu {
background: #A2BCCC url(../img/com/bg-composant-hydraulique.jpg) left top no-repeat;
}
body#HydrauliqueSystemes #contenu {
background: #A2BCCC url(../img/com/bg-systeme-hydraulique.jpg) left top no-repeat;
}
body#HydrauliqueServices #contenu {
background: #A2BCCC url(../img/com/bg-service-hydraulique.jpg) left top no-repeat;
}

body#ControleprocessComposants #contenu {
background: #A2BCCC url(../img/com/bg-composant-controle.jpg) left top no-repeat;
}
body#ControleprocessSystemes #contenu {
background: #A2BCCC url(../img/com/bg-systeme-controle.jpg) left top no-repeat;
}
body#ControleprocessServices #contenu {
background: #A2BCCC url(../img/com/bg-service-controle.jpg) left top no-repeat;
}

body#AluminiumTransitiqueComposants #contenu {
background: #A2BCCC url(../img/com/bg-composant-aluminium.jpg) left top no-repeat;
}
body#AluminiumTransitiqueSystemes #contenu {
background: #A2BCCC url(../img/com/bg-systeme-aluminium.jpg) left top no-repeat;
}
body#AluminiumTransitiqueServices #contenu {
background: #A2BCCC url(../img/com/bg-service-aluminium.jpg) left top no-repeat;
}

#etape {
background: #6E8AA7;
float: left;
list-style-type: none;
margin: 0;
padding: 10px;
width: 250px;
}

#etape li {
margin: 10px 0;}
#fiche, #catalogue {
color: #000;
margin: 30px 0 0 10px;
padding: 0;
}
#fiche h2,
#fiche h3,
#fiche h4 {margin: 0 0 0 230px;}
#fiche h4 {margin-bottom: 90px;}
#fiche h5 {margin: 5px 0;}

#fichePhoto {width: 260px;}
#fichePhoto p {font-size: 10px;}
#flashDiapo {
margin: 0 auto;
width: 380px;
}
#flashRight {
float: right;
margin: 0 0 10px 10px;
}
#footer {
background: url(../img/com/bg-footer.gif) left top repeat-y;
color: #FFF;
font: normal 12px Arial, Helvetica, sans-serif;
height: 40px;
margin: 0 auto;
width: 952px;
}
#footer a {color: #FFF;}
#footer p {
margin: 0;
padding: 4px 0 0 0;
}
#footer p#adresse {
float: left;
padding-left: 242px;
width: 600px;
}
#footer p#mention {
float: left;
text-align: right;
width: 100px;
}
#gallery img {
float: left;
margin: 10px 5px 10px 0;
width: 130px;
}
#global {
/*border: 1px solid  #666;*/
margin: 0 auto;
position: relative;
width: 952px;
}

#listPromo {
border-collapse: collapse;
margin: 20px auto;
width: 99%;
}
#listPromo td {
background: #77A4BF;
border-bottom: 1px dotted #666;
padding: 5px;
}
	#listPromo td.promoTitre {
	font-weight: bold;
	}
#listPromo th {
background: #597B8F;
border-bottom: 1px dotted #666;
color: #FFF;
font-style: italic;
padding: 5px;
text-align: left;
}
#listPromo th#promoImg {width: 100px;}
#listPromo th#promoLibelle {width: 230px;}
#listPromo th#promoPdf { width: 30px;}
#listPromo th.center {text-align: center;}
#docTelecharger {
background: #657680;
color: #FFF;
padding: 2px 4px;
text-transform: uppercase;
width: 669px;
}

#pageEntreprise h3,
#pagePromo h3,
#pageClient h3 {
background: url(../img/com/puce_sous_titre.gif) left top no-repeat;
color: #1F1F13;
padding: 0 0 0 30px;
}
#header {
height: 123px;
margin: 0;
padding: 0;
}
/* Navig horizontal haut */
#menu1 {
border-bottom: 1px solid  #666;
border-right: 1px solid  #666;
border-top: 1px solid  #666;
height: 28px;
margin: 0 auto;
padding: 0;
width: auto;
}
#menu1 a {text-decoration: none;}
#menu1 li {
/*border: 1px solid #6B778F;*/
float: left;
list-style-position: inside;
list-style-type: none;
margin: 0;
padding: 0;
text-transform: uppercase;
}
#menu1 li.on, #menu1 li a:hover {color: #666;}
#menu1 li a {
display: block;
font-size: 10px;
font-weight: bold;
height: 24px;
padding: 8px 4px 0;
text-align: center;
}
#navA {width: 96px;}
#navB {width: 123px;}
#navC {width: 87px;}
#navD {width: 74px;}
#navE {width: 98px;}
#navF {width: 79px;}

#menu2 {
margin: 30px 0 0 0;
}
/* Navig fiche */
/*#navFiche {
left: 210px;
margin: 0;
padding: 0;
position: absolute;
top: 350px;
width: 200px;
}*/
#navFiche {
float: left;
margin: 2px 0 10px 0;
width: 200px;
}
#navFiche a:hover, #navFiche a.on {
background: #7C5B58 url(../img/com/puce_menu_fiche_hover.gif) right top no-repeat;
}
#navFiche li {
list-style-type: none;
padding: 1px;
}
#navFiche li a {
background: #58667C url(../img/com/puce_menu_fiche.gif) right top no-repeat;
color: #FFF;
display: block;
font-size: 12px;
padding: 4px 10px 4px 6px;
text-decoration: none;
}
#navFiche p {
background: #424D5E;
border: 1px solid #A2BCCC;
color: #FFF;
font-weight: bold;
margin: 0;
padding: 4px 10px 4px 6px;
}
#navFiche ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#preambule {
font-size: 1.2em;
font-weight: bold;
height: 250px;
}
#subMenuHydraulique,
#subMenuPneumatique,
#subMenuControle,
#subMenuAluminium,
#subMenuEvenement {
background: #1B1C20;     
border: none;
font-size: 0.75em;
left: 200px;
position: absolute;
visibility: hidden; 
width: 110px;
z-index: 1;
}
#subMenuHydraulique {
top: 397px;
}
#subMenuPneumatique {
top: 430px;
}
#subMenuControle {
top: 463px;
}
#subMenuAluminium {
top: 496px;
}

#subMenuHydraulique ul,
#subMenuPneumatique ul,
#subMenuControle ul,
#subMenuAluminium ul,
#subMenuEvenement ul {
margin: 0;
padding: 0;
}
#subMenuHydraulique li,
#subMenuPneumatique li,
#subMenuControle li,
#subMenuAluminium li,
#subMenuEvenement li {
border-bottom: 1px solid #FFF;
list-style: none;
margin: 0;
padding: 0;
}

#subMenuHydraulique li a,
#subMenuPneumatique li a,
#subMenuControle li a,
#subMenuAluminium li a,
#subMenuEvenement li a {
color: #FFF;
display: block;
height: 18px;
padding: 4px 0 0 10px;
text-align: left;
text-decoration: none;
}
#subMenuHydraulique li a:hover,
#subMenuPneumatique li a:hover,
#subMenuControle li a:hover,
#subMenuAluminium li a:hover,
#subMenuEvenement li a:hover {
background: #333;
color: #FFF;
height: 18px;
}

#subMenuComposant,
#subMenuSysteme,
#subMenuService {
background: #FFF;     
border: none;
font-size: 0.75em;
position: absolute;
top: 95px;
visibility: hidden; 
width: 160px;
z-index: 1;
}
#subMenuComposant {
left: 292px;
}
#subMenuSysteme {
left: 536px;
}
#subMenuService {
left: 773px;
}
#subMenuComposant ul,
#subMenuSysteme ul,
#subMenuService ul {
margin: 0;
padding: 0;
}
#subMenuComposant li,
#subMenuSysteme li,
#subMenuService li {
border-bottom: 1px solid #333;
list-style: none;
margin: 0;
padding: 0;
}

#subMenuComposant li a,
#subMenuSysteme li a,
#subMenuService li a {
color: #1B1C20;
display: block;
height: 18px;
padding: 4px 0 0 13px;
text-align: left;
text-decoration: none;
}
#subMenuComposant li a:hover,
#subMenuSysteme li a:hover,
#subMenuService li a:hover {
background: #333;
color: #FFF;
height: 18px;
}
#retourListe {
font-size: 11px;
margin: 0;
padding: 0;
}
#txt {
color: #000;
font-size: 0.9em;
margin: 30px 10px 0 60px;
padding: 0;
}
/**/

#navCatalogue, #navCatalogue ul { /* all lists */
	font-size: 11px;
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 16em;
	}
#navCatalogue {
margin: 0 0 10px 0;
}	
	#navCatalogue li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;/*1.25em*/
		margin-bottom : 0;/*-1px*/
		width: 18em;
	}
	
	#navCatalogue li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 18.15em;/*16.05em;*/
		margin-top : -2.5em;/* -1.35em*/
	}
	
	#navCatalogue li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#navCatalogue li a {
		width: 18em;
		w\idth: 17em;
		display: block;
		color: #FFF;
		text-decoration: none;
		background-color: #1B1C20;
		border: 1px solid #1B1C20;
		border-bottom: 1px solid #FFF;
		padding: 0.5em/*0 0.5em*/;
	}
	
	#navCatalogue li a:hover {
		background-color : #333;
		color : #FFF;
	}
	
	#navCatalogue li:hover ul ul, #navCatalogue li:hover ul ul ul, #navCatalogue li.sfhover ul ul, #navCatalogue li.sfhover ul ul ul {
		left: -999em;
	}
	
	#navCatalogue li:hover ul, #navCatalogue li li:hover ul, #navCatalogue li li li:hover ul, #navCatalogue li.sfhover ul, #navCatalogue li li.sfhover ul, #navCatalogue li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}

a#b-catalogue {
background: #FFF url(../img/fr/btn_catalogue.gif) left top no-repeat;
border: none;
display: block;
height: 33px;
margin: 15px 0 0 0;
padding: 0;
text-indent: -999999px;
width: 200px;
}
a#b-catalogue:hover {background: #FFF url(../img/fr/btn_catalogue.gif) left -33px no-repeat;}
/********************/
#prodRef {
border-collapse: collapse;
font-size:11px;
margin: 1em auto;
width: 98%;
}
#prodRef th {
background: #6D8C9F;
color: #1D2429;
}
#prodRef td {
background: #83A8BF;
border-bottom: 1px solid #666;
padding: 3px;
text-align: center;
}
.prodRefQte input {width: 30px;}
.prodRefBtn input {font-size: 11px;}
/*******   page Recrutement         *********/
/********************************************/

#RecrutList {
border-collapse: collapse;
margin: 20px auto;
width: 80%;
}
#RecrutList td {
background: #77A4BF;
border-bottom: 1px dotted #666;
padding: 5px;
}
#RecrutList th {
background: #597B8F;
border-bottom: 1px dotted #666;
color: #FFF;
font-style: italic;
padding: 5px;
text-align: left;
width: 10em;
}
#RecrutList tr.lineP td, #RecrutList tr.lineP th {
background: #EFFAFF;
}
#RecrutList th.center {text-align: center;}
#RecrutList thead th {
border-bottom: 2px solid #A8C3CF;
border-top: 2px solid #A8C3CF;
}
#RecrutList tr {background: #FFF;}
/*           Les Classes              */
/**************************************/
.bloc {
float: left;
padding: 0 20px 0 0;
width: 300px;
}
.bold {font-weight: bold;}
.blocAccueil {
float: left;
font-size: 12px;
margin: 0 10px 0 0;
padding: 45px 0 0 0;
width: 161px;
}
	.blocAccueil h2, body#pageAccueil2009 #contenu h2 {
	border-bottom: 1px solid #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	width: 161px;
	}
	.blocAccueil ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	.blocAccueil#blocAccueilHydrau { background: url(../img/com/accueil-hydraulique.jpg) left top no-repeat;}
	.blocAccueil#blocAccueilPneu { background: url(../img/com/accueil-pneumatique.jpg) left top no-repeat;}
	.blocAccueil#blocAccueilCtrl { background: url(../img/com/accueil-control.jpg) left top no-repeat;}
	.blocAccueil#blocAccueilAlu { background: url(../img/com/accueil-alu.jpg) left top no-repeat;}
.center {text-align: center;}
.date {
color:#A3C04B;
font-weight:bold;
}
.docName {
background: transparent url(../img/com/picto-pdf.gif) left top no-repeat;
min-height: 19px;
padding: 0 0 7px 24px;
}
.floatLeft {float: left;}
.floatRight {float: right;}
.infolegal {font-size: 0.8em;}
.italic {font-style: italic;}
.right { text-align: right;}
.separateur {
clear: both;
visibility: hidden;
}
/*      Les Classes Active Edit       */
/**************************************/

.h3 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
.p {
	font-size: 12px;
}
/********** Formulaire de Contact **********/
/*******************************************/
#formContact {
float: left;
font-size: 0.9em;
padding: 0;
width: 440px;
}
#formContact em {color: #F00;}
#formContact fieldset {
	background-color: #83A8BF;
	border-bottom: 2px solid #6E8AA7;
	border-left: none;
	border-right: none;
	border-top: 2px solid #6E8AA7;
	display: block;
	margin: 0 auto 10px auto;
	padding: 0.1em;
	width: 95%;
}
#formContact label {
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	font-weight: bold;
	line-height: 1.8;
	margin: 0;
	padding: 0 0.5em 0 0;
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	width: 30%;	/*** Les intitules prennent n% de la largeur totale du formulaire... ***/
}
#formContact label.radio {
float: left;
width: auto;
}
#formContact input#nom,
#formContact input#prenom,
#formContact input#societe,
#formContact input#telephone,
#formContact input#mail,
#formContact input#adressel1,
#formContact input#adressel2,
#formContact input#cp,
#formContact input#ville,
#formContact input#secteuractivite,
#formContact input#pays,
#formContact input#cv {
width: 60%;
}
#formContact legend {
	color: #333;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
}
#formContact textarea {
margin: 0.2em;
width: 60%;
}
#formContact p {margin: 5px 0;}
#formContactAgence {
background: #6E8AA7;
float: left;
font-size: 0.9em;
margin: 26px 0 0 10px;
padding: 5px;
width: 215px;
}
#formContactAgence p {margin: 0 0 10px 0;}
#formContactAgence p.nomAgence, .nomAgence {
font-weight: bold;
margin: 0 0 3px 0;
}
/*  Page Liens partenaires      */
/********************************/
#pageLien #contenu {
height: 400px;
}
html>body#pageLien #contenu {
height: auto;
min-height: 400px;
}
ul#mention {
font-size: 1em;
list-style-type: none;
margin: 20px 0 0 20px;
padding: 0;
}
ul#mention li {
margin: 10px 0;
}
#mention strong {
color: #FFF;}
/******** Retour formulaire ************/
/***************************************/
#msgRetourForm {
margin: 10% 0 0 10%;
}
#msgRetourForm p {
margin: 0;
padding: 0;
}
#catalogue h2 {
margin: 0 0 0 50px;
text-transform: uppercase;
}
/* Nav accordeon http://www.leigeber.com/2009/03/accordion/ */
.menuCatFam {
background: #547192;
float: left;
margin: 0 10px 10px 0;
padding: 0;
width: 160px;
}
#menuCatalogue {margin: 0 0 0 50px;}
#menuCatalogue h3 {
font-size: 12px;
font-weight: normal;
text-align: center;
}
#menuCatalogue h4,
#menuCatalogue h5 {
font-size: 11px;
font-weight: normal;
}
#menuCatalogue h3,
#menuCatalogue h4,
#menuCatalogue h5 {
margin: 0;
}
.acc {
background: #547192 url(../img/com/nav-bg.gif) bottom right no-repeat;
width: 160px;
list-style-type: none; 
color: #484749; 
margin: 0 auto 10px auto; 
padding: 5px 0 5px 0;
}
	.acc .acc {
	background-color: #91AEC4;
	background-image: none;
	margin: 0 auto;
	width: auto;
	}
	
	.acc a {text-decoration: none;}
	.acc a:link {color: #000;}
	.acc a:visited {color: #000;}
	.acc a:focus {color: #900;}
	.acc a:hover {color: #900;}
	.acc a:active {color: #333;}

	.acc ul, .acc ul ul {
	background: orange;
	padding: 0;}
	.acc ul li { background: #91AEC4;}
	.acc ul li li { background: #B9CBD9;}
	
	.acc h4, .acc h5 {
	background: transparent;
	color: #000;
	margin: 5px 5px 10px 5px;
	padding: 3px 0 3px 3px;
	cursor: pointer;
	}
	.acc h4 { background: #7FA1BB; border-bottom: 1px solid #547192;}
	.acc h5 {border-bottom: 1px dotted #547192;}
	.acc h4.line {margin-bottom: 0;}
	.acc h4:hover {background: #7FA1BB; color: #900;}
	.acc .acc h4, #acc .acc h4:hover {background: none;}
	
	.acc h5:hover {color: #900;}
	
	.acc .acc-section {overflow: hidden;}
	.acc .acc-content {padding: 0;}
		.acc .acc-content ul {list-style-type: none;}
	.acc li li h4 {padding: 0;}
	.acc li li li {
	list-style-type: none;
	margin: 0;
	padding: 3px 0 3px 6px;
	
	}
		.acc li li li a {
		font-size: 11px;
		padding: 0;
		text-decoration: underline;
		}
		.acc li li li h4 {font-weight: normal;}
	.acc ul ul ul {padding: 0;}
	.acc .acc-content .acc .acc-content {background: red;}
	.acc .acc-content .acc .acc-content .acc .acc-content {padding: 0;}
	.acc h5.acc-selected {background: #8DA544;}
/* Boutique
--------------------------------------------------------*/
#contenuBoutique {
margin: 0 auto;
width: 98%;
}
#page-boutique h2 {
font-size: 18px;
margin: 0 0 0 50px;
text-transform: uppercase;
margin: 30px 0 0 10px;
}
#detailPanier {
border-collapse: collapse;
font-size: 12px;
margin: 1em auto;
width: 100%;
}
#adresseFacturation,
#adresseLivraison,
#customerLogin {
margin: 1em 0;
width: 98%;
}
#adresseFacturation th,
#adresseLivraison th,
#customerLogin th,
#detailPanier th,
#detailPanier .info {
background: #657680;
color: #FFF;
font-size: 12px;
padding: 2px 4px;
text-align: left;
}
#adresseFacturation th,
#adresseLivraison th {
width: 30%;
}
#adresseFacturation th.typeAdresse,
#adresseLivraison th.typeAdresse,
#customerLogin th.typeAdresse {
background: #4C636F;
color: #FFF;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
}
#detailPanier td {
background: #9BAFBF;
padding: 2px 4px;
}
.choixPaiement {float: left; margin: -5px 15px 0 0;}
.quantite {width: 30px;}

#designation {width: 40%;}
#prix {width: 15%;}

#identityLoginForm {
border-collapse: separate;
margin: 1em 0;
width: 98%;
}
#identityLoginForm h4 {
color: #FFF;
font-size: 1.2em;
margin: 0 0 1em 0;
text-transform: uppercase;
}
#identityLoginForm td {
background: #9BAFBF;
padding: 10px;
vertical-align: top;
width: 40%;
}
/* menu boutique */
#menuBoutique {
margin: 0;
padding: 0;
}
#menuEtape {
background: red;
margin: 1em auto;
padding: 0;
width: 98%;
}
#menuEtape li {
border: none;
float: left;
height: 18px;
list-style-type: none;
margin: 0 3px 5px 0;
padding: 10px 0;
}
	#menuEtape a {
	color: #FFF;
	display: block;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	}
#navEtape-1 { background: #657680 url(../boutique/img/com/bg-etape-1.gif) right top no-repeat; width: 250px;}
#navEtape-2 { background: #657680 url(../boutique/img/com/bg-etape-2.gif) right top no-repeat; width: 145px;}
#navEtape-3 { background: #657680 url(../boutique/img/com/bg-etape-3.gif) right top no-repeat; width: 135px;}
#navEtape-4	{ background: #657680 url(../boutique/img/com/bg-etape-4.gif) right top no-repeat; width: 130px;}

#navEtape-1-hover { background: #77919F url(../boutique/img/com/bg-etape-1.gif) right top no-repeat; width: 250px;}
#navEtape-2-hover { background: #77919F url(../boutique/img/com/bg-etape-2.gif) right top no-repeat; width: 145px;}
#navEtape-3-hover { background: #77919F url(../boutique/img/com/bg-etape-3.gif) right top no-repeat; width: 135px;}
#navEtape-4-hover { background: #77919F url(../boutique/img/com/bg-etape-4.gif) right top no-repeat; width: 130px;}

.resultat {

}
/* Affichage des resultats
-------------------------------*/
.resultat {
border-top: 1px solid #597B8F;
margin: 0 0 0 50px;
padding: 2px 0;
}
#resultatMsg {
font-size: 1.4em;
font-weight: bold;
}
.resultatImg {
background: #FFF;
float: left;
position: relative;
text-align: center;
width: 100px;
}
.b-zoom {
bottom: 0;
left: 0;
position: absolute;
}
	.resultat:hover {background: #83A8BF;}
.resultatDesc {
cursor: pointer;
float: left;
margin: 0 0 0 5px;
width: 530px;
}
.resultatDesc h3 {
color: #00348A;
float: left;
font-size: 12px;
padding: 0 0 0 0;
width: 370px;
}
.resultatDescHead {
border-bottom: 1px dotted #597B8F;
border-collapse: collapse;
margin: 0 0 10px 0;
width: 525px;
}
	.resultatDescHead td {vertical-align: bottom;}
.resultatDescLogo {
text-align: right;
}
	.resultatDescLogo td { vertical-align: bottom;}
	.resultatDescLogo td img { margin: 3px 0 0 0;}
.resultatDescGauche {
float: left;
padding: 0;
width: 415px;
}
	.resultatDescGauche p {margin: 0 0 10px 0;}
.resultatDescDroite {
float: right;
width: 100px;
}
	#contenuBody .resultatDescDroite p {margin-bottom: 5px;}
.desc01 {
text-transform: uppercase;
}

h5 span.txtFabricant {
	font-weight:normal;
	font-size:12px;
}