@charset "utf-8";
/* CSS www.samo.fr */

.txtRougeGras {color:red; font-weight:bold;}

/* Elements de base */
a {
font-weight: bold;
}
a:link {
color: #255C58;
}
a:visited {
color: #255C58;
}
a:hover {
color: #333;
}
a:active {
color: #FC9713;
}


a.refLien:link, a.refLien:visited {
	color: #EEEEEE;
	font-weight : normal;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
}
a.refLien:hover, a.refLien:active {
	color: #EEEEEE;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
}
.refTiret {
	font-size: 9px;
	color: #EEEEEE;
}

body {
background: white;
color: #000;
font: normal normal 1em Arial, sans-serif;
margin: 0 auto;
padding: 0;
text-align: center;
}
h1, h2, h3, h4 {
text-indent: -5000px;
margin: 0;
line-height: 0px;
}
h5 {
font-size: 0.9em;
}
img {
border: 0;
}
li {
font-size: 0.9em;
list-style: square;
}
object {
margin: 0;
padding: 0;
}
p {
font-size: 0.9em;
}
/* Conteneur principal, englobe tout le contenu */
#global {
  background: white;
	border: 1px solid silver;
	width: 973px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
}

/* En tete contenant le bandeau avec logo et le menu principal */
#header {
background-color: #6AC3BC;
}
table#header {
border-collapse: collapse;
width: 973px;
}
table#header td img {
display: block;
}
/* Pied de page */
#footer {
background: #FFF url(../images/com/bg_footer.png) left top repeat-x;
color: #333;
font: normal normal 0.6em Verdana, sans-serif;
margin: 0 auto;
padding: 0.5em;
text-align: left;
}
html>body #footer {
background: #FFF url(../images/com/bg_footer.png) left top repeat-x;
color: #333;
font: normal normal 0.6em Verdana, sans-serif;
min-height: 60px;
margin: 0 auto;
padding: 0.5em;
text-align: left;
}

/* Reglages Pied de page */
#footer a {
color: #333;
font-weight: normal;
}
#footer p.mention {
float: left;
margin-top: 0;
width: 100px;
}
#footer p.adresse {
float: left;
margin: 0 0 0 10px;
}
#footer p.w3line {
float: right;
margin: 0 0 0 10px;
}
/* Les classes */

.bold {				 	 /* Pour transformer le texte en gras  */
font-weight: bold;
}
.center { /* Pour centrer dans la cellule */
text-align: center;
}
.clause {
font-size: 0.8em;
margin: 0.1em 1em 1em 1em;
text-align: center;
}
.colore {
color:#FC9713;
}
.dateSalon {
background-color: #ABC5CD;
color: #333;
font: normal italic 1em Geneva, Arial, Helvetica, sans-serif;
}
.droite {
float: right;
}
.gauche {
float: left;
}
.gaucheClearBoth {
clear: both;
float: left;
margin: 0 2em 1em 0;
}
.gaucheImg {
float: left;
margin: 0.2em 0.5em;
}
.infoForm {
color: #333;
}
.margeGauche {
margin-left: 120px;
}
.separation {
clear: both;
}
.separateur {
clear: both;
height: 1px;
margin: 0;
padding: 0;
visibility: hidden;
}
.titrePage {
margin-top: 0.5em;
}
.titreSalon {
color: #fff;
text-transform: uppercase;
}
.uc {	/* Pour transformer le texte en CAPITALE  */
text-transform: uppercase;
}
/* Tableau pour contenir les colonnes principales */
table#contenu, table#contenuHead, table#page {
	background-color: white;
	border-collapse: collapse;
	margin: 0;
	width: 973px;
}
table#contenuHead {
	background-color: white;
	border-collapse: collapse;
	margin: 4px 0;
	padding: 0;
	width: 973px;
}
table#contenuHead td {
height: 19px;
margin: 0;
padding: 0 0.2em;
}
table#contenuHead td form, table#contenuHead td p {
margin: 0;
padding: 0;
}

table#contenu h5.reconstruction {
background-color: #C2D2D1;
border-bottom: 1px solid #255C58;
margin: 0 0 0.5em 0;
padding: 0 0 0 0.5em; 
}
table#contenu td {
	padding: 0 0.2em;
	vertical-align: top;
}


table#contenu td p {
font-size: 0.9em;
margin: 0 0.2em 0.5em 0.2em;
}

/* Tableau pour les pages autres que celles de la rubrique 'Stock' */

table#page p, table#page h5 {
margin: 0.5em 2em;
}

table#page h5 {
font-size: 1em;
}
table#page ul li {
margin-left: 2em;
}

/* Tableau pour la page 'Pieces detachees' */

table#piece { 
margin: 0 auto;
width: 80%;
}
table#piece td {
text-align: center;
width: 25%;
}
table#piece tr td.titre { /* Pour la marque des pieces */
border-bottom: 2px solid #C2D2D1;
font-weight: bold;
height: 30px;
text-align: left;
vertical-align: bottom;
}
table#piece img, table#listeReconstruction img { /* Pour creer une bordure autour de l'image */
border: 1px solid #255C58;
}
/* Tableau pour la liste des machines en stock */
table#listeMachine {
	background-color: #C2D2D1;
	border: 1px solid #255C58; 
	border-collapse: collapse;
	color: #255C58;
	margin: 0;
	padding: 0;
	width: 771px;
}
table#listeMachine tr {
background-color: transparent;
margin: 0;
padding: 0;
}
table#listeMachine th {
background-color: #5D8680;
border: 1px solid white;
color: white;
font-weight: bold;
font-size: 0.8em;
padding: 0.1em 0.2em;
text-align: left;
}
table#listeMachine td {
	background-color: transparent;
	border: 1px solid white;
	font-size: 0.8em;
	padding: 0.1em 0.3em;
	vertical-align: middle;
	width: 25%;
}
table#listeMachine thead tr td {
background: #255C58 url(../images/com/bg_head_liste_stock.gif) left top repeat-x;
}
table#listeMachine tr.color, table#listeMachine tr.color td { /* Pour colorer la deuxime ligne du tableau */
background-color: #D2DEDE;
}
table#listeMachine thead tr td span.tDroite { /* Pour placer la date de mise a jour du stock */
color: white;
float: right;
margin-top: 7px;
}
table#listeMachine td.center { /* Pour centrer dans la cellule */
text-align: center;
}
table#listeMachine td.chemin {
font-size: 1em;
}
table#listeMachine td.bold { /* Transforme le texte des colonnes 'N stock', 'Marque' et 'Modèle' en CAPITALE */
text-transform: uppercase;
}
table#listeMachine td.cpc { 		/* Pour elargir a 100% la colonne de droite de la fiche machine */
width: 100%;
vertical-align: top;
}
table#listeMachine p.p1 {
color: #333;
padding: 0.5em;
text-align: justify;
}
table#listeMachine button { /* Bouton 'fiche detaillee' et 'demande de tarif' */
font-weight: bold;
margin: 2px 0;
width: 11em;
}
table#listeMachine a button {
text-decoration: none;
}
.fiche {			/* Couleur du texte sur le bouton */
color: #255C58;
}
.tarif {			 /* Couleur du texte sur le bouton */
color: #ff6600;
}

/* Liste pour la fiche 'Reconstruction' */
table#listeReconstruction {
background-color: #C2D2D1;
border-collapse: separate;
}
table#listeReconstruction td {
background-color: #D2DEDE;
border-bottom: 1px solid #255C58;
}
table#listeReconstruction td p {
border-left: 2px solid #255C58;
margin-left: 380px;
padding: 0.2em;
}
/* Liste en tete dans la colonne droite de la fiche machine */

ul#detail {
background: transparent;
border: 1px solid #255C58;
margin: 0.5em 0; 
padding: 0;
text-align: left; 
width: auto; 
}
ul#detail li {
display: block; 
list-style: none; 
padding: 0.25em 0 0.25em 0.5em;
}
ul#detail li.head {
background: #255C58;
color: white;
font-weight: bold;
}
ul#detail li.border { /* Pour la liste 'Marque' et 'Type d'usinage' dans la page 'Reconstruction' */
border: 1px solid #255C58;
display: block; 
list-style: none; 
padding: 0.25em 0 0.25em 0.5em;
}
/* Tableau 'Machines similaires' dans la colonne de droite de la fiche machine */
table#autreMachine {
border: 1px solid #255C58; 
border-collapse: collapse;
}
table#autreMachine caption {
font-weight: bold;
margin-bottom: 0.5em;
text-align: left;
}
table#autreMachine td, table#autreMachine th {
border: 1px solid #255C58;
}
table#autreMachine th {
background-color: #255C58;
font-size: 0.9em;
}
/* Tableau des liens de la page 'sites partenaires' */

table#sitePartenaire {
background-color: #255C58;
border: 1px solid #255C58; 
border-collapse: collapse;
margin: 0.1em 1em;
width: 95%;
}
table#sitePartenaire td {
background-color: #D2DEDE;
}
table#sitePartenaire th {
background-color: #C2D2D1;
color: #255C58;
}
table#sitePartenaire tr {
background-color: #D2DEDE;
}
table#sitePartenaire th, table#sitePartenaire td {
border: 1px solid #255C58;
text-align: center;
}

/* Tableau de mise en forme des formulaires de contact */

table#pageForm h5 {
background: #D2DEDE url(../images/com/puce.gif) left no-repeat;
color: #255C58;
margin: 0 0 0 0;
padding: 0 0.5em 0 1.5em;
}

/* Les colonnes principales */

#blocGauche { 						/* Colonne de gauche */
background-color: white;
padding: 0;
width: 180px;
}
#blocForm { 						/* Colonne de gauche */
background-color: white;
padding: 0;
width: 50%;
}

 		/* Pour la colonne du centre dans la page d'accueil, voir 'Navigation stock' plus bas */

#blocDroite { 						/* Colonne de droite */
background-color: white;
color: #255C58;
margin: 0;
padding: 0.5em;
text-align: left;
width: auto;
}

#flags{text-align: right;}
#flashAccueil {
margin: 5px auto;
width:490px;
}
/* Reglages internes des colonnes principales */

#blocGauche p {
font-size: 0.8em;
margin: 0.1em;
}
html body #global table#contenu td p#txtAccueil {
font-size: 16px;
text-align: justify;
}
#blocDroite p {
margin: 0 0 1em 1em;
}
strong acronym {
color: #FC9713;
}
#maj {
font-size: 13px;
text-align: right;
}
#maj strong {
color: #FC9713;
}
#blocDroite strong a, #blocInfo strong a {
color: #FC9713;
}

/* Les sous conteneurs */

#offre {									/* Conteneur global et entete de la section 'Offre du mois' */
background: white url(../images/fr/head_offre.gif) left top no-repeat;
padding-top: 26px;
width: 256px;
}
#offreGB {									/* GB - Conteneur global et entete de la section 'Offre du mois' */
background: white url(../images/gb/head_offre.gif) left top no-repeat;
padding-top: 26px;
width: 256px;
}
#offreSP {									/* SP - Conteneur global et entete de la section 'Offre du mois' */
background: white url(../images/sp/head_offre.gif) left top no-repeat;
padding-top: 26px;
width: 256px;
}
#offreDE {									/* DE - Conteneur global et entete de la section 'Offre du mois' */
background: white url(../images/de/head_offre.gif) left top no-repeat;
padding-top: 26px;
width: 256px;
}
#blocOffre { 						/* Bords et pied de la section 'Offre du mois' */
background: transparent url(../images/com/foot_offre.gif) left bottom no-repeat;
border: 1px solid #C3E7E4;
padding-bottom: 26px;
}
#blocOffre h5, #blocOffre h5 a:link, #blocOffre h5 a:visited {				/* Titre pour le nom de la machine */
color: #FC9713;
margin: 0;
}
#salon {									/* Conteneur global et entete de la section 'Salons' */
background: white url(../images/fr/head_salon2.gif) left top no-repeat;
font-size: 12px;
padding-top: 19px;
width: 177px;
}
#salonGB {									/* GB - Conteneur global et entete de la section 'Salons' */
background: white url(../images/gb/head_salon.gif) left top no-repeat;
padding-top: 26px;
width: 256px;
}
#salonSP {									/* SP - Conteneur global et entete de la section 'Salons' */
background: white url(../images/sp/head_salon.gif) left top no-repeat;
padding-top: 26px;
width: 256px;
}
#salonDE {									/* DE - Conteneur global et entete de la section 'Salons' */
background: white url(../images/de/head_salon.gif) left top no-repeat;
padding-top: 26px;
width: 256px;
}
#blocSalon { 						/* Bords et pied de la section 'Salons' */
background: transparent url(../images/com/foot_salon2.gif) left bottom no-repeat;
border: 1px solid #FFE5B2;
padding-bottom: 14px;
}
#blocSalon h5, #blocSalon h5 a:link, #blocSalon h5 a:visited {		/* Titre pour le sujet de l'article */
color: #099;
margin: 0;
}
#headStock {				 /* Entete du menu 'Notre stock' et 'Categories' */
background: #255C58;
border: 1px solid #255C58;
height: 29px;
margin: 0;
width: 11em;
}
#headFab {				 /* Entete du menu 'Fabricants' */
background: #255C58;
border: 1px solid #255C58;
height: 29px;
margin: 0;
width: 176px;
}
#recherche {
background: #FFF url(../images/com/loupe2.gif) left center no-repeat;
border: 1px solid #069;
height: 20px;
padding: 0 0 0 20px;
}
#blocInfo {					/* Sous le pave blocRecherche */
background: #D2DEDE;
border: 1px solid #255C58;
color: #255C58;
margin: 1em 0 0 0;
text-align: center;
width: 11em;
}
/* Reglages internes des sous conteneurs */

#blocOffre img, #blocSalon img {
margin: 3px;
}
#blocRecherche form p {
margin: 0.1em;
}
#blocRecherche form {
margin: 0;
padding: 2px;
}
#blocRecherche form label {
color: #255C58;
float: left;
font-weight: bold;
font-size: 0.8em;
line-height: 1em;
margin-bottom: 0.5em;
text-align: left;
}
#blocRecherche form button {
color: #000;
font: normal bold 0.8em Arial, sans-serif;
margin-top: 0.5em;
width: 12em;
}

/* Formulaire */

form#contact fieldset {
	background-color: #D2DEDE;
	margin: 1em;
	padding: 0.2em;
	width: auto;
}
form#contact label {
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	font-size: 0.8em;
	line-height: 1.8;
	margin: 0;
	padding: 0 0.5em 0 0;
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	width: 35%;	/*** Les intitules prennent n% de la largeur totale du formulaire... ***/
}
form#contact input#nom, 
form#contact input#societe,
form#contact input#telephone, 
form#contact input#mail, 
form#contact input#type_machine, 
form#contact input#marque, 
form#contact input#modele, 
form#contact input#annee {
width: 55%;
}
form#contact legend {
	color: #255C58;
	font-weight: bold;
}
form#contact textarea {
margin: 0.2em;
width: 98%;
}

/* Navigation 'Reconstruction' */

div#navReconstruction {
background: white url(../images/com/bg_stock.jpg) right bottom no-repeat;
margin: 0;
width: 13em; 
}
div#navReconstruction ul {
background: transparent;
border: 1px solid #255C58;
margin: 0; 
padding: 0; 
width: 13em; 
}
div#navReconstruction li {
position: relative; 
list-style: none; 
margin: 0;
border-bottom: 1px solid #255C58;
}
div#navReconstruction li.submenu:hover {
background: #DCE4E3;
}
div#navReconstruction li a {
display: block; 
padding: 0.25em 0 0.25em 0.5em;
text-decoration: none;
text-transform: uppercase;
width: 10.5em;
}
div#navReconstruction li.head {
background-color: #255C58;
color: #FFFFFF;
font: normal bold 1em Arial, Helvetica, sans-serif;
padding: 0.25em 0 0.25em 0.5em;
}
div#navReconstruction>ul a {
width: auto;
}
/* Navigation 'Notre stock' */
div#nav {
background: white url(../images/com/bg_stock.jpg) right bottom no-repeat;
margin: 0;
width: 11em; 
}
div#nav ul {
background: transparent;
border: 1px solid #255C58;
margin: 0; 
padding: 0; 
width: 11em; 
}
div#nav li {
font-size: 1em;
position: relative; 
list-style: none; 
margin: 0;
border-bottom: 1px solid #255C58;
}
div#nav li:hover {
background: #DCE4E3;
}
div#nav li.submenu {
background: url(../images/com/puce_stock.gif) 95% 50% no-repeat;
}
div#nav li.submenu:hover {
background-color: #DCE4E3;
}
div#nav li a {
display: block; 
padding: 0.25em 0 0.25em 0.5em;
text-decoration: none;
width: 10.5em;
}
div#nav>ul a,
div#nav>ul ul a {
width: auto;
}
div#nav ul ul {
background: white;
display: none;
left: 11em;
position: absolute; 
top: 0; 
}
div#nav ul ul a {
font-size: 0.8em;
}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {
display:block;
}
/* Nav Fabricants */
#navFabAccueil div#navFab {
background: white url(../images/com/bg_stock.jpg) right 90% no-repeat;
margin: 0 0 0 8px;
padding: 0;
width: 178px; 
}
div#navFab {
background: white url(../images/com/bg_stock.jpg) right 90% no-repeat;
margin: 0;
padding: 0;
width: 178px; 
}
div#navFab ul {
background: transparent;
border: 1px solid #255C58;
margin: 0; 
padding: 0; 
width: 176px; 
}
div#navFab li {
border-bottom: 1px solid #255C58;
font-size: 1em;
position: relative; 
list-style: none; 
margin: 0;
}
div#navFab li:hover {
background: #DCE4E3;
}
div#navFab li a {
display: block;
height: 17px;
padding: 3px 0 3px 3px;
text-decoration: none;
}
#fabAutre {
background: #255C58;
margin: 0 auto;
padding: 0;
}
#fabAutre select {
font-size: 0.8em;
margin: 3px auto;
width: 170px;
}
#fabAutre option {
margin: 4px 0;
}
/* Page mentions legales */
#mention {
border-right: 1px solid #255C58;
float: left;
width: 30%;
}
#mention, #infoMention {
margin: 1em;
padding: 0.4em;
text-align: justify;
}
#mention p, #mention ul li {
margin: 0.4em 0.2em;
padding: 0.1em;
}
#mention h5 {
color: #255C58;
margin: 0.2em;
}
.offreMois {
margin: 0;
}
.offreMois .cadre {
border: 2px solid red;
text-align: center;
width: 160px;
}
.offreMois .cadre a {
font-size: 12px;
font-weight: bold;
}
.offreMois .cadre a span {font-weight: normal;}
#ref {
margin: 0 auto;
width: 990px;
}
/*#demande #reference {width:60px;}
#demande #designation {width:250px;}
#demande #catalogue {width:20px;}*/

#demande td {padding: 3px;}

#demande td.reference input {width:60px;}
#demande td.designation input {width:310px;}
#demande td.catalogue input {width:30px;}

#demande th {font-size:12px;}

li.submenu a.txtRed {color:#ff0000;}

h3.sstitreContact {
	text-indent:0;
	margin:0;
	line-height: normal;
	font-size:12px;
}


.x-dlg .x-dlg-hd-left {background-color:#255c58; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right {background-color:#255c58; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right .x-dlg-hd {background-color:#255c58; background-image:none;}
.x-dlg .x-dlg-dlg-body {border-bottom:3px solid #255c58; border-right:3px solid #255c58; border-left:3px solid #255c58; margin:0; padding:0;}
.x-dlg-mask {opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; background-color: #000;}
.yuiextdlg {position:absolute; left:-200px;}