/* CSS Document */
* { margin:0;padding:0;border:0; }

body {
	background: url(../img/background.jpg);
	background-repeat: repeat-x;
	background-color: #c6c7c8;
}

strong {
	color: #b31b34;
}

h1 img { display:block; }

h1 {
	margin-top : 5px;
	margin-bottom : 5px;
	font-weight : normal;
	text-indent: 17px;
}

h2 {
	font-size: 18px;
	color: #b31b34;
	padding-left : 17px;
	padding-top : 10px;
}

.paragraphe h2 {padding-left : 17px; padding-top : 0px;}

h3 {
	font-size: 15px;
	color: #b31b34;
	text-indent: 17px;
}


ul.horizontal li {
	display: inline;
	line-height: 30px;
}
ul.vertical {
	display: list-item;
	margin-left: 35px;
}
ul.enbref {
	color: #b31b34;
	font-weight: bold;
	margin-left: 35px;
}

ul.enbref_produit  {
	margin-left: 15px;
	margin-bottom : 150px;
	list-style-type: none;
}

.titre_enbref {
	margin-bottom : 10px;
	font-weight: normal;
	padding-top : 5px;
}

li {
	margin-right: 10px;
}

hr {
	display:block;
	height: 1px;
	margin: 0;
	margin-left : 19px;
	padding: 0;
	border: 0;
	color: #b31b34; 
	background-color: #CC0000;
}

a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	border: none;
	color: #b31b34;
}

a.sousmenu {
	text-indent: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #ae1216;
}
a:hover.sousmenu {
	text-decoration: underline;
}
a:visited.sousmenu {
	color: #ae1216;
}

a.sousmenublanc {
	text-indent: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}
a:hover.sousmenublanc {
	text-decoration: underline;
}
a:visited.sousmenublanc {
	color: #FFF;
}

a.sols {
	text-decoration: underline;
	color: #000000;
}

p {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-indent: 0;
}

.info_importante {
	color : #680005;
	border: 1px solid #ccc;
}

#btn_retour{background : #eee;}
#btn_retour a {font-size : 11px; font-style : italic;}

#sous_menu {margin-left:3px;}

/*	BLOCS	*/
#conteneur {
	width: 982px;
	text-align: center;
	margin-top: 43px;
	margin-left: auto;	margin-right: auto;
}

#menu {
	width: 960px;
	height: 30px;
	background-image: url(../img/fond_menu.jpg);
	font-family: "HelveticaNeueLT Std";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	word-spacing: 6px;
}

#contenu {
	width: 960px;
	height: 473px;
	background-color: #FFFFFF;
	background-image: url(../img/background_contenu.jpg);
	font-family: verdana;
	font-size: 11px;
	text-align: left;
	position:relative;
}

#div_hauteur {
height: 413px; 
overflow: auto;
}

#footer {
	width: 982px;
	height: 20px;
	background-color:  #b31b34;
	color: #FFFFFF;
	font-family: verdana;
	font-size: 10px;
	line-height: 18px;
}

#main {
	padding-left: 11px;
	padding-right: 11px;
	background-image: url(../img/ombre.png);
	background-repeat: repeat-y;
	position:relative;
}

#photos {
	width: 380px;
	float: right;
}
#photos img {
	display : block;
	margin-top : 10px;
}
#contact {
	color: #993300;
	font-weight: bold;
	width: 150px;
	height: 120px;
	float: left;
	margin: 100px 100px 0 0;
}

.presentation_rubrique {
	padding-left : 17px;
	margin-bottom : 15px;
}
.apercu {
	margin-top: 35px;
	width : 935px;
	background-color : #e8e8e8;
}

.apercu a {	color : #B31B34;}
.apercu a:hover {text-decoration : underline;}

.enbref_colonne {
	float : left;
	width : 169px;
	list-style : none;
}

.enbref_colonne2 { /*plus large pour 2 colonnes au lieu de 3*/
	float : left;
	width : 260px;
	list-style : none;
}

ul.enbref_colonne  li, ul.enbref_colonne2 li {
	margin-bottom : 2px;
	background : url(../img/puce.png) no-repeat 0 5px;
	margin-left : 0px;
	padding-left : 15px;
}


.promo {
	width: 400px;
	/*height: 100px;*/
	margin-bottom: 20px;
	border: 1px solid #CC0000;
}
.promo_title {
	padding: 2px;
	background-color: #CC0000;
	color: #FFFFFF;
}

/*  classes  */
.paragraphe {
	width: 940px;
}
.details_techniques {
	float: left;
	width: 260px;
	margin-left: 20px;
}
.limite_largeur {
	width: 480px;
	text-align : justify;
	margin-bottom : 15px;
}

.descriptif_categorie {
	display: inline;
	width: 535px;
}
.photos_categorie {
	float: right;
	display: block;
	width: 300px;
}
.photos_categorie img {	padding-top : 2px;}

.texte_categorie {
	padding-top: 110px;
}

.box {
	width : 920px;
	padding-bottom: 30px;
}
.box img, .box h3 {
	text-indent : 0px;
	padding-bottom: 10px;
}

.box img {
	float: left;
	display: block;
	margin-top : 10px;
	margin-right : 20px;
}

.box p {padding: 0 0 0 0;}
	
.portes {
	width: 150px;
	float: left;
}
.liste {
	color: #ae1216;
	line-height: 20px;
	margin: 5px;
	margin-left: 60px;
}

.thumb {
	margin: 3px -1px;
}
.thumb_brico {
	margin: 3px 0px;
}

.sogalissimo li {
	margin: 1em 0 1em 20px;
	font-size: 130%;
}
div.gamme_sogal, .gamme_kazed p {
	clear: both;
}
.gamme_sogal div, .gamme_kazed div {
	float: left;
}
.gamme_kazed h4 {
	margin: 12px 0 0px 20px;
}
.gamme_kazed img {
	margin: 5px 0 0px 20px;
}

/* PORTES */
*+html #portetradition, * html #portetradition {
	margin-left: -30px;
}
*+html #portekontempo, * html #portekontempo {
	margin-left: -30px;
}

/* GALERIES */
#myGallery {
width: 353px !important;
height: 262px !important;
position: relative;
left: 80px;
cursor: default;
}

#gallerybois {
	width: 300px !important;
	height: 201px !important;
	margin-bottom: 3px;
}

#gallerypanneaux {
	width: 300px !important;
	height: 201px !important;
	margin-bottom: 3px;
}

#gallerybricolage{
	width: 430px !important;
	height: 340px !important;
	margin-bottom: 3px;
}

#galleryplacards{
	width: 469px !important;
	height: 400px !important;
	float: left;
	margin: 10px 20px 10px 0;
}

/* POPUP NUANCIER */
.nuancier {
	font: 10px Verdana;
}
.nuancier h2 {
	margin: 5px 20px;
}
.nuancier p {
	margin: 0px 20px;
	clear: both;
}
.nuancier img {
	border: 2px solid #CCC;
}
div.ligne {
	width: 420px;
	margin: 1em auto;
}
div.couleur {
	float: left;
	width: 105px;
	height: 100px;
	margin-bottom: 1em;
}

#map {
	float: left; margin: 1em 20px; 
}