@charset "UTF-8";
/* CSS Document */

body	{
font: 100% Arial, Verdana, Helvetica, sans-serif;
background:#fff ;/*#DADADA*/
margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
padding: 0;
color: #633;
		}

h1, h2 { 
color:#633;
margin: 5px 0 0 0;
font-size:18px;
	}
h3 { 
color:#fff;
margin: 10px 0 0 0;
font-size:14px;
	}

p, li, .p{ 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin: 0 0 2px 0;	
}

a { 
color: #633;
font-weight:bold;
}

a:hover {
	text-decoration: none;
}


#container { 
width: 950px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
background: #FFFFFF;
margin: 5px auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
height:580px; border:#660000 solid 1px;
    	} 
#container2 { 
width: 950px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
background: #FFFFFF;
margin: 5px auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
border:#660000 solid 1px;
    	} 

#header { 
background: url(../images/Lundia-logo.gif) #FFF no-repeat; 
padding: 0 10px 0 20px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
height:59px;
	cursor: pointer;
    	} 

#mainContent { 
margin: 0;
padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
    } 




.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
    }
	

#icone1 a.bouton1,#icone2 a.bouton2,#icone3 a.bouton3,#icone4 a.bouton4,#icone10 a.bouton10,#icone11 a.bouton11,#icone12 a.bouton12{
		display: block;
		float:left;
		border:0; 
		height: 103px; width: 110px;
		vertical-align: middle; 
		text-decoration:none; 
		color:#FFFFFF; 
		padding:10px 0 0 116px; font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		margin:0;
		}
#icone1 a:hover.bouton1, #icone2 a:hover.bouton2, #icone3 a:hover.bouton3, #icone4 a:hover.bouton4, #icone10 a:hover.bouton10{
		background-position: -226px 0;
		}
#icone1 a.bouton1 {
		background: url(../images/04.jpg) 0 0 no-repeat;
		}
#icone2 a.bouton2 {
		background: url(../images/11.jpg) 0 0 no-repeat;
		}
#icone3 a.bouton3 {
		background: url(../images/02.jpg) 0 0 no-repeat;
		}
#icone4 a.bouton4 {
		background: url(../images/11-1.jpg) 0 0 no-repeat;
		}
#icone10 a.bouton10 {
		background: url(../images/10.jpg) 0 0 no-repeat;
		}
#icone11 a.bouton11 {
		background: url(../images/112.jpg) 0 0 no-repeat;
		}
#icone12 a.bouton12 {
		background: url(../images/112.jpg) 0 0 no-repeat;
		}

#icone5 a.bouton5,#icone6 a.bouton6,#icone7 a.bouton7,#icone8 a.bouton8,#icone9 a.bouton9{
		display: block;
		float:left;
		border:0; 
		height: 103px; width: 110px;
		vertical-align: middle; 
		text-decoration:none; 
		color:#FFFFFF; 
		padding:10px 116px 0 0px; font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		text-align:right;
		margin:0;
		}
#icone5 a:hover.bouton5, #icone6 a:hover.bouton6, #icone7 a:hover.bouton7, #icone8 a:hover.bouton8, #icone9 a:hover.bouton9{
		background-position: -226px 0;
		}
#icone5 a.bouton5 {
		background: url(../images/GDP.jpg) 0 0 no-repeat;
		}
#icone6 a.bouton6 {
		background: url(../images/02-1.jpg) 0 0 no-repeat;
		}
#icone7 a.bouton7 {
		background: url(../images/07.jpg) 0 0 no-repeat;
		}
#icone8 a.bouton8 {
		background: url(../images/01.jpg) 0 0 no-repeat;
		}
#icone9 a.bouton9 {
		background: url(../images/09.jpg) 0 0 no-repeat;
		}


#colone {padding: 0 0 0 450px;height:295px;}
#colonebis {padding: 0 0 0 530px; }
#colone h1, #colonebis h1{padding: 0 0 10px 0px; font:bold;}
#colone p, #colonebis p{padding: 0 0 0 0px;}

#pictos a{
		display: block;
		float:left;
		border:0; 
		height: 65px; width: 50px;
		padding: 0; 
		margin:0;
		position: relative;
		bottom:0px;
	}
#pictos a:hover.bouton1, #pictos a:hover.bouton2, #pictos a:hover.bouton3, #pictos a:hover.bouton4, #pictos a:hover.bouton5{
		background-position: -50px 0;
		}
	
#pictos a.bouton1 {
		background: url(../images/picto_magasin.jpg) 0 0 no-repeat;
		}
#pictos a.bouton2 {
		background: url(../images/picto_imprimer.jpg) 0 0 no-repeat;
		}
#pictos a.bouton3 {
		background: url(../images/picto_pdf.jpg) 0 0 no-repeat;
		}
#pictos a.bouton4 {
		background: url(../images/picto_mail.jpg) 0 0 no-repeat;
		}
#pictos a.bouton5 {
		background: url(../images/picto_info.jpg) 0 0 no-repeat;
		}
	
ul#menu{
	margin: 0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:40px;
	font-size:13px;
	background:transparent url("../images/nav-bg.jpg") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	pading:0;
	border-right:1px solid #ffffff;
	}
ul#menu li a{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none; font-weight:bold;
	padding:8px 15px 6px 15px;
	}
ul#menu li a:hover, ul#menu li a.bis{
	background: #633; padding-bottom:8px
	}
/*^'^ Navigation Structure ^'^*/
.float-left{
float: left;
}


.image{
float: left;
margin:0 20px 10px 0;
background-color:#fff;
}

.float-right{
float: right;
}
#sousmenu {
font-family:Arial, Helvetica, sans-serif;
background:#633;
font-size:12px;
top: 92px;
height: 21px;
line-height: 20px;
position: absolute;
width: 946px; margin: 2px;
}
#sousmenu a{color:#fff;text-decoration:none; padding:3px 5px;}

#sousmenu a:hover{
	background:#000;color:#fc6;
}

#gallery { 
background:#633;
clear:both;
position: relative;
bottom:0px;
height: 60px;
width: 100%;
margin: 10px 0 0 0 ;
} 

#thumbs {
	width: 100%;
}
#thumbs a {
	display: block;
	float: left;
	margin: 5px 6px;
	width: 70px;
	height: 50px;
	background:#CCC;
}
#thumbs a img {
	border: 1;
	border: 1px solid #333;
	height:50px;
}

.fleche{
	margin: 5px;	}

#footer {
	background:#633;
	font-size:12px;
	text-align:center;
	top: 565px;
	height: 21px;
	line-height: 20px;
	position: absolute;
	width: 950px;
} 

#footer2 {
	background:#633;
	font-size:12px;
	text-align:center;
	bottom: 0px;
	height: 21px;
	line-height: 20px;
	position: relative;
	width: 950px;
} 

#footer a:link, #footer a:visited, #footer a:active, #footer2 a:link, #footer2 a:visited, #footer2 a:active {font-weight: normal;color:#fff;text-decoration:none; padding:3px 20px;}

div#footer a:hover, div#footer2 a:hover {
	background:#000;
	color:#fc6;
	font-weight: normal;
}
	
/* Enregistrement Début */
div#enregistrement {
width: 400px;
color: #633;
margin: auto;
padding: 0;
font-size:11px;
}

div#enregistrement span.enregistrement{
width: 400px;
margin: 0;
padding: 0;
}

div#enregistrement span.enregistrementgauche {
float: left;
margin: 0;
padding: 0;
width: 110px;
height:25px;
}

div#enregistrement span.enregistrementdroite  {
float: left;
margin: 0 0 0 4px;
padding: 0;
width: 260px;
height:25px;
}

div#enregistrement span.enregistrementtotal {
float: left;
margin: 0;
padding: 0;
width: 370px;
height:210px;
}

form#entryform p {
text-align: left;
}

form#entryform span input.champtexte {
align: right;
width:280px;
}
form#entryform span input.champtextelong {
align: left;
width:400px;
}

form#entryform textarea.champtextetotal {
align: left;
width:910px; 
height:80px;
}

form#entryform p.left {
text-align: left;
}
form#entryform p.center {
text-align: center;
}
form#entryform fieldset {
border: 1px solid #ddd;
width:400px;
}
form#entryform textarea {
width: 280px;
height:280px;
}

form#entryform textarea.txt {
width: 400px;
height:190px;
margin-top:2px;
}

.padding30{ padding:0 15px 0 0;}
.paddingL15{ margin:0  0 0 30px;}

.notice, .etoile {
	color:red;
	font-weight:bold;
}
.message {
	float:right;
	height:287px;
}

#adresse, #adresse2 {
	width:180px;
	height:220px;
	float:left;
	margin:0 15px 0 0;
	text-align:left;
	}
	
#adresse2 {
	width:300px;
	}
	
#adresse h1, #adresse2 h1 {
	padding:0;
	margin:0;
	}
	
#adresse p, #adresse2 p {
	padding:0;
	margin:0;
	}
	
#adresse p a, #adresse2 p a {
	padding:0;
	margin:0;
	color:#0062A5;
	}
	
.centre
	{
	text-align:center;
	}
	
.dixpx
	{
	font-size:10px;
	font-weight:normal;
	line-height:6px;
	}
	
#carre{
	float:right;
	width:226px;
	height:339px;
	background-color:#633;
	margin:30px 80px 0;
}

#bouton6points a{
	width:226px;
	height:113px;
	display:block;
	background:transparent url(../images/BOUTON-6-points.jpg) 0 0 no-repeat;
}
#bouton6points a:hover{
	background-position:-226px 0;
}

#boutonsys a{
	width:226px;
	height:113px;
	display:block;
	background:transparent url(../images/BOUTON-SYSTEME.jpg) 0 0 no-repeat;
}
#boutonsys a:hover{
	background-position:-226px 0;
}

#boutonDimension a{
	width:226px;
	height:113px;
	display:block;
	background:transparent url(../images/BOUTON-dimensions.jpg) 0 0 no-repeat;
}
#boutonDimension a:hover{
	background-position:-226px 0;
}

.cachette{
	display:none;
}

	
#en6pointscarre{
	width:910px;
	height:300px;
	background-color:#fff;
	margin:90px 0;
}

#boutonepicea a{
	width:303px;
	height:150px;
	display:block;
	background:transparent url(../images/epicea.jpg) 0 0 no-repeat;
	float:left;
}
#boutonepicea a:hover{
	background-position:-303px 0;
}

#boutonsysteme a{
	width:304px;
	height:150px;
	display:block;
	background:transparent url(../images/systemeev.jpg) 0 0 no-repeat;
	float:left;
}
#boutonsysteme a:hover{
	background-position:-304px 0;
}

#boutondurable a{
	width:303px;
	height:150px;
	display:block;
	background:transparent url(../images/durable.jpg) 0 0 no-repeat;
	float:left;
}
#boutondurable a:hover{
	background-position:-303px 0;
}

#boutonlivraison a{
	width:303px;
	height:150px;
	display:block;
	background:transparent url(../images/livraison-montage.jpg) 0 0 no-repeat;
	float:left;
}
#boutonlivraison a:hover{
	background-position:-303px 0;
}

#boutondevis a{
	width:304px;
	height:150px;
	display:block;
	background:transparent url(../images/devis.jpg) 0 0 no-repeat;
	float:left;
}
#boutondevis a:hover{
	background-position:-304px 0;
}

#boutonEU a{
	width:303px;
	height:150px;
	display:block;
	background:transparent url(../images/UE.jpg) 0 0 no-repeat;
	float:left;
}
#boutonEU a:hover{
	background-position:-303px 0;
}

#rectangle6p
	{
	width:400px;
	height:50px;
	margin:0 0 0 540px
	}
#rectangle6p img
	{
	margin:13px 5px 0 0;
	}

#rectangle6p a img
	{
	border:#633 solid 2px;
	}
	
#rectangle6p a:hover img, #rectangle6p a img.select
	{
	border:#0061a5 solid 4px;
	margin:9px 1px 0 0;
	}
	
#boutonTEINTES a{
	width:303px;
	height:150px;
	display:block;
	background:transparent url(../images/TEINTES.jpg) 0 0 no-repeat;
	float:left;
}
#boutonTEINTES a:hover{
	background-position:-303px 0;
}

#boutonACCESSOIRES a{
	width:304px;
	height:150px;
	display:block;
	background:transparent url(../images/ACCESSOIRES.jpg) 0 0 no-repeat;
	float:left;
}
#boutonACCESSOIRES a:hover{
	background-position:-304px 0;
}

#boutonPOIGNEES a{
	width:303px;
	height:150px;
	display:block;
	background:transparent url(../images/POIGNEES-BOUTONS.jpg) 0 0 no-repeat;
	float:left;
}
#boutonPOIGNEES a:hover{
	background-position:-303px 0;
}
#poignee
	{ width:182px; height:120px; float:left; padding-top:20px;
	}
#poignee p
	{ text-align:center;
	}
	
#tl
	{ width:182px; height:290px; float:left; padding-top:20px;text-align:left;
	}
#tl img
	{ border:solid 1px #663300;	}
#tl a
	{ text-align:center; font-size:9px;
	}
	
table#plan {text-decoration:none; font-size:10px}

table#plan  a{text-decoration:none;}
table#plan  a:hover{color:#0066FF;}
table#plan td{ border-bottom-color:#663300; border-bottom:1px; border-bottom-style:solid;}
table#plan td.blanc{ border-bottom-color:#663300; border-bottom:0px; border-bottom-style:solid;}


#rectangleDevis
	{
	width:606px;
	height:300px;
	margin:0 0 0 152px;
	}
#rectangleDevis img
	{
	margin:13px 5px 0 0;
	}

#rectangleDevis a img
	{
	border:#633 solid 2px;
	}
	
#rectangleDevis a:hover img, #rectangleDevis a img.select
	{
	border:#0061a5 solid 4px;
	margin:9px 1px 0 0;
	}
	
#courrier-BOUTONS a{
	width:303px;
	height:150px;
	display:block;
	background:transparent url(../images/courrier-BOUTONS.jpg) 0 0 no-repeat;
	float:left;
}
#courrier-BOUTONS a:hover{
	background-position:-303px 0;
}

#catalogue-BOUTONS a{
	width:303px;
	height:150px;
	display:block;
	background:transparent url(../images/catalogue-BOUTONS.jpg) 0 0 no-repeat;
	float:left;
}
#catalogue-BOUTONS a:hover{
	background-position:-303px 0;
}

#devis-BOUTONS a{
	width:303px;
	height:150px;
	display:block;
	background:transparent url(../images/devis-BOUTONS.jpg) 0 0 no-repeat;
	float:left;
}
#devis-BOUTONS a:hover{
	background-position:-303px 0;
}

#GA-BOUTONS a{
	width:303px;
	height:150px;
	display:block;
	background:transparent url(../images/GA-BOUTONS.jpg) 0 0 no-repeat;
	float:left;
}
#GA-BOUTONS a:hover{
	background-position:-303px 0;
}

.promo {
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	clear: both;
}