* {margin: 0; padding: 0; border: 0;}

body{
/*vertical-align:top;*/
font-family: Georgia, "Times New Roman", Times, serif;
font-size:9pt;
line-height:1.2em;
color:#787878;
background-image:url(../img/bg_papier.gif);
background-repeat:repeat;
}

/*box*/

#container{
position: absolute;
top: 25px;
width: 768px;
left: 50%;
margin-left: -384px;
background-color:#fff;
border: 1px solid #ccc;
}

#header{
width: 768px;
height: 60px;
border-bottom: 1px solid #ccc;
}

#logoblue, #logogreen, #logopink, #logogrey, #logoorange, #logosable{
position:absolute;
top:0px;
left: 0px;
width:384px;
height:59px;
background-repeat: no-repeat;
}
#logoblue{background-image: url(../img/logo_blue.gif);}
#logogreen{background-image: url(../img/logo_green.gif);}
#logopink{background-image: url(../img/logo_pink.gif);}
#logogrey{background-image: url(../img/logo_grey.gif);}
#logoorange{background-image: url(../img/logo_orange.gif);}
#logosable{background-image: url(../img/logo_sable.gif);}

#navlang{
position:absolute;
top:0px;
right: 0px;
width:384px;
height:27px;
background-image: url(../img/cartouchelangbg.gif);
background-repeat: no-repeat;
}

#date{
position:absolute;
top:27px;
right: 0px;
width:384px;
height:23px;
text-align: center;
padding-top: 10px;
font-family: Arial;
font-size: 9pt;
}

#subheaderblue, #subheadervert, #subheaderrose, #subheadergris, #subheaderorange
, #subheaderpress,#subheadercontact {
clear: both;
width: 768px;
height: 90px;
background-repeat: no-repeat;
}

#subheaderblue{background-image: url(../img/subheaderbg_blue.jpg);}
#subheadervert{background-image: url(../img/subheaderbg_vert.jpg);}
#subheaderrose{background-image: url(../img/subheaderbg_rose.jpg);}
#subheadergris{background-image: url(../img/subheaderbg_gris.jpg);}
#subheaderorange{background-image: url(../img/subheaderbg_orange.jpg);}
#subheaderpress{background-image: url(../img/subheaderbg_press.jpg);}
#subheadercontact{background-image: url(../img/subheaderbg_contacts.jpg);}

#gauche {
position:absolute;
left:0px;
margin: 0px 576px 0px 32px;
width: 160px;
padding: 0px 0px 10px 0px;

}

#droite{
width: 480px;
margin: 0px 64px 0px 224px;
padding:0px 0px 10px 0px;
}


#footer{
	height: 27px;
	border-top: 1px solid #ccc;
	clear:both;
	width:768px;
}

#footer p{
color:white;
font-family: Verdana;
font-size:0.9em;
text-align: center;
margin-top: 4px;
}

.col1, col2{
float:left;
width:230px;
margin-right:10px;
}
.col2{
margin-left:10px;
}

/* products thumbnail */

.spoon{
float:left;
width:240px;
height:150px;
margin:0;
padding:0;
font-family: Verdana;
font-size:0.9em;
line-height: 1.2em;
font-weight:normal;
color: #333;
}
.spoon a:hover {-moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50);}

.faience{
display:block;
width:480px;
height:120px;
margin:0px 0px 10px 0px;
padding:0px;
font-family: Verdana;
font-size:0.9em;
line-height: 1.2em;
font-weight:normal;
color: #333;
}

.faience a:hover {-moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50);}

.spoon H4, .faience H4{
font:Trebuchet MS;
font-size: 1.25em;
line-height: 1em;
margin:10px 0px 10px 0px;
color:#BCDEDE;
}

.faience H4{
margin:10px 0px 5px 0px;
}

#pricesheet{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:480px;
margin:0px;
padding:0px;
border:0px;
}

#pricesheet td{padding:1px,4px, 0px, 0px;}

.dashboard{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:480px;
margin:0px;
padding:0px;
border:0px;
}

.dashboard th{
color: #B4CE9B;
width: 120px;
text-align: center;
}

.dashboard td{
	text-align: center;
	width: 120px;
}


/* formulaire mail*/

FORM {
width:480px;
margin-bottom:20px;
}

label{
display:block;
}

INPUT {
border:1px solid #c3b69d;
}
TEXTAREA{
border:1px solid #c3b69d;
width:480px;
height:200px;
}
.noborder{
border-width:0px;
}

/* TYPO */

H1{
font-family: Trebuchet MS;
font-size:1.75em;
line-height: 1.2em;
text-align: center;
}

H2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
padding: 0px 0px 10px 0px;
line-height: 1.1em;
text-align:left;
letter-spacing:-0.5px;
font-weight:normal;
}



p{
line-height:1.35em;
}

HR{
height:1px;
border: 1px dashed #ccc;
margin: 5px 0px 5px 0px;
}

.lettrine {
float: left; /* positionnement de la lettrine dans le conteneur*/
font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/
font-family: Trebuchet MS, Courier New, Impact;
font-weight: bold;
margin: 0px 4px 0px 0px;
padding: 4px 0px;
line-height:1em;
}

/* liens*/

a{text-decoration:underline;}
a:hover{text-decoration:none;}

.nextblue, .nextgreen, .nextpink{
display:inline;
width:26px;
height:10px;
}
.nextblue{background :url(../img/pict_nextblueanim.gif) no-repeat;}
.nextgreen{background :url(../img/pict_nextgreenanim.gif) no-repeat;}
.nextpink{background :url(../img/pict_nextpinkanim.gif) no-repeat;}


/* Listes à puce avec liens */

table ul.download li a{font-size:0.8em;}
table H2 {font-size:1em;}
ul.pdf, ul.download, ul.excel{
		margin: 0;
		padding: 0;
		list-style-type: none ;
	}
	
	ul.pdf li, ul.download li, ul.excel li{
	padding: 0px 0px 0px 18px;
	display: block;
	line-height: 18px;
	}
	
ul.pdf li{background: url(../img/pict_pdf.gif) no-repeat;}
ul.download li{background: url(../img/pict_download.gif) no-repeat;}
ul.excel li{background: url(../img/pict_excel.gif) no-repeat;}
ul.pdf li a{text-decoration: none; color:#60828E; font-family: Arial, Helvetica, sans-serif;}
ul.pdf li a:hover{color:#9ACDCD; text-decoration: underline;}
ul.download li a{text-decoration: none; color:#6D9063; font-family: Arial, Helvetica, sans-serif;}
ul.excel li a:hover{color:#B4CE9B; text-decoration: underline;}
ul.excel li a{text-decoration: none; color:#6D9063; font-family: Arial, Helvetica, sans-serif;}
ul.excel li a:hover{color:#B4CE9B; text-decoration: underline;}

/* Liste à puces simple */

ul.pucegreen, ul.puceblue, ul.puceorange{
		margin: 0;
		padding: 0;
		list-style-type: none ;
	}

ul.pucegreen li, ul.puceblue li, ul.puceorange li{
	padding: 0px 0px 0px 18px;
	display: block;
	line-height: 18px;
	}
ul.pucegreen li{background: url(../img/puce_green.gif) no-repeat;}
ul.puceblue li{background: url(../img/puce_blue.gif) no-repeat;}
ul.puceorange li{background: url(../img/puce_orange.gif) no-repeat;}

/* casse et graisse*/

.bold{font-weight: bold;}
.italic{font-style: italic;}
.smallcap{font-variant: small-caps;}

/* MISE EN PAGE */

.left{float: left;}
.right{float: right;}
.textright{text-align: right;}
.textleft{text-align: left;}
.bottom{vertical-align: bottom;}
.center{text-align: center;}
.midlle{vertical-align: middle;}

.clearleft{clear:left;}
.clearright{clear:right;}
.clearboth{clear:both;}

.cerne{
/*cerne sans contour*/
border: 1px solid #fff;
margin: 0px 10px 0px 0px;
}

.cerneblack{
border: 1px solid #000;
}


/* COULEURS */

.blue_light{color:#9ACDCD;}
.blue{color:#60828E;}
.green_light{color:#B4CE9B;}
.green{color: #6D9063;}
.pink_light{color:#CE9B9B;}
.pink{color:#906F63;}
.orange_light{color:#C1B49B;}
.orange{color:#947E5B;}
.blanc_casse{color:#ffffe2;}
.sable{color:#e1ceaa;}
.sienne{color:#905536;}

.blue_lightbg{background-color:#9ACDCD;}
.bluebg{background-color:#60828E;}
.green_lightbg{background-color:#B4CE9B;}
.greenbg{background-color: #6D9063;}
.pink_lightbg{background-color:#CE9B9B;}
.pinkbg{background-color:#906F63;}
.orange_lightbg{background-color:#C1B49B;}
.orangebg{background-color:#947E5B;}
.blanc_cassebg{background-color:#ffffe2;}
.sablebg{background-color:#e1ceaa;}
.siennebg{background-color:#905536;}

.blackbg{background-color:#000;}
.white{color:#fff;}
.silver{color:#B4B4B4;}
.silverbg{background-color:#B4B4B4;}
.grey_medium{color:#787878;}
.black_medium{color:#333;}
.black{color:#000;}

/* NAVIGATION  LANGUE*/
.marginright{margin-right:10px;}

#menufr, #menufr-on, a#menufr:hover, 
#menuen, #menuen-on, a#menuen:hover , 
#menues, #menues-on, a#menues:hover,
#menufrL, #menufrL-on, a#menufrL:hover,
#menuenL, #menuenL-on, a#menuenL:hover , 
#menuesL, #menuesL-on, a#menuesL:hover
{
float:right;
width: 85px;
height: 25px;
}

#menufr-on{background: url(../img/navlang_fr.gif) no-repeat;}
a#menufr{background: url(../img/navlang_fr.gif) no-repeat;}
a#menufr:hover{background: url(../img/navlang_frH.gif) no-repeat;}

#menufrL, #menufrL-on, a#menufrL:hover
{
background: url(../img/navlang_frL.gif) no-repeat;}

#menuen-on{background: url(../img/navlang_en.gif) no-repeat;}
a#menuen{background: url(../img/navlang_en.gif) no-repeat;}
a#menuen:hover{background: url(../img/navlang_enH.gif) no-repeat;}

#menuenL, #menuenL-on, a#menuenL:hover{background: url(../img/navlang_enL.gif) no-repeat;}

#menues, #menues-on, a#menues:hover
{margin-right: 64px;}

#menuesL, #menuesL-on, a#menuesL:hover
{
margin-right: 64px;
background: url(../img/navlang_esL.gif) no-repeat;
}

#menues-on{background: url(../img/navlang_es.gif) no-repeat;}
a#menues{background: url(../img/navlang_es.gif) no-repeat;}
a#menues:hover{background: url(../img/navlang_esH.gif) no-repeat;}


/* navigation gauche*/

#menuaccueilfr, #menuaccueilfr-on, a#menuaccueilfr:hover, 
#menuaccueilfrL, #menuaccueilfrL-on, a#menuaccueilfrL:hover,
#menuproduitsfr, #menuproduitsfr-on, a#menuproduitsfr:hover, 
#menuproduitsfrL, #menuproduitsfrL-on, a#menuproduitsfrL:hover,
#menupressefr, #menupressefr-on, a#menupressefr:hover, 
#menupressefrL, #menupressefrL-on, a#menupressefrL:hover,
#menucontactsfr, #menucontactsfr-on, a#menucontactsfr:hover, 
#menucontactsfrL, #menucontactsfrL-on, a#menucontactsfrL:hover,

#menuaccueilen, #menuaccueilen-on, a#menuaccueilen:hover, 
#menuaccueilenL, #menuaccueilenL-on, a#menuaccueilenL:hover,
#menuproduitsen, #menuproduitsen-on, a#menuproduitsen:hover, 
#menuproduitsenL, #menuproduitsenL-on, a#menuproduitsenL:hover,
#menupresseen, #menupresseen-on, a#menupresseen:hover, 
#menupresseenL, #menupresseenL-on, a#menupresseenL:hover,
#menucontactsen, #menucontactsen-on, a#menucontactsen:hover, 
#menucontactsenL, #menucontactsenL-on, a#menucontactsenL:hover,

#menuaccueiles, #menuaccueiles-on, a#menuaccueiles:hover, 
#menuaccueilesL, #menuaccueilesL-on, a#menuaccueilesL:hover,
#menuproduitses, #menuproduitses-on, a#menuproduitses:hover, 
#menuproduitsesL, #menuproduitsesL-on, a#menuproduitsesL:hover,
#menupressees, #menupressees-on, a#menupressees:hover, 
#menupresseesL, #menupresseesL-on, a#menupresseesL:hover,
#menucontactses, #menucontactses-on, a#menucontactses:hover, 
#menucontactsesL, #menucontactsesL-on, a#menucontactsesL:hover

{
width: 160px;
height: 25px;
display: block;
}
/*menu fr*/

#menuaccueilfr-on{background: url(../img/nav_accueil_fr.gif) no-repeat;}
a#menuaccueilfr{background: url(../img/nav_accueil_fr.gif) no-repeat;}
a#menuaccueilfr:hover{background: url(../img/nav_accueilH_fr.gif) no-repeat;}
#menuaccueilfrL, #menuaccueilfrL-on
{background: url(../img/nav_accueilL_fr.gif) no-repeat;}
a#menuaccueilfrL:hover
{background: url(../img/nav_accueilH_fr.gif) no-repeat;}

#menuproduitsfr-on{background: url(../img/nav_produits_fr.gif) no-repeat;}
a#menuproduitsfr{background: url(../img/nav_produits_fr.gif) no-repeat;}
a#menuproduitsfr:hover{background: url(../img/nav_produitsH_fr.gif) no-repeat;}
#menuproduitsfrL, #menuproduitsfrL-on
{background: url(../img/nav_produitsL_fr.gif) no-repeat;}
a#menuproduitsfrL:hover
{background: url(../img/nav_produitsH_fr.gif) no-repeat;}

#menupressefr-on{background: url(../img/nav_presse_fr.gif) no-repeat;}
a#menupressefr{background: url(../img/nav_presse_fr.gif) no-repeat;}
a#menupressefr:hover{background: url(../img/nav_presseH_fr.gif) no-repeat;}
#menupressefrL, #menupressefrL-on
{background: url(../img/nav_presseL_fr.gif) no-repeat;}
a#menupressefrL:hover
{background: url(../img/nav_presseH_fr.gif) no-repeat;}

#menucontactsfr-on{background: url(../img/nav_contacts_fr.gif) no-repeat;}
a#menucontactsfr{background: url(../img/nav_contacts_fr.gif) no-repeat;}
a#menucontactsfr:hover{background: url(../img/nav_contactsH_fr.gif) no-repeat;}
#menucontactsfrL, #menucontactsfrL-on
{background: url(../img/nav_contactsL_fr.gif) no-repeat;}
a#menucontactsfrL:hover
{background: url(../img/nav_contactsH_fr.gif) no-repeat;}


/*menu en */

#menuaccueilen-on{background: url(../img/nav_accueil_en.gif) no-repeat;}
a#menuaccueilen{background: url(../img/nav_accueil_en.gif) no-repeat;}
a#menuaccueilen:hover{background: url(../img/nav_accueilH_en.gif) no-repeat;}
#menuaccueilenL, #menuaccueilenL-on
{background: url(../img/nav_accueilL_en.gif) no-repeat;}
a#menuaccueilenL:hover
{background: url(../img/nav_accueilH_en.gif) no-repeat;}

#menuproduitsen-on{background: url(../img/nav_produits_en.gif) no-repeat;}
a#menuproduitsen{background: url(../img/nav_produits_en.gif) no-repeat;}
a#menuproduitsen:hover{background: url(../img/nav_produitsH_en.gif) no-repeat;}
#menuproduitsenL, #menuproduitsenL-on
{background: url(../img/nav_produitsL_en.gif) no-repeat;}
a#menuproduitsenL:hover
{background: url(../img/nav_produitsH_en.gif) no-repeat;}

#menupresseen-on{background: url(../img/nav_presse_en.gif) no-repeat;}
a#menupresseen{background: url(../img/nav_presse_en.gif) no-repeat;}
a#menupresseen:hover{background: url(../img/nav_presseH_en.gif) no-repeat;}
#menupresseenL, #menupresseenL-on
{background: url(../img/nav_presseL_en.gif) no-repeat;}
a#menupresseenL:hover
{background: url(../img/nav_presseH_en.gif) no-repeat;}

#menucontactsen-on{background: url(../img/nav_contacts_en.gif) no-repeat;}
a#menucontactsen{background: url(../img/nav_contacts_en.gif) no-repeat;}
a#menucontactsen:hover{background: url(../img/nav_contactsH_en.gif) no-repeat;}
#menucontactsenL, #menucontactsenL-on
{background: url(../img/nav_contactsL_en.gif) no-repeat;}
a#menucontactsenL:hover
{background: url(../img/nav_contactsH_en.gif) no-repeat;}

/*menu es */

#menuaccueiles-on{background: url(../img/nav_accueil_es.gif) no-repeat;}
a#menuaccueiles{background: url(../img/nav_accueil_es.gif) no-repeat;}
a#menuaccueiles:hover{background: url(../img/nav_accueilH_es.gif) no-repeat;}
#menuaccueilesL, #menuaccueilesL-on
{background: url(../img/nav_accueilL_es.gif) no-repeat;}
a#menuaccueilesL:hover
{background: url(../img/nav_accueilH_es.gif) no-repeat;}

#menuproduitses-on{background: url(../img/nav_produits_es.gif) no-repeat;}
a#menuproduitses{background: url(../img/nav_produits_es.gif) no-repeat;}
a#menuproduitses:hover{background: url(../img/nav_produitsH_es.gif) no-repeat;}
#menuproduitsesL, #menuproduitsesL-on
{background: url(../img/nav_produitsL_es.gif) no-repeat;}
a#menuproduitsesL:hover
{background: url(../img/nav_produitsH_es.gif) no-repeat;}

#menupressees-on{background: url(../img/nav_presse_es.gif) no-repeat;}
a#menupressees{background: url(../img/nav_presse_es.gif) no-repeat;}
a#menupressees:hover{background: url(../img/nav_presseH_es.gif) no-repeat;}
#menupresseesL, #menupresseesL-on
{background: url(../img/nav_presseL_es.gif) no-repeat;}
a#menupresseesL:hover
{background: url(../img/nav_presseH_es.gif) no-repeat;}

#menucontactses-on{background: url(../img/nav_contacts_es.gif) no-repeat;}
a#menucontactses{background: url(../img/nav_contacts_es.gif) no-repeat;}
a#menucontactses:hover{background: url(../img/nav_contactsH_es.gif) no-repeat;}
#menucontactsesL, #menucontactsesL-on
{background: url(../img/nav_contactsL_es.gif) no-repeat;}
a#menucontactsesL:hover
{background: url(../img/nav_contactsH_es.gif) no-repeat;}


/*pour les sous menus*/

.boxnav, .boxnav2, .boxnav3, .boxnav4{
width: 160px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.boxnav a, .boxnav2 a, .boxnav3 a, .boxnav4 a  {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
display:block;
text-indent: 4px;
text-decoration:none;
width:160px;
line-height:15px;
}
.boxnav a{color:#60828E; border-bottom:1px dotted #9ACDCD;}
.boxnav2 a{color:#6D9063; border-bottom:1px dotted #B4CE9B;}
.boxnav3 a{color:#906F63; border-bottom:1px dotted #CE9B9B;}
.boxnav4 a{color:#947E5B; border-bottom:1px dotted #C1B49B;}

.boxnav a:hover, .boxnav2 a:hover, .boxnav3 a:hover, .boxnav4 a:hover {
display:block;
text-decoration:none;
width: 160px;
color:#000;
}

.boxnav a:hover{background-color:  #9ACDCD; color:#fff;}
.boxnav2 a:hover{background-color:#B4CE9B ;color:#fff;}
.boxnav3 a:hover{background-color:#CE9B9B;color:#fff;}
.boxnav4 a:hover{background-color: #C1B49B ;color:#fff;}

#productcount{
clear: both;
text-align: right;
color: #ccc;
font-family: Verdana;
font-size:0.9em;
margin-top: 5px;
font-weight:bold;
}

#productcount a, #productcount a:visited{
text-decoration:none;
background-color: #ccc;
color:#fff;
border: 1px solid #fff;
padding:1px;
font-weight:normal;
}

#productcount a:hover{
text-decoration:none;
color: #fff;
background-color:#9ACDCD;
border: 1px solid #9ACDCD;
padding:1px;
font-weight:normal;
}