body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#744b38;
	background:url(images/bg-body.jpg) repeat-x;

}

*  {

	margin: 0 ;
	padding:0;

}

h2, h3 , h4 , h5  {
	display:block;
}
h4{
	font-size:14px;

}
p {
	padding:3px 8px 5px 8px ;
}
ul  {
	margin: 0 ;
	padding:0;
	list-style:none;
}

a {
	text-decoration:none;
	color:#dcbbad;
}

a:hover {
	text-decoration:none;
	color:#744b38;
}

.clr{
	clear:both;
}

/*-------------- ENTETE -------------*/

#conteneur{
	width:955px;
	margin:0 auto;
}

#entete{
	background:url(images/entete.gif) no-repeat 0 0;
	float:left;
	width:955px;
	height:109px;
	padding-top:32px;
}

#logo{
	float:left;
	width:318px;
	height:77px;
	padding-left:120px;
}

/*--------------- MENU -------------*/

#menu{
	background:url(images/bg-menu.jpg) no-repeat;
	float: left;
	height: 48px;
	width: 517px;
}

#menu ul{
	list-style:none;
	margin:0;
	padding:0px;
}

#menu li{ 
	float:left;
	display:block;
}

/*----------- accuei l-----------*/
#accueil a {
	background:url(images/accueil-off.jpg) no-repeat;
	width:129px;
	height:77px;
	display:block;
	float:left;
}
#accueil a:hover{
	background:url(images/accueil-on.jpg) no-repeat;
	width:129px;
	height:77px;
	float:left;
	display:block;
}

#accueil .active {
	background:url(images/accueil-on.jpg) no-repeat;
	width:129px;
	height:77px;
	display:block;
	float:left;
}

/*---------- savoir-faire -----------*/
#savoir-faire a {
	background:url(images/savoir-faire-off.jpg) no-repeat;
	width:129px;
	height:77px;
	display:block;
	float:left;
}

#savoir-faire a:hover{
	background:url(images/savoir-faire-on.jpg) no-repeat;
	width:129px;
	height:77px;
	float:left;
	display:block;
}

#savoir-faire .active {
	background:url(images/savoir-faire-on.jpg) no-repeat;
	width:129px;
	height:77px;
	display:block;
	float:left;
}

/*--------- contact -----------*/

#contact a {
	background:url(images/contact-off.jpg) no-repeat;
	width:129px;
	height:77px;
	display:block;
	float:left;

}
#contact a:hover{
	background:url(images/contact-on.jpg) no-repeat;
	width:129px;
	height:77px;
	float:left;
	display:block;
}
#contact .active {
	background:url(images/contact-on.jpg) no-repeat;
	width:129px;
	height:77px;
	display:block;
	float:left;
}

/*--------------------- actualite ------------------------*/
#actualites a {
	background:url(images/actualite-off.jpg) no-repeat;
	width:129px;
	height:77px;
	display:block;
	float:left;
}

#actualites a:hover{
	background:url(images/actualite-on.jpg) no-repeat;
	width:129px;
	height:77px;
	float:left;
	display:block;
}

#actualites .active {
	background:url(images/actualite-on.jpg) no-repeat;
	width:129px;
	height:77px;
	display:block;
	float:left;
}

/**------------MILIEU INDEX---------------*/

#milieu{
	background:url(images/bg-milieu.jpg) no-repeat;
	width:919px;
	padding:0px 0px 0px 36px;
	float:left;
}

.hauteur{
	width:0;
	height:410px;
	float:left;
}

#txt-droit{
	width:474px;
	float:right;
	padding-right:30px;
}

#txt-droit h2{
	font-size:26px;
	color:#FFF;
}
#bloc-images{
	padding-top:36px;
	width:448px;
	float:left;
}
#bloc-images img{
	padding-right:3px;
	}
#bloc-bas-left{
	background:url(images/bloc-bas-left.jpg) no-repeat 0 0 ;
	width:632px;
	height:138px;
	padding:0 0px 10px 0px;
	float:left;
	margin-top:105px;
}

#bloc-bas-left p{
	text-align:center;
}
#gauche{
	width:130px;
	float:left;
	padding:10px 0 0 0;
}

#droit{
	width:125px;
	float:left;
	padding:10px 0px 0 05px;
}
.meuble-02{
	width:235px;
	height:117px;
	float:left;
}
.meuble-01{
	float:left;
	margin-left:5px;
}

#bloc-bas-right{
	background:url(images/bloc-bas-right.jpg) 0 75px no-repeat  ;
	float:left;
	width:245px;
	margin-top:30px;
	padding-left:7px;
}
#bloc-actualite{
	background:url(images/acc-haut.jpg)  0 25px no-repeat;
	width:237px;
	height:198px;
	float:left;
	padding:24px 4px 0 0 ;

}
#bloc-actualite h3{
	font-size:14px;
	color:#fff;
	text-align:right;
	padding:5px 9px 0 0;
}

.bloc-actualite-fin{
	float:left; 
	margin-left:2px;
}
#bloc-actualite p.date{
	font-weight:bold;
	color:#663300;
}

.actus{
	padding:45px 0 0 35px;
	text-align:left;
}

.actus img{
	float:left;
	padding:0 5px 0 0;
}

p.savoir a{
	color:#FF6600;
}

p.savoir a:hover{
	color:#FF9900;
}

#acc-milieu{
	background:url(images/milieu-acc.jpg) no-repeat;
	width:238px;
	float:left;
}
.hauteur2{
	width:0;
	height:171px;
	float:left;
}
.tiret{
	background:url(images/tiret-hori.jpg) no-repeat 10px 25px;
	width:5px;
	height:96px;
	float:left;
}
.bas-acc{
	display:block;
	float:left;
}

/*-------------------------FOOTER------------------------*/
#footer{
	float:left;
	width:955px;
	text-align:center;
	font-size:11px;
	color:#511E06;
	margin:30px 0 0 0;
}

#footer ul{
	margin:25px 0 15px 0;
	color:#F5D8C6;
}
#footer li{
	display:inline;
	font-weight:bold;
}
#footer li a {	
	color:#DCBBAD;
	font-size:11px;
}
#footer li a:hover{	
	color:#511E06;
	font-size:11px;
}
#footer p{
	padding:2px 0px 0px 0;
	text-align:center;
	font-weight:bold;
}
#footer img{
margin-bottom:5px;
}
#footer p span{
	position: relative;
	top:5px;
}

.separateur{
	padding: 5px 5px 0px 5px;
	font-weight:bold;
}
#footer em{
	top:6px;
	position:relative;
}

/*-------------------------- TOPTECH ---------------------------*/
#footer #toptech { 
	color:#8B8B8B;
	padding:10px 0 0 0;
	text-align:center;
}
.botoom{
 	margin-bottom:5px;}
#footer #toptech a { 
	color:#511E06;
	font-size:10px;
}
#footer #toptech a:hover { 
	color:#122141;
}

/*------------------- PAGE  SAVOIR-FAIRE ------------------------*/
#milieu-savoir{
	background:url(images/milieu-savoir.jpg) no-repeat;
	width:955px;
	padding:1px 0px 0px 0px;
	float:left;
}

#bloc{
	width:252px;
	float:left;
	margin-left:50px;
}
#cont-gauche{
	padding-left:105px;
}
#bloc-gauche{
	background:url(images/bloc-gauche.jpg)  no-repeat;
	width:252px;
	float:left;
	padding:1px 0 0 0 ; 
	margin:0 28px 0 0px;
}
#bloc-txt{
	background:url(images/bloc-g-rep.jpg) repeat-y;
	width:252px;
	float:left;
	padding:42px 0 0 0px;
	text-align:justify;
}

.meuble-align{
	border:1px solid #CEC1BB;
	margin-left:10px;
}
.img-bas{
	display:block;
}
.titre1{
	float:left;
	margin:7px 0 14px 0 ;
}




#pix_bloc{
	background:url(images/pix.jpg) repeat-y    ;
	width:243px;
	float:left;
	margin-top:12px;

}



#bloc-alecoute{
	background:url(images/bloc_marron.jpg) no-repeat 0 0  ;
	width:243px;
	float:left;
	text-align:justify;
	
}

#bloc-alecoute h3{
	text-align:right;
	font-size:14px;
	color:#fff;
	padding: 4px 10px 5px 0;
}


.img-bureau{
	
	margin:10px 2px 0 5px;
	
	
	
}

.img-bord{
	
	margin:10px 0 0 0;
}







#bloc-droit-sav{
	background:url(images/meuble-droit.jpg) no-repeat;
	width:191px;
	float:right;
	height:146px;
	margin-right:34px;
	position:relative;
	padding:295px 0 0 45px;
}

#txt-model{
	background:url(images/bloc-txt.gif) no-repeat;
	float:left;
	width:121px;
	height:106px;
	font-size:12px;
	text-align:center;
	padding:10px 2px 0 2px;
	font-weight:bold;
}

#bloc-photos-sav{
	width:640px;
	float:left;
	margin: 15px 0 0 0px;
}

#bloc-photos-sav h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#AA572E;
	margin-left:36px;
	padding-left:75px;
}

#gallerie-pic{
	width:550px;
	float:left;
	padding: 15px 0 0 90px;
}
.trait-h3{
float:left;
margin-left:36px;
}
#gallerie-pic img{
	margin:0px  0 14px  24px;
	border:1px solid #AA572E; 
}

/*---------------- CONTACT ------------------*/
#milieu-cont{
	background:url(images/milieu-contact.jpg) no-repeat;
	width:865px;
	padding:9px 0px 0px 90px;
	float:left;

}
#cont-left{
	width:311px;
	float:left;
}
.adress{
	margin-right:147px;
	float:right;
}

/*-------------- FORMULAIRE ------------------*/
#formulaire{
	margin-top:8px;
	background:url(images/formulaire.jpg) no-repeat;
	float:left;
	width:290px;
	color:#47191C;
	font-size:11px;
	font-weight:bolder;
	padding:80px 0 0 21px;
}

#formulaire form{
	display: inline;
}

#formulaire p{
	margin:0 0 3px 0; 
	width:268px;
	padding:0;
	float:left;
	color:#47191C;
}
#formulaire span{
	float:left;
	clear:left;
	font-weight:bolder;
}
 #formulaire .info{
	clear: both;
	text-align:right;
}
#formulaire em{
	color:#EB7C00;
}

#formulaire .question{
	padding-top:10px;
}
#formulaire input{
	float:right;
	border:1px solid #D7A48F;
	width:190px;
	height:18px;
	background-color:#fff;
}
#formulaire textarea{
	float:right;
	border:1px solid  #D7A48F;
	width:190px;
	height:120px;
	background-color:#FFF;
}

#formulaire .bout{
	width: 190px;
	height:19px;
	border:none;
}

#formulaire .rouge{
	color:#FF0000;
	display:block;
	font-weight:bold;
	padding-top:5px;
	text-align: right;
}

/*----------- PAGE ACTUALITES ----------*/
#milieu-actualite{
	background:url(images/milieu-savoir.jpg) no-repeat;
	width:755px;
	padding:50px 100px 0px 100px;
	float:left;
}

#milieu-actualite h3{
	font-size:16px;
	margin:10px 0 10px 0;
	color:#B22D0A;
}

#milieu-actualite p{
	padding:3px 0 5px 0 ;

}

#milieu-actualite .tofright{
	float:left;
	margin-right:5px;
	border:1px solid #B44D24;
}




.actualie-bloc{
	background:url(images/actualites.gif) no-repeat;
	width:180px;
	height:186px;
	float:right;
	padding:10px;
	font-weight:bold;
}

.actualie-bloc a{
	color:#CC6600;
}

.actualie-bloc a:hover{
	color:#CC9966;
}

.actus2 img{
	float:left;
	padding:0 5px 0 0;
}




/*----------- MENTIONS LEGALES ----------*/
#milieu-mentions{
	background:url(images/milieu-savoir.jpg) no-repeat;
	width:850px;
	padding:50px 55px 0px 50px;
	float:left;
}

.titre-01{
	margin-bottom:30px;
}
#milieu-mentions p{
	padding-top:15px;
	}
	
	
/*----------- COIN DES IDEES ----------*/	
#milieu-coin{
	background:url(images/milieu-savoir.jpg) no-repeat;
	width:755px;
	padding:50px 100px 0px 100px;
	float:left;
}