/* Feuille de style pour Dominique Dubreuil
 * Version: 0.1
 * Date: 27-11-2008
 * Auteur: Eric Asselin
 * Site: www.ericasselin.com
 * Courriel: me@ericasselin.com
 */

/* Définit les styles par défaut et centre le site*/
body {
  background-color:#ffffff;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	margin:0px 0px 0px 0px;
}

.wrapper {
  /* les 4 lignes suivantes servent à centrer le site d'une largeur fixe*/
	position:absolute;
	left:50%;
	width:800px;
	margin-left:-400px;
}

.wrapper1 {
	/***********************/
	background-color:#ffffff;
	padding:0px 10px 10px 10px;
	width:780px;
}

#left {
  width:108px;
  background-image:url(../images/left-shade.jpg);
  background-repeat:repeat-y:
}

#left-corner {
  width:108px;
  height:108px;
  background-image:url(../images/left-corner-shade.jpg);
}

#right {
  width:108px;
  background-image:url(../images/right-shade.jpg);
  background-repeat:repeat-y:
}

#right-corner {
  width:108px;
  height:108px;
  background-image:url(../images/right-corner-shade.jpg);
}

#bottom {
  height:108px;
  background-image:url(../images/bottom-shade.jpg);
  background-repeat:repeat-x:
}

/* Header -----------------------------------*/
.header {
	background-color:#ffffff;
}

/* Header-top -----------------------------------*/
.header-top {
	background-color:#ffffff;
	height:20px;
	padding:5px 15px 0px 0px;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	color:#58595B;	
}

.header-top a{
  text-decoration:none;
  color:#58595B;
}

.header-top a:hover{
  text-decoration:none;
  color:#6FCEE4;
}

/* Menu sur une ligne en div-----------------------*/
.menu {
  background-color:#58595b;
  height:26px;
  margin:0px 0px 8px 0px;
  padding:4px 0px 0px 15px;
}

.menu a {
  text-decoration:none;
}

.menuItem {
  height:21px;
  padding:3px 17px 0px 17px;
  font-size:13px;
  letter-spacing:1px;
  color: white;
  font-weight:bold;
}

#menuItem:hover, #menuItemSel {
  color: #6FCEE4;
  cursor:pointer;
}

.menuItem-s {
  height:21px;
  padding:3px 17px 0px 17px;
  font-size:13px;
  letter-spacing:1px;
  color: white;
  font-weight:bold;
}

#menuItem-s:hover {
  cursor:pointer;
}

#menu-deroulant {
  position:absolute;
  display:none;
  width:124px;
  top:0px;
  z-index:1;
  left:50%;
  margin-left:-116px;
  margin-top:220px;
}

#menu-deroulant-wrapper {
  background-color:#ffffff;
  
}

#menu-deroulant-inner {
  background-color:#58595b;
  margin:0px 4px 0px 4px;
}

.menu-deroulant-item {
  text-align:center;
}

.menu-deroulant-item a{
  text-decoration:none;
  font-size:12px;
  letter-spacing:1px;
  color: white;
  font-weight:bold;
}

.menu-deroulant-item a:hover {
  color: #6FCEE4;
  cursor:pointer;
}

/* Contenu principal du site ----------------*/
.content {
	background-color:#6FCEE4;
}

h1.content {
  margin:0px;
  padding:30px 0px 0px 0px;
  font-size:15px;
}

h2.content {
  padding:0px 0px 0px 0px;
  font-size:14px;
}

p.content {
  font-size:14px;
}

.content-right {
  padding:30px 30px 30px 30px;
}

.content-right p {
  margin:0px;
  padding:0px 0px 20px 0px;
  color:white;
  font-size:13px;
  font-weight:bold;
}

.content-right h1 {
  margin:0px;
  padding:0px 0px 10px 0px;
  font-size:16px;
  font-weight:bold;
  color:#00507e;
}

.content-right h2 {
  margin:0px;
  padding:0px 0px 10px 0px;
  font-size:14px;
  font-weight:bold;
  color:#00507e;
}

.content-right a{
  color:white;
  text-decoration:none;
  font-size:13px;
  font-weight:bold;
}

.content-right a:hover{
  text-decoration:none;
  font-size:13px;
  font-weight:bold;
  color: #00507e;
  cursor:pointer;
}

.content-right ul {
  margin-top:0px;
  color:white;
}

.content-right li {
  color:white;
  text-decoration:none;
  font-size:13px;
  font-weight:bold;
}

.content-right li a{
  color:white;
  text-decoration:none;
  font-size:13px;
  font-weight:bold;
}

.content-right li a:hover{
  text-decoration:none;
  font-size:13px;
  font-weight:bold;
  color: #00507e;
  cursor:pointer;
}

#menu-gauche-message {
  background-color:#C5E8F5;
  color:#00507e;
  width:235px;
  text-align:right;
  font-size:8pt;
  font-weight:bold;
  padding:10px 15px 10px 10px;
  letter-spacing:0px;
}

#menu-gauche-item {
  background-color:#ffffff;
  color:#00507e;
  width:235px;
  text-align:right;
  font-size:13px;
  font-weight:bolder;
  padding:10px 15px 0px 10px;
  letter-spacing:0px;
}

#menu-gauche-item a{
  text-decoration:none;
  color:#58595B;
}

#menu-gauche-item a:hover{
  text-decoration:none;
  color:#6FCEE4;
}

p.lien-titre {
  margin:0px;
  padding:0px 0px 10px 0px;
  font-size:16px;
  font-weight:bold;
  color:#00507e;
}

/* Produits ---------------------------------*/
#produit-groupe {
  background-color:#C5E8F5;
  color:#00507e;
  width:240px;
  text-align:right;
  font-size:12pt;
  font-weight:bold;
  padding:10px 10px 10px 10px;
  letter-spacing:1px;
}

#produit-gauche {
  background-color:#ffffff;
  color:#000000;
  width:240px;
  text-align:left;
  font-size:8px;
  /*font-weight:bolder;*/
  padding:10px 10px 0px 10px;
  letter-spacing:0px;
}

.info-lien {
  margin:0px;
  padding:0px 0px 5px 0px;
  color:white;
  font-size:13px;
  border-bottom:solid 1px #ffffff;
  text-align:right;
}

/* Formulaire - Nous joindre ----------------*/
.form {
  background-color:white;
  margin:0px;
  padding:6px 0px 0px 20px;
  color:#58595b;
  font-size:13px;
  font-weight:bold;  
}

.form-text {
  width:160px;
}

.button {
  background-color:#58595b;
  color:#ffffff;
  font-size:13px;
  font-weight:bold;
  border-color:#6FCEE4;
  border-style:solid;
  border-width:1px;
  cursor:pointer;
}

/* Footer -----------------------------------*/
.footer {
	font-size:12px;
	padding:5px 5px 0px 0px;
	text-align:right;
	color:#58595B;
}

.footer a {
  text-decoration:none;
  color:#58595B;
}

.footer a:hover{
  text-decoration:none;
  color:#6FCEE4;
}

/* Corrige un bug dans IE qui créer un espace après une image*/
img {
display:block
}

.catalogue {
color:white;
margin:0 auto 0;
overflow:hidden;
width:100%;
}

.catalogue img {
border:7px solid white;
}

.catalogue a {
margin:0 29px 29px 0;
float:left;
height:158px;
width:158px;
}