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

*{
	margin:0px;
	border:0px;
	padding:0px;
	}
	
.clear {
	line-height: 0px;
	font-size: 0px;
	clear: both;
	float: none;
	height: 0px;
}

body {
	background-color:#fff;
}

#container{
	width:980px;
	height:600px;
	margin:auto;
	background:#dddbbb;
	position:relative;
}

/* language */

#top{
	width:980px;
	height:330px;
	background:#f6f5e6;
	position:relative;
}

	#logo{
		width:153px;
		height:160px;
		margin:auto;
		padding-top:67px;
	}
	
	#title{
		width:295px;
		height:42px;
		margin:auto;
	}

#bottom{
	width:980px;
	height:269px;
	background:#dddbbb;
	position:relative;
	border-top:1px dotted #9d9c75;
}


#scape{
	width:980px;
	height:118px;
	background:url(../images/scape-index.jpg) top center no-repeat;
	text-align:center;
	position:absolute;
	bottom:0px;
}

	#scape p{	
		font:11px/11px arial;
		color:#3b3b0b;
		font-weight:bold;
		padding-top:85px;
	}
	
	#scape .footer-text{
		font-weight:bold;
	}
	
	#scape a{
		font:9px/12px arial;
		font-weight:bold;
		color:#000;
	}
	
	#scape a:hover{
		text-decoration:none;
	}

#fr{
	width:27px;
	height:24px;
	position:absolute;
	bottom:25px;
	left:15px;
}

#en{
	width:27px;
	height:24px;
	position:absolute;
	bottom:25px;
	right:15px;
}
/* end language */

/* index */
	#bottom #menu{
		height:115px;
		width:980px;
		margin-top:30px;
	}
	
	#menu ul{
		list-style:none;
		padding-left:35px;
		}
	
	#menu ul li{	
		width:143px;
		height:115px;
		margin-left:10px;
		float:left;
		text-align:center;
	}
	
	#menu ul li a{	
		font:11px/18px arial;
		font-weight:bold;
		text-decoration:none;
		color:#3b3b0b;
	}
	
	#menu ul li img{
		border:1px solid #b5b5ac;
		display:block;
		margin:auto;
	}
	
/* end index */

/* balsamine */

#image-list{
	width:980px;
	height:107px;
	padding-top:57px;
	background:#dddbbb;
}

	#title-list{
		width:320px;
		height:107px;
		float:left;
		padding-left:30px;
	}
	
	#title-list h1{
		font:30px/38px arial;
		font-weight: bold;
		text-transform: uppercase;
		color:#cccba9;
	}
	
	#images{
		width:565px;
		height:107px;
		float:left;
		text-align:right;
		padding-right:65x;
	}
	
		#images img{
			border:1px solid #9d9b85;
			margin-left:10px;
		}

#logo-sm{
	width:58px;
	height:64px;
	position:absolute;
	background:url(../images/logo-sm.jpg) top left;
	top:10px;
	right:6px;
}

#balsamine{
	width:980px;
	height:328px;
	background:url(../images/scape-index.jpg) bottom center no-repeat;
}
	
	#submenu{
		width:980px;
		padding-top:10px;
		height:12px;
	}
	
	#submenu2{
		width:980px;
		padding-top:60px;
		height:12px;
	}	
	
		#submenu ul, #submenu2 ul{
			list-style:none;
			height:11px;
			padding-left:28px;
		}
		
			#submenu ul li, #submenu2 ul li{
				float:left;
				font:11px/11px arial;
				color:#dd1c12;
				padding:0px 3px 0px 3px;
			}
			
				#submenu ul li a, #submenu2 ul li a{
					font:11px/18px arial;
					color:#3b3b0b;
					text-decoration:none;
				}
				
	#balsamine #left{
		width:500px;
		height:308px;
		float:left;
		padding:0px 30px 0px 30px;
	}
	
	#balsamine #right{
		width:410px;
		height:308px;	
		float:left;
		display:inline;
		padding-left:8px;
	}
	
		#right img{	
			border:1px solid #9b9c98;
		}
	
	#balsamine h1{
		font:18px/24px arial;
		padding-top:10px;
		font-weight:bold;
		color:#3b3b0b;
	}
	
	#balsamine p{
		font:12px/20px arial;
		text-align:justify;
		color:#3b3b0b;
	}
	
	/* menu for the secondary pages */
	#menu2{
		height:96px;
		width:980px;
		background:url(../images/menu2-bg.jpg) repeat-x top left;
	}
	
	#menu2 ul{
		list-style:none;
		padding-left:5px;
		}
	
	#menu2 ul li{	
		width:150px;
		height:96px;
		margin-left:9px;
		float:left;
		text-align:center;
	}
	
	#menu2 ul li a{	
		font:11px/18px arial;
		font-weight:bold;
		text-decoration:none;
		color:#3b3b0b;
	}
	
	#menu2 ul li img{
		border:1px solid #91906b;
		display:block;
		margin:auto;
	}
/* end balsamine */

/* etudes */
#etudes{
	width:980px;
	height:546px;
	background:url(../images/scape-index.jpg) bottom center no-repeat;
	background-color:#dddbbb;
}	
	
	#etudes #left2{
		width:520px;
		height:490px;
		margin-top:56px;
		float:left;
	}
	
		#title-etudies{
			width:320px;
			height:42px;
			position:absolute;
			top:300px;
			left:25px;
		}
		
			#title-etudies h1{
				font:38px/42px arial;
				font-weight:bold;
				color:#cac9ab;
				text-transform:uppercase;
			}
		
		#left2 #four-images{
			width:300px;
			height:230px;
			float:right;
			text-align:right;
		}
		
			#four-images img{
				border:1px solid #9d9b85;
				margin:5px;
			}
		
		#etudes-text{
			padding:10px 0px 0px 30px;
		}
		
			#etudes-text h1{
				font:18px/24px arial;
				font-weight:bold;
				color:#3b3b0b;
			}
			
			#etudes-text p{
				font:12px/20px arial;
				text-align:justify;
				color:#3b3b0b;
			}
			
	#etudes #right2{
		width:422px;
		margin-top:61px;
		margin-left:10px;
		height:420px;
		float:left;
		text-align:left;
	}
	
		#right2. #cont-img{
			width:408px;
		}
		
		#right2 .holder{
			width:135px;
			height:120px;
			text-align:center;
			float:left;
		}
	
	#right2 img{
		border:1px solid #9d9b85;
		margin:0px;
		padding:0px;
	}
/* end etudes */

/* submenus */
#top #logo-sm{
	width:58px;
	height:65px;
	position:absolute;
	background:url(../images/logo-sm2.jpg) top left;
	top:10px;
	right:6px;
}

#bottom #menu3{
		height:115px;
		padding:0px 40px 0px 40px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		margin-top:30px;
	}
	
	#menu3 ul{
		list-style:none;
		margin:auto;
		}
	
	#menu3 ul li{
		height:115px;
		float:left;
		text-align:center;
	}
	
	#menu3 ul li a{
		font:11px arial;
		font-weight:bold;
		text-decoration:none;
		color:#3b3b0b;
	}
	
	#menu3 ul li img{
		border:1px solid #b5b5ac;
		display:block;
		margin:auto;
	}
#subtitle{
	width:400px;
	height:42px;
	margin:auto;
	padding-top:140px;
	text-align:center;
	font-weight:bold;
}
	
	#subtitle h1{
		font:42px/42px arial;
		font-weight:bold;
		color:#c3c1aa;
	}
	
#top a{
	text-decoration:none;
}

#back-btn{
	width:90px;
	background:url(../images/dot.jpg) left center no-repeat;
	position:absolute;
	bottom:5px;
	left:10px;
	cursor:pointer;
}

	#back-btn p{
		font:12px/12px arial;
		font-weight:bold;
		color:#3b3b0b;
		padding-left:10px;
	}
/*  end submenus */

/* equipe */
.eq{
	width:900px;
	height:504px;
	background:url(../images/equipe.jpg) center bottom no-repeat #dddbbb;
	margin:auto;
}

	.eq img{
		border:1px solid #929292;
	}

	.eq h1{
		padding:0px;
		padding-top:10px;
		font:18px/18px arial;
		font-weight:bold;
	}
	
	.eq p{
		padding:10px 10px 10px 0px;
		font:12px/18px arial;
		text-align:justify;
	}

.eq-1{
	width:610px;
	margin:auto;
	float:left;
	padding-bottom:10px;
}

.eq-2{
	width:260px;
	padding:40px 0px 0px 30px;
	margin:auto;
	float:left;
}

.eq-3{
	width:170px;
	margin:auto;
	float:left;
}

.eq-4{
	width:730px;
	margin:auto;
	float:left;
	margin-bottom:35px;
}

.eq-5{
	width:562px;
	margin:auto;
	float:left;
}

.eq-6{
	width:168px;
	margin:auto;
	float:left;
}

/* agence */
.agence{
	width:940px;
	height:504px;
	margin:auto;
	background:url(../images/scape-index.jpg) center bottom no-repeat #dddbbb;
}

	.agence img{
		border:1px solid #929292;
		margin-bottom:10px;
	}

	.agence h1{
		padding:0px;
		padding-top:10px;
		font:18px/18px arial;
		font-weight:bold;
	}
	
	.agence h2{
		padding:10px;
		font:42px/42px arial;
		font-weight:bold;
		color:#cccba9;
	}
	
	.agence p{
		padding:10px 10px 5px 0px;
		font:12px/18px arial;
		text-align:justify;
	}
	
	.agence ul{
		list-style:url(../images/bullet.jpg);
		padding-left:20px;
	}
	
	.agence li{
		font:12px/14px arial;
	}

.agence #agence-text{
	width:780px;
	height:504px;
	float:left;
}

.agence #agence-photos{
	width:160px;
	padding-top:52px;
	height:452px;
	float:left;
}

.agence #agence-photos2{
	width:160px;
	float:left;
}

.agence #agence-text2{
	width:620px;
	float:left;
}

.agence #agence-text3{
	width:780px;
	float:left;
}

/* contact */
.contact{
	width:940px;
	height:504px;
	margin:auto;
	background:url(../images/scape-index.jpg) center bottom no-repeat #dddbbb;
}

.contact  .cont-l{
	width:500px;
	padding-top:30px;
	float:left;
}

.contact .cont-img1{
	width:276px;
	padding:80px 0px 0px 163px;
	display:inline;
	float:left;
}

.contact img{
		border:1px solid #929292;
	}

	.contact h1{
		padding:25px 0px 10px 0px;
		font:18px/18px arial;
		font-weight:bold;
	}
	
	.contact h2{
		padding:10px;
		font:42px/42px arial;
		font-weight:bold;
		color:#cccba9;
	}
	
	.contact p{
		padding:10px 10px 5px 0px;
		font:12px/18px arial;
		text-align:justify;
	}

.contact .cont-cm{
	width:940px;
	height:150px;
	padding-top:10px;

}

.plm{
	float:left;
	width:150px;
	height:120px;

}

#plm2{
	float:left;
	width:770px;
	height:120px;

}

#plm2 table{
	color:#3b3b0b;
	width:770px;
	font:12px arial;
}

.plm3{
	float:left;
	width:470px;
	height:120px;
}

.plm4{
	float:left;
	padding-top:55px;
	width:300px;
}

.plm5{
	float:left;
	width:300px;
	height:120px;
}
#goback{
	position:absolute;
	top:24px;
	right:70px;
}

#goback a{
	font:12px arial;
	font-weight:bold;
	text-decoration:none;
	color:#3B3B0B;
}

#goback a:hover{
	text-decoration:underline;
}

#agency-title{
	position:absolute;
	top:430px;
	left:220px;
	width:300px;
	height:50px;
}

#agency-title p{
	font:42px/42px arial;
	font-weight:bold;
	color:#cccba9;
	text-transform: uppercase;
}