@charset "UTF-8";
/* CSS Document */

/*styles for proper browsers*/

* {
margin: 0;
}
html, body {
	height: 100%;
	background-color: #C7B299;
}

#main_container {
	width: 960px;
	height: 620px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image:url(assets/carving.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#wrapper {
	width: 882px;
	height: 570px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#video_container {
	width: 680px;
	height: 400px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	background-color: #FFF;
}

#video_frame {
	width: 640px;
	height: 360px;
	margin: 20px;
	position: absolute;
}




/* main menu */

#main_menu {
	width: 840px;
	height: 188px;
	background-color: #FFFFFF;
	margin-left: 20px;
	position: absolute;
}

#menu_one {
	display: block;
	width: 120px;
	height:188px;
	padding-top: 0px;
	margin-left: 0px;
	position: absolute;
	float:left;
	border-right: 1px;
	border-right-color: #ffffff;
	text-indent: -9999px;
}
#menu_one a {
	display: block;
	margin-left: 0px;
	padding-top: 0px;
	width:120px; height:188px;
	overflow:hidden;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(assets/accueil.jpg);
	background-position: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	}
#menu_one span {
	display: block;
	margin:0; padding: 0;
	}
#menu_one a:hover {
	background-attachment: scroll;
	background-image: url(assets/accueil.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}

#menu_two {
	display: block;
	width: 120px;
	height:188px;
	padding-top: 0px;
	margin-left: 120px;
	position: absolute;
	float:left;
	border-right: 1px;
	border-right-color: #ffffff;
	text-indent: -9999px;
}
#menu_two a {
	display: block;
	margin-left: 0px;
	padding-top: 0px;
	width:120px; height:188px;
	overflow:hidden;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(assets/conseil.jpg);
	background-position: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	}
#menu_two span {
	display: block;
	margin:0; padding: 0;
	}
#menu_two a:hover {
	background-attachment: scroll;
	background-image: url(assets/conseil.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}

#menu_three {
	width: 120px;
	height:188px;
	margin-left: 240px;
	position: absolute;
	float:left;	
	border-right: 1px;
	border-right-color: #ffffff;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#menu_three a {
	display: block;
	margin-left: 0px;
	padding-top: 0px;
	width:120px; height:188px;
	overflow:hidden;
	text-decoration: none;
	background-attachment: scroll;
	background-image:url(assets/expertise.jpg);
	background-position: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	}
#menu_three span {
	display: block;
	margin:0; padding: 0;
	}
#menu_three a:hover {
	background-attachment: scroll;
	background-image: url(assets/expertise.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}

#menu_four {
	width: 120px;
	height:188px;
	margin-left: 360px;
	position: absolute;
	float:left;	
	border-right: 1px;
	border-right-color: #ffffff;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#menu_four a {
	display: block;
	margin-left: 0px;
	padding-top: 0px;
	width:120px; height:188px;
	overflow:hidden;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(assets/fouilles.jpg);
	background-position: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	}
#menu_four span {
	display: block;
	margin:0; padding: 0;
	}
#menu_four a:hover {
	background-attachment: scroll;
	background-image: url(assets/fouilles.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}

#menu_five {
	width: 120px;
	height:188px;
	margin-left: 480px;
	position: absolute;
	float:left;	
	border-right: 1px;
	border-right-color: #ffffff;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#menu_five a {
	display: block;
	margin-left: 0px;
	padding-top: 0px;
	width:120px; height:188px;
	overflow:hidden;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(assets/valorisation.jpg);
	background-position: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	}
#menu_five span {
	display: block;
	margin:0; padding: 0;
	}
#menu_five a:hover {
	background-attachment: scroll;
	background-image: url(assets/valorisation.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}

#menu_six {
	width: 120px;
	height:188px;
	margin-left: 600px;
	position: absolute;
	float:left;	
	border-right: 1px;
	border-right-color: #ffffff;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#menu_six a {
	display: block;
	margin-left: 0px;
	padding-top: 0px;
	width:120px; height:188px;
	overflow:hidden;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(assets/enseignement.jpg);
	background-position: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	}
#menu_six span {
	display: block;
	margin:0; padding: 0;
	}
#menu_six a:hover {
	background-attachment: scroll;
	background-image: url(assets/enseignement.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}

#menu_seven {
	width: 120px;
	height:188px;
	margin-left: 720px;
	position: absolute;
	float:left;	
	border-right: 1px;
	border-right-color: #ffffff;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#menu_seven a {
	display: block;
	margin-left: 0px;
	padding-top: 0px;
	width:120px; height:188px;
	overflow:hidden;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(assets/mediation.jpg);
	background-position: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	}
#menu_seven span {
	display: block;
	margin:0; padding: 0;
	}
#menu_seven a:hover {
	background-attachment: scroll;
	background-image: url(assets/mediation.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}

/* sub menu */

#sub_menu {position: absolute;
	margin-top:0px;
	margin-left:0px;
	width: 120px;
	height: 102px;
	
}

#sub_menu_one {
	display: block;
	width: 120px;
	height:24px;
	top: 0px;
	margin-left: 0px;
	position: absolute;
	border-right: 1px;
	border-right-color: #ffffff;
	text-indent: -9999px;
	z-index:9999;
}
#sub_menu_one a {
	display: block;
	margin-left: 0px;
	top: 0px;
	width:120px;
	height:24px;
	overflow:hidden;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(assets/actualite.jpg);
	background-position: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	}
#sub_menu_one span {
	display: block;
	margin:0px; padding: 0px;
	}
#sub_menu_one a:hover {
	display: block;
	height:24px;
	background-attachment: scroll;
	background-image: url(assets/actualite.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	}
#sub_menu_two {
	display: block;
	width: 120px;
	height:24px;
	top: 30px;
	margin-left: 0px;
	position: absolute;
	border-right: 1px;
	border-right-color: #ffffff;
	text-indent: -9999px;
	z-index:999;
}
#sub_menu_two a {
	display: block;
	margin-left: 0px;
	padding-top: 0px;
	width:120px;
	height:24px;
	overflow:hidden;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(assets/references.jpg);
	background-position: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	}
#sub_menu_two span {
	display: block;
	margin:0px; padding: 0px;
	}
#sub_menu_two a:hover {
	background-attachment: scroll;
	background-image: url(assets/references.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}

#sub_menu_three {
	display: block;
	width: 120px;
	height:24px;
	top: 60px;
	margin-left: 0px;
	position: absolute;
	border-right: 1px;
	border-right-color: #ffffff;
	text-indent: -9999px;
	z-index:99;
}
#sub_menu_three a {
	display: block;
	margin-left: 0px;
	padding-top: 0px;
	width:120px;
	height:24px;
	overflow:hidden;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(assets/contact.jpg);
	background-position: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	}
#sub_menu_three span {
	display: block;
	margin:0px; padding: 0px;
	}
#sub_menu_three a:hover {
	background-attachment: scroll;
	background-image: url(assets/contact.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
#sub_menu_four {
	display: block;
	width: 120px;
	height:24px;
	top: 90px;
	margin-left: 0px;
	position: absolute;
	border-right: 1px;
	border-right-color: #ffffff;
	text-indent: -9999px;
	z-index:9;
}
#sub_menu_four a {
	display: block;
	margin-left: 0px;
	padding-top: 0px;
	width:120px;
	height:24px;
	overflow:hidden;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(assets/plan_du_site.jpg);
	background-position: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	}
#sub_menu_four span {
	display: block;
	margin:0px; padding: 0px;
	}
#sub_menu_four a:hover {
	background-attachment: scroll;
	background-image: url(assets/plan_du_site.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}

/* end of menus */

#main_area {
	margin-top: 200px;
	margin-left: 20px;
	width: 840px;
	height: 322px;
	position:relative;
}

#main_area_left {
	margin-top: 0px;
	margin-left: 0px;
	width: 120px;
	height: 322px;
	float: left;
}

#main_area_middle {
	margin-top: 14px;
	margin-left: 60px;
	width: 360px;
	height: 289px;
	float: left;
}

#main_area_middle_home {
	margin-top: 14px;
	margin-left: 28px;
	width: 424px;
	height: 289px;
	float: left;
}

#main_area_middle_act {
	margin-top: 14px;
	margin-left: 30px;
	width: 390px;
	height: 300px;
	float: left;
}

#personel {
	margin-top: 18px;
	margin-left: 0px;
	border: none;
	padding-top: 5px;
	width: 424px;
	height: 108px;
	float: left;
}

#main_area_middle_val {
	margin-top: 14px;
	margin-left: 30px;
	width: 690px;
	height: 308px;
	float: left;
}

#main_area_middle_exp {
	margin-top: 14px;
	margin-left: 50px;
	width: 230px;
	height: 289px;
	float: left;
}

#main_area_middle_ref {
	margin-top: 14px;
	margin-left: 30px;
	width: 544px;
	height: 308px;
	float: left;
}

#main_area_middle_con {
	margin-top: 14px;
	margin-left: 50px;
	width: 230px;
	height: 289px;
	float: left;
}

#main_area_right {
	margin-top: 18px;
	margin-left: 60px;
	width: 240px;
	height: 304px;
	float: left;
}

#main_area_right_home {
	margin-top: 18px;
	margin-left: 28px;
	width: 240px;
	height: 304px;
	float: left;
}

#main_area_right_exp {
	margin-top: 18px;
	margin-left: 60px;
	width: 380px;
	height: 305px;
	float: left;
}

#main_area_right_ref {
	margin-top: 20px;
	margin-left: 30px;
	width: 116px;
	height: 305px;
	float: left;
}

.ref_logo_top {
	border:0;
	margin-top: 30px;
	width: 116px;
	height: 50px;
	}
	
.ref_logo {
	border:0;
	margin-top: 20px;
	width: 116px;
	height: 80px;
	}

#photo_box_one {
	margin-top: 152px;
	margin-left: 0px;
	width: 116px;
	height: 71px;
	border: 2px solid #a39d9d;
	position: relative;
}

#photo_box_one a {
	border: 0px;
	text-decoration: none;
}

#photo_box_two {
	margin-top: 20px;
	margin-left: 0px;
	width: 116px;
	height: 71px;
	border: 2px solid #a39d9d;
	position: relative;
}

#photo_box_two a {
	border: 0px;
	text-decoration: none;
}

#photo_box_three {
	margin-top: 152px;
	margin-left: 0px;
	width: 116px;
	height: 165px;
	border: 2px solid #a39d9d;
	position: relative;
}

#actualite_box {
	margin-top: 152px;
	margin-left: 0px;
	width: 120px;
	height: 75px;
	background-color: #a39d9d;
	position: relative;
}

#actualite_box_text {
	margin-top: 5px;
	margin-left: 5px;
	width: 110px;
	height: 15px;
	border: none;
	position: absolute;
}

#actualite_box_photo {
	margin-top: 5px;
	margin-left: 5px;
	width: 110px;
	height: 65px;
	background-color: #FFF;
	border: none;
	position: absolute;
}

#sentier_box {
	margin-top: 20px;
	margin-left: 0px;
	width: 120px;
	height: 75px;
	background-color: #a39d9d;
	position: relative;
}

#sentier_box_text {
	margin-top: 5px;
	margin-left: 5px;
	width: 110px;
	height: 15px;
	border: none;
	position: absolute;
}

#sentier_box_photo {
	margin-top: 5px;
	margin-left: 5px;
	width: 110px;
	height: 65px;
	background-color: #FFF;
	border: none;
	position: absolute;
}

#profil_box {
	margin-top: 0px;
	margin-left: 0px;
	width: 240px;
	height: 183px;
	background-color: #a39d9d;
	position: absolute;
}

#right_box_big {
	margin-top: 0px;
	margin-left: 0px;
	width: 236px;
	height: 300px;
	background-color: none;
	border: 2px solid #a39d9d;
	position: absolute;
}

#right_box_big_exp {
	margin-top: 0px;
	margin-left: 0px;
	width: 375px;
	height: 300px;
	border: 2px solid #a39d9d;
	position: absolute;
	left: 460px;
	top: 19px;
}

#profil_box_text {
	margin-top: 5px;
	margin-left: 5px;
	width: 230px;
	height: 20px;
	border: none;
	position: absolute;
}

#profil_box_photo {
	margin-top: 30px;
	margin-left: 5px;
	width: 228px;
	height: 145px;
	border: solid 1px #fff;
	background-color: #fff;
	position: absolute;
}

#plaquettes_box {
	margin-top: 138px;
	margin-left: 0px;
	margin-bottom: 20px;
	width: 70px;
	height: 97px;
	border: 2px solid #a39d9d;
	position: absolute;
	top: 83px;
}

#plaquettes_box_two {
	margin-top: 138px;
	margin-left: 83px;
	margin-bottom: 20px;
	width: 70px;
	height: 97px;
	border: 2px solid #a39d9d;
	position: absolute;
	top: 83px;
}

#plaquettes_box_three {
	margin-top: 138px;
	margin-left: 166px;
	margin-bottom: 20px;
	width: 70px;
	height: 97px;
	border: 2px solid #a39d9d;
	position: absolute;
	top: 83px;
}

#plaquettes_box_text {
	margin-top: 1px;
	margin-left: 5px;
	float: left;
	width: 226px;
	height: 63px;
	border: none;
}

#plaquettes_box_photo {
	margin-top: 5px;
	margin-right: 5px;
	width: 114px;
	height: 59px;
	border: solid 1px #fff;
	background-color: #fff;
	float: right;
}

#footer {
	background-image: url(assets/measure.gif);
	margin-top: 21px;
	margin-left: 20px;
	width: 840px;
	height: 6px;
	position: absolute;
}


/* typo */

h1 {
	font-family: Lucida Grande, HelveticaNeue, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size:24px;
	letter-spacing: -.025em;
	line-height: 28px;
	color: #BA5E2D;
	margin-bottom: .3em;
}

h2 {
	font-family: Lucida Grande, HelveticaNeue, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size:15px;
	letter-spacing: -.025em;
	line-height: 20px;
	color: #666;
	margin-bottom: 0em;
}

h3 {
	font-family: Lucida Grande, HelveticaNeue, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size:15px;
	letter-spacing: -.025em;
	line-height: 20px;
	color: #666;
	margin-top: .8em;
	margin-bottom: 0em;
}

h4 {
	font-family: Lucida Grande, HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size:10.5px;
	letter-spacing: -.025em;
	line-height: 12px;
	color: #C7B299;
}

p {
	font-family: Lucida Grande, HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	letter-spacing: -.025em;
	font-weight: normal;
	line-height: 20px;
	margin-top: 0;
	margin-bottom: .4em;
	text-align: left;
	color: #666;	
}

.corporate {
	font-family: Lucida Grande, HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	letter-spacing: -.06em;
	font-weight: normal;
	line-height: 20px;
	margin-top: 0;
	margin-bottom: .4em;
	text-align: left;
	color: #666;	
}

.team {
	font-family: Lucida Grande, HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size: 10px;
	letter-spacing: -.025em;
	font-weight: normal;
	line-height: 15px;
	margin-top: 0;
	margin-bottom: .4em;
	text-align: left;
	color: #666;
}

li {
	font-family: Lucida Grande, HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	margin-top: 0px 0px 0px 0px;
	text-align: left;
	color: #666;	
}

#main_area_middle_ref a {
	font-family: Lucida Grande, HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: normal;
	line-height: 20px;
	margin-top: 0;
	margin-bottom: 0.4em;
	text-align: left;
	color: #666;
	text-decoration: none;
}

#main_area_middle_ref a:hover {
	color: #BA5E2D;
	text-decoration: none;
}

#main_area_middle_exp a {
	font-family: Lucida Grande, HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	margin-top: 0px 0px 0px 0px;
	text-align: left;
	color: #666;
	text-decoration: none;
}

#main_area_middle_exp a:hover {
	color: #BA5E2D;
	text-decoration: none;
}

#main_area_middle_con a {
	font-family: Lucida Grande, HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	margin-top: 0px 0px 0px 0px;
	text-align: left;
	color: #BA5E2D;
}

#main_area_middle_con a:hover {
	color: #C7B299;
	text-decoration: none;
}

.credit {
	font-family: Lucida Grande, HelveticaNeue, Helvetica, Arial, sans-serif;
	padding-top:575px;
	font-size: 10px;
	font-weight: normal;
	line-height: 15px;
	text-align: left;
	color: #fff;
	}

.credit a{
	color: #fff;
	text-decoration: none;
	}
	
.exp 	{
	color: #BA5E2D;
	
	}	
	
#main_area_middle a {
	font-family: Lucida Grande, HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: normal;
	line-height: 20px;
	margin-top: 0;
	margin-bottom: 0.4em;
	text-align: left;
	color: #BA5E2D;
	text-decoration: none;
}

#main_area_middle a:hover {
	color: #666;
	text-decoration: none;
}

#main_area_middle_act a {
	font-family: Lucida Grande, HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	margin-top: 0px 0px 0px 0px;
	text-align: left;
	color: #BA5E2D;
	text-decoration: none;
}

#main_area_middle_act a:hover {
	color: #333;
	text-decoration: none;

