#body  {
background-color:#1A1A1A;
font-family: Source Sans Pro, sans-serif;
font-weight: 300, normal; 
font-size: 14px;
color: #000000;
}

#global {
margin-top:25px;
margin-left:auto;
margin-right:auto;
width:700px;
background-color:#FFFFFF;
}

#travaux {
margin-top:25px;
margin-left:auto;
margin-right:auto;
width:700px;
background-color:#FFFFFF;
}

#portfolio {
margin-top:25px;
width:700px;
margin-left:auto;
margin-right:auto;
background-color:#333333;
}

#tarifs {
margin-left:10px;
margin-top:5px;
padding-bottom:5px;
background-color:#F6F6F6;
}

#diaporama {
position:relative;
padding-top:80px;
margin-left:auto;
margin-right:auto;
padding-bottom:80px;
z-index:1;
}

#header {
width:520px;
position:relative;
padding-top:69px;
padding-left:80px;
}

#readerviewer {
position:relative;
margin-left:auto;
margin-right:auto;
width:600px;
background-color:#FFFFFF;
min-height:550px;
z-index:1;
}

#branding {
position:relative;
margin-left:auto;
margin-right:auto;
width:700px;
background-color:#FFFFFF;
z-index:1;
}

#brandlegend {
position:absolute;
margin-top:60px;
margin-left:425px;
margin-right:20px;
width:280px;
}

#parasitelegend {
position:absolute;
margin-top:60px;
margin-left:405px;
margin-right:50px;
width:280px;
}

#brandviewer {
position:relative;
width:440px;
background-color:none;
z-index:1;
}

#brandreader {
width:370px;
padding-top:115px;
padding-left:120px;
padding-bottom:50px;
}

#navig {
position:absolute;
margin-top:15px;
margin-left:80px;
margin-right:80px;
width:665px;
text-align:right;
letter-spacing:10px;
z-index:2;
}

#zappe {
position:absolute;
margin-top:25px;
margin-left:30px;
margin-right:30px;
width:720px;
text-align:right;
letter-spacing:10px;
z-index:2;
}

#brandzap {
position:absolute;
margin-top:15px;
margin-left:80px;
margin-right:80px;
width:640px;
text-align:right;
letter-spacing:10px;
z-index:2;
}

#graphic {
position:float;
margin-left:30px;
margin-right:10px;
width:640px;
background-color:#FFFFFF;
z-index:1;
}

#graphilegend {
position:absolute;
margin-left:570px;
margin-right:70px;
width:230px;
display: inline;
}

#grafilegend {
float:right;
margin-top:15px;
width:250px;
display: inline;
}

#grafiviewer {
float:left;
width:360px;	
margin-top:20px;
margin-bottom:20px;	
background-color:none;
z-index:1;
}

#graphiviewer {
position:relative;
width:320px;
background-color:none;
z-index:1;
}

#viewer {
width:190px;
padding-top:25px;
padding-left:90px;
padding-right:340px;
padding-bottom:50px;
}

#reader {
width:190px;
padding-top:115px;
padding-left:90px;
padding-bottom:50px;
}

noms {
font-family: Source Sans Pro, sans-serif;
font-weight: 300; 
font-size: 14px;
text-align:left;
padding-left: 10px;
letter-spacing:15px;
color: #000000;
text-decoration: none;
line-Height: 125px;
 }

#main {
width:780px;
position:relative;
}

#section {
float:left;
width:360px;
padding-top:45px;
padding-left:30px;
padding-bottom:100px;
min-height:987px;
}

#menu {
float:right;
width:210px;
padding-right:90px;
}

#legende {
position:absolute;
margin-top:60px;
margin-left:520px;
margin-right:70px;
width:210px;
}

#repete {
position:absolute;
margin-left:260px;
margin-right:150px;
width:210px;
}

#rien {
width:780px;
text-align:center;
clear:both;
}


#footer {
margin-left:auto;
margin-right:auto;
width:760px;
text-align:center;
clear:both;
color: #AAAAAA;
font-family: Source Sans Pro, sans-serif;
font-weight: 300; 
font-size: 12px;
line-Height: 50px;

}

h1 {
font-family: Source Sans Pro, sans-serif;
font-size: 30px;
font-weight: 400;
text-align: left;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:7px
 }
h2 {
font-family: Times New Roman, Times, serif;
font-weight: normal;
font-style: italic; 
font-size: 21px;
text-align: left;
margin-top:30px;
margin-left:0px;
margin-right:0px;
margin-bottom:7px
 }
h3 {
font-family: Source Sans Pro, sans-serif;
font-size: 14px;
font-weight: 400;
color: #000000;
text-decoration: none;
border-bottom : 1px solid #AAAAAA; 
padding-top: 10px;
padding-left: 10px;
 }
h4 {
font-family: Source Sans Pro, sans-serif;
font-size: 21px;
font-weight: 400;
margin-top:0px;
margin-left:0px;
margin-right:0px;
 }

p,ul,li,td {
color: #000000;
font-family: Source Sans Pro, sans-serif;
font-weight: 300; 
font-size: 21px;
text-align:justify;
padding-left: 0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:7px 
 }
a:link {
 color: #4D4D4D;
 text-decoration: none;
 }
a:visited {
 color: #4D4D4D;
 text-decoration: none;
 }
a:hover {
 color: #000000;
 text-decoration: none;
 }
strong {
 font-weight: 400;
 color: #000000;
 text-decoration: none;
 }
 
logo {
font-family: Source Sans Pro, sans-serif;
font-weight: 300; 
font-size: 14px;
text-align:left;
padding-left: 10px;
letter-spacing:15px;
color: #000000;
text-decoration: none;
line-Height: 50px;
 }
 
client {
font-family: Source Sans Pro, sans-serif;
font-weight: 300; 
font-size: 14px;
text-align:left;
padding-left: 10px;
letter-spacing:15px;
color: #000000;
text-decoration: none;
line-Height: 40px;
 }
 
italic {
 font-weight: 300; 
 font-style: italic; 
 color: #000000;
 text-decoration: none;
 }
 
menulien {
	font-family: Source Sans Pro, sans-serif;
	font-weight:400;
	color: #000000;
	font-size: 14px;
	line-Height: 20px;
}

a.lemenu:link {
 color: #000000;
 text-decoration: none;
 }
a.lemenu:hover {
 color: #AAAAAA;
 text-decoration: none;
 }

menuancre {
	padding-left:5px;
	font-family: Times New Roman, Times, serif;
	font-weight:normal;
	font-style:italic;
	color: #000000;
	font-size: 12px;
	line-Height: 20px;
}

illu {
font-family: Times New Roman, Times, serif;
font-weight: normal;
font-style: italic; 
font-size: 21px;
text-align: left;
padding-left: 10px;
margin-top:30px;
margin-left:0px;
margin-right:0px;
margin-bottom:7px
 }