/*////////////////////////////////////////////////////////////
/////////// RESET BROWSERS DEFAULT MARGIN AND PADDING ///////
//////////////////////////////////////////////////////////*/ 
* {
margin:0;
padding:0;
}
html{
overflow:-moz-scrollbars-vertical;
overflow-y:scroll;
}
html, body, #pagewrapper {
height:100%;
}
body > #pagewrapper {
min-height:100%;
height:auto !important;
height:100%;
width:750px;
padding: 0 10px 0 10px;
margin: 0 0 -50px 0;
background:url(../images/ombre_page.png) center repeat-y;
position:relative;
}
body {
width:750px;
margin:auto;
padding:0;
text-align:center;
background:#000000 url(../images/fond.png) top left repeat;
color:#d2d2d2;
font-size:80%;
font-family:Arial, Verdana, Helvetica, serif;
}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
margin-bottom:1em;
}
dd {
padding-left:1em;
}
/*////////////////////////////////////////////////////////
////////////// MAIN DIV /////////////////////////////////
//////////////////////////////////////////////////////*/
#main {
position:relative;
}
#push {
height:50px;
}
/*////////////////////////////////////////////////////
///////////////// CLEAR FIX /////////////////////////
//////////////////////////////////////////////////*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
/*//////////////////////////////////////////////
///////////////// Hides from IE-Mac ///////////
////////////////////////////////////////////*/
* html .clearfix {
height: 1%;
}
.clearfix {
display:block;
}
/*///////////////////////////////////////////
/////////// End hide from IE-Mac ///////////
/////////////////////////////////////////*/

/*///////////////////////////////////////////////////
/////////////// HEADER /////////////////////////////
/////////////////////////////////////////////////*/
#header {
height:100px;
background:#000000 url(../images/banner.jpg) top right no-repeat;
}
#header img {
position:absolute;
top:0;
left:0;
padding:0;
}
/*////////////////////////////////////////////////
/////////////// NAVIGATION MENU /////////////////
//////////////////////////////////////////////*/
#navigation {
height:2em;
margin:0;
padding-top:1em;
list-style-type:none;
background-color:#000000;
color:#d2d2d2;
font-variant:small-caps;
font-size:120%;
font-weight:bold;
letter-spacing:2px;
border-bottom:1px outset #999999;
clear:both;
}
/*/////////////////////////////////////////////////////////////////
#navigation p {
margin:60px 0 0 500px;
font-weight:bold;
color:white;
font-size:1.1em;
border-bottom:1px dotted #bfbfbf;
}
#navigation p.date {
margin:0;
position:absolute;
top:50px;
right:10px;
font: 1em Verdana, Arial, sans-serif;
color:black;
border:0;
}
////////////////////////////////////////////////////////////////*/
#navigation ul {
text-align:center;
}
#navigation li {
display:inline;
margin-right:2em;
}
#navigation li a {
color:#d2d2d2;
text-decoration:none;
}
#navigation li a:hover {
text-decoration:none;
color:#2a7eb4;
}
.navi_active {
color:#2a7eb4;
}
/*/////////////////////////////////////////////////////
//////////////// CENTER DIV //////////////////////////
///////////////////////////////////////////////////*/
#center {
width:100%;
overflow:hidden;
height:1%;
text-align:left;
font-size:1.1em;
}
/*////////////////////////////////////////////////
/////////// SIDEBAR /////////////////////////////
//////////////////////////////////////////////*/
#sidebar {
float:left;
position:relative;
width:110px;
}
/*///////////////////////////////////////////
/////////////// MILIEU /////////////////////
/////////////////////////////////////////*/
#milieu {
width:10px;
margin-left:110px;
}
/*////////////////////////////////////////
///////// CONTENU ///////////////////////
//////////////////////////////////////*/
#contenu {
float:right;
width:620px;
padding:10px 10px 10px 0;
}
#contenu p {
line-height:1.4em;
text-indent:1.5em;
}
#contenu h1 {
font-size:1.3em;
text-indent:1.5em;
background:url(../images/titre_orange.png) left center no-repeat;
font-variant:small-caps;
letter-spacing:2px;
color:#b96515;
}
#contenu h2 {
font-size:1.2em;
text-indent:1.5em;
font-variant:small-caps;
letter-spacing:2px;
color:#2a7eb4;
}
#contenu h3 {
font-size:1.1em;
text-indent:1.5em;
font-variant:small-caps;
letter-spacing:2px;
color:#d2d2d2;
text-decoration:underline;
}
#contenu a {
text-decoration:underline;
color:#d2d2d2;
}
#contenu a:hover {
text-decoration:none;
color:#2a7eb4;
}
.alignement_fleche {
margin-top:1em;
font-weight:bolder;
float:right;
clear:both;
}
.alignement_g {
float:left;
}
.alignement_d {
float:right;
}
.bord_alignement {
float:right;
border:1px solid #666666;
padding:5px;
margin-left:10px;
}
.bord_alignement_g {
float:left;
border:1px solid #666666;
padding:5px;
margin:0 10px 0 0;
}
#contenu ul {
float:left;
margin-top:2em;
margin-left:5em;
margin-bottom:2em;
list-style-type:none;
}
#contenu ul li {
margin-bottom:4em;
letter-spacing:2px;
}
#contenu ul li img {
float:left;
margin-top:-1em;
margin-right:1em;
}
.liste_block {/* alignement du blockquote */
margin-top:-3em;
margin-left:4.5em;
float:left;
letter-spacing:2px;;
clear:both;
}
/*/////////////////////////////////////////////////
/////////////// FOOTER ///////////////////////////
///////////////////////////////////////////////*/
#footer {
position:relative;
height:49px;
background-color:#485c5a;
border-top:1px outset #484848;
margin:0 -10px 0 10px;
width:750px;
} 
#footer a {
color:#d2d2d2;
text-decoration:none;
}
#footer a:hover {
color:#fe8402;
text-decoration:none;
}
#footer img {
border:0;
text-decoration:none;
vertical-align:middle;
}
#footer p {
padding-top:5px;
}
/*//////////////////////////////////////////////////////////
////////// OMBRAGE DES BORDS D'IMAGES /////////////////////
////////////////////////////////////////////////////////*/
.ombre {
background:url(../images/ombre.png) no-repeat bottom right;
padding-bottom:8px;
padding-right:7px;
margin-left:5px;
margin-bottom:-6px;
margin-top:4px;
margin-right:-4px;
}