/* Eléments principaux de la page */
body
{
background:beige url('images/paper_3.jpg');
font-family: "Book Antiqua",sans-serif;
margin-top: 10px;
}

#bloc_page
{
background:beige url('images/bg1.jpg');
width : 1200px;
margin: auto;
padding:0px 0px 5px 0px;
border-radius:15px;
*border: 1px solid #006278;
box-shadow: 0px 2px 5px #1c1a19;

}

section h1, footer h1, nav a
{
font-family:"Book Antiqua",sans-serif;
font-weight: normal;
text-transform : uppercase;
}

.footer
{
height:500px;
padding:20px;
margin-top:20px;
color: silver;

}
.session 
{
width : 1350px;
position:relative;
left:5px;
}

/* Header */
header
{
height:100px;
border:0px solid silver;
margin: auto;
box-shadow: 0px 4px 4px #1c1a19;
background: beige url(images/bg1.jpg) repeat-x ;
border-radius:10px 10px 0px 0px;
}
#titre_principal
{
display: inline-block;
}
header h1
{
font-family: "Book Antiqua",sans-serif;
font-size: 2.5em;
font-weight: normal;
}
#logo, header h1
{
display: inline-block;
margin-bottom : 0px;
margin-left: 10px;
}
header h2
{
font-family: "Book Antiqua",sans-serif;
font-size: 1.1em;
margin-left: 60px;
font-weight: normal;
}



/* Bannière */
#banniere_image
{
margin-top: 15px;
height: 340px;
border-radius: 5px;
position: relative;
box-shadow: 0px 4px 4px #1c1a19;
margin-bottom : 25px;
background-color: beige;
border:1px solid transparente;
}

/* Navigation */

.block /* Ensemble du menu */
{
height:70px;
padding-top:10px;
padding-bottom:5px;
padding-left:130px;
margin-top:0px;
margin-bottom:20px;
*border:1px solid silver;
box-shadow: 0px 5px 2px 8px #8b0000;
border-radius: 5px;
background: beige url('images/paper_3.jpg');
}

.button
{
    width:auto;
	height:auto;
	padding:5px 5px;
	margin:10px;
	vertical-align:middle;
	border:1px solid #aaaaaa;
	font-weight:bold;
	background:url('images/button.png') repeat-x;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
    text-decoration:none;   
    color: red;	
	font-size : 12px;
	
}

nav /* Ensemble du menu */
{
font-weight : bold; /* on met le texte en gras */
font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
*font-size : 20px; /* hauteur du texte : 12 pixels */
padding : 0px; /* pas de marge intérieure */
margin : 0px; /* ni extérieure */
list-style : none; /* on supprime le style par défaut de la liste */
line-height : 40px; /* on définit une hauteur pour chaque élément */
text-align : center; /* on centre le texte qui se trouve dans la liste */
position: relative;
z-index: 1;
box-shadow: 0px 10px 4px #1c1a19;
font-size:0.9em;
background:;
}

nav ul  /* Liste */     
{
padding : 0px; /* pas de marge intérieure */
margin : 0px; /* ni extérieure */
list-style : none; /* on supprime le style par défaut de la liste */
*line-height : 40px; /* on définit une hauteur pour chaque élément */
text-align : center; /* on centre le texte qui se trouve dans la liste */
border:1px solid transparent;
width:160px;
}

nav li /* Elements des listes */     
{
float : left; /* pour IE qui ne reconnaît pas "transparent" */
border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

nav a /* Contenu des listes */
{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
padding : 0; /* aucune marge intérieure */
background : #8b0000; /* couleur de fond de rubrique */
color : #fff; /* couleur du texte */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
width : 150px; /* largeur */
border-radius:5px;
border-bottom:5px solid #bc9d62;
font-size:1em;
}


/* IE ne reconnaissant pas le sélecteur ">" */
html>body nav li
{
border-right: 10px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

nav li ul /* Sous-listes */
{
position: absolute; /* Position absolue */
width: 144px; /* Largeur des sous-listes */
left: -999em; /* Hop, on envoie loin du champ de vision */
font-size:1em;
font-weight:bold;
}

nav li ul li /* Éléments de sous-listes */
{ 
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body nav li ul li               
{
border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

nav li ul ul
{
margin:-22px 0 0 144px ; /* On décale les sous-souslistes pour qu'elles ne soient pas au dessus des sous-listes */
                               /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
border-left:1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body nav li ul ul               
{
border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

nav a:hover /* Lorsque la souris selectionne un des liens */    
{
color: #760001; /* On passe le texte en marron #760001... */
background: #fff; /* ... et au contraire, le fond en blanc */
border-bottom : 10px solid #760001;
width:160px;  
}

nav li:hover ul ul, nav li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

nav li:hover ul, nav li li:hover ul, nav li.sfhover ul, nav li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug sous IE */
}





/* Corps */
section
{
width:97%;
background:white;
margin: auto;
margin-bottom: 10px;
padding: 10px;
*box-shadow: 0px 2px 5px #1c1a19;
border-radius: 5px;
word-wrap:break-word;

}
article, aside
{
display: inline-block;
vertical-align: top;
text-align: justify;
word-wrap:break-word;
}
article
{
*background:white;
width: 78%;
position:relative;
left:20px;
right:0px;
margin:0px;
padding-top:10px;
*box-shadow: 0px 2px 5px #1c1a19;
border-radius: 5px;
font-size: 0.9em;
word-wrap:break-word;
text-align:justify;
}
aside
{
background-color:;
width: 20%;
height : 1000px ;
position:relative;
left:;
right:;
margin: ;
padding: ;
border-radius: 5px;
font-size: 0.9em;
word-wrap:break-word;
}
aside p
{
margin-top: 5px;
background-color: burlywood;
font-size: 1em;
word-wrap:break-word;
text-align: justify;
border-radius: 5px;
border:5px solid black;
box-shadow: 0px 4px 4px #1c1a19;
}

.pagination
{
    width:auto;
	height:auto;
	padding:5px 15px;
	vertical-align:middle;
	border:1px solid #aaaaaa;
	font-weight:bold;
	background:url('images/button.png') repeat;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	*font-size:0.8em;
	color:red;
        
}


/* Footer */
footer
{
font-size: 1em;
background:beige url('images/bg1.jpg');
padding: 10px;
margin: 10px;
border:1px solid #cccccc;
box-shadow: 0px 2px 0px #1c1a19;
border-radius: 5px;
word-wrap:break-word;
color:black;
}