* { margin: 0; padding: 0; }

/* front-end-admin */

.admin-change-link { position:relative; }
.admin-change-link.hover { outline:1px solid red; }
.admin-change-link .admin-edit {
        display:none;
  position:absolute; top:0; right:0; color:red;
        background:red;
        color:#fff !important;
        font-family:Lucida Console, Arial;
        text-transform:uppercase;
        font-size:9px;
        text-decoration:none;
        padding:0 5px 0 5px;
}
.admin-change-link.hover-out .admin-edit { opacity: 0.5; }
.admin-change-link.hover-out .admin-edit,
.admin-change-link.hover .admin-edit { display:block; }
.admin-change-link.hover .admin-edit { opacity: 1;}

* {
  margin:0;
  padding:0;
  font-family:Arial;
}
img {
  border:0;
}
body{
  background:black url(../images/body_bg.gif) center;
}
table{
  border-collapse:collapse;
}
h1{
  font-size:21px;
  color:#eaeaea;
  margin:15px 30px;
}
h2{
  font-size:14px;
  color:#fff;
  text-transform:uppercase;
  margin:20px 30px 10px 30px;
}
h3{
  font-size:12px;
  color:#006f49;
  margin:5px 30px 5px 30px;
}
p{
  font-size:11px;
  margin:0 30px;
  margin-bottom:15px;
  line-height:18px;
}
em{
  color:#fff;
  font-weight:normal;
  font-style:normal;
  text-decoration:none;
}
a{
  color:#006f49;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
strong{
  color:#a8a8a8;
}
.clear-both { clear: both; }

.logo_bg{
  width:1002px;
  position:relative;
  height:155px;
  margin:0 auto;
  background:url(../images/logo_bg.jpg) center #1d1d1d;
  text-align:center;
}
.logo{
  height:155px; width:980px; background:url(../images/logo_bg.jpg) center #1d1d1d; margin:0 auto;
}
.menu{
  height:96px;
  width: 1002px;
  margin: 0 auto;
  background:url(../images/menu_bg.jpg) center no-repeat;
  position:relative;
}
.menu .main{
  color:#a6a9ac;
  width:638px;
  list-style-type:none;
  margin:0 auto;
}
.menu .main a{
  color:#a6a9ac;
  text-decoration:none;
  display:block;
  margin-top:15px;
}
.menu .main a.active{
  color:#c1d62e;
}
.menu .main a.active:hover{
  text-decoration:none;
}
.menu .main a:hover{
  text-decoration:underline
}
.menu .main li{
  float:left;
  text-transform:uppercase;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  height:58px;
  padding-top:1px;
}
.menu .main .accueil{
  width:105px;
  padding-top:3px;
}
.menu .main .accueil_active{
  background:url(../images/menu_accueil_a.jpg) center no-repeat;    
}
.menu .main .realisations{
  width:144px;
}
.menu .main .realisations_active{
  background:url(../images/menu_realisations_a.jpg) center no-repeat;    
}
.menu .main .qui{
  width:171px;
  padding-top:2px;
}
.menu .main .qui_active{
  background:url(../images/menu_qui_a.jpg) center no-repeat;    
}
.menu .main .services{
  width:109px;
}
.menu .main .services_active{
  background:url(../images/menu_services_a.jpg) center no-repeat;    
}
.menu .main .contact{
  width:109px;
}
.menu .main .contact_active{
  background:url(../images/menu_contact_a.jpg) center no-repeat;    
}
.menu .sub{
  position:absolute;
  line-height:27px;
  width:100%;
  height:27px;
  text-align:center;
  top:57px;
}
.menu .sub a{
  color:#a6a9ac;
  font-size:11px;
  text-decoration:none;
  padding:0 10px;
}
.menu .sub a:hover{
  text-decoration:underline;
}
.menu .sub a.active{
  color:#8a982c;
}
.content{
  background:url(../images/content_bg.jpg) center repeat-y;
  width:992px;
  margin:0 auto;
  position:relative;
  padding-left:12px;
}
.content ul{
  font-size:11px;
  margin:0 30px;
  margin-bottom:15px;
  line-height:18px;
}
.content li{
  margin-left:30px;
}
.content .height_sep{
  height:10px;
}
.content .layout{
  border-collapse:collapse;
}
.content .layout td{
  padding:0;
  margin:0;
  color:#606060;
  vertical-align:top;
}
.content .layout .sep{
  width:10px;
}
.content .layout .sep_vert{
  height:10px;
  background:none !important;
}
.content .layout .six_col{
  width:980px;
  background:black;
}
.content .layout .five_col{
  width:815px;
  background:black;
}
.content .layout .four_col{
  width:650px;
  background:black;
}
.content .layout .three_col{
  width:485px;
  background:black;
}
.content .layout .two_col{
  width:320px;
  background:black;
}
.content .layout .one_col{
  width:155px;
  background:black;
}
.content .layout td img{
  display:block;
}
.content .layout .bottom_pic p{
  margin:0;
  padding:0;
}
.content .scroller{
  margin-top:4px;
  background:#000;
  padding:20px 30px;
  margin-top:4px;
}
.content .scroller .bar{
  height:6px;
  background:#2c2c2c;
  width:920px;
}
.content .scroller .bar .scrollbar {
	 position: relative;
	 height: 6px;
  width:880px; /* real scroll zone is smaller due to cursor width */
	 cursor: move;
} 
.content .scroller .bar .cursor{
  display: block;
  width:40px;
  background:#fff;
  height:6px;
	 position: absolute;
}
.content .scroller .bar .cursor:hover,
.content .scroller .bar .cursor:active{
  cursor:pointer;
}
.content .scroller .bar .cursor.ui-state-active{
  cursor:pointer;
}
.contact_form{
  margin:25px;
  width:575px;
}
.contact_form td{
  padding:5px !important;
  padding-bottom:15px !important;
}
.contact_form input{
  height:29px;
  line-height:29px;
  background:#1a1a1a;
  border:1px solid #272626;
  padding:0 10px 0 10px;
  color:#eaeaea;
  font-weight:bold;
  width:267px;
}
.contact_form #id_summary{
  width:566px;
}
.contact_form .error input,
.contact_form .error textarea{
  background:url(../images/input_error.gif) no-repeat right #1a1a1a;  
}
.contact_form textarea{
  background:#1a1a1a;
  border:1px solid #272626;
  padding:10px;
  color:#eaeaea;
  width:566px;
  height:140px;
  font-weight:bold;
}
.contact_form button{
  width:135px;
  height:35px;
  position:absolute;
  right:45px;
  border:0;
  cursor:pointer;
  background:url(../images/send_bg.gif) no-repeat;
}
.contact_form button:hover{
  background:url(../images/send_bg-hover.gif) no-repeat;
}
/*.content .one_col{*/
/*  float:left;*/
/*  width:155px;*/
/*  height:30px;*/
/*  background:black;*/
/*  margin-right:10px;*/
/*}*/
/*.content .two_col{*/
/*  float:left;*/
/*  width:320px;*/
/*  height:125px;*/
/*  background:black;*/
/*  margin-right:10px;*/
/*}*/
/*.content .three_col{*/
/*  float:left;*/
/*  width:485px;*/
/*  height:30px;*/
/*  background:black;*/
/*  margin-right:10px;*/
/*}*/
/*.content .four_col{*/
/*  float:left;*/
/*  width:650px;*/
/*  height:90px;*/
/*  background:black;*/
/*  margin-right:10px;*/
/*}*/
/*.content .five_col{*/
/*  float:left;*/
/*  width:815px;*/
/*  height:60px;*/
/*  background:black;*/
/*  margin-right:10px;*/
/*}*/
/*.content .six_col{*/
/*  float:left;*/
/*  width:980px;*/
/*  height:30px;*/
/*  background:black;*/
/*  margin-right:10px;*/
/*}*/
.footer{
  position:relative;
  height:177px;
  width:1002px;
  margin:0 auto;
  background:url(../images/footer_bg.jpg) center no-repeat;
  color:#606060;  
  font-size:11px;
}
.footer .contact{
  margin:0 auto;
  color:#606060;
  text-transform:uppercase;
  text-align:center;
  padding-top:15px;
}
.footer em,
.footer a{
  color:#fff;
  font-weight:normal;
  font-style:normal;
  text-decoration:none;
}
.footer a:hover{
  text-decoration:underline;
}
.footer .design{
  position:absolute;
  top:85px;
  left:328px;
}
.footer .development{
  position:absolute;
  top:85px;
  right:330px;
  text-align:right;
}
/* devis gratuit */
.quote-bg{
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background:black;
  z-index:500;
  opacity:0.6;
  filter: alpha(opacity=60);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.quote-btn{
        position:absolute;
        display:block;
        right:0;
        top:0;
        width:130px;
        height:127px;
        background:url(../images/quote.png) no-repeat;
}
.quote-btn:hover{
        background:url(../images/quote-h.png) no-repeat;        
}
.quote{
  position:absolute;
  top:200px;
  left:400px;
  width:800px;
  padding-bottom:10px;
  background:#000;
  z-index:1000;
  border:1px solid #222;
}
.quote_form{
  margin:25px;
  width:575px;
}
.quote_form td{
  padding:5px !important;
  padding-bottom:15px !important;
}
.quote_form input{
  height:29px;
  line-height:29px;
  background:#1a1a1a;
  border:1px solid #272626;
  padding:0 10px 0 10px;
  color:#eaeaea;
  font-weight:bold;
  width:155px;
}
.quote_form textarea{
  background:#1a1a1a;
  border:1px solid #272626;
  padding:10px;
  color:#eaeaea;
  width:715px;
  height:100px;
  font-weight:bold;
}
.quote_form button{
  width:135px;
  height:35px;
  position:absolute;
  right:35px;
  border:0;
  cursor:pointer;
  background:url(../images/send_bg.gif) no-repeat;
}
.quote_form button:hover{
  background:url(../images/send_bg-hover.gif) no-repeat;
}
/* gallery */

.scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto;  }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }

#gallery-slider { }
#gallery-slider-container { width: 980px; overflow: hidden; }
#gallery-slider UL { margin: 0; white-space: nowrap; }
#gallery-slider UL LI { display: inline; margin: 0; margin-right: 7px; }
#gallery-slider UL LI.last { margin-right: 0px; }
.layout .gallery-main-picture-holder { overflow: hidden; position: relative; width: 650px;}
@CHARSET "UTF-8";

/*custom selects */
.sbHolder{
	background-color:#1a1a1a;
	border: solid 1px #272626;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	height: 29px;
	position: relative;
	width: 175px;
}

.sbSelector{
	display: block;
	height: 30px;
	left: 0;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 170px;
}

.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #fff;
	outline: none;
 font-weight:bold;
	text-decoration: none;
}

.sbToggle{
	background: url(../images/select-icons.png) 0 -116px no-repeat;
	display: block;
	height: 30px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
.sbToggle:hover{
	background: url(../images/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
	background: url(../images/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
	background: url(../images/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
	background-color: #1a1a1a;
	border: solid 1px #272626;
}
.sbHolderDisabled .sbHolder{

}
.sbHolderDisabled .sbToggle{

}
.sbOptions{
	background-color: #1a1a1a;
	border: solid 1px #272626;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 175px;
	z-index: 1000;
	overflow-y: auto;
}
.sbOptions li{
	padding: 0 7px;
	z-index: 1000;
}
.sbOptions a{
	border-bottom: dotted 1px #515151;
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #ddd;
	text-decoration: none;
}
.sbOptions a:hover{
	color: #EBB52D;
}
.sbOptions li.last a{
	border-bottom: none;
}