body{
color:#ffffff;
margin:auto; 
text-align:center;
padding:0;
color: #FFFFFF;
font: 12px 'PT Sans Narrow',sans-serif;
text-shadow: 0 2px 0 #000000;
text-transform: uppercase;
top:0;
left:0;
position:absolute;
height:100%;
width:100%;
margin:0;
}
.scrollable {
background: rgba(0, 0, 0, 0.7);
height:100%;
bottom:0px;
padding:10px 15px;
outline:none;
overflow-y:scroll;
	}
a {
color:#fff;
text-transform:uppercase;
text-decoration:none;
}

a.contact {
text-transform:lowercase;
}

a.contact:hover {
color:#7ae769;
}

a.realisations {
color:#fff;
text-transform:uppercase;
text-decoration:none;
}

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

a.accueil:hover {
color:#7ae769;
text-decoration:none;
}

a.accueil  {
padding:0 5px 0 5px;
}

#navigation {
background: rgba(0, 0, 0, 0.7);
bottom:0px;
right:305px;
position:absolute;
padding:0 20px 20px 0;
width:100%;
font-size:13px;
padding-top:2px;
}

#container {
top:10px;
right:0;
position:fixed;
padding:0 20px 20px 0;
width:830px;
}

#content {
width:305px;
height: 100%;
margin: 0;
padding: 0;
position: absolute;
float:right;
right: 0;
text-align: left;
top: 0;
}

#content .scrollable {
background: rgba(0, 0, 0, 0.7);
height:100%;
bottom;0px;
padding:10px 15px;
outline:none;
overflow-y:scroll;
	}
	
#content p {
font-family: 'PT Sans Narrow', sans-serif;
font-size:14px;
line-height:1.6;
text-transform:none;
text-shadow: 2px 2px 2px #000;
	}


span.office {
color:#fba202;
}

h1 {
color:#fb6b02;
text-align: center;
font-size:32px;
text-transform: lowercase;
}
h2 {
color:#fdcd73;
text-align: center;
font-size:32px;
text-transform: lowercase;
line-height: 1em;
}

	h3 {
color:#7891be;
text-align: center;
font-size:20px;
text-transform: lowercase;
line-height: 1em;
}

p.moto {
margin-top:-10px;
line-height:0.3em;
}
p.centeredlien { 
font-weight: bold;
text-align:center;
margin:0px auto;}

.banner { position: relative; overflow: auto; margin-top:-20px;}
.banner li {  
list-style-type: none;
margin 0px auto;
text-align:center;}

.banner ul li { float: left; }

img.snapshots {
border:1px solid #dec662;
height:180px;
display:block;
-moz-opacity: 0.4;
opacity:.40;
filter: alpha(opacity=40);
}
	
img.snapshots:hover {
border:1px solid #dec662;
height:180px;
display:block;
-moz-opacity: 0.9;
opacity:.90;
filter: alpha(opacity=90);
}
	
span.light {
color:#bc8b30
}

span.lightupper {
color:#deb262;
text-transform: uppercase;
}
	
.footer {
height:24px; 
width: 100%; 
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
position: fixed;
bottom: 0pt;
left: 0pt;
}