@charset "windows-1252";

/*
vert foncé	:	#063
vert clair	:	#393
orange		:	#F90
*/

* {margin: 0; padding: 0;}

body {
	font-family: arial, verdana, tahoma, helvetica, "sans serif";
	color: black;
	background: #FFF url(../images/logoseul.png) no-repeat bottom left;
	font-size: 14px;
	text-align: center;
}

h1 {color: #F90; text-align: right; font-size: 3em; padding-right: 0px; font-style: italic; font-family: "trebuchet ms", arial, helvetica; text-decoration: underline;}
h2 {color: #063; text-align: left; font-size: 2em; font-family: "trebuchet MS", helvetica; text-transform: uppercase; line-height: 12pt;}
h3 {color: green;}
p {text-align: justify;}
a {font-weight: bolder;}
a:link, a:visited {color: #063; text-decoration: underline;}
a:hover {color:  white; text-decoration: none; background-color: #393;}
a:active {color: red; background-color: transparent;}
ul, li {text-align: left;}
.important {color: red;}
.jimprimepas {display: none;}

/* GENERAL */
#principal {
	position: relative;
	top: 0; left: 0;
	width: 760px; min-height: 486px;
	text-align: left;
	border: 0px black solid;
	border-bottom: 3px #063 solid;
	margin-bottom: 20px;
}
.fonbariole {background: none;}
.fondbariolevert {background: none; height: 578px;}
.encadre_rouge {background-color: #FCF; border: 2px red solid; margin: 3px;}
#menu {display: none;}
a.puceblanche {background: none; color: black;}
a.puceorange {color: green; text-decoration: none; padding-left: 13px; background: url(../images/puce_orangecarree11x11.png) no-repeat left center;}

#nouscontacter {display: none;}

/* ACCUEIL */
#texte_accueil {
	width: 250px; height: 100px;
	background-color: transparent;
	border: 0;
	position: absolute;
	top: 360px; left: 510px;
	color: #063;
	font-size: 1.2em; font-weight: bold;
	text-align: justify;
}
#img_accueil {border: 0; } /* image constituant la page d'accueil */
#bandeau1 { /* carré 250x250px */
	width: 250px; height: 250px;
	background-color: #CCC;
	position: absolute;
	top: 55px; left: 510px;
}
#bandeau1 img {border: 0;}

#bandeau2 { /* bannière 468x60px en bas des pages */
	width: 468px; height: 60px;
	background-color: #CCC;
}

/* CONSEILS */
#descriptif {
	width: 230px; min-height: 400px;
	border: 0;
	background: transparent;
	margin: 80px 20px 0 0;
	padding: 0 5px;
	float: left;
	font-size: 10pt;
}
#question {display: block; margin: 20px 0; background: url(../images/allumer2.gif) no-repeat left center; padding-left: 35px; text-decoration: none;}
#question:hover {color: #063;}

#recodevis {clear: both; margin: 20px 0 20px 40px; background: url(../images/mesures-reglages.png) no-repeat 0 0; padding-left: 35px; height: 50px;}
#logodroite {margin-top: 70px;}
#img_conseil {width: 150px; height: 200px; border: 1px black solid;}

/* DEVIS */
#contenu_questions {
	border: 0px white solid;
	background: transparent url(../images/logoseul.png) no-repeat 50% 0;
	padding: 130px 0 0 0;
	margin: 0px 0 0 130px;
	width: 600px; height: 150px;
	color: white; font-weight: bold;
}
#img_question {width: 200px; height: 200px; background-color: #CCC; float: right; margin: 0 50px 0 10px; border: 1px white solid;}
#no_question {color: inherit; font-size: 20px; font-weight: bold;}
#question {color: inherit; font-size: 1.2em;}
#propositions ul {margin-left: 20px;}
#propositions li {color: black;}
#etapes {
	border: 0px white dotted;
	color: inherit;
	margin: 65px 0 0 100px;
	padding-left: 14px;
	width: 630px; height: 153px;
	background: transparent;
}
#etapes img {margin: 127px 68px 0 0; border: 0;}
#etapes a {background: none;}

/* PRODUITS */
#listearticles {clear: both; text-align: center; margin-top: 20px; padding-left: 60px;}
#listearticles img {border: 0; width: 85px; height: 120px;	margin: 0 5px;}
#listearticles a {background: none;}
#descriptionCategorie {width: 170px; margin: 130px 20px 0 140px; float: left;}
#descriptionCategorie h1 {text-align: left;}
#descriptionCategorie h2 {font-size: 12pt;}
#img_article {width: 150px; height: 200px; border: 1px black solid;}
#fiche_article {
	width: 230px; height: 250px;
	border: 0;
	background: transparent;
	margin: 80px 20px 0 0;
	padding: 0 5px;
	float: left;
	font-size: 10pt;
}

/* PANIER */
#contenupanier {display: none;}
#tabpanier {margin: 10px 0;}
.cachediv {visibility: hidden;}
/* bandeau vert, en haut de toutes les pages */
#panier {display: none;}
#img_panier {display: none;}

/* BAS DE PAGES */
#piedPage {margin-top: 20px; background: transparent; border: 0; text-align: center; width: 760px;}
#piedPage h1 {float: left; color: green; font-size: 1em; text-align: center; margin-top: 5px;}
#piedPage img {border: 0; width: 139px; height: 29px;}

/* COMMANDE */
#tabcommande {
	width: 100%;
	color: black;
	background-color: #F1F1F1;
}
#tabcommande th {background-color: #093; color: white; text-align: center; height: 20px;}
tr.ligne_paire {background-color: #F1F1F1; color: inherit;}
tr.ligne_impaire {color: inherit;}
.prix {font-size: 1.1em; font-weight: bold; color: inherit;}

/* CONTACT */
#tabcontact {border: 2px green solid; margin: 20px auto; background-color: #FC9; width: 450px;}
#coord {width: 400px; margin-bottom: 30px;}
#coord h2 {margin: 20px 0;}
.type_coord {border-bottom: 1px green dotted; margin-bottom: 10px;}
.type_coord h4 {color: #F90;}
.type_coord p {text-align: right; color: black; font-size: 1.4em;}
input.bouton {color: white; background-color: green; border: 1px white solid; height: 25px; font-size: 1.2em; font-weight: normal; font-family: verdana;}