@charset "utf-8";
/*
Concepteur: Propulsion PME - http://www.propulsionpme.com
Bureau de Drummondville (Quebec): 1-819-445-2245
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; font-size:100%; }
body { background: url(images/fond-chemin.jpg) center top no-repeat; background-color: #FFFFFF; font: 14px Arial, Helvetica, sans-serif; line-height: 140%; color: #353535;  /* presque noir */ }
fieldset, img { border: 0; }
ol, ul { list-style: none; }
#site { margin: 0 auto; padding: 0; position: relative; width: 950px; margin-bottom: 30px; }
#zoneentete { width: 950px; height: 130px; }
#zoneentete .logo { float: left; position: relative; width: 575px; padding-top: 30px; }
#zoneentete .langue { float: left; position: relative; width: 375px; text-align: right; padding-top: 10px; margin-top: 4px; }
#zoneentete .langue .lien {  text-decoration: none; font-size:18px; font-weight: bold; color: #D5D5D5; background-color:#353535; padding: 10px; }
#zoneentete .langue .lien:hover, #zoneentete .langue a:active { color: #8C2C1E; /* orange */ background-color:#353535; }
#zoneentete .langue .lienfacebook {  text-decoration: none; font-size:18px; font-weight: bold; color: #D5D5D5; background-color:#353535; padding: 10px; margin-left: 5px; }
#zoneentete .langue .lienfacebook:hover, #zoneentete .langue a:active { color: #8C2C1E; /* orange */ background-color:#353535; }

#zonemenu { width: 950px; float: left; height: 70px; }
#zonemenu li { float: left; font: 18px Arial, Helvetica, sans-serif; text-transform: uppercase; }
#zonemenu li a { color: #D5D5D5; display: inline-block; font-weight: bold; padding: 20px 20px; text-decoration: none; }
#zonemenu li a:hover { color: #8C2C1E;  /* orange */ }
#zonemenu .telephone { float: right; color: #8C2C1E; font-weight: bold; padding-top: 20px; margin-right: 20px; }

#zonepanorama { width: 950px; height: 400px; clear: both; }
#zonepanorama img { padding-top: 20px; }

#zonecontenu { float: left; position: relative; width: 950px; clear: both; }
#zonecontenu a:link, #zonecontenu a:visited { color: #8C2C1E; text-decoration: none; }
#zonecontenu a:hover, #zonecontenu a:active { color: #353535; }
#zonecontenu h1, h2, h3, .produit { font: 18px Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; padding-bottom: 20px; }
#zonecontenu .photo { border: 10px solid #353535; margin-bottom: 20px; float: left; margin-right: 20px; }
#zonecontenu .informations { float: right; text-decoration: none; font-size:18px; font-weight: bold; color: #D5D5D5; background-color:#353535; padding: 10px; margin-top: 60px; }
#zonecontenu .informations:hover { color:#8C2C1E; }
#zonecontenu li.accueil { width: 435px; padding: 20px; height: 155px; float: left; }
#zonecontenu li.accueil:hover, #zonecontenu li.accueil:active {background-color:#D4D4D4; /* gris */ repeat; }
#zonecontenu ul.points { list-style-type: disc; margin-left: 15px; }  /* options des produits */
#zonecontenu .miniphoto { border: 1px solid #373C3E; margin-right: 10px; }

#zonebas { width: 910px; background-color:#353535; display: block; clear: both; padding: 20px; }
#zonebas p { color: #D5D5D5; }
#zonebas h4 { font: 18px Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; padding-bottom: 20px; color: #8C2C1E; }

#zoneconcepteur { width: 910px; display: block; clear: both; padding: 20px; }
#zoneconcepteur .blocgauche { width: 410px; padding: 20px; float: left; position: relative; }
#zoneconcepteur .blocdroite { width: 420px; padding: 20px; float: left; text-align: right; }
#zoneconcepteur a { color:#353535; text-decoration: none; }
table{ border-collapse:collapse; border-spacing:0; }


/* ---------------------------- */
/* tableau inoxydable */
.cellule { height: 30px; background-color:#FFFFFF; border-bottom: 1px dashed #353535; }
.majuscule { font-weight: bold; color:#353535; text-transform: uppercase; }

.informations {
    color: white;
}

/* ---------------------------- */

/* formulaire */
textarea, input, select {
resize:none;
padding: 3px;
border: #A3A389 1px solid;
}

input[type="submit"] {
color: #EFEFEF;
text-align: center;
padding: 3px 10px 3px 10px;
background: #A3A389;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font: 16px Arial, Helvetica, sans-serif;
border: #DDEEFF 1px solid;
}

input[type="submit"]:hover {
background: #474546;
color: #EFEFEF;
}

form td {
height: 30px;
}

#message {
padding: 10px;
border: 1px solid #A3A389;
background: #EFEFEF;
}