/*
	CSS pour Planchers Groleau - Principal
	Emilie - egzakt.com
	2008/10/21
*/

@import url("formulaire.css");

body {
	background-color:#eee8d8;
	font:75%/140% Arial, Verdana, sans-serif;
	margin:10px 0;
	color:#554E39;
}

h1 {
	font:1.75em/1.1em Arial, Verdana, sans-serif;
	color:#fff;
	margin:0;
}

h2 {
	font:bold 1.33em/1.2em Arial, Verdana, sans-serif;
	color:#AF8048;
	margin:0 0 10px 0;
}

h3 {
	font:bold 1.17em/1.2em Arial, Verdana, sans-serif;
	color:#000;
	margin:0 0 3px 0;
}

h4 {
	font:bold 1em/1.2em Arial, Verdana, sans-serif;
	color:#000;
	margin:0 0 5px 0;
}

p {
	margin:0;
	padding:0;
}

ol {
	margin:0;
	padding:0 0 0 22px;
}

a {
	cursor:pointer;
	color:#554E39;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#000;
}

img {
	border:0;
}

#wrapper {
	width:960px;
	margin:0 0;
}


/* NAVIG HAUT
-----------------------------------------*/
ul#navig_haut {
	text-align:right;
	list-style-type:none;
	margin:0 6px 4px 0;
	padding:0;
}

ul#navig_haut li {
	display:inline;
	color:#927045;
	font-size:0.92em;
}

ul#navig_haut a {
	color:#927045;
	text-decoration:none;
}

ul#navig_haut a:hover {
	color:#554E39;
}


/* ARCHITECTURE
-----------------------------------------*/
#conteneur_colonnes {
	position:relative;
	width:960px;
	background:#f4efe0 no-repeat top right;
}

#ecorce {
	width:960px; /* À laisser pour IE6 */
	background:url(../images/ul/tuiles/col_gauche_ecorce.jpg) no-repeat bottom left;
}

#bandes_degrades {
	width:960px; /* À laisser pour IE6 */
	background:url(../images/ul/tuiles/bandes_degrades.png) repeat-y top left;
}

#col_gauche {
	float:left;
	width:262px;
}

#col_principale {
	float:left;
	width:520px;
	padding-bottom:10px;
}

#col_droite {
	float:left;
	width:178px;
}

#coords {
	position:absolute;
	bottom:20px;
	left:38px;
	font-size:0.92em;
	line-height:1.3em;
	color:#897F64;
	width:190px;
}

#coords strong {
	color:#554E39;
	font-size:1.08em;
}


/* Colonne principale */
#col_principale .padding {
	padding:0 23px;
}

#col_principale .col_choix {
	float:left;
	width:150px;
}

#col_principale .col_contenu {
	float:right;
	width:311px;
}

#col_principale .col_contenu .padding {
	padding:0 12px;
}

/* Placer les Google Maps */
.carte {
	float:right;
	width:300px;
	height:175px;
	margin-bottom:12px;
}

/* NAVIGATION
-----------------------------------------*/
#col_gauche h1 {
	margin:0;
	margin:36px 0 80px 36px;
}

#navigation {
	margin-bottom:150px;
}

#navigation .titre {
	margin-left:37px;
}

#navigation ul {
	list-style-type:none;
	margin:5px 0 18px 20px;
	padding:0;
}

#navigation ul a {
	display:block;
	width:208px;
	padding:1px 0 1px 16px;
	color:#554E39;
	text-decoration:none;
}

#navigation ul a:hover, #navigation ul a.selected {
	background-color:#9F9883;
	color:#fff;
}


/* ENTÊTE
-----------------------------------------*/
.entete {
	width:497px;
	height:149px;
	padding:0 0 0 23px;
	margin-bottom:25px;
}
.entete_collee {
	margin:0;
}

.entete h1 {
	padding-top:112px;
}

.entete_navig h1 {
	padding-top:80px;
}

.entete_navig ul {
	list-style-type:none;
	margin:0;
	padding:18px 0 0 0;
}

.entete_navig li {
	display:inline;
}

.entete_navig ul a {
	float:left;
	width:213px;
	height:22px;
	padding:6px 12px 0 12px;
	color:#D6A162;
	font:bold 1.17em/1.2em Arial, Verdana, sans-serif;
	text-decoration:none;
	background-color:#443a29;
	background-repeat:no-repeat;
	background-position:151px 6px;
}

.entete_navig ul a:hover, .entete_navig ul a.selected {
	color:#554E39;
	background-color:#f4efe0;
}

a#retour {
	display:block;
	width:138px;
	padding:8px 10px 8px 22px;
	margin:2px 0 12px 348px;
	color:#C5C1B4;
	text-decoration:none;
	font-size:0.92em;
	line-height:1.1em;
	background:#fff url(../images/ul/icones/fleche_retour.gif) no-repeat 8px 10px;
}

a#retour:hover {
	color:#000;
}


/* NAVIG SECONDAIRE
-----------------------------------------*/
ul#navig_secondaire {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#navig_secondaire li {
	display:inline; /* pour IE6 */
}

ul#navig_secondaire a {
	display:block;
	padding:7px 14px;
	font-size:0.92em;
	line-height:1.1em;
	text-decoration:none;
	background:url(../images/ul/boutons/navig_secondaire.jpg) no-repeat 0 0;
	margin-bottom:1px;
}

ul#navig_secondaire a:hover, ul#navig_secondaire a.selected {
	background-position:0 -60px;
	color:#fff;
}


/* SOUS NAVIG
-----------------------------------------*/
ul#sous_navig {
	width:150px;
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#sous_navig.flottante {
	float:left;
	margin:0 18px 18px 0;
}

ul#sous_navig li {
	display:inline; /* pour IE6 */
}

ul#sous_navig a {
	display:block;
	padding:8px 10px 8px 24px;
	color:#C5C1B4;
	font-size:0.92em;
	line-height:1.2em;
	text-decoration:none;
	margin-bottom:2px;
	background:url(../images/ul/boutons/sous_navig.gif) no-repeat center left;
}

ul#sous_navig a:hover, ul#sous_navig a.selected {
	background-position:center right;
	color:#fff;
}

ul#documentation {
	list-style-type:none;
	margin:0 0 23px 0;
	padding:0;
}

ul#documentation a {
	padding: 0 5px 5px 25px;
	display:block;
	background-repeat:no-repeat;
	background-position:3px 0px;
}

/* ACCUEIL
-----------------------------------------*/
/* Produits */
#accueil #produits_vedettes {
	position:relative;
	width:520px; /* À laisser pour IE6 */
}

#accueil #produits_vedettes ul {
	position:absolute;
	bottom:8px;
	left:10px;
	list-style-type:none;
	margin:0;
	padding:0;
}

#accueil #produits_vedettes li {
	background:url(../images/ul/tuiles/acc_vedettes.png);
}

#accueil #produits_vedettes ul a {
	display:block;
	width:167px;
	padding:7px 71px 7px 12px;
	font-size:0.92em;
	line-height:1.2em;
	color:#D6A162;
	background-repeat:no-repeat;
	background-position:186px 7px;
	margin-bottom:2px;
	text-decoration:none;
}

#accueil #produits_vedettes ul a span {
	color:#fff;
	font:bold 1.27em/1.2em Arial, Verdana, sans-serif;
}


/* Promotions */
#accueil #promotions {
	width:476px; /* À laisser pour IE6 */
	margin:12px 22px;
	font-size:0.92em;
	line-height:1.2em;
	color:#9F9883;
	background:url(../images/ul/tuiles/acc_conteneur_promotions.gif) repeat-y 240px 0;
}

#accueil #promotions #intro {
	float:left;
	width:220px;
}

#accueil #promotions #intro .bloc_texte {
	margin-top:6px;
}

#accueil #promotions #intro strong {
	font-size:1.1em;
	line-height:1.2em;
	color:#554E39;
}

#accueil #promotions #nouveautes {
	float:right;
	width:220px;
}

#accueil #promotions #nouveautes a {
	display:block;
	margin-top:10px;
	color:#9F9883;
	text-decoration:none;
}

#accueil #promotions #nouveautes a img {
	float:left;
	margin:0 10px 5px 0;
}

#accueil #promotions #nouveautes .date {
	color:#AF8048;
	font-weight:bold;
}

#accueil #promotions #nouveautes .titre {
	font:bold 1.1em/1.2em Arial, Verdana, sans-serif;
	color:#554E39;
}

/* FICHE DE PRODUIT 
-----------------------------------------*/

#schema {
	margin-top:10px;	
}

#schema h3, #schema .bloc_texte {
	padding: 7px;
	margin:0;	
}

#schema .bloc_texte {
	padding-left:0;
	padding-right:0;
}

#schema h3 {
	background-image: url(../images/ul/icones/plus_brun.gif);
	background-repeat:no-repeat;
	background-position: 7px 9px;
	background-color: #DCCEBD;
	padding-left:21px;
	font-size:0.92em;	
}

#schema .bloc_texte {
	background-color: #E9E0CF;
	font-size:0.83em;	
}

.garantie {
	padding-left:12px;
	padding-top:2px;
}

#bouton-galerie {
	display:block;
	background:url(../images/ul/boutons/galerie.gif) no-repeat top left;
	color:#ffffff;
	font-size: 0.92em;
	text-decoration:none;
	line-height:27px;
	width:151px;
	margin-bottom:2px;
	text-align:left;
	padding-left:24px;
}

#bouton-galerie:hover {
	background-position:0 -27px;
}

/* RELATIONS
-----------------------------------------*/
dl#relations {
	margin:20px 0 0 0;
}

dl#relations dt {
	background-color:#DCCEBD;
	padding:5px 12px;
	font-weight:bold;
}

dl#relations dd {
	margin:2px 0 10px 0;
}

dl#relations ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

dl#relations li {
	display:inline;
}

dl#relations ul a {
	display:block;
	width:287px;
	padding:1px 12px;
}

dl#relations ul a.paire {
	background-color:#F0E7D7;
}


/* ACCESSOIRES - NAVIGATION
-----------------------------------------*/
dl.navig_accessoires {
	width:227px;
	float:left;
	margin:0;
	padding-bottom:5px;
}
dl.navig_accessoires_droite {
	float:right;
}

dl.navig_accessoires ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font:1em/1.2em Arial, Verdana, sans-serif;
}

dl.navig_accessoires dt {
	height:22px;
	padding:6px 12px 0 12px;
	color:#D6A162;
	font:bold 1.17em/1.2em Arial, Verdana, sans-serif;
	text-decoration:none;
	background-color:#5d5e54;
	background-repeat:no-repeat;
	background-position:142px 6px;
}

dl.navig_accessoires dd {
	margin:2px 0 10px 0;
}

dl.navig_accessoires li {
	display:inline;
}

dl.navig_accessoires ul a {
	display:block;
	padding:2px 12px;
	text-decoration:none;
}

dl.navig_accessoires ul a.paire {
	background-color:#F0E7D7;
}

dl.navig_accessoires ul a:hover, dl.navig_accessoires ul a.selected {
	background-color:#AF8048;
	color:#fff;
	text-decoration:none;
}

#navig_accessoires_separateur {
	clear:both;
	padding-bottom:10px;
}


/* PANNEAU LATÉRAL
-----------------------------------------*/
.panneau {
	width:158px;
	background-color:#f4efe0;
	margin-top:20px;
}
.panneau.panneau_sous_navig {
	padding:12px 0 12px 0;
}

.panneau dl#options {
	margin:0;
	padding:9px 9px 3px 0;
}

.panneau dl#options dt {
	background-color:#9F9883;
	color:#fff;
	font-weight:bold;
	padding:6px 12px;
}

.panneau dl#options dd {
	margin:4px 12px;
}

.panneau dl#options ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.panneau dl#options li {
	display:inline; /* Pour IE6 */
}

.panneau dl#options ul a {
	display:block;
	padding:2px 0;
	text-decoration:none;
}

.panneau dl#options ul.icone a {
	padding-left:24px;	
	background-repeat:no-repeat;
	background-position:0 2px;
}

.panneau dl#options ul a span {
	display:block;
	font-size:0.75em;
	line-height:1.1em;
	color:#9F9883;
}

/* Installation et entretien
-----------------------------------------*/
dl#relations.conseils ul a {
	width:450px;
}

/* BLOC TEXTE
-----------------------------------------*/
.bloc_texte ul {
	margin:0;
	padding:0 0 0 20px;
	font-size:0.92em;
	line-height:1.2em;
	font-weight:bold;
}

.bloc_texte li {
	padding:1px 0;
}

.bloc_texte .encadre {
	background-color:#e7dfce;
	padding:9px 16px;
	display:block;
}

.bloc_texte .colore {
	color:#509DBC;
}

a.fichier {
	padding:2px 0 0 22px;
}

a.fichier_pdf {
	background:url(../images/ul/icones/pdf.gif) no-repeat 0 0;
}

a.fichier_doc {
	background:url(../images/ul/icones/doc.gif) no-repeat 0 0;
}

h3.deroulant a {
	display:block;
	padding:8px 10px 8px 24px;
	color:#C5C1B4;
	font-size:0.79em;
	line-height:14px;
	text-decoration:none;
	background:url(../images/ul/tuiles/deroulant.gif) #554739 no-repeat 0 0;
	font-weight:normal;
	line-height:1.2em;
	
	margin-bottom:0;	
}

h3.deroulant.selected a {
	background-position: 0 100%;
	background-color:#af8048;
	color:#fff;	
}

h3.deroulant {
	margin-bottom:5px;
}

h3.deroulant.selected {
	margin-bottom:0;
}


.a_derouler {
	margin-bottom:5px;
	padding:10px;
	background-color:#DCCEBD;
}

/* ACTIONS
-----------------------------------------*/
#actions {
	margin-top:20px;
	background:url(../images/ul/graphiques/actions_pointilles.gif) no-repeat top left;
	padding:5px 8px;
}

#actions a {
	font-size:0.83em;
}


/* BAS
-----------------------------------------*/
#bas {
	color:#513618;
	font-size:0.92em;
	margin:2px 0 0 6px;
}

#bas ul {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}

#bas li {
	display:inline;
}

#bas ul a {
	color:#927045;
}

#bas ul a:hover {
	color:#554E39;
}

#signature {
	width:940px;
	margin:0 auto;
	padding:11px 10px 0 10px;
	font:0.92em/1.2em Arial, Verdana, sans-serif;
	color:#fff;
	background:url(../images/tuiles/coins_bas.gif) no-repeat top left;
}

#signature span {
	text-transform:uppercase;
}

#signature a {
	float:right;
	color:#fff;	
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.8em;
}

#signature a:hover {
	text-decoration:underline;
}


/* DIVERS
-----------------------------------------*/
.message {
	width:80%;
	margin:0 auto;
	background-color:#ff0000;
	color:#fff;
	padding:5px 10px;
	text-align:center;
	font:bold 12px/14px Arial, Verdana, sans-serif;
}

.erreur {
	color:#ff0000;
}

.succes {
	color:#75A339;
}

form {
	margin:0;
}

.radio {
	border: none;
}

#version_dev {
	background-color:#FF0000;
	padding:5px 10px;
	color:#FFFFFF;
	font:11px/15px Verdana, Arial, sans-serif;
	margin-bottom:10px;
}