html {   font-size: 100%; } 
body { 
margin:0px; 
padding:0px; 
background:#FFF url(images/bg.jpg);
font: .7em Arial, "Trebuchet MS", Tahoma, sans-serif; 
line-height: 1.6em;
color: #444;
}

*{ margin: 0; padding: 0; }* 
ul {
margin:0; 
padding:0; 
list-style-type:none;
font-size:0;
}
ol {
margin:0; 
padding:0; 
}
p {	margin: 0 0 10px 0; }

span.rougesouligne { color:red; text-decoration:underline; }
span.rouge { color:red }
span.bleu { color:#6699ff }
span.bleufonce { color:#006699 }
span.blanc { color:white }

#conteneur {
width:850px;
margin:0 auto;
border:1px solid #CCCCFF;
background:#FFF;
}
#entete {
height:175px;
}
/************************ MENU GENERAL *******************************/
ul#menugeneral {
width:850px; 
height:27px; 
background:url(images/nav_bar.gif) 0 0 repeat-x; 
}
ul#menugeneral li {
float:left; 
padding:0 1px 0 0; 
background:url(images/nav_div.gif) right top no-repeat;
}
ul#menugeneral li a {
display:block; 
padding:0 14px; 
background:url(images/nav_bg.gif) 0 0 repeat-x; 
font:12px/27px Arial, Helvetica, sans-serif; 
text-decoration:none;
color:#FFF; 
}
ul#menugeneral li a:hover {
background:url(images/nav_hover.gif) 0 0 repeat-x; 
color:#FFF; 
}
/*************************************** GAUCHE ******************************/
#gauche {
float:left;
width:230px;
margin:5px 0;
}
#gauche #titre {
width:220px;
padding:5px;
background: #CC0000;
font-size:16px;
font-weight:bold;
color:#ffffff;
}
#gauche img {
border:0;
padding-top:5px;
}
#gauche #titre img {
float:left;
}
#gauche #titre p {
margin:1px;
padding:5px 0 3px 55px;
}
#gauche ul {
border-left: 8px solid #006699;
letter-spacing: 2px;
}
#gauche li {
}
#gauche ul.menu_ie li a {
display: block;
width: auto;
padding: 2px 0 1px 20px;
background: url(images/backmenu.gif) repeat-x bottom left;
font:bold 12px/15px Arial, Helvetica, sans-serif; 
text-transform: uppercase;
color:#6699FF;
text-decoration: none;
}
* html #gauche ul.menu_ie li a { /*IE only. Actual menu width minus left padding of A element (10px) */
width: 202px;
}
#gauche ul.menu_ie li  a:hover {
background-image: url(images/backhovermenu.gif);
}
#gauche ul.menu_ie6 li a {
display: block;
width: auto;
padding: 6px 0 6px 20px;
background: url(images/backmenu.gif) repeat-x bottom left;
font:bold 12px/15px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color:#6699FF;
text-decoration: none;
}
* html #gauche ul.menu_ie6 li a { /*IE only. Actual menu width minus left padding of A element (10px) */
width: 202px;
}
#gauche li ul.menu_ie6 a:hover {
background-image: url(images/backhovermenu.gif);
}
#gauche ul.menu_ff li a {
display: block;
width: auto;
padding: 6px 0 6px 20px;
background: url(images/backmenu.gif) repeat-x bottom left;
font:bold 12px/13px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color:#6699FF;
text-decoration: none;
}
#gauche ul.menu_ff li a:hover {
background-image: url(images/backhovermenu.gif);
}
/********************************* DROITE *******************************/
#droite {
font-size:11px;
line-height: 1.3em;
color:#333333;
margin: 5px 5px 5px 235px;
padding:10px 0;
}
#droite h2 {
margin-top:3px;
margin-bottom:15px;
padding-bottom:13px;
background:url(images/point.gif) bottom repeat-x;
font-size:24px;
font-weight:bold;
}

.partenaire {
float:left;
width:175px;
margin:5px;
padding:5px 0 0 0;
text-align:center;
}
.partenaire a img {
border:0;
}
.partenaire2 {
float:left;
width:268px;
margin:5px;
padding:5px 0 0 0;
text-align:center;
}

.produit {
float:left;
width:175px;
height:147px;
margin:5px;
padding:5px 0 0 0;
border:1px solid #d1e2ea;
text-align:center;
}
.produit img {
width:125px; 
height:94px;
}
.produit p {
margin-bottom:0px;
padding: 0 3px 5px 3px;
background:#e5edf1;
}
.produit p strong {
font:bold 10px/17px Arial, Helvetica, sans-serif;
color:#FF0000;
text-transform:uppercase;
}

.produit2 {
float:left;
width:268px;
height:161px;
margin:5px;
padding:5px 0 0 0;
border:1px solid #d1e2ea;
text-align:center;
}
.produit2 img {
width:175px; 
height:160px;
}
img.produit3 {
width:240px; 
height:94px;
}
.produit2 p {
margin-bottom:0px;
padding: 0 3px 5px 3px;
background:#e5edf1;
}
.produit2 p strong {
font:bold 10px/17px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#FF0000;
}
.produit5 {
float:left;
width:549px;
height:170px;
margin:5px;
padding:5px 0 0 0;
border:1px solid #d1e2ea;
text-align:center;
}
.produit5 img {
width:240px; 
height:94px;
}
.produit5 p {
background:#e5edf1;
margin-bottom:0px;
padding: 0 3px 5px 3px;
}
.produit5 p strong {
font:bold 10px/17px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#FF0000;
}

.promo {
float:left;
width:175px;
margin:5px;
padding:0px 0 0 0;
border:1px solid #d1e2ea;
text-align:center;
}
.promo p {
margin-bottom:0px;
padding: 0 3px 5px 3px;
background:#e5edf1;
}
.promo p strong {
font:bold 10px/17px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FF0000;
text-transform:uppercase;
}

#corps {
padding:0 17px;
}
#contact {
display:block;
width:572px;
height:135px;
background:url(images/point.gif) bottom repeat-x;
margin-bottom:20px;
}
.block1 {
float:left;
width: 286px;
height:135px;
margin-bottom:15px;
}
.block1 a {
color:#0099ff;
}
.block1 a:hover {
color:#FF0000;
}
.block2 {
float: right;
width: 286px;
height:135px;
margin-bottom:15px;
}
.block2 a {
color:#0099ff;
}
.block2 a:hover {
color:#FF0000;
}
.catalogue {
height:215px;
margin-bottom:20px;
background:url(images/point.gif) bottom repeat-x;
}
.catalogue img {
float:left;
border:1px dotted #006699;
}
.catalogue p {
margin-left:160px;
}
.catalogue a {
color: #006699;
}
.catalogue a:hover {
color: #FF0000;
}

.accueil {
/*background:url(images/point.gif) bottom repeat-x;*/
padding-bottom:2px;
margin-bottom:20px;
}
.accueil2 {
padding-bottom:2px;
margin-bottom:20px;
}
.accueil img {
float:left;
border:1px dotted #006699;
}
.accueil2 img {
float:left;
border:1px dotted #006699;
}
.accueil object {
float:left;
}
.accueil p {
margin-left: 200px;
}
.accueil2 p {
margin-left: 200px;
}
.accueil img {
margin-right:15px;
}
#horaire {
float:left;
width: 283px;
height:180px;
margin-bottom:5px;
background:url(images/fondhoraire.gif) no-repeat;
}
#horaire h3 {
padding:5px 10px;
font:bold 16px/28px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
#horaire a {
color:#006699;
}
#horaire a:hover {
color:#FF0000;
}
#horaire p {
margin-top: 20px;
text-align:center;
}

#telecharger {
width: 283px;
height:180px;
margin-left:290px;
margin-bottom:5px;
background:url(images/fondcatalogue.gif) no-repeat;
}
#telecharger h3 {
font:bold 16px/28px Arial, Helvetica, sans-serif;
padding:5px 10px;
color:#FFFFFF;
}
#telecharger p {
margin-top: 5px;
text-align:center;
}
#telecharger img {
margin: 5px 108px 0 108px;
border:1px dotted #006699;
}
#telecharger p a {
color:#006699;
}
#telecharger p a:hover {
color:#FF0000;
}


/**************************** PIED ***********************************/

#pied {
clear:both;
padding: 10px 0;
background:#333333;
font-size:11px;
line-height: 2em;
text-align: center;
color:#99cccc;
}
#pied a { color: #99cccc;}
#pied a.rouge { color: #FF0000;}
#pied a img { border:0; padding-top:10px; padding-left:5px; }

/****************** FORMULAIRE **************************/
#formulaire {
width:565px;
/*border:1px solid #C3BCA4;*/
padding:0;
margin:0;
background: url(images/fondcontact.gif) center right no-repeat;
}
#formulaire form {
padding:0;
margin:0;
}
#formulaire h3.titrecatalogue {
width:358px;
padding-bottom:5px;
background: url(images/point.gif) repeat-x bottom #FFFFFF;
font-size:18px;
}
#formulaire h3.titrecontact {
width:195px;
padding-bottom:5px;
background: url(images/point.gif) repeat-x bottom #FFFFFF;
font-size:18px;
}
#formulaire label {
float:left;
display:block;
width:120px;
font:bold 10px/28px Arial, Helvetica, sans-serif;
color:#0B0B0B;
text-transform:uppercase;
}
#formulaire input {
width:200px; 
height:22px; 
margin:0 0 2px 15px; 
padding:2px; 
background-color:#EFEBDE; 
border:#C3BCA4 1px solid;
color:#0B0B0B; 
}
#formulaire textarea {
width:200px;
height:66px;
margin:0 0 2px 15px;
padding:2px; 
background-color:#EFEBDE;
border:#C3BCA4 1px solid;
color:#0B0B0B;  
}
#formulaire input.bouton {
width:60px;
margin-left:137px;
background: #990000;
border:1px solid #990000;
cursor:pointer;
text-align:left;
color:#FFFFFF;
}