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

/* Table des matieres
-------------------------------------------------------------- */ 
/* page layout */
/* menus */
/* contenu */


/* page layout
-------------------------------------------------------------- */ 
body {
	text-align: left;
	/*background-color:#fff;*/
	background:url('../images/base/bk.jpg') no-repeat fixed left bottom;
}
#page {
	position:relative;
	margin: 0 auto;
	width:100%;	
}		
#header {
	width:1080px;
	height:180px;
	margin:0 auto;
	/*background-image:url('../images/base/ban01_bou.jpg');
	background-repeat:no-repeat;
	background-position:top center;*/
}
#content {
	float:left;
	width:980px;
	/*background: transparent url('../images/base/bk01.jpg') no-repeat bottom center;
	background-color:#456FD1;*/
}

#footer{
	float:left;
	width:980px;
	height:50px;
	background-color:#fff;
	
}

/* menus
-------------------------------------------------------------- */ 
/*menu horizontal*/

#bandeau-menu {
    background: url("../images/base/bk-menu.png") repeat-x scroll left top transparent;
    height: 70px;
    margin-top: 70px;
    width: 100%;
}
#header ul{
	width:955px;
	margin:0px;
	padding:0px;
	margin-top:120px;
	margin-left:25px;
	list-style-type: none;
	vertical-align:text-top;
}
#header li{	
	/*float:left;
	width:160px;*/
	float:left;
	width:auto;
	line-height:34px;
	margin-bottom:0;
	padding: 0 30px 0 15px ;
	/*display:inline;*/
}
#header li:hover{
position: static;
background:url("../images/base/bk-puce-menu.png") no-repeat scroll left center transparent;
}

#header li.active{	
	background:url("../images/base/bk-puce-menu.png") no-repeat scroll left center transparent;
}
#header li a {
	font-family:'Arial Narrow', arial, sans-serif;
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	padding: 10px 5px;
	letter-spacing:2px;
	
	display:block;
}


#header li ul {
	margin:0;
	margin-left:-15px;
	width:165px;
	position: absolute;
	left: -999em;
	z-index:11;
	background-color:#fff;
	border:1px solid #6e7378;
	list-style-position:inside;
	

}
#header li li{	

	line-height:1.2em;
    width:145px;
    padding:0;
    margin:0;
    padding-left:20px;
    padding-top:5px;
    background:transparent url('../images/base/ssMenuNorm-bk.gif') no-repeat top left;
 }


#header li.active li{	
	background:transparent url('../images/base/ssMenuNorm-bk.gif') no-repeat top left;
}
#header li li.active {
	background:#b9e60f url('../images/base/ssMenu-bk.gif') no-repeat top left;
}
#header li li:hover{
	/*background-color:#b9e60f;*/
	background:#b9e60f url('../images/base/ssMenu-bk.gif') no-repeat top left;

}


#header li li a{
	margin:0;
	padding:0;
	color:#555a5f;
	letter-spacing:0;	
	line-height:1.2em;
	
	display:block;
}

#header li:hover ul {
	left: auto;
}
#header li:hover ul{
	left: auto;
}

/* contenu
-------------------------------------------------------------- */ 
#content-mh{
float:left;
height:670px;
width:0px;
}
.col1{
float:left;
height:650px;
width:185px;
background: transparent url('../images/base/col1-flor.png') no-repeat top right;
}
.col2{
float:left;
width:750px;
background:#fff;
/*width:795px;
background: transparent url('../images/base/col2-page.png') repeat-y top left;*/
padding-bottom:10px;
}
#col2-mh{
float:left;
height:520px;
width:0px;
}

#contenu{
float:left;
width:720px;
padding-left:14px;
}
#contenu form{
margin-left:20px;
}
#contenu p{
margin-top:10px;
}
.col3{
float:left;
width:937px;
margin-left:43px;
}
.col4{
float:left;
width:980px;

}
/*col4-ban
-------------------------------------------------------------- */
#col4-soutien{
float:left;
width:163px;
}
#col4-ban{
float:left;
width:817px;
height:140px;
background: transparent url('../images/base/col4-ban.png') no-repeat top left;
}
#col4-ban h4{
background-color:#555a5f;
padding:0 10px 0 10px;
display:inline;
font-size:11px;
padding-top:2px;
}
#col4-ban p, #col4-ban a{
color:#fff;
text-decoration:none;
margin-left:0;
}

.ban-devis{
float:left;
background-color:transparent;
margin-left:34px;
width:300px;
margin-top:7px;
}

.ban-agence{
float:left;
background-color:transparent;
margin-top:7px;
width:483px;
}

.ban-info{
float:left;
margin-left:84px;
width:250px;
margin-top:5px;
}
.ban-info p{
font:normal normal 20px arial,sans-serif;
line-height:2.2em;
padding:0 10px 0 10px;
}
.ban-adresse{
float:left;
margin:25px 0 0 140px;
}
#col4-ban .ban-adresse a{
text-decoration:underline;
}

.nav a{
	color:#B4B9BE;
	font-family:'Arial Narrow',arial,sans-serif;
	font-size:15px;
	letter-spacing:1px;
	text-decoration:none;
}

.nav a{
	color:#B4B9BE;
	font-family:'Arial Narrow',arial,sans-serif;
	font-size:15px;
	letter-spacing:1px;
	text-decoration:none;
}

.nav a:hover{
	color:6E643C;
}

.ban-devis{

}
/*produit
-------------------------------------------------------------- */
.prod{
float:left;
width:150px;
height:180px;
margin:10px 5px 0 20px;
}
.txtfooter-prod{
float:left;
width:700px;
background: #6e7378 none no-repeat top left;
height:16px;
}

.imgProd{
float:left;
height:142px;
width:150px;
background: transparent url('../images/base/prod-img-blanc.png') no-repeat top left;
}
.txtProd{
float:left;
width:150px;
background: transparent url('../images/base/prod-bk-blanc.png') repeat-y top left;
}

.footerProd{
float:left;
width:150px;
height:13px;
background: transparent url('../images/base/prod-footer-blanc.png') no-repeat top left;
}
.prod img{
/*avoir une fois integrée au pages détails*/
height:140px;
width:140px;
margin:2px 0 0 2px;
}
.prod h2{
margin:0;
padding:5px 18px 0px 10px;
color:#555a5f;
font:normal bold 10px arial,sans-serif;
text-transform:uppercase;
line-height:10px;
}
#contenu .prod p{
text-transform:none;
text-align:left;
font:normal normal 10px arial,sans-serif;
margin:0;
margin-left:5px;
padding:0 5px 0 5px;
}
#contenu .txtfooter-prod p{
margin:0px;
padding-left:5px;
color:#fff;
letter-spacing:1px;
text-align:center;
}
.txtfooter-prod .couleur{
color:#b9e60f;
}
/*listProduit
-------------------------------------------------------------- */
.rubtitre{
	float:left;
	width:682px;  
	line-height:20px; 
	margin:20px 0 10px 10px; 
	font-size:11px;
	letter-spacing:2px;
	text-align:left;
	background-color:#555A5f;
	color:#B3EB00;
	text-transform:uppercase;
	font-family:'Arial Narrow',arial,sans-serif;
	padding-left:10px;
	/*padding:5px;*/
}
.prod2{
float:left;
width:150px;
margin:0 0 0 0;
}
.imgProd2{
float:left;
height:250px;
width:150px;
background: transparent url('../images/base/prod2-img.png') no-repeat top left;
}
.txtProd2{
float:left;
width:150px;
background: transparent url('../images/base/prod-bk.png') repeat-y top left;
}
.footerProd2{
float:left;
width:150px;
height:13px;
background: transparent url('../images/base/prod-footer.png') no-repeat top left;
}
.prod2 img{
margin:2px 0 0 2px;
}
.prod2 h2{
margin:0;
padding:5px 8px 0px 10px;
color:#555a5f;
font:normal bold 10px arial,sans-serif;
text-transform:uppercase;
line-height:10px;

}
.prod2 p{
text-transform:none;
text-align:center;
font:normal normal 10px arial,sans-serif;
margin:0;
padding:0 5px 0 5px;
}

/*info
*/
#info{

margin: 163px 0 0 25px;
}
.info-devis{
background-color:#555a5f;
width:130px;
padding:5px 10px 5px 10px;
}
.info-num{
margin: 10px 0 0 10px;

}

.info-num a{
color:#fff;
font:normal normal 13px arial,sans-serif;
text-decoration:none;
margin-left:0;
display:block;
margin-top:10px;

}
.info-num p{
color:#fff;
font:normal normal 19px arial,sans-serif;
line-height:1.8em;
margin-left:0;
}
/*formulaire
-------------------------------------------------------------- */
/*
#form{

}
.form1{
float:left;
width:422px;
}
.form2{
float:left;
width:270px;
border-left:#b4b9be solid 1px;
}
.grosNum{
font:normal normal 30px 'Arial Narrow',arial,sans-serif;
color:#6e643c;
line-height:30px;
font-size:40px;
display:block;
margin-top:15px;
}

form#contact{
clear:both;
width:422px;
}
label,input,textarea{
margin-top:5px;
height:15px;
float:left;
}
input, textarea{
background-image: url('../images/base/contact-bk.gif');
background-repeat:no-repeat;
background-position:left top;
border:1px solid #a5afb4;

}
label{
width:66px;
padding-left:20px;
}
label.large{
width:468px;
}
label.l1{
width:180px;
}
label.l2{
width:58px;
}
label.rad {
color:#0a2896;
width:60px;
}
label.msg{

}
input{
width:300px;
}
input.i2{
width:125px;
margin-right:5px;
}
input.i3{
width:125px;
}
input.rad {
border:none;
width:20px;
background-image:none;
}
input.sub {
border:none;
width:60px;
height:16px;
background-color:#b9e60f;
background-image:none;
color:#555a5f;
border:none;
margin-left:85px;
font-family:arial, sans-serif;
}
input.sub2 {
border:none;
width:64px;
margin-left:350px;

background-image:url(../images/base/form-envoyer.gif);
}
textarea {
height:200px;
width:300px;
margin-top:5px;
}
*/
/* catalogue
-------------------------------------------------------------- */ 
.cata{

}
.cata-content{
float:left;
width:570px;
margin-right:30px;
}
.cata-img{
float:left;
width:200px;

}
/* detail
-------------------------------------------------------------- */
#detail{}
#detail-img{
float:left;
width:400px;
}
#detail-txt{
float:left;
width:300px;
}
#detail p{
margin:0 0 0.8em 1em;
text-align:left;
margin-left:0px;
margin:0 0 3px;
padding:1px 5px 3px;
}


/*fil
-------------------------------------------------------------- */
#fil{
position:absolute;
top:-15px;
left:165px;
/*background-color:#faf;*/
}

#fil li{
display:none;
}
#fil li.active, #fil ul, #fil li ul {
display:inline;
width:auto;
margin:0;
padding:0;
color:#fff;
}
#fil a{
color:#fff;
}

/* conseil
-------------------------------------------------------------- */
#conseil{
position:absolute;
top:25px;/*165*/
left:775px;/*735*/
width:200px;/*200*/
height:45px;/*40*/
}
#conseil p{
text-align:center;
margin:0;
margin-top:5px;
padding:5px 5px;
color:#555a5f;
font-family:'Arial Narrow', arial, sans-serif;
font-size:15px;
letter-spacing:1px;
line-height:1em;
}
#conseil-fleche{
float:left;
margin-top:25px;
}
#conseil-msg{
float:left;
background-color:#b9e60f;

}
.num{
font-size:18px;
color:#555a5f;
line-height:1.2em;
}

.col2 h3{
margin-left:20px;
}
#detail-txt h3{
margin-left:0px
}

/*liens*/
#refs a:hover{
color:#6E643C;
}
#lienBingo{
position:absolute;
top:80px;
left:30px;
/*border:1px solid #faf;*/
}
#lienBingo a{
display:block;
width:140px;
height:30px;
text-decoration:none;

}