body { margin: 0; padding: 0; text-align: center; font-family:Verdana, sans-serif; background: url(fonds.gif) left top repeat; }

.apparent { visibility: visible; display: block; }
.cache { visibility: hidden; display: none; }

p { margin: 0 0 0 0; padding: 0 0 0 0; font-family: Verdana, sans-serif; font-size: 11px; text-align: left; }
p.small { margin: 0 0 0 0; padding: 0 0 0 0; font-family: Verdana, sans-serif; font-size: 9px; text-align: left; }


a.rouge { color:#CC3300; }
a.rose { color:#F458A4; }
a.orange { color:#FF9A00; }
a.bleu { color:#207FB6; }
a.gris-fonce { color:#666666; }
a.gris { color:#999999; }

input.gris { font-family: Verdana, sans-serif; font-size: 11px; background: url(images/fonds-field.gif) left top repeat; }
textarea.gris  { font-family: Verdana, sans-serif; font-size: 11px; background-color:#EFEFEF; }
.option { font-family: Verdana, sans-serif; font-size: 11px; background-color:#EFEFEF; }
.norm { margin: 0 0 0 0; padding: 0 0 0 0; font-family: Verdana, sans-serif; font-size: 11px; text-align: left;  }

.small { margin: 0 0 0 0; padding: 0 0 0 0; font-family: Verdana, sans-serif; font-size: 9px; text-align: left; }
.form-titre { 	border-width:0px; font-family: Verdana, sans-serif; font-size: 11px; text-align: right; }

h1 { font-family:Trebushet, sans-serif; font-size: 26px; font-weight:normal; color:#666666; margin: 10px 0 5px 20px;  text-align: left;  }
h2 { font-family:Trebushet, sans-serif; font-size: 18px; font-weight:normal; margin: 10px 0 5px 20px; color:#666666; text-align: left;}
h3 { font-family:Trebushet, sans-serif; font-size: 15px; color:#666666; margin: 10px 0 5px 20px; text-align: left;}
h4 { font-family:Trebushet, sans-serif; font-size: 13px; color:#666666; padding-top: 10px; margin: 0px 10px 5px 20px; text-align: left;}
h5 { font-family:Trebushet, sans-serif; font-size: 12px; color:#666666; padding-top: 2px; margin: 0px 10px 5px 20px; text-align: left;}

a { font-family: Verdana, sans-serif; font-size: 11px; text-align: left; text-decoration: none; color:#CC3300; }
a:hover { font-family: Verdana, sans-serif; font-size: 11px; text-align: left; text-decoration: none; color:#999999; }

a.small { font-size: 9px; }
a:hover.small { font-size: 9px; }
#global { margin: 0 auto; margin: 0 auto; width: 864px; text-align: left; }

#header {    width:864px; margin: 0 0 0 0px; padding: 0 0 0 0px; background: url(images/header.jpg) left top no-repeat; height: 158px; }

#header h2 { margin: 0 0 0 0px; padding: 0 0 0 0px; }

#headermenu {

	margin: 139px 0 0 432px;
	padding: 0 0 0 0px;

}

#headermenu p a {

 	margin: 0px 0 0 0px;
	font-size: 9px;
	color: #4D618D;
	padding: 0px 0 0 0px;
	text-decoration: none;
}

#haut { width:864px; margin: 0 0 0 0px; }


/* Boutons
----------------------------------------------- */

#marge { padding:  5px 0 0 10px; }

#bouton-medium ul { height:23px; margin-left: 10px; padding-left: 0px; padding-bottom: 0px; margin-bottom: 0px; padding-top: 0px; margin-top: 0px; list-style-type: none; }
#bouton-medium li { text-align:center; list-style-type: none; }
#bouton-medium li a { font-family: Verdana, sans-serif; font-size: 10px; color:#666666; height:23px; 
padding-left: 10px; padding-top: 10px; width:120px; display: block; float:left; background:url(images/bouton-medium-gris.gif) left no-repeat;} 
#bouton-medium li a:hover { font-family: Verdana, sans-serif; font-size: 10px; font-weight:bold; color:#FFFFFF; height:23px; 
padding-left: 10px; padding-top: 10px; width:120px; display: block; float:left; background:url(images/bouton-medium-orange.gif) left no-repeat;} 

#bouton-large ul { height:23px; margin: 0; padding-left: 10px; list-style-type: none; margin-right:10px; padding-top:10px; }
#bouton-large li { text-align:center; list-style-type: none; }
#bouton-large li.orange { padding-top: 10px; text-align:center; list-style-type: none; background:url(images/bouton-large-orange.gif) left no-repeat; }
#bouton-large li a { font-family: Verdana, sans-serif; font-size: 10px; color:#666666; height:23px; 
padding-left: 10px; padding-top: 10px; width:180px; display: block; float:left; background:url(images/bouton-large-gris.gif) left no-repeat;} 
#bouton-large li a:hover { font-family: Verdana, sans-serif; font-size: 10px; color:#FFFFFF; height:23px; 
width:180px; display: block; background:url(images/bouton-large-orange.gif) left no-repeat;} 
#bouton-large li p { font-family: Verdana, sans-serif; font-size: 10px; color:#FFFFFF; height:23px; 
margin-left: 0px; padding-left: 10px; padding-top: 10px; width:180px; display: block; float:left; background:url(images/bouton-large-orange.gif) left no-repeat;} 
#bouton-large li p.orange { font-family: Verdana, sans-serif; font-size: 10px; color:#FFFFFF; height:23px; 
margin-left: 0px; padding-left: 10px; padding-top: 10px; width:180px; display: block; float:left; background:url(images/bouton-large-orange.gif) left no-repeat;} 
#bouton-large li a.orange { font-family: Verdana, sans-serif; font-size: 10px; color:#FFFFFF; height:23px; 
padding-left: 10px; padding-top: 10px; width:180px; display: block; float:left; background:url(images/bouton-large-orange.gif) left no-repeat;} 
#bouton-large li a:hover.orange { font-family: Verdana, sans-serif; font-size: 10px; color:#FFCC00; height:23px; 
padding-left: 10px; width:180px; display: block; background:url(images/bouton-large-orange.gif) left no-repeat;} 


#bouton-extra-large ul { height:23px; margin: 0; padding-left: 10px; padding-bottom: 0px; margin-bottom: 0px; padding-top: 0px; margin-top: 0px; list-style-type: none; }
#bouton-extra-large li { text-align:center; list-style-type: none; }
#bouton-extra-large li a { font-family: Verdana, sans-serif; font-size: 10px; color:#666666; height:23px; 
padding-left: 10px; padding-top: 10px; width:230px; display: block; float:left; background:url(images/bouton-large-extra-gris.gif) left no-repeat;} 
#bouton-extra-large li a:hover { font-family: Verdana, sans-serif; font-size: 10px; color:#FFFFFF; height:23px; 
width:230px; display: block; background:url(images/bouton-large-extra-orange.gif) left no-repeat;} 

#boutonimp-extra-large ul { height:23px; margin: 0; padding-left: 10px; list-style-type: none; }
#boutonimp-extra-large li { padding-right: 	0px; padding-top: 10px; text-align:center; list-style-type: none; }
#boutonimp-extra-large li p { font-family: Verdana, sans-serif; font-size: 10px; color:#666666; height:23px; 
padding-left: 10px; padding-top: 10px; width:230px; display: block; float:left; background:url(images/bouton-large-extra-orange.gif) left no-repeat;}
#boutonimp-extra-large li a { font-family: Verdana, sans-serif; font-size: 10px; color:#666666; height:23px; 
padding-left: 10px; padding-top: 10px; width:230px; display: block; float:left; background:url(images/bouton-large-extra-orange.gif) left no-repeat;} 
#boutonimp-extra-large li a:hover { font-family: Verdana, sans-serif; font-size: 10px; color:#FFFFFF; height:23px; 
width:230px; display: block; background:url(images/bouton-large-extra-gris.gif) left no-repeat;} 


li a.bouton:link { 
width:122px; 
height:33px;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
text-align:center;
list-style-type: none;  }

li a.bouton:visited { 
width:122px; 
height:28px; 
background:url(images/bouton-off.gif);
text-align:center; }

a.bouton:hover { 
width:122px; 
height:28px; 
background:url(images/bouton-on.gif);
text-align:center; }

li a.bouton {   
text-align:center; 
background:url(images/bouton-off.gif);
list-style-type: none; 
}

a.boutonsmall:link { 
width:122px; 
height:28px; 
background:url(images/bouton-small-off.gif) no-repeat;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
text-align:center;
display: block; }

a.boutonsmall:visited { 
width:122px; 
height:28px; 
background:url(images/bouton-off.gif);
text-align:center; }

a.boutonsmall:hover { 
width:122px; 
height:28px; 
background:url(images/bouton-on.gif);
text-align:center; }

a.bouton {   
text-align:center;
}
/* Conteneur
----------------------------------------------- */

#bloc { width:864px; margin:0 auto; }

#conteneur { width:864px; margin:0 auto; background: url(corps-fond.gif) left top repeat;}

#centre { margin-top: 5px; margin-left: 145px; margin-right: 140px; min-height:1100px}
#centre p{ text-align: left; margin: 0; padding: 0; }

#gauche { float:left; width: 145px; padding-left:40px; padding-right:0px; }
#droite { float:right; width: 145px; padding-left:0px; padding-right:35px; }

/* Bas
----------------------------------------------- */

#bastop { height: 5px; width: 864px; background: url(images/bastop.gif) top no-repeat; }
#bas { height: 60px; 864px; background: url(images/bas.gif) top repeat; }

#bas p{ height: 44px; font-size: 11px; padding-left:60px; margin-top:0px; text-align: left; padding-top:15px; color:#666666; }

#bas a { text-decoration: none; color:#666666; }
#bas a:hover { text-decoration: none; color:#FFFFFF; }

/* Pied
----------------------------------------------- */


#pied { height: 120px; width: 864px; background: url(images/pieds.gif) top no-repeat; }

#pied p{ font-size: 10px; margin-top:0px; text-align: left; padding-top:5px; color:#666666; }

#pied a { text-decoration: none; color:#666666; }
#pied a:hover { text-decoration: none; color:#FFFFFF; }

div#pied ul {  margin-left: 15px; font-size: 10px; text-align: left; padding-bottom: 0px; padding-left: 15px; float:left; list-style-type: none; }
div#pied li {  display: inline; text-align: left; margin-left: 15px;  }
div#pied li a { font-size: 10px; display: inline; text-align: left; font-weight: normal; color: #FFFFFF; }

/* Pied-sites
----------------------------------------------- */


#bottomsites { height: 50px; width: 864px; background: url(images/pieds-sites.gif) top no-repeat; }

#bottomsites p{ height: 35px; font-size: 10px; padding-left:60px;  margin-top:0px; padding-top:15px; text-align: left; color:#666666; }

/* Footer
----------------------------------------------- */


#footer { height: 50px; background: url(foot.gif) top no-repeat; }

#footer p{ font-size: 10px; text-align: left;  padding-left:60px; padding-top:18px; color:#FFFFFF; }

#footer a { font-size: 10px; text-decoration: none; color:#FFFFFF; }
#footer a:hover { text-decoration: none; color:#333333; }

#footer-reflect { height: 70px; background: url(foot-reflect.gif) top no-repeat; margin:0; padding:0; }

/* Menu Principal
----------------------------------------------- */

#menuconteneur { width:864px; height:25px; margin:0 auto; background: url(menu-sec.gif) left top repeat; }

#menucentre { margin-left: 145px; margin-right: 140px; }
#menucentre p{ text-align: left; margin: 0; padding: 0; }
#menucentre ul { height:25px; margin: 0; padding-bottom: 0px; padding-left: 35px; float:left; list-style-type: none; text-align: center;	 }
#menucentre li { text-align: right;  padding:0px; margin-right: 10px; float:left; height: 25px; text-align: center; }
#menucentre li a { display: inline; margin: 0; padding-bottom:20px; color: #FFFFFF; font-size: 10px; font-weight: bold; text-align: center; }
#menucentre li p { display: inline; margin: 0; padding-bottom:20px; color: #FFFFFF; font-size: 10px; text-decoration: none; }
#menucentre li a:hover { text-decoration: none; margin: 0; padding:0; } 

#menugauche { float:left; width: 145px; padding-left:40px; padding-top:5px;  margin: 0; color: #FFFFFF; font-size: 10px; }
#menudroite { float:right; width: 145px; padding-top:5px; padding-right:35px;  margin: 0; color: #FFFFFF; font-size: 10px; }
#menudroite a { color: #FFFFFF; }

/* Menu secondaire
----------------------------------------------- */

#menubisconteneur { width:864px; height:26px; margin:0 auto; background: url(menu-ter.gif) left top repeat; }

#menubiscentre { margin-left: 145px; margin-right: 140px; }
#menubiscentre p{ text-align: left; margin: 0; padding: 0; }
#menubiscentre ul { height:26px; margin: 0; padding-bottom: 0px; padding-left: 20px; float:left; list-style-type: none;	 }
#menubiscentre li { text-align: right;  padding:0px; margin-right: 10px; float:left; height: 26px; text-align: center; }
#menubiscentre li a { display: inline; margin: 0; padding-bottom:20px; color: #FFFFFF; font-size: 10px; text-decoration: none; }
#menubiscentre li p { display: inline; margin: 0; padding-bottom:20px; color: #FFFFFF; font-size: 10px; text-decoration: none; }
#menubiscentre li a:hover { text-decoration: none; margin: 0; padding:0; } 

#menubisgauche { float:left; width: 145px; padding-left:40px; padding-top:5px;  margin: 0; color: #666666; font-size: 10px; }
#menubisdroite { float:right; width: 145px; padding-top:3px; padding-right:35px;  margin: 0; color: #FFFFFF; font-size: 10px; }


/* Lignes
----------------------------------------------- */
div#ligne {list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; width: 470px; background: url(images/line-470.gif) no-repeat; }

/* Cadre Centre Large
----------------------------------------------- */
#cadrecentrelarge { width: 490px; margin: 0 auto; padding: 0;}
div#cadrecentrelargeh {/* conteneur global et arrière-plan du titre du cadre */ width: 490px; height:6px; margin: 0; padding:0; background: url(images/cadre-centre-large-haut.gif) bottom left no-repeat; }
div#cadrecentrelargehtitre {/* conteneur global et arrière-plan du titre du cadre */ width: 490px; height:6px; margin: 0; padding:0; background: url(images/cadre-centre-large-haut-titre.gif) bottom left no-repeat; }
div#cadrecentrelargec {/* arrière-plan bas et sur l'ensemble du cadre */ width: 490px; margin: 0; padding:0; background: url(images/cadre-centre-large.gif) top right repeat; }
div#cadrecentrelargectitre {/* arrière-plan bas et sur l'ensemble du cadre */ width: 490px; margin: 0; padding:0; background: url(images/cadre-centre-large.gif) top right repeat; }
div#cadrecentrelargec3col {/* arrière-plan bas et sur l'ensemble du cadre */ width: 490px; margin: 0; padding:0; background: url(images/cadre-centre-large3-col.gif) top right repeat; }
div#cadrecentrelargeb {/* arrière-plan bas et sur l'ensemble du cadre */ width: 490px;  height:6px; margin: 0; padding:0; background: url(images/cadre-centre-large-bas.gif) top left no-repeat; }
div#cadrecentrelargef {/* arrière-plan bas et sur l'ensemble du cadre */ width: 490px; margin: 0; padding:0; background: url(images/cadre-centre-large-fonds.gif) top repeat; }
div#cadrecentrelargef3col {/* arrière-plan bas et sur l'ensemble du cadre */ width: 490px; margin: 0; padding:0; background: url(images/cadre-centre-large-fonds3-col.gif) repeat; }
div#cadrecentrelarge p { margin: 0px 25px 0px 25px; padding: 0; }
div#cadrecentrelargec h3 { font-family:Verdana, sans-serif; font-size: 11px; font-weight:bold; color:#ffffff; padding-left: 10px;  margin-left: 20px; line-height:28px; text-align: left; background: url(images/h3.gif) top left no-repeat; }
div#cadrecentrelargec h3.clear { font-family:Verdana, sans-serif; font-size: 11px; font-weight:bold; color:#666666; padding-left: 10px;  margin-left: 20px; line-height:32px; text-align: left; background: url(images/h3-clear.gif) top left no-repeat; }
div#cadrecentrelargef h3.clear { font-family:Verdana, sans-serif; font-size: 11px; font-weight:bold; color:#666666; padding-left: 10px;  margin-left: 20px; line-height:32px; text-align: left; background: url(images/h3-clear.gif) top left no-repeat; }
div#cadrecentrelargec h3.cleardown { font-family:Verdana, sans-serif; font-size: 11px; font-weight:bold; color:#666666; padding-left: 10px;  margin-left: 20px; line-height:32px; text-align: left; background: url(images/h3-clear-down.gif) top left no-repeat; }
div#cadrecentrelargef h3.cleardown { font-family:Verdana, sans-serif; font-size: 11px; font-weight:bold; color:#666666; padding-left: 10px;  margin-left: 20px; line-height:32px; text-align: left; background: url(images/h3-clear-down.gif) top left no-repeat; }
div#cadrecentrelargef h3.dark { font-family:Trebushet, sans-serif; font-size: 14px; font-weight:bold; color:#ffffff; padding-left: 10px;  margin-left: 15px; line-height:32px; text-align: left; background: url(images/h3-dark.gif) top left no-repeat; }
div#cadrecentrelargec h3.dark { font-family:Trebushet, sans-serif; font-size: 14px; font-weight:bold; color:#ffffff; padding-left: 10px;  margin-left: 15px; line-height:32px; text-align: left; background: url(images/h3-dark.gif) top left no-repeat; }
div#cadrecentrelargec h4.rose { font-family:Trebushet, sans-serif; font-size: 13px; color:#F458A4; padding-left: 6px; margin: 0px 0 0px 20px; text-align: left;}
div#cadrecentrelargec h4.rouge { font-family:Trebushet, sans-serif; font-size: 13px; color:#CC0000; padding-left: 6px; margin: 0px 0 0px 20px; text-align: left;}
div#cadrecentrelargec h4.bleu { font-family:Trebushet, sans-serif; font-size: 13px; color:#207FB6; padding-left: 6px; margin: 0px 0 0px 20px; text-align: left;}
div#cadrecentrelargec h4.orange { font-family:Trebushet, sans-serif; font-size: 13px; color:#FF9A00; padding-left: 6px; margin: 0px 0 0px 20px; text-align: left;}
div#cadrecentrelargec h4.gris { font-family:Trebushet, sans-serif; font-size: 13px; color:#666666; padding-left: 6px; margin: 0px 0 0px 20px; text-align: left;}
div#cadrecentrelargec h4.gris-fonce { font-family:Trebushet, sans-serif; font-size: 13px; color:#666666; padding-left: 6px; margin: 0px 0 0px 20px; text-align: left;}
div#cadrecentrelargec h4 { font-family:Verdana, sans-serif; font-size: 12px; color:#666666; padding-left: 10px; margin: 0px 0 0px 20px; text-align: left;}



/* Cadre Centre Médium
----------------------------------------------- */
#cadrecentremedium { width: 310px; margin: 0 auto; }
div#cadrecentremediumh {/* conteneur global et arrière-plan du titre du cadre */ width: 310px; height:11px; margin: 0; padding:0; background: url(images/cadre-centre-medium-haut.gif) bottom left no-repeat; }
div#cadrecentremediumc {/* arrière-plan bas et sur l'ensemble du cadre */ width: 310px; margin: 0; padding:0; background: url(images/cadre-centre-medium.gif) top right repeat; }
div#cadrecentremediumb {/* conteneur global et arrière-plan du titre du cadre */ width: 310px; height:11px; margin: 0; padding:0; background: url(images/cadre-centre-medium-bas.gif) top left no-repeat; }
div#cadrecentremediumc p { margin: 0 30px 0 20px;}
div#cadrecentremediumc h4 { font-family:Trebushet, sans-serif; font-size: 12px; color:#666666; margin: 0px 0 0px 20px; text-align: left;}
div#cadrecentremediumhtete {/* conteneur global et arrière-plan du titre du cadre */ width: 314px; height:36px; margin-left: 0px; background: url(images/cadre-centre-medium-haut-tete.gif) top no-repeat; }
div#cadrecentremediumhtete h3.clear { font-family:Trebushet, sans-serif; font-size: 12px; font-weight:bold; color:#999999; padding-left: 0px; margin-top: 0px; padding-left: 10px; margin-left: 10px; padding-top: 0px; line-height:30px; text-align: left; }


/* Cadre Centre Small
----------------------------------------------- */
#cadrecentresmall { width: 156px; margin: 0 0 0 0; }
div#cadrecentresmallh {/* conteneur global et arrière-plan du titre du cadre */ width: 156px; height:11px; background: url(images/cadre-centre-small-haut.gif) bottom left no-repeat; }
div#cadrecentresmallhtitre {/* conteneur global et arrière-plan du titre du cadre */ width: 156px; height:11px; background: url(images/cadre-centre-small-haut-titre.gif) bottom left no-repeat; }
div#cadrecentresmallhtete {/* conteneur global et arrière-plan du titre du cadre */ width: 156px; height:36px; background: url(images/cadre-centre-small-haut-tete.gif) top left no-repeat; }
div#cadrecentresmallb {/* arrière-plan bas et sur l'ensemble du cadre */ width: 156px; height:11px; background: url(images/cadre-centre-small-bas.gif) top left no-repeat; }
div#cadrecentresmallhdotted {/* conteneur global et arrière-plan du titre du cadre */ width: 156px; height:11px; background: url(images/cadre-centre-small-haut-dotted.gif) bottom left no-repeat; }
div#cadrecentresmallc {/* arrière-plan bas et sur l'ensemble du cadre */ width: 156px; background: url(images/cadre-centre-small.gif) top right repeat; padding-left: 0px; } 
div#cadrecentresmallcnoborder {/* arrière-plan bas et sur l'ensemble du cadre */ width: 151px;background: url(images/cadre-centre-small-noborder.gif) top right repeat; padding-left: 5px; } 
div#cadrecentresmallf {/* arrière-plan bas et sur l'ensemble du cadre */ background: url(images/cadre-centre-small-fonds.gif) top right repeat; padding-left: 5px; } 
div#cadrecentresmallcdotted {/* arrière-plan bas et sur l'ensemble du cadre */ background: url(images/cadre-centre-small-dotted.gif) top right repeat; }
div#cadrecentresmallbdotted {/* arrière-plan bas et sur l'ensemble du cadre */ height:11px; background: url(images/cadre-centre-small-bas-dotted.gif) top left no-repeat; }
div#cadrecentresmall p { margin: 0 12px 0 10px;  padding-left: 10px; }
div#cadrecentresmallc p { margin: 0 12px 0 10px;  padding-left: 10px; }
div#cadrecentresmallhtete h3.clear { font-family:Trebushet, sans-serif; font-size: 12px; font-weight:bold; color:#999999; padding-left: 10px; margin-top: 0px; margin-left: 10px; padding-top: 0px; line-height:30px; text-align: left; }
div#cadrecentresmallcnoborder h3.clear { font-family:Trebushet, sans-serif; font-size: 12px; font-weight:bold; color:#666666; padding-left: 5px; margin-top: 0px; margin-left: 3px; padding-top: 0px; line-height:30px; text-align: left; background: url(images/h3-small-clear.gif) left  no-repeat; }


/* Cadre Centre Large Produits
----------------------------------------------- */
div#global-produit { width:472px; margin:0 auto; }

div#global-produit div#centre { margin-left: 145px; margin-right: 140px; }
div#global-produit div#centre p{ text-align: left; margin: 0; padding: 0; }

div#global-produit div#gauche { float:left; width: 280px; margin: 0; padding: 0px; }
div#global-produit div#gauche p { font-family: Verdana, sans-serif; font-size: 11px; margin: 0 5px 0 12px; text-align: left; font-weight:normal; }
div#global-produit div#gauche h2 { font-family:Trebushet, sans-serif; font-size: 18px; font-weight:normal; color:#666666; margin: 10px 5px 0px 25px;  text-align: left;  }
div#global-produit div#gauche h3 { font-family:Verdana, sans-serif; font-size: 11px; font-weight:bold; color:#ffffff; padding-left: 10px; margin: 0px 0px 0px 10px; line-height:28px; text-align: left; background: url(images/produits/h3-produits.jpg) top left no-repeat; }
div#global-produit div#gauche h3.on { width: 260px; font-family:Verdana, sans-serif; font-size: 11px; font-weight:bold; color:#ffffff; padding-left: 10px;  margin-left: 10px; line-height:28px; text-align: left; background: url(images/produits/h3-produits-on.jpg) top left no-repeat; }
div#global-produit div#gauche h3.com-on { width: 260px; font-family:Verdana, sans-serif; font-size: 11px; font-weight:bold; color:#ffffff; padding-left: 10px; 10px; margin: 0px 0px 0px 10px; line-height:28px; text-align: left; background: url(images/produits/h3-produits-com-on.jpg) top left no-repeat; }
div#global-produit div#gauche h4 { font-family:Trebushet, sans-serif; font-size: 11px; font-weight:bold; color:#666666; margin: 10px 5px 5px 20px;  text-align: left;  }
div#global-produit div#droite { float:right; width: 183px; padding:0px; margin: 0;}

div#global-produit div#droite div#menu-produit { margin: 0; width: 183px; display: block; padding:0; background: url(images/produits/menu-m.gif) bottom left repeat;  }

div#global-produit div#droite div#menu-produit h1 { font-family:Trebushet, sans-serif; font-size: 26px; font-weight:normal; color:#666666; margin: 10px 0 5px 20px;  text-align: left;  }
div#global-produit div#droite div#menu-produit h2 { font-family:Trebushet, sans-serif; font-size: 18px; font-weight:normal; margin: 10px 0 5px 20px; color:#666666; text-align: left;}
div#global-produit div#droite div#menu-produit h3 { font-family:Trebushet, sans-serif; font-size: 12px; color:#666666; margin: 10px 0 5px 20px; text-align: left;}
div#global-produit div#droite div#menu-produit h4 { font-family:Trebushet, sans-serif; font-size: 12px; color:#666666; margin: 0px 0 2px 15px; text-align: left;}

div#global-produit div#droite div#menu-produit-h {/* conteneur global et arrière-plan du titre du cadre */  width: 183px;  height:11px; margin: 0; padding:0; background: url(images/produits/menu-h.gif) bottom left no-repeat; }
div#global-produit div#droite div#menu-produit-b {/* arrière-plan bas et sur l'ensemble du cadre */ width: 186px; line-height: 20px; margin: 0; padding:0; background: url(images/produits/menu-b.gif) top left no-repeat; }

div#global-produit div#droite div#menu-produit ul.arg {  display: block; background-image: url(images/icones/ico-arg.gif) top left no-repeat; }
div#global-produit div#droite div#menu-produit ul.arg li {  text-align: left;   }
div#global-produit div#droite div#menu-produit ul.arg li a {  text-align: left; font-weight: normal; color: #FF9900; }

div#global-produit div#droite div#menu-produit ul.pres { font-size: 11px; color: #428842; margin: 0px; padding: 0px;  list-style: none; width: 183px; }
div#global-produit div#droite div#menu-produit ul.pres  li { display: block; margin: 0px; padding: 0px; text-align: left; line-height: 26px; vertical-align: middle; }
div#global-produit div#droite div#menu-produit ul.pres  li p { font-weight: normal; }
div#global-produit div#droite div#menu-produit ul.pres  li a { display: block; width: 153px; font-size: 11px; height: 26px; padding-right: 0px; margin-right: 0px; padding-left: 35px; margin-left: 0px; color: #FFFFFF; text-decoration: none; font-weight: normal; background: url(images/produits/menu-pres-off.gif) top left no-repeat; }
div#global-produit div#droite div#menu-produit ul.pres  li a.on { display: block; width: 153px; font-size: 11px; height: 26px; padding-right: 0px; margin-right: 0px; padding-left: 35px; margin-left: 0px; color: #FFFFFF; text-decoration: none; font-weight: normal; background: url(images/produits/menu-pres-on.gif) top left no-repeat; }
div#global-produit div#droite div#menu-produit ul.pres  li a:hover { width: 153px; color: #FFFFFF;   text-decoration: none; height: 26px; background: url(images/produits/menu-pres-on.gif) top left no-repeat; }

div#global-produit div#droite div#menu-produit ul.com { font-size: 11px; color: #428842; margin: 0px; padding: 0px;  list-style: none; width: 183px; }
div#global-produit div#droite div#menu-produit ul.com  li { display: block; margin: 0px; padding: 0px; text-align: left; line-height: 26px; vertical-align: middle; }
div#global-produit div#droite div#menu-produit ul.com  li p { font-weight: normal; }
div#global-produit div#droite div#menu-produit ul.com  li a { display: block; width: 153px; font-size: 11px; height: 26px; padding-right: 0px; margin-right: 0px; padding-left: 35px; margin-left: 0px; color: #FFFFFF; text-decoration: none; font-weight: normal; background: url(images/produits/menu-com-off.gif) top left no-repeat; }
div#global-produit div#droite div#menu-produit ul.com  li a.on { display: block; width: 153px; font-size: 11px; height: 26px; padding-right: 0px; margin-right: 0px; padding-left: 35px; margin-left: 0px; color: #FFFFFF; text-decoration: none; font-weight: normal; background: url(images/produits/menu-com-on.gif) top left no-repeat; }
div#global-produit div#droite div#menu-produit ul.com  li a:hover { width: 153px; color: #FFFFFF;   text-decoration: none; height: 26px; background: url(images/produits/menu-com-on.gif) top left no-repeat; }

div#global-produit div#droite div#menu-produit ul.avantages { font-size: 11px; color: #428842; margin: 0px; padding: 0px;  list-style: none; width: 183px; }
div#global-produit div#droite div#menu-produit ul.avantages  li { display: block; margin: 0px; padding: 0px; text-align: left; line-height: 26px; vertical-align: middle; }
div#global-produit div#droite div#menu-produit ul.avantages  li p { font-weight: normal; }
div#global-produit div#droite div#menu-produit ul.avantages  li a { display: block; width: 153px; font-size: 11px; height: 26px; padding-right: 0px; margin-right: 0px; padding-left: 35px; margin-left: 0px; color: #FFFFFF; text-decoration: none; font-weight: normal; background: url(images/produits/menu-com-off.gif) top left no-repeat; }
div#global-produit div#droite div#menu-produit ul.avantages  li a.on { display: block; width: 153px; font-size: 11px; height: 26px; padding-right: 0px; margin-right: 0px; padding-left: 35px; margin-left: 0px; color: #FFFFFF; text-decoration: none; font-weight: normal; background: url(images/produits/menu-com-on.gif) top left no-repeat; }
div#global-produit div#droite div#menu-produit ul.avantages  li a:hover { width: 153px; color: #FFFFFF;   text-decoration: none; height: 26px; background: url(images/produits/menu-com-on.gif) top left no-repeat; }


/* Cadre Menus Latéraux
----------------------------------------------- */
div#cadremenulat { width: 136px; margin: 0; padding: 0; }
div#cadremenulath {/* conteneur global et arrière-plan du titre du cadre */  width: 136px;  height:11px; margin: 0; padding:0; background: url(images/cadre-menu-lat-haut.gif) bottom left no-repeat; }
div#cadremenulathtitre {/* conteneur global et arrière-plan du titre du cadre */  width: 136px;  height:11px; margin: 0; padding:0; background: url(images/cadre-menu-lat-haut.gif) bottom left no-repeat; }
div#cadremenulatc {/* arrière-plan bas et sur l'ensemble du cadre */ width: 136px; margin: 0; padding: 0; background: url(images/cadre-menu-lat.gif) top left repeat; display: block; }
div#cadremenulatb {/* arrière-plan bas et sur l'ensemble du cadre */ width: 136px; height:11px; margin: 0; padding:0; background: url(images/cadre-menu-lat-bas.gif) top left no-repeat; }

/* Cadre Menus Latéraux - Boutons
----------------------------------------------- */
div#cadremenulat div#menulat { width: 136px; margin: 0; padding-left: 10px; padding-right: 10px; height:28px; background: url(images/cadre-menu-lat.gif) top left repeat; }
div#cadremenulat div#menulat a { color: #BF0D14; text-decoration: none; font-size: 11px; width: 123px; height:18px; float:left; text-align:left; padding: 10px 0 0 0; background: url(images/cadre-menu-lat-off.gif) top left no-repeat; }
div#cadremenulat div#menulat a:hover { color: #FFFFFF; height:18px; text-decoration: none; width: 116px; padding-top:10px; background: url(images/cadre-menu-lat-on.gif) top left no-repeat; }

/* TEST Cadre Menus Latéraux - Boutons
----------------------------------------------- */
div#menufond { margin-left: 0; padding: 0; width: 136px; background: url(images/cadre-menu-lat.gif) left bottom repeat; display: block; }
ul.cadre-menu-categorie{ font-size: 10px; color: #428842; margin-left: 6px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;  padding: 0px;  list-style: none; }
ul.cadre-menu-categorie li { width: 123px; padding-left: 6px; margin-left: 0px; padding: 0px; text-align: left; line-height: 28px; vertical-align: middle; }
ul.cadre-menu-categorie li p { font-weight: normal; }
ul.cadre-menu-categorie li a { padding-left: 10px; margin-left: 6px; display: block; width: 123px; color: #BF0D14; text-decoration: none; font-weight: normal; background: url(images/cadre-menu-lat-off.gif) left bottom no-repeat; }
ul.cadre-menu-categorie li a.bleu { color:#207FB6; margin-left: 0px; margin-left: 0px; }
ul.cadre-menu-categorie li a.orange { color: #FF9A00; margin-left: 0px; }
ul.cadre-menu-categorie li a.rouge { color:#CC3300; margin-left: 0px; }
ul.cadre-menu-categorie li a.rose { color:#F458A4; margin-left: 0px; }
ul.cadre-menu-categorie li a.gris-fonce { color:#666666; margin-left: 0px; }
ul.cadre-menu-categorie li a.gris { color:#999999 ; margin-left: 0px; }
ul.cadre-menu-categorie li a:hover { width: 123px; color: #FFFFFF; text-decoration: none; background: url(images/cadre-menu-lat-on.gif) top left no-repeat; }


/* Boutons
----------------------------------------------- */
a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(images/bouton.gif);
background-repeat: no-repeat;
width: 132px;
height: 28px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

/* Photos
----------------------------------------------- */

	.small{
	margin:0px;
	padding:0px;

	}

	.photo{
	border-color:#000000;
	border-width:0px;
	margin-left: 20px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:0px;
	border-style: outset;

	}

	.photodecorsmall{
	border-color:#000000;
	border-width:0px;
	margin-left: 20px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:0px;
	border-style: outset;
	height:99px; 
	width:98px; display: block; background:url(images/photos-small-fonds.gif) left no-repeat;

	}

	.photo-options{
	border-color:#000000;
	border-width:0px;
	margin-left: 5px;
	margin-right:5px;
	margin-top:0px;
	margin-bottom:0px;
	border-style: outset;

	}


	.photo-small{
	border-color:#000000;
	border-width:1px;
	border-style: outset;
    margin-left:5px;
    margin-right:5px;
    margin-top:0px;
    margin-bottom:0px;
	}

	.photo3{
	border-color:#000000;
	border-width:1px;
	border-style: outset;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
	}

/* Formulaires
----------------------------------------------- */
	
.form { border:0px; margin:0px; padding:0px; font-size: 1px; color: #000000; font-style: normal; }

/* Icones
----------------------------------------------- */	

	.ico-small {
	border-color:#000000;
	border-width:0px;
	margin-left: 20px;
	padding-bottom:10px;
	border-style: outset;

	}

	.ico-fiche {
	border-color:#000000;
	border-width:0px;
	margin-left: 10px;
	padding-bottom:0px;
	border-style: outset;

	}

.ico{
	border-color:#000000;
	border-width:0px;
	border-style: outset;
margin-left:5px;
margin-right:5px;
margin-top:0px;
margin-bottom:0px;
	}

.hr { margin: 0; padding: 0; background: url(images/hr.gif) top left repeat; width: 132px; }