/* CSS Document */

body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

*  {
	margin: 0 ;
}
h2, h3 , h4 , h5 {
	
	display:block;
	margin: 0 ;
	padding:0;	
}
p {
	text-align:justify;
}
ul,li  {
	margin: 0 ;
	padding:0;
	list-style:none;
	text-decoration:none;
}
a
{
	text-decoration:none;
	outline:none;
	cursor:pointer;						
}
a:hover
{
	text-decoration:none;
	outline:none;	
}
.clr
{
	clear:both;	
}
.clrleft
{
	clear:left;	
}
.clrright
{
	clear:right;
}
img
{
	border:0px;
}

                         /************************ header  ***********************/

#bg_gauche{
	background:url(images/bg_g.jpg) no-repeat right 0;
}

#bg_droite{
	background:url(images/bg-d.jpg) no-repeat left 0;
}
						  
#global{
	width:955px;
	margin:0 auto;}

#header{
	position:relative;
	width:955px;
	height:345px;
	background:url(images/bg-header.jpg) no-repeat;}

#header .logo{
	z-index:1;
	position:absolute;
	top:25px;
	left:184px;
}

#menuPrincipal{
	width:188px;
	padding:105px 0 0 0;
}
						/************************ fin header  ***********************/
						/************************ content  ***********************/
#content{
	padding:15px 0 30px 30px;
	width:955px;
	float:left;
	background:url(images/bg-contenu.jpg) no-repeat;}	

#contentLeft{
	float:left;
	width:319px;
}					
						
#contentLeft .titre1{
	width:309px;
	font-size:16px;
	background:url(images/bg-titre.gif) no-repeat;
	color:#fff;
	line-height:33px;
	padding:0 0 10px 10px;
	font-weight:bold;
	height:33px;}	
	
#contentLeft .essence{
padding:15px 0 0 0;}

#contentLeft p{
	line-height:18px;
	color:#000;
}

#contentLeft .separateur1{
	margin:10px 0 0 0;display:block;
}	

#contentLeft .img_monte{
	margin:10px 0 0 0;
	float:left;}

#blockList{
	float:left;
	width:192px;
	padding:0 0 0 3px;
}

#contentLeft .titre2{
	font-size:13px;
	font-weight:bold;
	width:185px;
	padding:10px 0 0 4px;
	color:#007bb1;} 

#contentLeft ul.list{
	padding:0 0 0 5px;
}

#contentLeft ul.list li{
	padding:0 0 0 10px;
	color:#000;
	background:url(images/puce_footer.gif) 0 50% no-repeat;

}

#contentLeft ul.list .espace{
	padding:8px 0 0 10px;
	color:#000;
	font-size:11px;
	background:url(images/puce_footer.gif) 0 75% no-repeat;}

#contentLeft ul.list .batiment{
	padding:0 0 0 10px;
	color:#000;
	font-size:11px;
	background:url(images/puce_footer.gif) 0 70% no-repeat;}

#contentMiddle{
	width:320px;
	float:left;
	margin:0 0 0 30px;}
	
#contentMiddle img{
	display:block;}
	
#contentMiddle img.imgBras{
	float:left;
	margin:0 10px 0 0;}

#contentMiddle .titreo{
	width:309px;
	font-size:16px;
	background:url(images/bgTitre.gif) no-repeat;
	color:#fff;
	line-height:33px;
	padding:0 0 0 10px;
	font-weight:bold;
	height:33px;
	margin:10px 0 10px 0;}	

#contentMiddle p{
	font-size:12px;
	line-height:16px;
	color:#000;
}	

#contentMiddle p.espace{
	padding:10px 0 3px 0;
	font-size:12px;
	line-height:18px;
	color:#000;
}	
#contentRight{
	float:left;
	width:206px;
	margin:0 0 0 27px;}

#contentRight .titre3{
	width:206px;
	font-size:13px;
	background:url(images/titre3.gif) no-repeat;
	color:#f8b35d;
	line-height:33px;
	font-weight:bold;
	height:40px;
	text-align:center;
}		
						/************************ fin content  ***********************/

						/************************ footer  ***********************/
						
#footer{
	background:url(images/bg-footer.png) 0 0 no-repeat;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-footer.png', sizingMethod='crop');
    _background:none;
	height:79px;
	width:909px;
	float:left;
	padding:10px 0 20px 0;
	margin:5px 0 0 0;
}


#footer p{
	
	background:url(images/font-p-footer.gif) repeat-x;
	text-align:center;
	font-size:10px;
	color:#000;
	padding:20px 0 0 0;}

#footer p a{
	color:#000;position:relative;}

#footer a:hover{
	color:#00CCFF;}

#footer ul{

	padding:0 0 0 300px;
}

#footer ul li{
	float:left;
	padding:0 6px 0 0;
	font-size:10px;
	}

#footer ul li a{
	color:#000;
	position:relative;
}

#footer ul li a:hover,#footer ul li .active{
	color:#0099FF;}
	
object{
	top:5px;
	position:relative;
}
	
#footer p.toptech{
	clear:both;
	font-size:9px;
	color:#FFA700;
	margin:30px 0 0 0;
	text-align:center;
}
						/************************ fin footer  ***********************/
						
						
						
						
						/******************* monte meuble ************************/	
#contentM{
	padding:15px 0 0 30px;
	width:955px;
	float:left;
	background:url(images/bg-contenu.jpg) no-repeat;
}							
					
#contentLeftM{
	float:left;
	width:669px;
}					
						
#contentLeftM .titre1{
	width:309px;
	font-size:16px;
	background:url(images/bg-titre.gif) no-repeat;
	color:#fff;
	line-height:33px;
	padding:0 0 10px 10px;
	font-weight:bold;
	height:33px;}

#contentLeftM .blockImg{
	padding:10px 0 0 0;}	

#contentLeftM .maison{
	margin:10px 0 10px 0;
}	

#contentLeftM .proposons{
	font-size:11px;
	padding:10px 0 0 0;}					
						
#contentMiddleM{
	width:320px;
	float:left;
	margin:0 0 0 30px;}	

#contentMiddleM p{
	font-size:12px;
	line-height:18px;}

#contentMiddleM .blockImg{
	width:320px;
	padding:10px 0 0 0;
	float:left;
	margin:0px;}

#contentMiddleM .meuble1{
	margin:0 8px 0 0;
	float:left;}	

#contentMiddleM .meuble2{
	margin:0 8px 0 0;
	float:left;}


#contentRightM{
	float:left;
	width:206px;
	margin:0 0 0 27px;
	height: 380px;
}

.montemeuble{
	background:url(images/voitureMonte.jpg) no-repeat left bottom;
}

#contentRightM .titre3{
	width:206px;
	font-size:13px;
	background:url(images/bg_titre.gif) no-repeat;
	color:#f8b35d;
	line-height:33px;
	font-weight:bold;
	height:40px;
	text-align:center;
	padding:0 0 10px 0;
}	

#contentRightM .autoportee{
	padding:10px 0 10px 0;
	font-size:11px;}	

#contentRightM .klaas{
	color:#00619e;
	font-size:18px;
	padding:10px 0 0 0;}	

						
						/******************* fin monte meuble *******************/
						
						
						/******************* bras grue *******************/
#contentBras{
	padding:15px 0 0 30px;
	width:925px;
	float:left;
	background:url(images/bg-contenu.jpg) no-repeat;}	
						
						
#diaporama{
	width:870px;
	margin:0 auto;
	padding:20px 0 0 30px;
}
	
#diaporama .titre1{
	width:309px;
	font-size:16px;
	background:url(images/bg-titre.gif) no-repeat;
	color:#fff;
	line-height:33px;
	padding:0 0 10px 10px;
	font-weight:bold;
	height:33px;;
}
	
#diapoImg{
	width:390px;
	float:left;	
	}
	
#diapoImg .charge{
	margin:0 0 12px 0;}
	
#diaporama #photoDiapo img{
	border:1px solid #000;}

#diaporama .bigPhoto{
	border:1px solid #000;
	float:left;}

#diaporama #photoDiapo{
	width:402px;}		
			
#diapoImg img{
	margin:0 0 10px 10px;
	border:1px solid #000;
	cursor:pointer;}	
	
#diapoImg .titre1{
	width:350px;
	font-size:16px;
	background:url(images/bg-titre1.gif) 10px 0 no-repeat;
	color:#fff;
	line-height:33px;
	padding:0 0 0 20px;
	font-weight:bold;
	height:33px;}

#diapoImg p{
	width:350px;
	font-size:12px;
	line-height:16px;
	padding:9px 0 0 10px;}

#diapoImg .telechargement{
	margin:0px;
	padding:0px;
	width:70px;
	float:left;
	border:none;
	margin:0 0 0 20px;
}
#diapoImg .telechargement span{
	display:block;
}
#diapoImg .telechargement a{
	color:#000;
}
#diapoImg .telechargement a:hover{
	color:#990000;

}
#diapoImg img{
	float:left;
	
}


#diapoImg span{
	display:block;
	font-size:9px;
	text-align:center;}


						/******************* fin bras grue *******************/
						
						/***************** contact **************************/
#contentC{
	padding:15px 0 0 25px;
	width:955px;
	float:left;
	background:url(images/bg-contenu.jpg) no-repeat;}			
						
#contentLeftC{
	float:left;
	width:209px;
	padding:0 0 0 3px;
	}
							
#contentLeftC .titre1{
	width:199px;
	font-size:16px;
	background:url(images/bg-noir-titre.gif) no-repeat;
	color:#fff;
	line-height:44px;
	padding:0 0 0 10px;
	font-weight:bold;
	height:44px;}

#contentLeftC .map{
	margin:13px 0 0 5px;}
				
						
#contentMiddleC{
	width:331px;
	float:left;
	margin:0 0 0 12px;
}	

#contentMiddleC .titre2{
	width:321px;
	font-size:16px;
	background:url(images/cordoner.gif) no-repeat;
	color:#fff;
	line-height:45px;
	padding:0 0 5px 10px;
	font-weight:bold;
	height:45px;}

#contentMiddleC p{
	font-size:11px;
	line-height:18px;}
						
#contentMiddleC .adresse1{
	width:150px;
	float:left;
	padding:0 0 0 8px;}

#contentMiddleC .adresse1 p{
	font-weight:bold;
	font-size:12px;
	color:#000;
	padding:0 0 8px 0;
}

#contentMiddleC .adresse1 p span{
	font-size:16px;
	color:#00619e;
}
			
#contentMiddleC .adresse2{
	float:left;
	width:125px;
	margin:0 0 0 40px;
}							

#contentMiddleC .adresse2 p{
	font-weight:bold;
	font-size:12px;
	color:#000;
	padding:0 0 8px 0;
}

#contentMiddleC .adresse2 p span{
	font-size:16px;
	color:#00619e;
}	

#contentMiddleC .note{
	width:298px;
	font-size:10px;
	padding:15px 0 0 10px;
	font-weight:bold;
	text-align:left;}

#contentRightC{
	float:left;
	width:331px;
	padding:0 5px 0 0;
}

#contentRightC .formul{
	width:321px;
	font-size:16px;
	background:url(images/bg-titre-form.gif) no-repeat;
	color:#fff;
	line-height:45px;
	font-weight:bold;
	height:45px;
	padding:0 0 0 10px;
	}					


							/********************** formulaire *****************/
.formulaire {
	float:left;
	width:331px;
	color:#3f454a;
	font-size:12px;
	margin:0 0 0 8px;


}
 .formulaire p {
	margin:0 0 5px 0;
	width:326px;
	padding:0;
	float:left;
	padding:0 0 0 5px;
}


 .formulaire span {
	float:left;
	clear:left;
	font-size:12px
}

 .formulaire .info {
	clear: both;
	text-align:right;
}
 .formulaire em {
	color:#870606;
}

 .formulaire .question {
	padding-top:10px;
}

 .formulaire input {
	float:right;
	width:231px;
	height:21px;
	background:url(images/bg_input.gif) no-repeat;
	border:none;
	color:#063f54;
	padding:5px 0 0 6px;
}

.formulaire textarea {
	float:right;
	height:65px;
	width:228px;
	overflow:auto;
	background:url(images/textarea.gif) no-repeat;
	color:#063f54;
	padding:5px 0px 0 6px;
	border:none;
}

 .formulaire .bout {
	width:114px;
	height:24px;
	border:none;
	background:none;
}

.formulaire .rouge {
	color:#FF0000;
	font-weight:bold;
	float:right;
	padding-top:5px;
	height:16px;
	margin-bottom:0;
}


							/********************** fin formulaire *************/
							/***************** fin contact *********************/
							
							
							/***************** mentions ************************/
							
.blocGenerale {
	float:left;
	width:895px;
	padding:0 0 14px 0;
}

.bloc01 {
	float:left;
	width:370px;
	padding:0 18px 0 30px;
	text-align:left;
}

.bloc02 {
	float:left;
	width:360px;
	padding:30px 55px 15px 30px;
	text-align:justify;
}

.bloc01 p, .bloc02 p{
	color:#000000;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	text-align:justify;
	padding:10px 0 0 0;
}

.bloc01 .titreJaune, .bloc01 .titreGris {
	color:#fff;
	font-size:18px;
	font-family:Trebuchet MS;
	background:url(images/bg-noir-titre.gif) no-repeat;
	width:209px;
	height:44px;
	margin:0 0 0px 0;
	text-align:center;
	line-height:44px;
	padding:0px;
}

strong.bleu {
	color:#0074ac;
	font-size:14px;
}

#diaporama1{
	width:870px;
	margin:0 auto;
	padding:0 0 0 30px;}						
							/***************** mentions ************************/
						



















/* .°.°.°.°.°.°.°. Modifs Louise .°.°.°.°.°.°.°. */

.parc{
	float:left;
	width:202px;
	margin:0 10px 0 0;
	padding:7px;
	background:url(images/bg_parc.jpg) repeat-x #fff;
}

.parc2{
	float:left;
	width:200px;
	padding:7px;
	background:url(images/bg_parc.jpg) repeat-x #fff;
}

.parc img{
	border:solid 1px #000;
}

.parc2 img{
	border:solid 1px #000;
}

.titreparc{
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
}