html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}


body{font-family:helvetica,arial,clean,sans-serif;font-size:13px;font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;outline: none;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}

li{
list-style:	url("../images/tiret.jpg");
list-style-position:inside;
}

p{
	line-height:14px	
}

a
{
  color: #525739;
  outline: none;
  text-decoration:none;
}

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

body
{
  background-color: #828f95;
}


body {
	background-image:url(../images/bg.jpg);
	margin:0px;
}
.clear{ clear:both;}

.page{
  position:absolute; 
  left: 50%;  
  top: 50%; 
  width: 1005px; 
  height: 550px; 
  margin-top: -275px; 
  margin-left: -502px; 

}

.footer{
	text-align:center;	
	color:#282a1c;
	font-size:10px;
	margin-top:5px
}
.footer h1 a{
	text-align:center;	
	color:#282a1c;
	font-size:11px
}

.footer a:hover{
	color:#fff;
}

.menu{
	position:absolute;
	margin-top:440px;
	z-index:10
}

.menu a{
	background-color:#fff;
    color: #4b4f2e;
    padding:3px 4px;
    margin-right: 5px;
    display:block;
    float:left
}

.menu a:hover{
	background-color:#4b4f2e;
    color: #fff;
}

.zone_logo{
	position:absolute;
	width:210px;
	height:100px;
	margin-left:110px;	
	margin-top:100px;	
}

#btn_scroll_up, #btn_scroll_up2{
	position:absolute;
	margin:-15px 0px 0px 325px
}

#btn_scroll_dwn, #btn_scroll_dwn2{
	position:absolute;
	margin:0px 0px 0px 325px
}
.tunnel, .accueil, .realisation, .projets, .partenaires { width: 885px; height: 550px; padding-left:120px}

/*tunnel*/
.tunnel{ background-image:url(../images/bg_tunnel.jpg); }
.tunnel .txt_intro{
	padding-top:227px;	
	width:330px;
    color: #4b4f2e;
    font-weight:bold;
}
.tunnel .keywords{
    font-weight:bold;
    color:#fff;
    padding-top:10px;
    font-size:11px;
    padding-bottom:7px;

}

.tunnel .keywords span.last{
	padding-right:0px;
}

.tunnel a{display:block; color: #4b4f2e; font-weight:bold;}
.tunnel a:hover{display:block; color: #fff; font-weight:bold;}

/*accueil*/
.accueil{ background-image:url(../images/bg_accueil.jpg); }

.col_l{
	width:330px;
    color:#fff;
    padding-top:245px;
    font-size:13px;
    color: #4b4f2e;
    text-align:justify;
    line-height:14px;
    float:left;
}

.col_l p{padding-bottom:15px}

.col_r{
	width:430px;
 	margin-top:76px;
 	margin-left:48px;
    float:left;
}

.accueil .col_r img{
	border:6px solid #fff;
	margin:0px 11px 9px 0px
}

/*realisation*/
.realisation{ background-image:url(../images/bg_realisation.jpg); }

#txt_defil{
	height:170px;
}
#txt_defil2{
	height:330px;
}

.realisation .col_r{
	width:350px;
	padding: 30px 0px 0px 30px
}

.realisation .col_r img{
	float:left;
	margin:0px 10px 0px 0px	;
}
.col_r p{
	color:#fff;
	font-size:11px;
	text-align:justify
}
.col_r .titre{
	color:#a3c300;
	display:block;
	font-size:13px;
	font-weight:bold;
	padding-bottom:10px
}

.col_r .description{
	font-size:13px
}

/*bureau*/
.realisation.bureau { background-image:url(../images/bg_etude.jpg); }
.realisation.bureau .description{
	padding-top: 5px;
}
.realisation .col_r a{
	color:#fff;	
}
.realisation .col_r a:hover{
	text-decoration:underline
}

.realisation.bureau .col_r{	width:330px;}

.identite{
	height:120px
}

.bureau .expertise{
	background-color:#fff;
    color: #4b4f2e;
    padding:3px 4px;
    width:60px;
    margin-top:124px
}

.blank{
	height:120px	
}

/*partenaires*/
.partenaires{ background-image:url(../images/bg_partenaires.jpg); }

.partenaires .col_l p{padding-top:15px}

.partenaires .col_r{width:330px; padding: 33px 0px 0px 30px}

.partenaires .col_r img{
	border:none;
	margin:0px 15px 15px 0px
}

/*mentions*/
.mentions{ background-image:url(../images/bg_mentions.jpg);width: 1005px; height: 550px}
.mentions p{padding: 10px 33px 0px 33px; color: #4c502d;}
.mentions a {text-decoration:underline}

/*projets*/
.projets{ background-image:url(../images/bg_projets.jpg); }

.projets #txt_defil{
	height:160px;
	width:750px;

}
.projets .col_l{
	width:310px;
    color:#fff;
    font-size:13px;
    color: #4b4f2e;
    text-align:justify;
    line-height:14px;
    float:left;
    padding: 0px !important;
}

.projets .col_l h1{
	background-color:#4b4f2e;
    color: #fff;
    padding:5px;
    text-align:center;
	margin-bottom:15px
}
.projets .col_r{
	width:auto;
	padding: 0px !important;
	margin: 30px  0px 0px 20px!important;
}

.projets .col_r img{
	padding: 0px !important;
	margin: 10px  0px 0px 10px!important;
	border:5px solid #fff;
}

.allprojets{
	height:170px;
	width:750px;
	padding-top:220px
}

.projets #btn_scroll_up{
	position:absolute;
	margin:0px 0px 0px 745px
}

.projets #btn_scroll_dwn{
	position:absolute;
	margin:0px 0px 0px 745px
}

.no_projets{
 color: #4b4f2e;
}

.contact{
	padding-top:24px;
	font-size:11px;
	line-height:11px
}