/*
 ____________________________________
|                                    |
| site        : www.eceau.com        |
| version     : 2008.04.10.01        |
| developpeur : del                  |
|____________________________________|

*/

/*---------------------------------
   structure du site
----------------------------------*/

body
{
	margin: 0;
	text-align: center;
	line-height: 170%;
	color: #000000;
	background: #585858 url(../images/design/body.jpg) repeat-y top center;
	font-family: verdana, arial, sans-serif;
	font-size: 0.62em;
}

#header
{  
  width: 100%;
  height: 6em;
  background: #585858 url(../images/design/head.jpg) repeat-y top center;
}

#menu
{
	width: 899px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#content
{
	clear: both;
	width: 899px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#FFFFFF;
}

#text
{
	float: left;
	width: 434px !important;
	width: 463px;
	padding: 10px 5px 20px 20px !important;
	padding: 20px 5px 20px 20px;
	text-align: justify;
}

#sideBar
{
  float: right;
  width: 180px!important;
  width: 195px;
  padding: 10px 15px 20px 0px !important;
  padding: 20px 15px 20px 0px;
}

#footer
{
	clear: both;
	float: left;
	width: 899px;
	color: #888888;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

/*---------------------------------
   mise en page menu
----------------------------------*/

#menu ul
{
  margin: 0;
  padding-top: 3em;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  line-height: normal;
}

#menu ul li
{
  width: 7.5em;
  display: inline;
  float: left;
  padding-top: 0.8em;
  list-style: none;
  text-align: center;
}

#menu ul li a
{
  display: block;
  text-decoration: none;
  padding-bottom: 1.0em;
  color: #FFFFFF;
}

#menu ul li a:hover,
#menu ul li a.active
{
  font-weight: bold;
  color: #FFFFFF;
  background: url(../images/design/menu.gif) no-repeat bottom center;
}

#enseigne
{
  display: inline;
  padding: 0.6em 5px 0.6em 0;
  margin-right: 0.5em;
  font-weight: bold;
  float: right;
  color:#FFFFFF;
  background-color: #4D75A8;
  background-image: none;
  text-decoration:none;
  text-transform: none;
}

#enseigne strong
{
  font-weight: bold;
}

/*---------------------------------
   mise en page content
----------------------------------*/

#content ol li
{ 
  color: #9BE4FF;
}

#content ol li span
{
  color: #EEEEEE;
}

#content ul
{
  padding-bottom: 10px;
  background-color:#FFFFFF;
}

#content ul li
{
  list-style-image: url(../images/design/bulle.gif);
}

.liste_fond_bleu
{
	background-color:#5579A5;
	color:#FFFFFF;
	padding:15px;
}

.tiret_vert
{
	background-image: url(../images/design/tiret_vert.gif);
	background-position:left;
	background-repeat:no-repeat;
	background-color:#5579A5;
	color:#FFFFFF;
}

/*---------------------------------
   mise en page text
----------------------------------*/

h1, h2, h3, h4, h5, h6, strong, em
{
	margin:0;
	padding:0;
	font-weight:normal;
	text-decoration:none;
	font-style:normal;
}

#titre_bleu
{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 22px;
	text-align:left;
	color: #4D75A8;
	line-height: 48px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

#titre_bleu.logo
{
	font-size:24px;
	background-position:left;
	background-image:url(../images/design/logo-eceau.jpg);
	background-repeat:no-repeat;
	padding-left:200px;
}

#titre_bleu_logo_grandeligne
{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	text-align:left;
	color: #4D75A8;
	line-height: 48px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;

	font-size:24px;
	background-position:left;
	background-image:url(../images/design/logo-eceau.jpg);
	background-repeat:no-repeat;
	padding-left:200px;
    width:850px;
	height:97px;
}

.texte_bleu
{
	color: #004AA8;
}

#titre_rouge
{
	background-image:none;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
	font-style:normal;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

.barre_bleu_gauche
{
	clear: both;
	text-transform: uppercase;
	color: #FFFFFF;
	font-family: verdana, sans-serif;
	font-size: 1em;
	font-weight: 700;
	background-color: #5579A5;
	background-image: url(../images/design/arrondi_droit.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	display: block;
	padding: 2px;
}

.barre_deroulante
{
	clear: both;
	font-family: verdana, sans-serif;
	font-size: 1em;
	font-weight: 700;
	color:#FFFF33;
	background-color: #5579A5;
	background-image: url(../images/design/arrondi_droit.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	display: block;
	padding: 2px;
	cursor:pointer;
	text-transform:none;
}

.barre_deroulante:hover
{
	background-color:#FF9900;
	background-image:url(../images/design/arrondi_orange_droit.gif);
	background-position:right top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	cursor:pointer;
}

.cote_a_cote
{
	width:410px;
	margin-left:10px;
	float:left;
}
/*---------------------------------
   mise en page sidebar
----------------------------------*/

.barre_bleu_droite
{
	clear: both;
	text-transform: uppercase;
	color: #FFFFFF;
	font-family: verdana, sans-serif;
	font-size: 1em;
	font-weight: 700;
	background-color: #5579A5;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	text-align: right;
	background-image: url(../images/design/arrondi_gauche.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding: 2px;
}

.sideMenu
{
  padding: 10px 0;
}

.sideMenu a
{
  display: block;
  text-align: right;
  text-decoration: none;
  margin-bottom: 1px;
}

.sideMenu a span
{
	display: block;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 1px;
	text-decoration: underline;
	font-size: 10px;
}

.sideMenu a span.listing
{
	font-weight: normal;
	text-decoration: none;
	color: #5579A5;
	cursor: pointer;
	font-size: 9px;
}

.sideMenu a:hover
{
	color: #FFFFFF;
	background-color: #FF9900;
	background-repeat: no-repeat;
	background-position: left top;
}

.sideMenu a:hover span,
.sideMenu a.active:hover span
{
	font-weight: bold;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.sideMenu a.active span
{
	font-weight: bold;
	color: #EF7821;
	background-image: url(../images/design/tiret.gif);
	background-repeat: no-repeat;
	background-position: right;
}

/* mise en page du sous menu */

dl, dt, dd
{
	padding: 0;
	list-style-type: none;
	margin: 0px;
}

#sousmenu
{
	position: relative;
	top: 0;
	left: 0;
}

dl#sousmenu, dt#sousmenu, dd#sousmenu
{
width: 18em;
}

dl#sousmenu dt
{
	cursor: pointer;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	border: 1px solid gray;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0;
	background-color: #FBD682;
}

dl#sousmenu dd
{
border: 1px solid gray;
}

dl#sousmenu
{
text-align: center;
background: #fff;
}

dl#sousmenu a, dl#sousmenu dt a
{
color: #333333;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#sousmenu a.active, dl#sousmenu dt a.active, dl#sousmenu dd a.active
{
	color: #FFFFFF;
	background-color: #FF9900;
	background-image: url(../images/design/tiret.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-weight:bold;
}

dl#sousmenu a:hover, dl#sousmenu dt a:hover, dl#sousmenu a.active:hover, dl#sousmenu dt a.active:hover
{
	color: #000000;
	background-color: #FF9900;
}

/* mise en page des commentaires */

#comments p
{
	margin-bottom: 0;
	background-color: #5579A5;
	background-image: url(../images/design/arrondi_hg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}

#comments p span.author
{
  display: block;
  margin-top: 5px;
  text-align: right;
  font-weight: 700;
}

#comments img
{
  margin-top: -1px;
}

#comments a
{
  color: #FFFFFF;
}

#comments a:visited
{
  color: #AAAAAA;
}

#comments a:hover
{
  color: #FFFFFF;
}

/*---------------------------------
   mise en page pied de page
----------------------------------*/

#footer p
{
  padding-top: 0 !important;
  padding-top: 10px;
}

#footer a
{
  color: #888888;
}

#footer a:hover
{
  color: #888888;
}

a.fullAhead
{
  float: left;
  width: 30px;
  height: 34px;  
  margin-right: 10px;
}

a.fullAhead:hover
{
  background-position: -30px 0;
}

/*---------------------------------
   mise en page tableau choix
----------------------------------*/

.titre_tableau_choix, .titre_tableau_choix strong, .titre_tableau_choix em
{
  line-height: 170%;
  font-family: verdana, arial, sans-serif;
  font-size:11px;
  font-weight:bold;
  color:#F89224;
}

.texte_tableau_choix
{
  font-size:9px;
  line-height: 170%;
  color: #000000;
  font-family: verdana, arial, sans-serif;
}

tr.choix
{
  height:300px;
  font-size:9px;
  line-height: 170%;
  color: #000000;
  font-family: verdana, arial, sans-serif;
}

/*---------------------------------
   mise en page catalogue
----------------------------------*/

.designproduit {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}	

.texttitretableau {
    font-size:14px;
    line-height: 170%;
    color: #000000;
    font-family: verdana, arial, sans-serif;
}

.textableau {
    font-size:9px;
    text-align: justify;
    line-height: 170%;
    color: #000000;
    font-family: verdana, arial, sans-serif;
}

/*---------------------------------
   mise en page tableau panier
----------------------------------*/

table.panier
{
  position:relative;
  margin:10px 0;
  padding:0;
  width:100%;
  border-collapse:collapse;
  border-right:1px solid #ADCAD9;
  text-align: left;
}
table#Body table.panier td
{
  position:relative;
  vertical-align:middle;
  margin:0;
}

td.panier_titre
{
  padding:2px 4px;
  border:1px solid #ADCAD9;
  border-width:1px 1px 1px 1px;
  background-image: url(../images/design/entete_tableau.gif);
  background-repeat: repeat-x;
  background-position: top;
}
 
.panier_titre
{
  color:#5579A5;
  font-weight:bold;
  font-size:9px;
}

td.panier_ligne
{
  padding:2px 4px;
  font-size: 9px;
  border:1px solid #ADCAD9;
  border-width:0 0 1px 1px;
}

td.panier_ligne td
{
  border:none;
}

/* largeur des colonnes */

table.panier td.nom
{
  font-size:9px;
  width:250px;
  background: #EDF6FA;
}

table.panier td.prix
{
  width:50px;
  font-size:9px;
  background: #EDF6FA;
}

table.panier td.quantite
{
  width:50px;
  font-size:9px;
  background: #EDF6FA;
}

table.panier td.total
{
  width:60px;
  font-size:9px;
  background: #EDF6FA;
}

table.panier td.montant
{
	width:60px;
	font-size:10px;
	background: #EDF6FA;
	color: #0000FF;
}

/*---------------------------------
   mise en page HTML
----------------------------------*/

p
{
	padding-top: 10px !important;
	padding-top: 3px;
	padding-bottom: 10px !important;
	padding-bottom: 3px;
}

a
{
  color: #5579A5;
}

a:visited
{
  color: #5579A5;
}

a:link
{
	color: #5579A5;
}

a:hover
{
  color: #000000;
}

.zoom, .zoom a, .zoom a:link, .zoom a:visited, .zoom a:hover
{
	text-align:center;
	color:#5579A5;
}

acronym
{
  cursor: help;
  border-bottom: 1px solid #777;
}

input
{
  width: auto;
}

textarea
{
  width: 98%;
}

input,
textarea
{
	color: #5579A5;
	background-color: #FFFFFF;
	border: 1px solid #5579A5;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-right: 3px;
	padding-left: 3px;
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus
{
  color: #5579A5;
  background-color: #FFFFFF;
  border: 1px solid #5579A5;
}

input.button:hover,
input.button:focus,
textarea.button:hover,
textarea.button:focus
{
  color: #FFFFFF;
  background-color: #99CCFF;
}

input.check
{
  border: 0px;
}

#image
{
  float: left;
  width: 233px;  
  vertical-align: top;
}

#image_produit
{
	float: left;
	width: 170px;
	vertical-align: top;
	margin-right: 10px;
}

#image_robinet
{
	border: thin ridge #6F8DB1;
}

#base_calcul
{
  position:inherit;
  text-align:left;
  width:650px !important;
  width:430px;
  background-color:#B1C4DA;
}

.center
{
  text-align: center;
}

.noPad
{
  padding: 0;
  margin: 0;
}

.left
{
  float: left;
}

.right
{
  float: right;
}

img.left
{
  padding: 5px 5px 5px 0;
}

img.right
{
  padding: 5px 0 5px 5px;
}

.button
{
	font-size: 9px;
	cursor: pointer;
	background-color: #99CCFF;
}

a.bouton_href
{
	font-size: 9px;
	color: #5579A5;
	cursor: pointer;
	background-color: #99CCFF;
	text-decoration:none;
	border-width: 1px;
	border-style:solid;
	border-color: #5579A5;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}

a.bouton_href:hover,
a.bouton_href:focus
{
	color: #FFFFFF;
}

a.bouton_href_orange
{
	font-size: 9px;
	color: #FFFFFF;
	cursor: pointer;
	background-color: #F89224;
	text-decoration:none;
	border-width: 1px;
	border-style:solid;
	border-color: #5579A5;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}

a.bouton_href_orange:hover,
a.bouton_href_orange:focus
{
	color: #FAD1A6;
}

a.bouton_href_rouge
{
	font-size:14px;
	background-color:#FFFFFF;
	border-width: 1px;
	border-style:solid;
	border-color:#FF3300;
	color:#FF3300;
	text-decoration:none;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}

.date
{
  display: block;
  font-weight: 700;
}

input#inputphone
{
    display: none;
}