/* Caractéristiques générales communes à toutes les pages ----- */
*{margin:0; padding:0; border:0;}

.gras{font-weight:bold;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}
.tpetit{font-size:70%;}
.petit{font-size:80%;}
.grand{font-size:120%;}
.tgrand{font-size:140%;}
.textcenter{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.left{float:left;}
.right{float:right;}
.both{clear:both;}
.none{display:none;}
.blanc{color:#FFF;}
.noir{color:#000;}
.gris{color:#ddd;}
.rouge{color:#ec0006;}
/* ---------- Balises ---------- */
body{
background-color:#345c85;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:150%;
text-align:center;
margin-bottom:10px;
	
	/* ---------- Scrolbarre ---------- */
	scrollbar-face-color: #e5e8ef;
	
	/*nuances droite + foncé */
    scrollbar-shadow-color: #d7dae0;
    scrollbar-darkshadow-color: #bcbec4;
	
	/*nuances gauche + clair */
	scrollbar-3dlight-color: #eef1f8;
	scrollbar-highlight-color: #f5f8ff;  
	
	/*sous la barre*/
    scrollbar-track-color: transparent;
	
	/*fleche*/
    scrollbar-arrow-color: #fff;
}
#centrage {
background-color:#FFF;
color:#5c5c5c;
background-image:url(../pics/new/fond-centrage.jpg);
background-position:0 top;
background-repeat:no-repeat;
width:960px;
margin:0 auto;
display:table;
text-align:left;
position:relative;
border:1px solid #2a4868;
display:block;
}
#centrage.pro{
background-image:url(../pics/new/fond-centrage-pro.jpg);
}
a{
color:#345c85;
text-decoration:underline;
}
a:hover, a:active{
text-decoration:underline;
}
h1{
      font-size:160%;
      clear:both;
      color:#5c5c5c;
      /**/ 
      margin-top: 10px;
      margin-bottom: 10px;
}
h2{
      font-size:120%;
      clear:both;
      color:#315478;
}
ul{
list-style:none outside none;
}
input.champ{
border:1px inset #CCC;
width:107px;
height:13px;
font-size:100%;
padding:1px 2px;
}
textarea.textarea{
border:1px inset #CCC;
font-size:100%;
padding:1px 2px;
}
select {
border:1px inset #CCC;
}
td{
vertical-align:top;
}
.separateur{
	background-image:url(../pics/new/separateur-gris.gif);
	background-repeat:repeat-x;
	background-position:0 top;
	clear:both;
	height:10px;
	font-size:1px;
}
.radio{
margin-right:5px;
}
.radiovotreprojet{
margin-top:2px;
margin-right:2px;
height:12px;
}
/* ---------- Structure ---------- */
	div#entete {
    	display:table;
    	position:relative;
    	color:#FFFFFF;
    	/* color:#fb20e9; */
    	width:100%;
    	height:203px;
	}
  html>/**/body div#entete {
    margin-top:7px; /* F.Fox */
  }
	div#smenu {
	display:table;
	position:relative;
	color:#FFFFFF;
	width:100%;
	height:25px;
	z-index:3;
	}
	div#corps {
	display:table;
	position:relative;
	width:100%;
	z-index:2;
	}
	div#pied {
	display:table;
	position:relative;
	background-image:url(../pics/new/fond-pied.jpg);
	background-repeat:no-repeat;
	background-position:center 0;
	color:#6f7173;
	width:960px;
	text-align:right;
	font-size:10px;
	padding:40px 0 0 0;
	height:35px;
	}
	div#pied a{
	color:#2c4d6e;
	}
	div#pied span{
	margin-right:45px;
	}
	/* ---------- Moteur de recherche ---------- */
	form#recherche{     	
    width:99%;
  	clear:both;
  	text-align:right;
  	padding:5px 0 5px 0;
	}

html>/**/body form#recherche{
  margin-top:-7px; /* F.Fox */
}	
	
	form#recherche input.champ{
  	width:125px;
  	margin-left:15px;
  	top:-3px;
  	position:relative;
	}
	form#recherche input.ok, form#form_recherche_etech input.ok{
  	position:relative;
  	margin:0 15px 0 5px;
  	top:3px;
	}
	form#recherche a{
    position:relative;
  	margin-left:15px;
    top:-4px;
	}
	form#recherche span{
    position:relative;
  	margin-left:15px;
    top:-4px;
	}
	/* ---------- Langues ---------- */
	ul#langues{
	position:relative;
	float:left;
	top:27px;
	margin-left:50px;
	}
	html>/**/body ul#langues{
	margin-left:100px;
	}
	ul#langues li{
	display:inline;
	margin:0;
	}
	ul#langues li a{
	color:#fff;
	}
	
	/* ---------- Liens utiles ---------- */
	ul#liensutiles{
	margin:0 0 0 0;
	float:right;
	}
	ul#liensutiles li{
	margin:0 5px;
	float:left;
	}
/* ---------- En tete ---------- */
#logo{
margin:5px 0 0 3px;
float:left;
}
ul#menu{
/* background-color:#fbdd21; */
float:right;
margin:15px 15px 0 0;
}
ul#menu li{
display:inline;
padding-right:15px;
}
ul#menu li.hauteur{
position:relative;
top:3px;
}
#baseline{
float:right;
margin:65px 5px 0 0;
}

#formcommande{
float:right;
margin:44px 5px 0 0;
width:250px;
}
#formcommande #direct_ref{
width:150px;
float:left;
margin-right:15px;
}
#formcommande ul#qte li{
float:left;
background-color:#FFF;
color:#000000;
}
#formcommande ul#qte li img{
margin-bottom:-2px;
}
#formcommande #referencier{
clear:both;
margin-left:25px;
}
#formcommande #ok{
margin-left:8px;
margin-top:-2px;
}
#formcommande #panier{
clear:both;
margin-left:30px;
}
/* ---------- Corps ---------- */
table#calage {
height:595px;
width:880px;
margin:0 40px 0 35px;
}
	/* ---------- Navigation ---------- */
	td#navigation{
  	padding:0px 10px 10px 0;
  	width:200px;
	}
	td#navigation ul{
	font-weight:bold;
	margin:0;
	padding-top:20px ;
  display:table;
	}
	td#navigation ul li{
	margin:0 0 3px 0;
	background-image:url(../pics/puce-navigation.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
	padding-left:10px;
	}
	td#navigation ul li.on a{
	text-decoration:underline;
	color:#000;
	}
	td#navigation ul ul{
	margin:0 0 0 10px;
	position:relative;
	padding-top:3px;
	}
	td#navigation ul ul li{
	margin:0 0 0 0;
	position:relative;
	}
	td#navigation ul li.on ul li a{
	text-decoration:none;
	color:#444;
	}
	td#navigation ul li.on ul li.on a{
	color:#000;
	text-decoration:underline;
	}
	/* ---------- Contenu ---------- */
	td#contenu{
	padding:10px 10px 10px 10px;
	}
	a.top{
	font-size:11px;
	font-weight:bold;
	float:right;
	margin-right:15px;
	}
		/* ---------- Les listes ---------- */
		td#contenu ul{
		margin:10px 20px;
		font-weight:bold;
		}
		td#contenu ul li{
		padding-left:8px;
		background-image:url(../pics/puce-noire.gif);
		background-repeat:no-repeat;
		background-position:0 7px;
		}
		
		/* ---------- La liste ariane ---------- */
		td#contenu ul#ariane{
		margin:0 0 0 0;
		padding:0;
		font-weight:100;
		}
		td#contenu ul#ariane li{
		background-image:none;
		display:inline;
		margin:0;
		padding:0;
		}
		td#contenu ul#ariane li a{
		font-weight:bold;
		}
		
		/* ---------- Les titres ---------- */
		td#contenu h2{
		}
		
		/* ---------- Les paragraphes ---------- */
		td#contenu p{
		margin-bottom:10px;
		}
		
		/* ---------- Les visuels ---------- */
		td#contenu img.visuel{
		margin:0 5px 0 15px;
		position:relative;
		top:5px;
		float:right;
		}
		td#contenu img.visuelportrait{
		}
		
		/* ---------- Les tableaux ---------- */
		td#contenu table.tableau{
		border:1px solid #000;
		border-bottom:none;
		}
		td#contenu table.tableau thead{
		background-color:#000000;
		color:#FFFFFF;
		}
		td#contenu table.feurouge { /* page coordonnees espace PRO */
		border:2px solid #ff0000;
		padding:6px 6px;
		}
		td#contenu table.feuvert { /* page coordonnees espace PRO */
		border:2px solid #57b533;
		padding:6px 6px;
		}
		td#contenu table.tableau td{
		border-bottom:1px solid #000;
		padding:0 3px;
		}
		td#contenu table p{
		margin:0;
		}
	/* ---------- Annexes ---------- */
	p#txtcartoucheaccueil {
	padding:0 10px;
	}
	p#txtcartoucheaccueil ul li{
	margin:0;
	padding:0 0 0 20px;
	list-style:none outside none;
	float:none;
	background-image:url(../pics/new/ok-b.gif);
	background-repeat:no-repeat;
	background-position:0 1px;
	}

	
	
	td#contenu #liste {
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none outside none;
	float:none;
	font-weight:100;
	line-height:120%;
	}
	td#contenu #liste li{
	margin-bottom:8px;
	}
	#liste a{
	color:#fff;
	text-decoration:underline;
	}
	#annexes h2{
	color:#FFFFFF;
	font-size:12px;
	text-transform:uppercase;
	width:auto;
	clear:none;
	margin:3px 0 3px 10px;
	}
	#annexes h2 span{
	font-size:11px;
	font-style:italic;
	font-weight:100;
	}
	#annexes .visuanx{
	float:left;
	margin:-3px 10px 0 5px;
	}
/* ---------- Pied de Page ---------- */


/* CSS Document */
/*
#conteneur{
position:relative;
z-index:2;
margin-top:-640px;
}
.txtcartoucheaccueilbas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	padding-top: 8px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 16px;
	margin-left: 2px;
	}
#liste{
list-style-position:outside;
list-style:none;
font-size:9px;
margin:10px 5px 5px 5px;
color: #FFFFFF;
}	
html>body #liste{
margin:10px 5px 5px -35px;
}
#liste li{
line-height:10px;
padding-bottom:4px;
background-image:url(pics/puce.gif);
background-repeat:no-repeat;
background-position:0 2px;
padding-left:10px;
}	
.txtcartoucheaccueilbas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	line-height: 10px;
	margin-left: 2px;
	}
*/
.selecteur{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin:0;
	border:1px solid #000000;
	padding:0;
	background:#737373;
	width: 230px;
}
.selecteurform{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	margin:0;
	border:1px solid #000000;
	padding:0;
	background:#737373;
	width: 500px;
}
input.moteur{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin:0;
	border:none;
	padding:0;
	background:none;
	width: 96px;
	padding-left:2px;
}

.menuDeroulant {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin:0;
	border:1px solid #FFFFFF;
	padding:0;
	background:#737373;
	width: 40px;
}
.name{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin:0;
	border:0;
	padding:0;
	background:none;
	width: 120px;
	margin-left: 22px;
}
.login{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin:0;
	border:0;
	padding:0;
	background:none;
	width: 120px;
	margin-left: 22px;
}
.txtcontenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5C5C5C;
	line-height: 16px;
	text-decoration: none;
	}
.lexique{color: #bfbfbf;}	
.gras {
font-weight:bold;
	}	
#soussousmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EC0006;
	line-height: 20px;
	}
#soussousmenu a {
text-decoration:none;
color: #EC0006;
}
#soussousmenu a:hover {
text-decoration:underline;
}
#soussousmenu a.on {
font-weight:bold;
text-decoration:underline;
}
.titreGammeRouge11px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #ec3439;
	text-decoration: none;
}
.titreGammeRouge12px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #ec3439;
	text-decoration: none;
}
.txtGammeGris12px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #8f8f8f;
	text-decoration: none;
}
.txtAnnexe {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 15px;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 5px;
}
.champsaisi {
	border:1px solid #8f8f8f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}
.coord {
	width:260px;
}
.codepostal {
    width:45px;
}
.ville {
    margin-left:14px;
	width:200px;
}
.champsaisilong {
        width:385px;
	border:1px solid #8f8f8f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}
.champsaisicourt {
    width:40px;
	height:12px;
	border:1px solid #8f8f8f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}

.zonetextarea{
        width:385px;
        height:100px;
	border:1px solid #8f8f8f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}
.titreInterne {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #8f8f8f;
	text-decoration: none;
}
/*  BANDEAU PRO : Commande directe Pieces detachees */
.direct_ref {
        width:220px;
        height:19px;
		margin:0;
		border:1px solid #545454;;
		/*padding:0;*/
		 margin:-1px 0px 0px 0px; 

}
#direct_qte{
	/* */
	height:18px;
	width:24px;
	text-align:center;
	vertical-align:middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	/*
	border-bottom: inset 1px solid #545454;
	border-top:inset 1px solid #545454;
	*/
}
.rouge{
	color: #ff0000;
	}

/* -- style navigation type text -- */
	#navigation li a{
		color:#72879C;
		text-decoration:none;
	}
	#navigation li.spec a img{
		left:10px;
		position:absolute;
		top:0;
	}
	
	#navigation li.spec{
		height:30px;
		padding-top:6px;
		position:relative;
	}
	#navigation li.spec a{
		color:#808080;
		text-decoration:none;
	}
	#navigation li.spec a img{
		position:absolute;
		left:10px;
		top:0;
	}
	
	
	
	#navigation li a.active{
		color:#EC050B;
	}
/* -- FIN style navigation type text -- */