/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.right a:hover {text-decoration: none; color: #4b4b4b;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background: url(../images/bg.jpg) center top repeat; border:0; font:13px Helvetica, Verdana, Arial, sans-serif; color:#484747; line-height:18px; min-width:1005px; overflow:hidden; position:relative;}

.spinner{ position:absolute;background: url(../images/bg.jpg) center top repeat #f7f7ea; z-index:99; width:100%; height:100%; top:0; left:0}
.spinner > div{ background: url(../images/loader.gif) 50% 50% no-repeat; width:100%; height:100%;}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 985px; padding:0 10px}

.bg1{ background:url(../images/bg_top.jpg) 30% top repeat-x;}

.extra {min-height:100%; height:auto !important; height:100%; position:relative}
.extra > .main{ padding-bottom:90px;}
body, html {height:100%;}
.footer{ height:90px; position:absolute; bottom:0; width:985px;}

.bg_footer{ background:url(../images/line_footer.gif) 0 0 repeat-x;}

/* ============================= main layout ====================== */

a{ color:#af2a31; text-decoration: none; outline:none}
a:hover{ color:#000; cursor:pointer;}
h1{ padding:47px 22px 97px 107px; margin-top:38px; float:left; background:url(../images/logo_bg.png) 0 0 no-repeat}
h2{ font:16px Helvetica, "Arial", sans-serif; color:#af2a31; line-height:1.2em; font-weight:normal; padding:0 0 11px 0;}
p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{ height:271px;}

#logo{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; width:100px; height:60px;}
#tweet{ float:right; margin:48px 46px 0 0; background:url(../images/tweet.png) 0 0 no-repeat; width:100px; height:57px; text-indent:-9999px; display:block;}
#slogan{ float:left; padding:40px 0 0 55px; width:620px; font-size:36px; line-height:45px; color:#313131; text-transform:uppercase; word-spacing:2px;}
#slogan a{ color:#313131;}
#slogan a:hover{ color:#b32b2c; background:url(../images/underline.gif) 0 bottom repeat-x;}

/* ============================= content ====================== */

#content{ background:url(../images/line.gif) 0 top repeat-x; padding-top:1px; padding-bottom:18px;}

#content > #menu > dt, .title{ padding-top:8px; padding-bottom:9px; background:url(../images/line.gif) 0 bottom repeat-x; font:16px Helvetica, "Arial", sans-serif; line-height:51px; letter-spacing: 1px; font-style:bold; position:relative; zoom:1; width:100%; overflow:hidden}
#content > #menu > dt span{ background:url(../images/line.gif) 0 top repeat-x; display: block; position:absolute; top:-1px; left:0; width:100%; height:1px;}
#content > #menu > dt a, .title a{ display:block; color:#fff; padding-left:29px; background:url(../images/nav2.jpg) 0 0 repeat-x; position:relative; zoom:1; cursor:pointer}
#content > #menu > dt a em, .title a em{ position:absolute; width:100%; height:100%; background:url(../images/nav3.jpg);

/*
-khtml-opacity: 0.3;
-moz-opacity: 0.3; 
-webkit-opacity: 0.3; 
filter: alpha(opacity=30); 
*/
top:0; left:0}
#content > #menu > dt a strong, .title a strong{ font-weight:normal; position:relative;}
#content > #menu > dt a img, .title img{ position:absolute; top:16px; right:-35px;}
#content > #menu > dt a.active img, .title img{ right:15px;}
#content > #menu > dt a.active em{background-image:url(../images/nav3.jpg);


-khtml-opacity: 1 !important;
-moz-opacity: 1 !important; 
-webkit-opacity: 1 !important; 
filter: alpha(opacity=100) !important; 

}
.title{ margin-left:10px;}
.title img{ right:25px}
#content > #menu > dd{ overflow:hidden; position:relative; margin-left:-10px;}

.container_16 > .wrapper{ padding:17px 0 21px 0; margin-left:22px;}
.liste {list-style: disc; margin-left: 16px;}
.box1{ background:url(../images/bg_box.gif) 0 0 repeat; position:relative; box-shadow: 0 0 5px #aaaaaa; -moz-box-shadow: 0 0 5px #aaaaaa; -webkit-box-shadow: 0 0 5px #aaaaaa; }
.box2{ background:#fff; position:relative; box-shadow: 0 0 5px #aaaaaa; -moz-box-shadow: 0 0 5px #aaaaaa; -webkit-box-shadow: 0 0 5px #aaaaaa; }

.box1, .box2, .container_16{ min-height:450px}

.inner1{ padding:30px 39px 10px}
.inner2{ padding:31px 30px 10px}

.pad_top1{ padding-top:0;}
.pad_top2{ padding-top:16px;}
.pad_bot1{ padding-bottom:18px;}

.link1{ display:inline-block; font:14px Helvetica, "Arial", sans-serif; color:#3e352e; padding-right:18px; background:url(../images/marker_3.gif) right 7px no-repeat}
.link1:hover{ color:#b32b2c}

.caption{ text-align:right; padding:19px 3px 10px 0;}
.caption span{ display:block;}
.caption a{ font:15px Helvetica, "Arial", sans-serif; color:#ba5f15; line-height:20px;}

.list1{}
.list1 li{ font-size:11px; line-height:24px;}
.list1 a{ text-transform:uppercase; color:#414141; padding-left:12px; background:url(../images/marker_2.gif) 0 5px no-repeat;}
.list1 a:hover{color:#b32b2c}
.list1 .link1{ float:right; padding-right:0; margin-right:66px; text-transform:none;color:#3e352e; padding-left:19px;background:url(../images/marker_3.gif) 0 7px no-repeat; font-style:normal}

#gallery{ padding-top:10px}
.gallery1_big_img{ position:relative; width:514px; height:362px; float:left; margin-right:20px;}
.gallery1_big_img img{ position:absolute; top:0; left:0;}

#gallery1{ float:left; width:334px; margin-right:-30px; margin-bottom:17px;}
#gallery1 a{ margin-bottom:20px; margin-right:20px; float:left;}
#gallery1 a.last{ margin-right:0}
#gallery1 .wrapper{ width:354px;}

.next{ float:right; margin-right:-7px; padding-right:16px;}
.prev{ float:left; margin-left:20px; padding-left:16px; background-position:0 7px}
.pagination{ float:left; padding-left:74px;}
.pagination a{ float:left; margin-right:7px; font:14px Georgia, "Arial", sans-serif; color:#3e352e; font-style:italic}
.pagination a:hover, .pagination a.active{ color:#cc4b1f}

.cols{ float:left;}

#page_Services .cols{ width:167px; padding-right:20px;}
#page_Contacts .cols{ width:194px; float:none}

.accordion{ padding-top:4px;}
.accordion dt{ padding-bottom:9px}
.accordion dt a{ font:20px Helvetica, "Arial", sans-serif; color:#fffff4; display:block; background:url(../images/bg_box2.jpg) 0 0 no-repeat; line-height:40px; padding-left:8px;}
.accordion dd{ padding:1px 0 10px 0}

.color1{ color:#af2a31}

/* ============================= footer ====================== */

footer { height:42px; background:url(../images/line_footer.gif) 0 bottom repeat-x; font-size:11px; color:#8a8a8a; text-transform:uppercase; padding:27px 13px 0 6px;}
footer a{ color:#8a8a8a;}
footer a:hover{ text-decoration:underline; color:#8a8a8a;}

#footer_menu{ float:left; margin-top:-2px;}
#footer_menu li{ float:left; padding-right:14px; background:url(../images/footer_menu_line.gif) right 3px no-repeat; margin-right:13px;}
#footer_menu a{ font:14px Helvetica, "Arial", sans-serif; text-transform:none; color:#7d7d7d;}
#footer_menu .last{ background:none;}
#footer_menu a:hover, #footer_menu .active a{ text-decoration:none;}

/* ============================= forms ============================= */

#ContactForm{ position:relative; padding-top:7px; width:437px;}
#ContactForm .wrapper{ overflow:inherit; min-height:40px;}
#ContactForm .success{ display:none; position:absolute; bottom:-10px; left:0; right:0; z-index:2}
#ContactForm label{ position:relative;min-height:30px; display: inline-block; z-index:1}
#ContactForm .message{ height:192px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#cc4b1f; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:20px; float:right;}
#ContactForm .input { margin:0;width:208px; height:14px; background: none; padding:7px 10px;color:#979991; font:11px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;width:415px; height:160px; background: none; padding:6px 10px;color:#979991; font:11px Arial, Helvetica, sans-serif;}
#ContactForm  .bg{ background:#fff; border:1px solid #cececc; display:inline-block}


em{
	font-style:normal;}

#energie {position: absolute; left: 500px; bottom: 10px;}

.required {
  border-color: red;
}

.security {
    border: 1px solid #c1c1c1;
    margin-left: 25px;
}