/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	height:100%;
	background-color:#f5f5f5;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

@font-face {
    font-family: 'BreviaLight';
    src: url('brevia_light-webfont.eot');
    src: url('brevia_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('brevia_light-webfont.woff') format('woff'),
         url('brevia_light-webfont.ttf') format('truetype'),
         url('brevia_light-webfont.svg#BreviaLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BreviaLightItalic';
    src: url('brevia_light_italic-webfont.eot');
    src: url('brevia_light_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('brevia_light_italic-webfont.woff') format('woff'),
         url('brevia_light_italic-webfont.ttf') format('truetype'),
         url('brevia_light_italic-webfont.svg#BreviaLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'VerlagLight';
    src: url('verlag-light-webfont.eot');
    src: url('verlag-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('verlag-light-webfont.woff') format('woff'),
         url('verlag-light-webfont.ttf') format('truetype'),
         url('verlag-light-webfont.svg#VerlagLight') format('svg');
    font-weight: normal;
    font-style: normal;

}



a:link { 
text-decoration: none;
color: #4E5053;
}
a:active { text-decoration: none; }
a:visited { 
text-decoration: none; 
color: #4E5053;
}
a:hover { background-color:#FCDD00; }

a img { border: none; }



#logo {
	position: fixed;
	bottom:3px;
	left:42px;
	z-index:501;
	height:125px;
	border-top:0px solid #FFF;
}
#menu {
    width: 100%;
    bottom: 0px;
	margin left: 10px;
    position: fixed;
	bottom: 0px;
	left:0px;
    height: 130px;
	background-color: #111111;
	z-index:500;
	padding:0px;
	overflow:hidden;
	border-top: 0px solid #111111;
	border-left: 25px solid #111111;
	padding-bottom: 25px;

}

#menu ul {
	list-style: none;
	margin: 0 -10px 12px 0;
}

#menu ul li .section-title { 
font-size:20px;
font-family:'BreviaLightItalic';
color:#c2c2c2;
}
#content {
    height: 100%;
    margin: 1% 0 0 0;
    top: 0;
}

.container {
padding: 0px 0px 25px 0px;
left: -50px;
height:100%;
}

#content p { 
width: 400px; 
margin-bottom: 9px; 
font-family:'BreviaLightItalic';
font-size:60px;
margin-left:55%;
}
#content h6 { 
width: 400px; 
margin-bottom: 9px; 
font-family:'BreviaLightItalic';
font-size:60px;
margin-left:62%;
}
#content h7 { 
width: 200px; 
margin-bottom: 9px; 
font-family:helvetica,arial;
line-height:17px;
font-size:12px;
position:fixed;
margin-top:192px;
margin-left:410px;
left:50%;
font-transform:capitalize;
}

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: auto; padding: 0; width:800px; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

#background {
width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
.bg {
left:0;
position:absolute;
top:0;
width:100%;
}
#menu .container {
	height:100px;
	paddind:10px;
}
#menu .container ul {
	float: left;
}

li{
	width:250px;
}

.section-title {
	margin-bottom: 0px;
	background-repeat:no-repeat;
	height:33px;
	color:#c2c2c2;
	font-size: 20px;
	font-family:'BreviaLightItalic';
	margin-top:22px;
}

.pics div {
	height: 70%;
}

#menu .container p {
	opacity:  0;
	filter : alpha(opacity=0);  /*Pour IE*/
	-moz-opacity:0.0;
}

#content .container h6 {
	font-family:'BreviaLightItalic';
	font-weight: normal;
	font-size: 60px;
	position:fixed;
	left: 50%;
	top: 76px;
	margin-left:360px;
	width:800px;
}
#content .container h6 span {
	background: #FFF;
	line-height:60px;
}
.nav{
	width:200px;
	font-variant:small-caps;
	font-weight: normal;
	font-size:10px;
	position:absolute;
	left:30px;
	top:48px;
	background-repeat:no-repeat;
	height:20px;
	background-position:0px 18px;
}

#content .container h5{
	font-size: 10px;
	font-variant:small-caps;
	font-weight: inherit;
	left:30px;
	position:absolute;
	top:31px;
	background-color: #FCDD00;
}
#mail{
	position: fixed;
	bottom:0px;
	left:0px;
	z-index:5000;
}

#sign {
position:fixed;
bottom:0px;
z-index:4999;
right:12px;
font-size:9px;
}
	
#logo a:link{
	background:none;
}
#cache {
  bottom:107px;
  position:fixed;
  z-index:501;
}
#fond {
  background-image:url(http://www.vincentrio.fr/ndxz-studio/site/sample/hein.png);
  width:575px;
  height:544px;
  position:fixed;
  margin-left:31%;
}
#contact {
  bottom:69px;
  color:#4E5053;
  font-family:BreviaLightItalic;
  font-size:14px;
  margin-right:10px;
  margin-top:6px;
  position:fixed;
  right:30px;
  text-align:right;
  z-index:800;
  line-height:21px;
}

#video{
	text-align:center;
}