/* --- STYLES DE BASE --- */

/* Page */
html { font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ }
body { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.4; color: #525252;	background: #222; }

/* Titres */
h1,h2,h3,h4,h5,h6 { margin: 0; line-height: 1.2; font-weight: normal; font-style: normal; font-family: helvetica, arial,sans-serif;}
h1 { font-size: 25px; padding-top: 20px; margin-bottom: 30px; text-transform: uppercase; color: #7C7A7C; text-shadow: 2px 2px 0 #FFF;}
h2 { display: block; width: 340px; margin-top: 10px; padding: 0; float: right; margin-right: 20px; text-transform: uppercase; font-size: 20px; font-style: italic; color: #999; text-shadow: 1px 1px 0 #FFF; font-weight: normal; line-height:27px; margin-bottom: 5px;}


/* Listes */
ul, ol { margin: 0; padding: 0;	padding-left: 40px; }

/* Tableaux */
table { margin-top: 10px; width: 650px;}
table thead tr td { background-color: #786855;} 
table tr td {background-color: #FFF; padding: 5px; border: solid 1px #EEE;}

/* Paragraphes */
p {	margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ }

/* Liens */
a { text-decoration: none; color: #777; }
a:hover, a:focus, a:active { color: #33261D; text-decoration: underline;}
#presentation a img { border: none; margin-left: -25px; margin-top: 20px; display: block; float: left; z-index:1;}

/* Divers éléments de type en-ligne (8) */
em { font-style: italic; }
strong { font-weight: bold; }
hr { border: 0 #E41959 solid; border-top-width: 1px; height: 0; width: 20px; margin: 0; margin-right:auto; }


/*--- Gabarit ---*/
#header, #content { width: 1000px; margin: 0 auto; border-left: solid 1px #786855; border-right: solid 1px #786855; }

/* Header */
#header { background:url("../../img/header.jpg") no-repeat;; margin: 0 auto; padding-top: 10px; height: 135px; overflow: hidden; position: relative; background-color: #FFF; border-bottom: solid 5px #DDD; }
#header h1 { background: transparent url("../../img/logo.png") no-repeat; text-indent: -999em; margin-top: 25px; margin-left: 15px; width: 250px; height: 85px; }

/* Content Page */
#page_content {	width: 1000px; background-color: #EEE; padding: 20px 0; }
#content article { padding: 0 40px 30px 40px; margin: 0; }
#content article p{ width: 80%; }

/* Footer */
footer { width:880px; position: relative; margin: 0 auto; background-color: #CCC; font-size: 12px; height: 70px; padding: 30px; border: solid 1px #FFF; }
footer div { height: 50px; }
footer #contact {  color: #777; width: 500px; float: left; font-size: 14px; }
footer #contact dl, footer #contact dl dd { padding: 0; margin: 0; }
footer #contact dl dt { color: #555; font-weight: bold; margin-bottom: 10px;  }
footer #copyright { float: right; color: #777; width: 300px; text-align: right; bottom: 0px;}
footer #copyright a { color: #777; } 

/* Articles */
#accroches { margin-top: 90px; z-index:-1; } 
#clear { clear: both; }
#pdf { margin-bottom: 50px; padding-left: 50px; margin-top: 20px; }