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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

body {  
  background-color: white;  
  background-image: url("images/presse.jpg");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: top center;
  margin: 0;
}  
  
#bloc_page {  
  margin-right: auto;  
  margin-left: auto;  
  width: 900px;
  position: relative;
}
p {  
  font-family: OpenSansSemibold;
  font-size: small;  
  margin-top: 1px;
  margin-bottom: 1px;
  margin: 0px;
  padding: 5px;
 }

h2 {  
  font-family: OpenSansSemibold;  
  font-size: medium;  
  color: #af7c34;
  margin: 10px;
  padding: 0px;
  }

h3 {  
  font-family: OpenSansRegular;  
  font-size: small;  
  color: #af3d33;
  margin: 0px;
  padding: 5px;
   }

h4 {  
  font-family: OpenSansLight;
  font-size: small; 
  font-weight: normal;
  margin-top: 1px;
  margin-bottom: 1px;
  margin: 0px;
  padding: 5px;
 }
em {  
  font-style: normal;  
  font-size: small;  
  font-family: OpenSansSemiboldItalic
}
[data-tip] { 
    position: relative;
    cursor: pointer;    
}
[data-tip]:hover:after {
    content: attr(data-tip);
    position: fixed;
    top:170px; left: 20px; width:450px;
    white-space: wrap;
    padding: 5px 10px;
    background: white;
    color: black;
}
strong {  
  font-style: x-small;  
  font-family: OpenSansLight;  
  color: #4f6175;
  background-color: white;
}

mark {
font-style: small;  
  font-family: OpenSansSemibold;  
  color: #af7c34;
  background-color: white;
}

.section h1 {  
  text-align: right;
}

p {  
  text-align: right;
  text-shadow: 1px 1px white;
 }

h2 {  
  text-align: left;
}

h3 {  
  text-align: right;
}
h4 {
  text-align: left;
  font-style: normal; 
}
 a { 
  text-decoration: none; 
  color: #af7c34;
  border: none; 
}
a img {
  border: none;
}
nav a {  
  text-decoration: none;  
  color: black;  
  font-family: OpenSansSemibold;  
  font-size: small;
  padding: 5px;
}

nav ul {  
  list-style-type: none;
  text-align: right;
}

header {  
  width: 900px;  
  height: 150px;  
  position: absolute;  
  top: 0px;  
  left: 0px;
}

nav {  
  display: inline-block;  
  vertical-align: bottom;  
  width: 150px;  
  height: 750px;  
  position: absolute;  
  left: 0px;  
  top: 700px;
  padding-top: 50px;
}
aside {  
  display: inline-block;  
  width: 150px;  
  height: 600px;  
  vertical-align: top;  
  position: absolute;  
  top: 150px;  
  left: 750px;
  padding-top: 340px;
}
aside a {  
  text-decoration: none;  
  color: black;  
  font-family: OpenSansSemibold;  
  font-size: small;
  padding: 5px;
}
aside ul {  
  list-style-type: none;
  text-align: left;
}
section {  
  display: inline-block;  
  width: 600px;  
  height: 650px;  
  overflow: auto;  
  vertical-align: center;  
  position: absolute;  
  top: 125px;  
  left: 160px;
  }

footer {
  vertical-align: bottom;  
  width: 750px;  
  height: 150px;  
  position: absolute;  
  top: 750px;  
  left: 150px;
 
}