/* Start of CMSMS style sheet 'screen' */
/* Start of CMSMS style sheet 'screen' */
/* Start of CMSMS style sheet 'screen' */
/* Start of CMSMS style sheet 'screen' */
/* Start of CMSMS style sheet 'screen' */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}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,em,strong,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;}

html { background-color: #fff; }
body {
	font:12px/1.5 "Trebuchet MS", helvetica, arial, "nimbus sans l", sans-serif;
	color: #333;
}
	
/*/*/a{outline:none;}
body,
body p {
	voice-family: "\"}\"";
	voice-family: inherit;

}
html>body,
html>body p {
}
/* */

a {
color: #DB4229;
margin-right: 10px;
text-decoration: none;
}
a:hover {
color: #AF210A;
}
strong {
font-weight: bold;
}


#header-content,
#container-content,
#footer-content {
width: 960px;
margin-left: auto;
margin-right: auto;
}
#footer-content a{
color: #fff;
text-decoration: underline:
}
#footer-content a:hover{
text-decoration: none:
}
#container-content {
padding-top: 20px;
}
#header{
height: 200px;
background:#505050 url(/images/bg-header.png) repeat-x center bottom;
}
.content #header{
height: 130px;
}
#header #logo {
float:left;
    margin-top: 40px;
    margin-left: 20px;
}

#header #logo a{
width: 234px;
height: 60px;
display:block;
text-indent: -9999em;
background: url(/images/logo2.png) no-repeat;
}
#header #menu {
float:right;
margin-top: 70px;
margin-right: 15px;
}
#header #menu ul li{
float:left;
margin: 0;
padding: 0;
}
#header #menu ul li a{
display: block;
height: 40px;
line-height: 40px;
color: #fff;
font-size: 1.5em;
padding-left: 14px;
padding-right: 14px;
margin: 0;
margin-right: 2px;
text-shadow: 0px -1px 3px rgba(0,0,0,0.7);
border-radius: 4px 4px 0 0;
}
#header #menu ul li.last a{
margin-right: -5px;
}
#header #menu ul li a:hover,
#header #menu ul li a.current{
background: #505050;
}
#header-content {
padding-top: 10px;
}
#container{
background: url(/images/bg-beige.jpg);
min-height: 600px;
padding-bottom: 40px;
}
#container {
position: relative;
}
#container #gallery{
height: 330px;
width: 960px;
background: url(/images/bg-gallery.png);
position:absolute;
top: -85px;
}
#container #gallery-content{
width: 920px;
height: 300px;
margin-left: auto;
margin-right: auto;
margin-top: 14px;
position:relative;
}
#container #gallery-pictures .sliding{
height: 305px !important;
}

#container #gallery-content #slogan{
background: url(/images/bg-white-80.png);
padding: 10px;
position: absolute;
bottom: 0;
width: 900px;
font-size: 2em;
line-height: 1.3em;
}
#container #gallery-content .picture-switcher{
width: 42px;
height: 79px;
display: block;
position:absolute;
text-indent: -9999em;
background: red;
top: 70px;
background: url(/images/previous-picture.png);
}
#container #gallery-content #next-picture{
right: -11px;
background: url(/images/next-picture.png);
}
#container .block-home {
padding-top: 270px;
}
#container .block-home .square {
width: 313px;
height: 313px;
float:left;
margin-right: 20px;
}
#container .block-home #square-service{
background: url(/images/bg-square.png);
}
#container .block-home #square-realisations{
background: url(/images/bg-square.png);
}

#container .block-home .square-inside {
width: 281px;
height: 281px;
margin-left:auto;
margin-right:auto;
margin-top: 16px;
position:relative;
}
#container .block-home .square-inside .list{
background: url(/images/bg-white-80.png);
padding: 10px;
position: absolute;
bottom: 0;
width: 261px;
height: 120px;
}
#container .block-home .square-inside ul a{
font-size: 1.2em;
color: #3B575F;
}
#container .block-home .square-inside .list h2{
font-size: 2em;
}
#container .block-home #square-service ul {
margin-left: 25px;
margin-top: 10px;
}
#container .block-home #square-service ul li{

list-style: disc;
color: #333;
}
#container .block-home #square-service #services-square {
background: url(/images/services-square.jpg);
}
#container .block-home #square-realisations #realisations-square {
background: url(/images/realisations-square.jpg);
}
#container .block-home #square-realisations #realisations-square ul li{
float:left;
}
#container .block-home #square-realisations #realisations-square ul li a{
display: block;
width: 75px;
height: 75px;
background: #fff;
border: 1px solid #999;
margin-bottom: 2px;
margin-top: 13px;
}
#container .block-home #square-contact{
float:left;
width: 283px;
}
#container .block-home #square-contact{
text-align: justify;
}
#container .block-home #square-contact p{
font-size: 1.1em;
margin-bottom: 10px;
}
#container .block-home #square-contact p strong{
font-weight: bold;
font-size: 1.5em;
}
#container .block-home #square-contact a {
margin-right: 0
}
#container .block-home #square-contact a.contact {
display:block;
background: #DB4229;
text-align:center;
color: #fff;
width: 283px;
font-size: 1.4em;
margin-bottom: 45px;
padding: 12px 0; 
border-radius: 4px;
}
#container .block-home #square-contact a.contact:hover {
background: #D03000;
}

.content #container h1{
font-size: 3em;
text-shadow: 3px 4px 6px #fff;
margin-bottom: 10px;
border-bottom: 1px solid #aaa;
}
.content #container h2{
font-size: 1.6em;

}
.content #container {
font-size: 1.2em;
}
.content #container p{
margin-bottom: 7px;
font-size: 1em;
line-height: 18px
}
#contact-infos {
float:left;
width: 300px;
}
#contact-form td{
padding-bottom: 10px;
}
#contact-form td.label{
width: 200px;
padding-right: 10px;
}
#contact-form input,
#contact-form textarea{
border: 1px solid #aaa;
padding: 3px;
}
#contact-form input.fbsubmit {
padding: 3px 10px;
font-weight: bold;
border: 1px solid #444;
cursor: pointer;
}
#contact-form input.fbsubmit:hover{
border: 1px solid #999;
color: #333;
}
#contact-map {
clear: both;
margin-top: 40px;
border: 1px solid #aaa;
width: 960px;
}
#footer{
background: url(/images/bg-header.png);
height: 90px;
border-top: 4px solid #646464;
color: #efefef;
}
#footer ul {
margin-top: 9px;
margin-bottom: 5px;
}
#footer ul li{
float:left;
padding: 0;
margin: 0;
}
#footer ul li a{
display: block;
padding: 0;
margin: 0;
line-height: 40px;
height: 40px;
background: url(/images/footer-separator.png) no-repeat left center;
padding-left: 15px;
margin-left: 10px;
color: #eee;
}
#footer ul li a:hover{
color: #ddd;
text-decoration: underline;
}
#footer ul li.first a{
padding: 0;
margin: 0;
background: none;
}
#footer p{
clear: both;
font-size: .9em;
}
.clearer { clear: both; }
.inline {
	display: inline;
}
hr {
clear: both;
border: 0;
}
.hide {
	display: none;
}
#realisations {
margin-top: 30px;
}
#realisations h2 {
clear: both;
float:left;
width: 260px;

}
#realisations .NeoGallery {
float:left;
width: 700px;
}


#services-word {
float:right;
width: 700px;
margin-top: 30px;
}
#services-word p,
#services .content p{
margin-bottom: 7px !important;
}
#services {
padding-top: 15px;
margin-top: 15px;
border-top: 1px solid #ccc;
}
#services h2{
float:left;
clear:both;
width: 200px;
margin-bottom: 20px;
}
#services .content{
float:right;
width: 700px;
margin-top: 6px;
}

.error_message {
text-align:right;
margin-bottom: 5px;
font-weight: bold;
font-style: italic;
}

/* End of 'screen' */


/* End of 'screen' */


/* End of 'screen' */


/* End of 'screen' */


/* End of 'screen' */