/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */
* {
	outline: 0 !important;
}

.lt-ie8 * {
	outline: 0 !important;
	_noFocusLine: expression(this.hideFocus=true);
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
}

[hidden] {
	display: none;
}

html {
	height: 100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	color: #333;
}

body {
	height: 100%;
	margin: 0;
	font-size: 1em;
	line-height: 1.4;
	font-size: 11px;
}

/*
a, a:hover, a:visited {
    
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    
}
*/
::-webkit-selection {
	background: #F5CC2E;
	color: #000;
	text-shadow: none;
}

::-moz-selection {
	background: #F5CC2E;
	color: #000;
	text-shadow: none;
}

::selection {
	background: #F5CC2E;
	color: #000;
	text-shadow: none;
}

a {
	color: #76ABCC;
	text-decoration: none;
}

a:visited {
	color: #76ABCC;
}

a:hover {
	color: #F5CC2E;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

pre,
code,
kbd,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before,
q:after {
	content: "";
	content: none;
}

small {
	font-size: 85%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

ul,
ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
}

dd {
	margin: 0 0 0 40px;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

label {
	cursor: pointer;
}

legend {
	border: 0;
	*margin-left: -7px;
	padding: 0;
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

button,
input {
	line-height: normal;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	*overflow: visible;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*width: 13px;
	*height: 13px;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

input:valid,
textarea:valid {}

input:invalid,
textarea:invalid {
	background-color: #f0dddd;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: top;
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: black;
	padding: 0.2em 0;
}



/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */

html {
	height: 100%;
	overflow: auto;
	/* For Opera */

	background: #F2F8FB;

}

gHtml {
	background: #aeffff;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZmVmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjZTJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-radial-gradient(center, ellipse cover, #feffff 25%, #cce2ee 100%);
	/* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(25%, #feffff), color-stop(100%, #cce2ee));
	/* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #feffff 25%, #cce2ee 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #feffff 25%, #cce2ee 100%);
	/* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #feffff 25%, #cce2ee 100%);
	/* IE10+ */
	background: radial-gradient(center, ellipse cover, #feffff 25%, #cce2ee 100%);
	/* W3C */
}


body {}

.text {
	cursor: text;
}

h1,
h2 {
	font-family: "Helvetica CE 55 Roman", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin: 0 !important;
	padding: 0 !important;
	display: block;
}

h1 {
	font-size: 30px;
	font-weight: bold;
	color: #76ABCC;
}

h2 {
	font-size: 20px;
	font-weight: normal;
	color: #333333;
	margin-top: -4px !important;
}

#b-top,
#b-bottom,
#b-left,
#b-right {
	background: white;
	position: fixed;
	z-index: 1400;
}

.lt-ie8 #b-right {
	z-index: -1;
}

#b-left,
#b-right {
	top: 0;
	bottom: 0;
	width: 8px;
}

#b-left {
	left: 0;
}

#b-right {
	right: 0;
	right: 12px;
	border-right: solid 15px #EEF6FA;
	right: 0;

}

#b-top,
#b-bottom {
	left: 0;
	right: 0;
	height: 8px;
}

#b-top {
	top: 0;
}

#b-bottom {
	bottom: 0;
}





#wrapper {
	/* background: #EDF5F9; */
	width: 100%;
	height: 100%;
	min-width: 956px;
	overflow: auto;
	overflow: hidden;
	position: relative;
	top: 0;
}

#div-main {
	position: relative;
	width: 925px;
	margin: 0 auto;
	height: 100%;
	padding-left: 45px;
	/* TEST */
	overflow: hidden !important;
	padding-top: 75px;
	padding: 75px 0 150px 0;
}


.bubbles {
	position: absolute;
	top: 450px;
	display: block;
	background: url("../img/bubbles.png") no-repeat;
	width: 83px;
	height: 83px;
	display: none;
}

#bubble-left {
	background-position: 0 0;
	left: 50%;
	margin-left: -549px;
}

#bubble-left:hover {
	background-position: 0 -83px;
}

#bubble-right {
	background-position: -83px 0;
	right: 50%;
	margin-right: -549px;
}

#bubble-right:hover {
	background-position: -83px -83px;
}

#div-mentions-old {
	position: fixed;
	top: 0;
	left: 0;
	left: -325px;
	left: -350px;
	opacity: 0;
	width: 343px;
	height: 30%;
	z-index: 400;
	/* background: rgba(253, 254, 254, 0.95); */
	/* background: rgba(240, 247, 250, 0.95); */
	/* Firefox v3.6+ */
	/* Firefox v3.6+ */
	background-image: -moz-linear-gradient(52% 52% 0deg, rgba(240, 247, 250, 0.95) 0%, rgba(240, 247, 250, 0.95) 0%, rgba(253, 254, 254, 0.9) 89%, rgba(255, 255, 255, 0.5) 100%);
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image: -webkit-gradient(linear, 52% 52%, 98% 52%, color-stop(0, rgba(240, 247, 250, 0.95)), color-stop(0, rgba(240, 247, 250, 0.95)), color-stop(0.89, rgba(253, 254, 254, 0.9)), color-stop(1, rgba(255, 255, 255, 0.5)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image: -webkit-linear-gradient(0deg, rgba(240, 247, 250, 0.95) 0%, rgba(240, 247, 250, 0.95) 0%, rgba(253, 254, 254, 0.9) 89%, rgba(255, 255, 255, 0.5) 100%);
	/* Opera v11.10+ */
	background-image: -o-linear-gradient(0deg, rgba(240, 247, 250, 0.95) 0%, rgba(240, 247, 250, 0.95) 0%, rgba(253, 254, 254, 0.9) 89%, rgba(255, 255, 255, 0.5) 100%);
	/* IE v10+ */
	background-image: -ms-linear-gradient(0deg, rgba(240, 247, 250, 0.95) 0%, rgba(240, 247, 250, 0.95) 0%, rgba(253, 254, 254, 0.9) 89%, rgba(255, 255, 255, 0.5) 100%);
	background-image: linear-gradient(0deg, rgba(240, 247, 250, 0.95) 0%, rgba(240, 247, 250, 0.95) 0%, rgba(253, 254, 254, 0.9) 89%, rgba(255, 255, 255, 0.5) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f0f7fa,endColorstr=#7fffffff,GradientType=1)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f0f7fa, endColorstr=#7fffffff, GradientType=1);
}

#div-mentions {
	position: fixed;
	top: 0;
	left: 0;
	left: -350px;
	left: -370px;
	/* opacity: 0; */
	width: 343px;
	width: 363px;
	height: 30%;
	z-index: 700;
	background: white;
	background: rgba(255, 255, 255, 0.97);
	padding-right: 8px;
}

#mentions-inner {
	position: absolute;
	top: 0;
	left: 18px;
	width: 325px;
	width: 345px;
	height: 100%;
	overflow: hidden;
}

#mentions-content {
	padding: 0 20px 0 20px;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 11px;
	line-height: 18px;
}


#mentions-content h1 {
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	color: #76ABCC;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 10px !important;
	padding-bottom: 3px !important;
	text-transform: uppercase;
}

#mentions-content p {
	padding-bottom: 23px;
}

#mentions-content a,
#mentions-content a:visited {
	color: #333 !important;
}

#mentions-content a:hover {
	color: #A3ACB6 !important;
}

#mentions-title {
	font-size: 18px;
	color: #333333;
	position: absolute;
	top: 80px;
	top: 22px;
	left: 38px;
	width: 150px;
	height: 25px;
}

.title-mentions-fr {
	background: url("../img/title-mentions-fr.png") no-repeat 0 4px;
}

.title-mentions-de {
	background: url("../img/title-mentions-de.png") no-repeat 0 7px;
}


#mentions-close {
	position: absolute;
	background: url("../img/mentions-close.png") no-repeat;
	width: 19px;
	height: 19px;
	/*top: 84px;
    top: 24px;*/
	top: 26px;
	right: -2px;
	right: 6px;
}











#div-privacy {
	position: fixed;
	top: 0;
	left: 0;
	left: -350px;
	left: -370px;
	/* opacity: 0; */
	width: 343px;
	width: 363px;
	height: 30%;
	z-index: 700;
	background: white;
	background: rgba(255, 255, 255, 0.97);
	padding-right: 8px;
}

#privacy-inner {
	position: absolute;
	top: 0;
	left: 18px;
	width: 325px;
	width: 345px;
	height: 100%;
	overflow: hidden;
}

#privacy-content {
	padding: 0 20px 0 20px;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 11px;
	line-height: 18px;
}

#privacy-content h1,
#privacy-content h2 {
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	color: #76ABCC;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 10px !important;
	padding-bottom: 3px !important;
	text-transform: uppercase;
}

#privacy-content p {
	padding-bottom: 23px;
}

#privacy-content a,
#privacy-content a:visited {
	color: #333 !important;
}

#privacy-content a:hover {
	color: #A3ACB6 !important;
}

#privacy-title {
	font-size: 18px;
	color: #333333;
	position: absolute;
	top: 80px;
	top: 22px;
	left: 38px;
	width: 150px;
	height: 25px;
}

.title-privacy-fr {
	background: url("../img/title-privacy-fr.png") no-repeat 0 4px;
	width: 220px !important;
}

.title-privacy-de {
	background: url("../img/title-privacy-de.png") no-repeat 0 7px;
	width: 174px !important;
}

#privacy-close {
	position: absolute;
	background: url("../img/mentions-close.png") no-repeat;
	width: 19px;
	height: 19px;
	/*top: 84px;
    top: 24px;*/
	top: 26px;
	right: -2px;
	right: 6px;
}










.kinetic-scrollOuter {
	position: relative;
	padding: 0 20px 0 0;
}

.ui-slider-vertical {
	position: absolute;
	top: 3%;
	right: 0;
	height: 94%;
}

/* .ui-slider-handle { */
/* 	background: rgba(0,0,0,0.5); */
/* 	margin-left: 2px; */
/* 	height: 40px; */
/* 	width: 6px; */
/* } */
.kinetic-scrollbar {
	border: solid 1px red !important;
	height: 100%;
}






.content-accueil {
	/* background: url(../img/dummies/dummy_accueilXX.png) no-repeat 0 64px;  */
	width: 900px;
	min-height: 1450px;
	position: relative;

	/* margin-bottom: 100px; */
	margin: 0 auto 100px auto;
	background: url("../img/transparent.gif") repeat transparent;
}

#accueil-logo {
	position: absolute;
	left: 50%;

	margin-left: -89px;

	top: 58px;
	width: 178px;
	height: 179px;
	background: url("../img/construction-dino-logo.png") no-repeat;
	z-index: 500;
}

#slideshow-top {
	position: relative;
	top: 123px;
	width: 900px;
	height: 530px;
	overflow: hidden;
}

#slideshow-top .info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 24px;
}

#slideshow-top .info .navi {
	display: inline-block;
	float: left;
}

#slideshow-top .info .display {
	display: inline-block;
	float: right;
}

#slideshow-top .slides {
	position: absolute;
	top: 24px;
	left: 0;
	width: 898px;
	height: 504px;
	border: solid 1px #E4F4FA;
	overflow: hidden;
}

#slideshow-top .slides img {
	position: absolute;
	top: 0;
	left: 0;
	height: 506px;
	display: none;
}

#slideshow-top .slides img.firsts {
	display: block !important;
}

#slideshow-top .title {
	position: absolute;
	bottom: 1px;
	left: 1px;
	width: 898px;
	height: 66px;
	background: url("../img/alpha/alpha-black-50.png") repeat;
	text-align: center;
	z-index: 200;
}

.title_welcome {
	position: relative;
	top: 22px;
	left: 196px;
}

/*
#slideshow-top .title p {
    font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; 
    font-size: 20px;
    text-transform: uppercase;  
}
#slideshow-top .title .white {  
    color: white;
}
#slideshow-top .title .yellow {
    color: #F3CC22;
}
*/

.accueil-boxes {
	position: relative;
	top: 134px;
	width: 900px;
	height: 228px;
}

.accueil-box {
	position: absolute;
	top: 0;
	width: 293px;
	height: 100%;
	/*  background: url(../img/accueil-boxes-images.png) no-repeat; */
	background: url("../img/sprites-accueil-boxes.jpg") no-repeat;

	background-position: 0 0;
	overflow: hidden;
}

/* 
.box-1-fr { left: 0; }
.box-2-fr { left: 303px; background-position: -293px 0; }
.box-3-fr { right: 0; background-position: -586px 0; }

.box-1-fr:hover { background-position: 0 -228px; }
.box-2-fr:hover { background-position: -293px -228px; }
.box-3-fr:hover { background-position: -586px -228px; }
*/
.box-1-fr {
	left: 1px;
	width: 291px;
	height: 228px;
	background-position: 0 -456px;
}

.box-1-fr:hover {
	width: 291px;
	height: 228px;
	background-position: 0 -684px;
}

.box-2-fr {
	left: 305px;
	width: 290px;
	height: 228px;
	background-position: 0 0;
}

.box-2-fr:hover {
	width: 290px;
	height: 228px;
	background-position: 0 -228px;
}

.box-3-fr {
	right: 1px;
	width: 291px;
	height: 228px;
	background-position: 0 -912px;
}

.box-3-fr:hover {
	width: 291px;
	height: 228px;
	background-position: 0 -1140px;
}

.box-1-de {
	left: 1px;
	width: 291px;
	height: 228px;
	background-position: 0 -2280px;
}

.box-1-de:hover {
	width: 291px;
	height: 228px;
	background-position: 0 -2508px;
}

.box-2-de {
	left: 305px;
	width: 290px;
	height: 228px;
	background-position: 0 -1824px;
}

.box-2-de:hover {
	width: 290px;
	height: 228px;
	background-position: 0 -2052px;
}

.box-3-de {
	right: 1px;
	width: 291px;
	height: 228px;
	background-position: 0 -1368px;
}

.box-3-de:hover {
	width: 291px;
	height: 228px;
	background-position: 0 -1596px;
}




.accueil-content {
	position: relative;
	top: 146px;
	width: 100%;
	min-height: 100px;
	line-height: 18px;
}

.h1 {
	font-size: 12px;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 27px;
	margin-bottom: 25px;
	border-bottom: dotted 1px #EBEBEB;
	width: 900px;
	font-weight: bold;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

.accueil-content p {
	margin-bottom: 18px;
}

#slideshow-bottom {
	position: relative;
	top: 146px;
	left: 0;
	width: 900px;
	height: 400px;
	height: 383px;
}

#slideshow-bottom .info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
}

#slideshow-bottom .info .navi {
	display: inline-block;
	margin-top: 7px;
	float: left;
}

#slideshow-bottom .info .display {
	display: inline-block;
	margin-top: 7px;
	float: right;
}

#slideshow-bottom .slides {
	position: absolute;
	top: 0;
	left: 0;
	width: 898px;
	height: 370px;
	/* border: solid 1px #E4F4FA; */
	overflow: hidden;
}

#slideshow-bottom .slides img {
	position: absolute;
	top: 0;
	left: 0;
	height: 370px;
	display: none;
}

#slideshow-bottom .slides img.first {
	display: block;
}

#slideshow-bottom-infos {
	position: relative;
	top: 146px;
	left: 0;
	width: 900px;
	padding-bottom: 27px;
	margin-bottom: 25px;
	border-bottom: dotted 1px #EBEBEB;
	text-align: center;
	text-transform: none !important;
	font-weight: normal !important;
	font-size: 11px;
}

.sbil {
	float: left;
	text-transform: uppercase;
	font-weight: bold !important;
	font-size: 12px;
}

.sbil .titles-sprites {
	margin-top: 1px;
}

.sbir {
	float: right;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-size: 11px;
}

.acp,
.acp:visited {
	position: absolute;
	display: block;
	width: 192px;
	height: 150px;
	background: transparent;
}

.acp:hover {
	background: rgba(118, 171, 204, 0.1);
}

#acp-1 {
	top: 50px;
	left: 4px;
}

#acp-2 {
	top: 50px;
	left: 240px;
}

#acp-3 {
	top: 50px;
	left: 476px;
}

#acp-4 {
	top: 50px;
	left: 712px;
}

#acp-5 {
	top: 247px;
	left: 4px;
}

#acp-6 {
	top: 247px;
	left: 240px;
}

#acp-7 {
	top: 247px;
	left: 476px;
}

#acp-8 {
	top: 247px;
	left: 712px;
}

/* Page Services */
.content-servcies {
	/* background: url(../img/dummies/dummy_services_01XXX.png) no-repeat -8px 21px;  */
	width: 924px;
	min-height: 1476px;
	min-height: 476px;
	position: relative;
	margin-bottom: 100px;
	float: left;
	background: url("../img/transparent.gif") repeat transparent;
}

.content-servcies .services-navi {
	position: relative;
	top: 30px;
}

.content-servcies .navigation a,
.content-servcies .navigation a:visited {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #999;
	display: inline-block;
}

.content-servcies .navigation a:hover,
.content-servcies .navigation a.active {
	color: #76ABCC;
}

.content-servcies .navigation {
	padding-left: 0px;
	padding-top: 12px;
}

.services-navi .sl {
	padding-left: 10px !important;
}

.services-navi .sr {
	padding-right: 12px !important;
	border-right: solid 1px #E0E0E0;
}

.services {
	position: relative;
	top: 60px;
	left: 0;
	display: none;
	margin-top: 40px;
}


.services .inner a,
.services .inner a:visited {
	font-size: 13px;
	display: block;
	width: 155px;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	color: #BAD5E5 !important;
	/* background: url("../img/services/link-arrow.png") no-repeat right center; */
	background: url("../img/services/link-arrow.png") no-repeat 100% 56%;
}

.services .inner a:hover {
	color: #F5CC2E !important;
	/* background: url("../img/services/link-arrow-hover.png") no-repeat right center; */
	background: url("../img/services/link-arrow-hover.png") no-repeat 100% 56%;
}



.services .inner {
	position: absolute;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 18px;
	/* letter-spacing: -0.015em; */
	word-spacing: -0.015em;
}

.services-fr .inner a {
	width: 149px !important;
	letter-spacing: 0.01em;
}

.services-de .inner a {
	width: 159px !important;
}

#services-1 {
	width: 100%;
	height: 1400px;
}

.services-1-fr {
	background: url("../img/services/services-constructions-fr.png") no-repeat -2px 0;
}

.services-1-de {
	background: url("../img/services/services-constructions-de.png") no-repeat -2px 0;
}

#scon1-1 {
	width: 385px;
	top: 31px;
	left: 1px;
}

#scon1-2 {
	width: 355px;
	top: 139px;
	left: 1px;


}

#scon1-3 {
	width: 335px;
	top: 455px;
	left: 594px;
}

#scon1-4 {
	width: 333px;
	top: 850px;
	left: 0px;
}


#services-2 {
	width: 100%;
	height: 542px;
}

.services-2-fr {
	background: url("../img/services/services-travaux-fr.png") no-repeat;
}

.services-2-de {
	background: url("../img/services/services-travaux-de.png") no-repeat;
}

#scon2-1 {
	width: 300px;
	top: 42px;
	right: 2px;
}


#services-3 {
	width: 100%;
	height: 1500px;
}

.services-3-fr {
	background: url("../img/services/services-amenagement-fr.png") no-repeat -3px 0;
}

.services-3-de {
	background: url("../img/services/services-amenagement-de.png") no-repeat -3px 0;
}

#scon3-1 {
	width: 375px;
	top: 31px;
	left: 1px;
}

#scon3-2 {
	width: 375px;
	top: 139px;
	left: 1px;
}

#scon3-3 {
	width: 300px;
	top: 301px;
	left: 618px;
}

#scon3-4 {
	width: 535px;
	top: 660px;
	left: 1px;
}

/* Page Contact */

.content-contact {
	/* background: url(../img/dummies/dummy_contact-2x.png) no-repeat -2px 36px;  */
	width: 924px;
	width: 900px;
	min-height: 1476px;
	min-height: 707px;
	position: relative;
	/* margin-bottom: 100px; */
	margin: 0 auto 100px auto;
	background: url("../img/transparent.gif") repeat transparent;
}

.content-contact .contact-navi {
	position: relative;
	top: 30px;
}

.content-contact .navigation a,
.content-contact .navigation a:visited {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #999;
	display: inline-block;
}

.content-contact .navigation a:hover,
.content-contact .navigation a.active {
	color: #76ABCC;
}

.content-contact .navigation {
	padding-left: 1px;
	padding-top: 12px;
}

.contact-navi .sl {
	padding-left: 10px !important;
}

.contact-navi .sr {
	padding-right: 12px !important;
	border-right: solid 1px #E0E0E0;
}

.contacts {
	position: relative;
	top: 100px;
	left: 0;
	display: none;
}

.contacts .head .title {
	font-size: 18px;
	color: #76ABCC;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	padding-bottom: 20px;
}

.contacts .head .content {
	line-height: 16px;
}

.contacts .head .content p {
	margin: 0;
}

.contacts .innerOLD {
	position: relative;
	top: 39px;
	width: 898px;
	height: 308px;
	border: solid 1px rgba(150, 196, 220, 0.3);
	background: url("../img/contact-bg.png") repeat-y;
}

.contacts .inner {
	position: relative;
	top: 39px;
	width: 902px;
	height: 388px;
	background: url("../img/contact-info-bg-01.png") no-repeat;

}


.contacts .inner .adress {
	position: absolute;
	top: 22px;
	left: 40px;
	font-size: 13px;
	line-height: 18px;
}

.contacts .googlelink {
	position: absolute;
	width: 375px;
	height: 380px;
	right: 0;
	top: 0;
	background: transparent;
}

.contacts .googlelink:hover {}

.contacts .inner .worldmap {
	position: absolute;
	background: url("../img/world-map.png") no-repeat;
	width: 574px;
	height: 377px;
	right: -15px;
	top: 9px;
}

.contacts .inner a.worldmap-2 {
	position: absolute;
	display: block;
	background: url("../img/world-map-2.png") no-repeat;
	width: 619px;
	height: 322px;
	right: -43px;
	top: 45px;
}

.contacts .inner a.worldmap-3 {
	position: absolute;
	display: block;
	background: url("../img/world-map-3.png") no-repeat;
	width: 619px;
	height: 322px;
	right: -26px;
	top: 45px;
}

.contacts .inner a.worldmap-4 {
	position: absolute;
	display: block;
	background: url("../img/world-map-4.png") no-repeat;
	width: 664px;
	height: 326px;
	right: -26px;
	top: 42px;
}

.world-map-3-line {
	position: absolute;
	background: url("../img/world-map-3-line-2.png") no-repeat;

	width: 350px;
	height: 203px;
	top: 45px;
	left: 265px;
}

.contact-map {
	width: 900px;
	height: 355px;
	/* background: url("../img/dummies/contact-forms.png"); */
}

#map-link-btn-fr {
	position: relative;
	top: 49px;
	right: 0;
	float: right;
	margin-right: 24px;
	margin-right: 0;
	display: block;
	width: 200px;
	height: 36px;
	background: url("../img/map-link-btn.png") no-repeat;
	background-position: 0 0;
}

#map-link-btn-de {
	position: relative;
	top: 49px;
	float: right;
	margin-right: 24px;
	margin-right: 0;
	display: block;
	width: 200px;
	height: 36px;
	background: url("../img/map-link-btn.png") no-repeat;
	background-position: 0 -36px;
}

#map-link-btn-fr:hover,
#map-link-btn-de:hover {
	opacity: 0.85;
}

.cm-left,
.cm-right {
	width: 444px;
	float: left;
}

.cm-left input[type=text],
.cm-left input[type=mail] {
	width: 100%;
	width: 420px;
	border: solid 1px #96C4DC;
	padding: 9px 12px 9px 12px;
	background: transparent;
	font-size: 13px;
	color: #666666;
	margin-bottom: 9px;
}

.cm-left input.blur,
.cm-right textarea.blur {
	color: #999 !important;
}

.contacts .inner2 {
	position: relative;
	top: 39px;
	width: 898px;
	height: 308px;

	/* background: url(../img/contact-bg.png) repeat-y; */
}

.contacts .inner3 {
	position: relative;
	top: 39px;
	width: 898px;
	height: 306px;
	border: solid 1px rgba(150, 196, 220, 0.3);

	/* background: url(../img/contact-bg.png) repeat-y; */
}

#form-inputs {
	float: left;
}

.cm-right {
	position: relative;
	margin-left: 9px;
}

.cm-right .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 286px;
	width: 420px;
	padding: 9px 12px 9px 12px;
	padding: 10px 13px;
	background: url("../img/message-merci.png") center center no-repeat #FEFEFE;
	border: solid 5px #96C4DC !important;
	padding: 5px 8px 5px 8px !important;
	display: none;
}

.cm-right .overlay-ok,
.cm-right .overlay-error {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 286px;
	width: 420px;
	padding: 9px 12px 9px 12px;
	padding: 10px 13px;
	border: solid 5px #96C4DC !important;
	padding: 5px 8px 5px 8px !important;
	display: none;
}


#body-fr .cm-right .overlay-ok {
	background: url("../img/form-message-success-fr.png") center center no-repeat #FEFEFE;
}

#body-de .cm-right .overlay-ok {
	background: url("../img/form-message-success-de.png") center center no-repeat #FEFEFE;
}

#body-fr .cm-right .overlay-error {
	background: url("../img/form-message-error-fr.png") center center no-repeat #FEFEFE;
}

#body-de .cm-right .overlay-error {
	background: url("../img/form-message-error-de.png") center center no-repeat #FEFEFE;
}


.cm-right textarea {
	position: relative;
	width: 100%;
	height: 286px;
	width: 420px;
	font-size: 13px;
	color: #666666;
	border: solid 1px #96C4DC;
	padding: 9px 12px 9px 12px;
	background: transparent;
}

.info-requis {
	display: inline-block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #76ABCC;
	padding: 5px 5px 0 0;
}

.info-button {
	text-align: right;
	padding-top: 10px;
}

.info-button input {
	color: white;
	border: none;
	background: #96C4DC;
	padding: 10px 30px;
}

.info-button input:hover {
	color: #E8F2F7;
}

.updmessage {
	display: none;
}

/*
#fancybox-outer {
    background: transparent !important;
}
#fancybox-outer div {
    background: url() !important;
}
#fancybox-close {
    right: -1px !important;
    top: 7px !important;
    background: url(../img/message-close.png) no-repeat !important;  
}
*/
textarea.req,
input.req {
	background: url("../img/required.png") transparent 426px 13px no-repeat !important;
}

textarea.input_error,
input.input_error {
	/* 
    background: url(../img/required-2.png)  #96C4DC 426px 13px no-repeat !important; 
    color: white !important; 
    */
	background: url("../img/required.png") transparent 422px 9px no-repeat !important;
	border: solid 5px #96C4DC !important;
	padding: 5px 8px 5px 8px !important;
}


.contacts .cd {
	display: inline-block;
	width: 40px;
}

.lt-ie8 .info-requis,
.lt-ie8 .contacts .cd {
	zoom: 1;
	*display: inline;
}





/* Page Projets */
.content-projects {
	/* background: url(../img/dummies/dummy_projectsXXX.png) no-repeat 0px 40px;  */
	width: 924px;
	width: 900px;
	min-height: 1286px;
	min-height: 575px;
	min-height: 1500px;
	position: relative;
	/* margin-bottom: 100px; */
	margin: 0 auto 100px auto;
	background: url("../img/transparent.gif") repeat transparent;
}

.content-projects .projects-navi {
	position: relative;
	top: 30px;
}

.content-projects .navigation a,
.content-projects .navigation a:visited {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #999;
	display: inline-block;
}

.content-projects .navigation a:hover,
.content-projects .navigation a.active {
	color: #76ABCC;
}

.content-projects .navigation {
	padding-left: 1px;
	padding-top: 12px;
}

.projects-navi .sl {
	padding-left: 10px !important;
}

.projects-navi .sr {
	padding-right: 12px !important;
	border-right: solid 1px #E0E0E0;
}

.projects-container {
	position: relative;
	top: 107px;
	left: 0;
}

.projects {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.pr {
	display: block;
	position: relative;
	float: left;
	width: 290px;
	height: 212px;
	margin: 0 15px 15px 0;
}

a.pr img,
a.pr .hover {
	position: absolute;
	top: 0;
	left: 0;
}

.hover,
img.hover {
	display: none;
}

.pl {
	margin-right: 0;
}

.pb {
	margin-bottom: 0;
}

#detail-anchor {
	position: relative;
	top: 440px;
	height: 40px;
	height: 5px;
}

#detail {
	position: relative;
	/* top: 480px; */
	top: 449px;
	display: none;
}

#project {
	margin-left: 1px;
	/* height: 650px; */
	min-height: 455px;
}

#project #pr-spbtm {
	width: 900px;
	height: 19px;
	float: left;
	background: url("../img/line-small.png") repeat-x left bottom;
}

#project #content {
	width: 199px;
	/* height: 535px; */
	min-height: 463px;
	float: left;
	font-size: 11px;
}

#content #category,
#project #category {
	font-size: 18px;
	color: #76ABCC;
	padding-bottom: 18px;
}

#content .nav {
	padding-bottom: 9px;
	background: url("../img/line-small.png") no-repeat left bottom;
}

#content #title {
	color: #76ABCC;
	padding: 10px 0 11px 0;
	text-transform: uppercase;
	background: url("../img/line-small.png") no-repeat left bottom;
}

#content #desctitle {
	padding: 9px 0 21px 0;
	text-transform: uppercase;
}

#content #desc {
	line-height: 18px
}

#content #desc p {
	margin: 0;
	padding: 0 0 18px 0;
}

#project #media {
	width: 700px;
	/* height: 535px; */
	min-height: 463px;
	float: left;
}

#media .nav {
	position: relative;
	margin: 43px 0 9px 40px;
	margin: 0 0 8px 40px;
}

#img-nav-overlay {
	position: absolute;
	left: -2px;
	top: -2px;
	width: 200px;
	height: 24px;
	background: url("../img/transparent.gif") repeat transparent;
}

#media #images {
	position: relative;
	width: 658px;
	height: 439px;
	margin-left: 41px;
	overflow: hidden;
	background: url("../img/project-image-background.png") no-repeat 0 0px;
}

#media #images img {
	position: absolute;
	top: 0;
	left: 0;
}

#media .nav a,
#content .nav a,
#media .nav a:visited,
#content .nav a:visited {
	color: #333 !important;
}

#media .nav a:hover,
#content .nav a:hover {
	color: #76ABCC !important;
}

.nav .numeration {
	float: right;
}

#media .nav .numeration {
	padding-right: 2px;
}

header {
	position: fixed;
	top: 8px;
	left: 0;
	width: 100%;
	min-width: 956px;
	height: 66px;
	/* border-top: solid 8px white; */
	/* background: url(../img/alpha/alpha-white-20.png) repeat; */
	z-index: 600;
}

#header-bg {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;

	background: url("../img/header-backbground.png") repeat-x;
}

#logo-dino {
	position: absolute;
	left: 50%;
	margin-left: -89px;
	margin-left: -97px;

	top: 126px;
	top: -153px;
	opacity: 0.1;

	width: 178px;
	height: 179px;
	background: url("../img/construction-dino-logo.png") no-repeat;
	z-index: 630 !important;
	opacity: 0;
}

#language-select {
	position: relative;
	margin: 0 auto;
	margin: 22px auto 0 auto;
	background: url("../img/lang-spacer.gif") center center no-repeat;
	width: 44px;
	height: 20px;
	z-index: 610 !important;

}

#language-select a {
	font-size: 12px;
}

a#lFr {
	float: left;
}

a#lDe {
	float: right;
	color: #333;
}

#header-left {
	position: absolute;
	left: 37px;
	top: 0;
	/* width: 339px; */
	width: 420px;
	height: 100%;
	padding-top: 1px;
}

#header-right {
	position: absolute;
	right: 8px;
	right: 49px;
	top: 0;
	/* width: 373px; */
	width: 450px;
	height: 100%;
}

.menu-main {
	/* position: absolute; */

	position: relative;
	float: right;
	top: 15px;
	display: block;
	height: 29px;
	background: url("../img/sprites-menu.png") top left no-repeat;
}


.menu_projets_fr {
	width: 43px;
	height: 29px;
	background-position: 0 -232px;
}

.menu_projets_fr:hover,
.menu_projets_fr.active {
	width: 43px;
	height: 29px;
	background-position: 0 -261px;
}

.menu_contact_fr {
	width: 52px;
	height: 29px;
	background-position: 0 -290px;
}

.menu_contact_fr:hover,
.menu_contact_fr.active {
	width: 52px;
	height: 29px;
	background-position: 0 -319px;
}

.menu_services_fr {
	width: 52px;
	height: 29px;
	background-position: 0 -348px;
}

.menu_services_fr:hover,
.menu_services_fr.active {
	width: 52px;
	height: 29px;
	background-position: 0 -377px;
}

.menu_accueil_fr {
	width: 47px;
	height: 29px;
	background-position: 0 -406px;
}

.menu_accueil_fr:hover,
.menu_accueil_fr.active {
	width: 47px;
	height: 29px;
	background-position: 0 -435px;
}

.menu_projets_de {
	width: 52px;
	height: 29px;
	background-position: 0 -464px;
}

.menu_projets_de:hover,
.menu_projets_de.active {
	width: 52px;
	height: 29px;
	background-position: 0 -493px;
}

.menu_contact_de {
	width: 49px;
	height: 29px;
	background-position: 0 -522px;
}

.menu_contact_de:hover,
.menu_contact_de.active {
	width: 49px;
	height: 29px;
	background-position: 0 -551px;
}

.menu_services_de {
	width: 69px;
	height: 29px;
	background-position: 0 -580px;
}

.menu_services_de:hover,
.menu_services_de.active {
	width: 69px;
	height: 29px;
	background-position: 0 -609px;
}

.menu_accueil_de {
	width: 41px;
	height: 29px;
	background-position: 0 -638px;
}

.menu_accueil_de:hover,
.menu_accueil_de.active {
	width: 41px;
	height: 29px;
	background-position: 0 -667px;
}

.menu_line_small {
	width: 22px;
	height: 29px;
	background-position: 0 -58px;
}

.menu_line_large {
	width: 47px;
	height: 29px;
	background-position: 0 -87px;
}

#menu_05 {
	position: relative;
	width: 42px;
	background: none !important;
}

#menu_arrow {
	float: none !important;
	position: absolute;
	top: 0;
	width: 25px;
	height: 29px;
	background-position: 0 -29px;
}

.header_spacer {
	float: left;
	width: 27px;
	background-position: -15px -88px;
}

.menu_phone {
	float: left;
	/* width: 150px; */
	width: 110px;

	height: 29px;
	background-position: 0 0;
	font-size: 0.85rem;
	font-size: 13px;
	padding-top: 5px;
	background-image: none;

	opacity: 0.9;
}

.menu_mail {
	float: left;
	width: 138px;
	height: 29px;
	background-position: 0 -115px;
}

.menu_mail:hover {
	width: 138px;
	height: 29px;
	background-position: 0 -144px;
}

.menu_lang_de {
	width: 14px;
	height: 14px;
	background-position: 0 -174px;
}

.menu_lang_de:hover {
	width: 14px;
	height: 14px;
	background-position: 0 -188px;
}

.menu_lang_fr {
	width: 14px;
	height: 15px;
	background-position: 0 -202px;
}

.menu_lang_fr:hover {
	width: 14px;
	height: 15px;
	background-position: 0 -217px;
}


a#menu_fr,
a#menu_fr:visited {
	position: absolute;
	float: none !important;
	top: 0;
	left: 25px;
	width: 14px;
	height: 15px;
	background: url("../img/sprites-menu.png") no-repeat;
	background-position: -62px -141px;
	background-position: 0 -202px;
}

a#menu_fr:hover,
a#menu_fr.activelang {
	width: 14px;
	height: 15px;
	background-position: -81px -141px;
	background-position: 0 -217px;
}

a#menu_de,
a#menu_de:visited {
	position: absolute;
	float: none !important;
	top: 15px;
	left: 25px;
	width: 14px;
	height: 14px;
	background: url("../img/sprites-menu.png") no-repeat;
	background-position: -57px -277px;
	background-position: 0 -174px;
}

a#menu_de:hover,
a#menu_de.activelang {
	width: 14px;
	height: 14px;
	background-position: -76px -277px;
	background-position: 0 -188px;
}


.title_partenaires {
	position: relative;
	top: 154px;
	left: 0;
}

#accueil-partners {
	position: relative;
	top: 154px;
	top: 188px;
	left: 0;
	width: 900px;
	overflow: hidden;
}

#accueil-partners ul {
	width: 2800px;
	height: 82px;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
}

#accueil-partners ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#partners-slide {
	position: relative;
	top: 0;
	left: 0;
}

/*
#accueil-partners {
    position: relative;
    top: 154px;
    left: 0;
    width: 900px;
    height: 425px;
    background: url("../img/accueil-partners.png") -14px 0 no-repeat;
}
*/
/* .sprites-partners{ margin-right: 54px; } */
.sprites-partners {
	border-right: solid 54px transparent;
}

.sprites-partners {
	background: url("../img/sprites-partners.png") top left no-repeat;
	display: block;
}

#logo-heinrichbock {
	width: 198px;
	height: 82px;
	background-position: -5px -5px;
}

#logo-heinrichbock:hover {
	width: 198px;
	height: 82px;
	background-position: -5px -92px;
}

#logo-stradal {
	width: 130px;
	height: 82px;
	background-position: -5px -179px;
}

#logo-stradal:hover {
	width: 130px;
	height: 82px;
	background-position: -5px -266px;
}

#logo-chauxdecontern {
	width: 128px;
	height: 82px;
	background-position: -5px -353px;
}

#logo-chauxdecontern:hover {
	width: 128px;
	height: 82px;
	background-position: -5px -440px;
}

#logo-kronimus {
	width: 129px;
	height: 82px;
	background-position: -5px -527px;
}

#logo-kronimus:hover {
	width: 129px;
	height: 82px;
	background-position: -5px -614px;
}

#logo-ebema {
	width: 81px;
	height: 82px;
	background-position: -5px -701px;
}

#logo-ebema:hover {
	width: 81px;
	height: 82px;
	background-position: -5px -788px;
}

#logo-rinn {
	width: 108px;
	height: 82px;
	background-position: -5px -875px;
}

#logo-rinn:hover {
	width: 108px;
	height: 82px;
	background-position: -5px -962px;
}

#logo-marlux {
	width: 112px;
	height: 82px;
	background-position: -5px -1049px;
}

#logo-marlux:hover {
	width: 112px;
	height: 82px;
	background-position: -5px -1136px;
}

#logo-jasto {
	width: 71px;
	height: 82px;
	background-position: -5px -1223px;
}

#logo-jasto:hover {
	width: 71px;
	height: 82px;
	background-position: -5px -1310px;
}




.spacer-div-absolute {
	position: absolute;
	width: 100%;
}

.spacer-div-relative {
	position: relative;
	width: 100%;
}

footer {
	position: fixed;
	bottom: 8px;
	left: 0;
	width: 100%;
	min-width: 956px;
	height: 66px;
	z-index: 900;
}

.social-div {
	position: absolute;
	width: 167px;
	height: 69px;
	background: url("../img/social-bg.png") no-repeat;
	top: -45px;
	display: none;
	overflow: hidden;
}

.social-fr {
	margin-left: 32px;
}

#div-social-facebook {
	left: 55px;
}

#div-social-google {
	left: 89px;
}

#div-social-twitter {
	left: 123px;
}

#div-social-facebook .social-inner {
	margin-left: 18px;
}

#div-social-twitter .social-inner {
	margin-left: 28px;
}

#div-social-google .social-inner {
	margin-left: 27px;
}

.social-inner {
	margin-top: 22px;
	text-align: center;
}

#footer-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;

	background: url("../img/footer-backbground.png") repeat-x;
}

#footer-left {
	position: absolute;
	left: 10px;
	top: 0;
	width: 435px;
	height: 100%;
	float: left;
	/* background: url(../img/footer/footer_left.png) no-repeat top left;  */
	/* background: url(../img/footer/footer_left_bg.png) no-repeat top left; */
}

#footer-left a {
	display: block;
	position: relative;
	float: left;
	background: url(../img/footer/footer_left.png) no-repeat top left;
	height: 27px;
	top: 21px;
}

/*

a#fl-legal,
a#fl-legal:visited {
    width: 114px;
    left: 18px;
    background-position: -18px -21px;
}
a#fl-legal:hover {
    background-position: -18px -87px;
}

a#fl-legal-fr { 
    margin: 2px 9px 0 28px;
    background:url("../img/sprites-icons.png") top left no-repeat !important;
    width:104px; height:21px; background-position:-5px -5px !important; 
}
#fl-legal-fr:hover { 
    background:url("../img/sprites-icons.png") top left no-repeat !important;
    width:104px; height:21px; background-position:-5px -31px !important; 
}
#fl-legal-de { 
    margin: 1px 9px 0 28px;
    background:url("../img/sprites-icons.png") top left no-repeat !important;
    width:72px; height:21px; background-position:-5px -57px !important; 
}
#fl-legal-de:hover { 
    background:url("../img/sprites-icons.png") top left no-repeat !important;
    width:72px; height:21px; background-position:-5px -83px !important; 
}

a#fl-privacy {
    padding: 6px 0 0 0;
    background: none;
    margin-right: 8px;
    color: #666;
}
a#fl-privacy:hover {
    color: #97a7af;
}
*/



#footer-left a.fl-footer-links {
	font-size: 12px;
	/* font-family: Arial, Helvetica, sans-serif; */
	color: #6c7882;
	padding: 5px 7px 0 0;
	background: none;
}

#footer-left a.fl-footer-links:hover {
	color: #97a7af;
}

#footer-left a.fl-legal {
	margin-left: 28px;
}





.footer-spacer {
	display: block;
	background: url("../img/footer-spacer.png") top left no-repeat;
	width: 2px;
	height: 21px;
	float: left;
	position: relative;
	top: 21px;
	margin: 2px 8px 0 1px;
}

.footer-spacer-2 {
	margin-right: 2px;
}

a#social-facebook,
a#social-facebook:visited {
	width: 34px;
	/* left: 139px; */
	background-position: -139px -21px;
}

a#social-facebook:hover,
a#social-facebook.active {
	background-position: -139px -87px;
}

a#social-google,
a#social-google:visited {
	width: 34px;
	/* left: 173px; */
	background-position: -173px -21px;
}

a#social-google:hover,
a#social-google.active {
	background-position: -173px -87px;
}

a#social-twitter,
a#social-twitter:visited {
	width: 34px;
	/* left: 207px; */
	background-position: -207px -21px;
}

a#social-twitter:hover,
a#social-twitter.active {
	background-position: -207px -87px;
}

a#fl-mail,
a#fl-mail:visited {
	width: 34px;
	/* left: 241px; */
	background-position: -241px -21px;
}

a#fl-mail:hover {
	background-position: -241px -87px;
}

a#fl-map,
a#fl-map:visited {
	width: 34px;
	/*  left: 275px; */
	background-position: -275px -21px;
}

a#fl-map:hover {
	background-position: -275px -87px;
}



#footer-right {
	position: absolute;
	right: 23px;
	top: 0;
	width: 465px;
	height: 100%;
	background: url(../img/footer/footer_right_bg.png) no-repeat top left;
}

a.menu-footer {
	position: absolute;
	top: 19px;
	display: block;
	height: 29px;
}

a#ronkar,
a#ronkar:visited {
	right: 23px;
	width: 120px;
	background: url(../img/footer/ronkar.png) no-repeat;
}

a#ronkar:hover {
	background: url(../img/footer/ronkar_over.png) no-repeat;
}


/* IE Fallbacks */
html.lt-ie9 {
	/* IE6-8 fallback on horizontal gradient */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#cce2ee',GradientType=1 ); */
}


.lt-ie7 #b-top,
.lt-ie7 #b-bottom,
.lt-ie7 #b-left,
.lt-ie7 #b-right {
	display: none;
}


.titles-main-old {
	width: 100%;
	height: 49px;
	margin: 10px 0 7px 0;
}

.titles-sub-old {
	width: 100%;
	height: 19px;
	margin: 5px 0 21px 0;
}





.titles-main {
	margin: 10px 0 7px 0;
}

.titles-sub {
	margin: 5px 0 21px 0;
}

.titles-heading {
	padding: 5px 0 30px 0 !important;
	margin: 0 0 25px 0 !important;
	border-bottom: dotted 1px #EBEBEB;
	width: 900px;
	font-weight: bold;
	display: block;
}

.titles-heading .titles-sprites {
	margin-left: 1px;
}

/* Titles / Headings sprites */

.titles-sprites {
	background: url("../img/sprites-titles.png") top left no-repeat;
}

#titles_services_de {
	width: 432px;
	height: 49px;
	background-position: -5px -5px;
}

#titles_projets_de {
	width: 473px;
	height: 49px;
	background-position: -5px -59px;
}

#titles_contact_de {
	width: 500px;
	height: 49px;
	background-position: -5px -113px;
}

#titles_services_fr {
	width: 381px;
	height: 49px;
	background-position: -5px -167px;
}

#titles_projets_fr {
	width: 305px;
	height: 49px;
	background-position: -5px -221px;
}

#titles_contact_fr {
	width: 500px;
	height: 49px;
	background-position: -5px -275px;
}

#title_slides_accueil_fr {
	width: 505px;
	height: 19px;
	background-position: -5px -329px;
}

#title_slides_accueil_de {
	width: 505px;
	height: 19px;
	background-position: -5px -353px;
}

#subtitles_services_amenagement_fr {
	width: 196px;
	height: 19px;
	background-position: -5px -377px;
}

#subtitles_contact_informations_fr {
	width: 183px;
	height: 19px;
	background-position: -315px -221px;
}

#subtitles_services_constructions_de {
	width: 142px;
	height: 18px;
	background-position: -206px -377px;
}

#subtitles_services_amenagement_de {
	width: 173px;
	height: 18px;
	background-position: -5px -401px;
}

#subtitles_services_travaux_de {
	width: 147px;
	height: 18px;
	background-position: -353px -377px;
}

#subtitles_services_travaux_fr {
	width: 187px;
	height: 16px;
	background-position: -183px -401px;
}

#subtitles_contact_formulaire_fr {
	width: 177px;
	height: 15px;
	background-position: -5px -424px;
}

#subtitles_contact_formulaire_de {
	width: 131px;
	height: 15px;
	background-position: -375px -401px;
}

#subtitles_contact_informations_de {
	width: 175px;
	height: 15px;
	background-position: -187px -424px;
}

#subtitles_services_constructions_fr {
	width: 187px;
	height: 14px;
	background-position: -5px -444px;
}

#titles-spritesheet_r18_c1 {
	width: 148px;
	height: 13px;
	background-position: -197px -444px;
}

#titles-spritesheet_r16_c1 {
	width: 148px;
	height: 13px;
	background-position: -350px -444px;
}

#heading_accueil_partenaires_de {
	width: 160px;
	height: 13px;
	background-position: -5px -463px;
}

#heading_accueil_partenaires_fr {
	width: 170px;
	height: 13px;
	background-position: -170px -463px;
}

#heading_accueil_apropos_de {
	width: 54px;
	height: 11px;
	background-position: -442px -5px;
}

#heading_accueil_apropos_fr {
	width: 108px;
	height: 11px;
	background-position: -391px -167px;
}

#heading_accueil_services_de {
	width: 115px;
	height: 9px;
	background-position: -367px -424px;
}

#heading_accueil_services_fr {
	width: 77px;
	height: 9px;
	background-position: -345px -463px;
}



#detail-close {
	display: block;
	width: 900px;
	height: 48px;
	/* background: url("../img/project-close-02.png") no-repeat; */
	margin-bottom: 40px;
}

.sprites-projects {
	background: url("../img/sprites-projects.png") top left no-repeat;
}

.project_empty_de {
	width: 290px;
	height: 212px;
	background-position: -5px -5px;
}

.project_hover_de {
	width: 290px;
	height: 212px;
	background-position: -300px -5px;
}

.project_hover_fr {
	width: 290px;
	height: 212px;
	background-position: -595px -5px;
}

.project_empty_fr {
	width: 290px;
	height: 212px;
	background-position: -5px -222px;
}

.project_close_fr {
	width: 899px;
	height: 48px;
	background-position: -5px -439px;
}

.project_close_fr:hover {
	width: 899px;
	height: 48px;
	background-position: -5px -492px;
}

.project_close_de {
	width: 899px;
	height: 48px;
	background-position: -5px -545px;
}

.project_close_de:hover {
	width: 899px;
	height: 48px;
	background-position: -5px -598px;
}



/* =============================================================================
   Media Queries
   ========================================================================== */

/* @media only screen and (min-width: 35em) { */
/* Smartphones */
@media only screen and (max-width: 500px) {

	#b-top,
	#b-bottom,
	#b-left,
	#b-right {
		display: none;
	}

	/* Style adjustments for viewports that meet the condition */
	/*
        html, #wrapper,#div-main {
            overflow:auto; 
        }
        #div-main {
            width: 100%;
            margin: 0 auto;
            position:relative;
        }
        */
}

/* Pads */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {}

@media only screen and (max-width: 1200px) {
	.bubbles-div {
		display: none !important;
	}
}


/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
	*line-height: 0;
}

.ir br {
	display: none;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: black !important;
		box-shadow: none !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}

	/* Black prints faster: h5bp.com/s */
	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	/* Don't show links for images, or javascript/internal links */
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	/* h5bp.com/t */
	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

#supersized-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	text-indent: -999em;
	background: url("../img/progress-01.gif") no-repeat center center;
}

#supersized {
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: -999;
	height: 100%;
	width: 100%;
}

#supersized img {
	width: auto;
	height: auto;
	position: relative;
	outline: none;
	border: none;
}

#supersized a {
	z-index: -30;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	display: block;
}

#supersized a.image-loading {
	background: url("../img/progress-01.gif") no-repeat center center;
	width: 100%;
	height: 100%;
}