/* anam */

/*-------------------------------------------- GENERAL */
h1, h2, h3, address, p, ul, li{
	display:block;
	margin:0;
	padding:0;
}

a{
	text-decoration:none;
}

html, body{
	font:100%/100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#1c1c1c;
	margin:0;	
	padding:0;
}

#contenutotal{
	width:100%;
	background:url(img/bg-contenu-total.gif) repeat-x 0px 0px #363636;
	margin:0;
	padding:0;
}

#contenu{
	width:895px;
	background-color:#363636;
	margin:0 auto;
	padding:0;
}

/*-------------------------------------------- BANDEAU */
#bandototal{
	background:url(img/bg-bando-total.gif) repeat-x 0px 0px;
	padding:0;
}

.bando01{
	width:449px;
	height:117px;
	background:url(file:///Z|/feux-follets/www/img/bg-bando01.gif)
	margin:0;
	padding:17px 0 0 30px;
}

.bando02{
	width:955px;
	height:377px;
	margin:0 auto;
	padding:0;
}
#bando{
	width:955px;
	height:377px;
	margin:0 auto;
	padding:0;
}

/*-------------------------------------------- MENU */
#menu{
	width:265px;
	height:264px;
	background:url(img/ombre-gauche.gif) no-repeat 0px 0px;
	margin:0;
	padding:0;
	float:left;
}

#menu ul{
	width:235px;
	height:186px;
	margin:0;
	padding:39px 0 0 30px;
}

#menu ul li{
	display:inline;
}

#menu ul li a{
	display:block;
	height:31px;
	margin:0;
	padding:0;
	float:left;
}

#menu ul li a.menu1{
	background:url(img/titre1.gif) no-repeat;
	width:235px;
}

#menu ul li a.menu2{
	background:url(img/titre2.gif) no-repeat;
	width:235px;
}

#menu ul li a.menu3{
	background:url(img/titre3.gif) no-repeat;
	width:235px;
}

#menu ul li a.menu4{
	background:url(img/titre4.gif) no-repeat;
	width:235px;
}

#menu ul li a.menu5{
	background:url(img/titre5.gif) no-repeat;
	width:235px;
}

#menu ul li a.menu6{
	background:url(img/titre6.gif) no-repeat;
	width:235px;
}

#menu ul li a:hover{
	background-position:0px -31px;
}

#menu ul li a.focus{
	background-position:0px -31px;
}

/* --------------------------------------------------ACTUS-ACCUEIL */
.accueiltotal{
	width:660px;
	float:left;
	margin-bottom: 20px;
}

.accueil-cell01{
	width:277px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
	padding:15px 25px;
	float:left;
	text-align: justify;
}

.accueil-cell01 h3{
	height:16px;
	border-bottom:solid 1px #a3a3a3;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}

.accueil-image01 {
	width:276px;
	height:99px;
	margin:0;
	padding:30px 0 0 0;
	display:block;
}

.accueil-image02{
	width:604px;
	height:91px;
	margin:0 0 0 25px;
	padding:0;
	display:block;
}

/* --------------------------------------------------ACTUS-ACCUEIL */
.blocactu{
	width:205px;
	background:url(img/bg-actu.gif) repeat-x 0px 0px #363636;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#d7d7d7;
	margin:0;
	padding:0 0 15px 0;
	float:left;
}

.blocactu img{
	width:205px;
	margin:0;
	padding:10px 0 10px 0;
}

.blocactu h3{
	width:205px;
	height:16px;
	background:url(img/titre-actu.gif) no-repeat 0px 0px;
	border-bottom:solid 1px #a3a3a3;
	margin:0;
	padding:0 0 10px 0;
}

.date{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

.titre{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#868686;
}

a.savoirplus {
	width:79px;
	height:20px;
	background:url(img/bg-savoirplus.gif) no-repeat 0px 0px;
	margin:5px 0 0 0;
	padding:0px;
	display:block;
	float:right;
}

.txtclear-actu{
	height:10px;
	margin:0px;
	padding:0px;
	line-height:10px;
	clear:both;
	border-bottom:solid 1px #a3a3a3;
}

/* --------------------------------------------------ACTUS-PAGE */
.blocactupage p.date2{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

.blocactupage p.titre2{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#868686;
}

.blocactupage{
	width:630px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
	padding:15px;
	float:left;
}

.blocactupage img{
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

.bloclist{
	width:205px;
	height:350px;
	background:url(img/bg-actu.gif) repeat-x 0px 0px #363636;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#d7d7d7;
	margin:0;
	padding:15px;
	float:left;
}

.bloclist h3{
	height:16px;
	border-bottom:solid 1px #a3a3a3;
	margin:0;
	padding:0 0 10px 0;
}


.bloclist ul li{
	background:url(img/puce2.gif) no-repeat 5px 12px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#d7d7d7;
	margin:0;
	padding:10px 0 0 20px;
	list-style-type:none;
}

.bloclist ul li a{
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#d7d7d7;
}

.bloclist ul li a:hover{
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

/* --------------------------------------------------PACK RENOVATION / CUISINES BERCKOISES / MENUISERIES TROLLE */
.pack-cell01{
	width:205px;
	background-color:#363636;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#d7d7d7;
	text-align:justify;
	margin:0;
	padding:15px;
	float:left;
}

.pack-cell01 ul li{
	background:url(img/puce2.gif) no-repeat 5px 12px;
	margin:0;
	padding:10px 0 0 20px;
	list-style-type:none;
}

.pack-cell02{
	width:660px;
	background:url(img/bg-actu.gif) repeat-x 0px 0px #363636;
	float:left;
}

.pack-cell02 h3{
	height:16px;
	border-bottom:solid 1px #a3a3a3;
	margin:0 30px 0 15px;
	padding:10px 0 10px 0;
}

.diapo{
	width:204px;
	height:262px;
	margin:0;
	padding:5px 15px 0 15px;
	float:left;
}

.diapo img{
	width:58px;
	height:58px;
	margin:0;
	padding:10px 10px 0 0;
	float:left;
	cursor: pointer;
}

.diapo2{
	width:373px;
	height:262px;
	margin:0;
	padding:15px 25px 3px 25px;
	float:left;
}

/* --------------------------------------------------MENTIONS LEGALES */
.mentions-cell01{
	width:205px;
	background:url(img/bg-actu.gif) repeat-x 0px 0px #363636;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#d7d7d7;
	margin:0;
	padding:15px;
	float:left;
}

.mentions-cell01 ul li{
	background:url(img/puce2.gif) no-repeat 5px 12px;
	margin:0;
	padding:10px 0 0 20px;
	list-style-type:none;
}

.mentions-cell01 h3{
	height:16px;
	border-bottom:solid 1px #a3a3a3;
	margin:0;
	padding:0 0 10px 0;
}

.mentions-cell02{
	width:590px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:justify;
	margin:0;
	padding:15px 35px;
	float:left;
}

/* --------------------------------------------------CONTACT */
.contact-cell01{
	width:895px;
	background-color:#363636;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
	padding:0;
}

.coord h3{
	height:16px;
	border-bottom:solid 1px #a3a3a3;
	margin:0;
	padding:0 0 10px 0;
}

.coord{
	width:280px;
	font:normal 16px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
	padding:15px 25px 0 0;
	float: left;
}


.tel{
	background:url(img/img-tel.gif) no-repeat 10px 10px;
	margin:0;
	padding:10px 10px 0 60px;
	font-size: 12px;
}

.mail{
	background:url(img/img-contact.gif) no-repeat 10px 10px;
	margin:0;
	padding:10px 10px 0 60px;
	font-size: 12px;
}

.plan{
	width:521px;
	margin:0;
	padding:0 25px 20px 13px;
	float: left;
}

.plan h4{	
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	margin:0;
	padding:15px 0 0 0;
}

.plan img{
	width:521px;
	margin:0;
	padding:7px 0 0 0;
}



/* --------------------------------------------------FOOTER */
#footer{
	width:955px;
	text-align:center;
	margin:10px auto;
	padding:0;
}

#footer p{
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#d9d9d9;
	text-align:center;
	padding-top:5px;
	clear: both;
}

#footer img{
	padding-bottom:5px;
	clear: both;
}

#footer a{
	color:#666;
}

#footer a:hover{
	color:#8c060b;
}

/* -------------------------------------------------- FORMULAIRE */
label{
	display:block;
	float:left;
	width:70px;
	line-height: 20px;
}

form{
	margin:15px 0 0 0;
}

form p{
	margin:0;
	clear:both;
	display:block;
}

.input{
	width:275px;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0px 0px 8px 0;
	background-color: #363636;
	border:solid 1px #fff;
	padding: 0 0 0 5px;
}

textarea{
	width:275px;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:0 0 5px 0;
	background-color: #363636;
	border:solid 1px #fff;
	padding: 0 0 0 5px;
}

#bouton{
	width:105px;
	height:18px;
	background:url(img/bgt-bouton.gif) no-repeat 0px -2px;
	font:bold 10px verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 0 3px 0;
	border:1px solid #fff;
	clear: both;
	cursor: pointer;
	text-align: center;
	margin: 0;
}

#formulaire{
	width:280px;
	text-align:left;
	background:url(img/barre.gif) no-repeat 50px 40px;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding:40px 0 0 0;
	margin:0;
	float:left;
}

/*------------------------- TYPOS -------------------------- */
.txthidden{
	visibility:hidden;
	font:normal 8px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1px;
}

.txtitalik{
	font:italic normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#9BB356;
	margin-left: 80px;
	padding: 0 0 10px 0;
}

.txtbold{
	font-weight:bold; 
}

.txtred{
	font-weight:bold;
	color:#8B070B;
}

.txtblc{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

.txtclear{
	height:1px;
	margin:0px;
	padding:0px;
	line-height:1px;
	clear:both;
}

/************legende***********/

#legende2, #legende3, #legende4, #legende5, #legende6, #legende7, #legende8, #legende9, #legende10, #legende11, #legende12, #legende14, #legende15, #legende16, #legende17, #legende18, #legende19, #legende20, #legende21, #legende22, #legende23, #legende24, #legende26, #legende27, #legende28, #legende29, #legende30, #legende31, #legende32, #legende33, #legende34, #legende35, #legende36{
	display:none;
	}

#legende1 p, #legende2 p, #legende3 p, #legende4 p, #legende5 p, #legende6 p, #legende7 p, #legende8 p, #legende9 p, #legende10 p, #legende11 p, #legende12 p, #legende13 p, #legende14 p, #legende15 p, #legende16 p, #legende17 p, #legende18 p, #legende19 p, #legende20 p, #legende21 p, #legende22 p, #legende23 p, #legende24 p, #legende25 p, #legende26 p, #legende27 p, #legende28 p, #legende29 p, #legende30 p, #legende31 p, #legende32 p, #legende33 p, #legende34 p, #legende35 p, #legende36 p{
	padding:0 0 15px 265px;
	color: #d7d7d7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}