@charset "utf-8";

/* ---__ HomePage __--- */

/* Général */
* {padding:0;margin:0;border:0;}
html {padding: 20px; background-color: #4D4D4D; text-align: center;}
h1 {padding: 0 0 0 0; font: italic normal bold 32px georgia, serif; letter-spacing: 1px; color: #FED500;}
h2 {padding: 0 0 15px 0; font: italic normal normal 10px verdana, sans-serif; text-transform: uppercase; color: #ffffff;}

/* Dispositions blocs */
#home #index {width: 400px; height: 400px; margin: 10px auto 15px auto;}
#home #index #hg, #home #index #hd, #home #index #bg, #home #index #bd {width: 200px; height: 200px; float: left;}

/* Textes */
#home #index #hd {text-align: left;}
#home #index #bg {text-align: right;}
#home #index #hd h3, #home #index #bg h3 {padding: 20px 20px 15px 20px; font: italic normal bold 32px georgia, serif;}
#home #index #hd p, #home #index #bg p {padding: 0 20px 5px 20px; font: normal normal normal 9px verdana, sans-serif;}
#home #index #hd p.link, #home #index #bg p.link {padding: 0 20px 5px 20px; font: normal normal bold 9px verdana, sans-serif;}
#home #index #hd p a:hover, #home #index #bg p a:hover {text-decoration: none;}
#home #index #hd h3 a, #home #index #bg h3 a {text-decoration: none;}

/* Couleurs */
#home #index #hg, #home #index #hd {background-color: #d5e9d7;}
#home #index #bg, #home #index #bd {background-color: #675949;}
#home #index #hd p, #home #index #hd h3 a {color: #675949;}
#home #index #bg p, #home #index #bg h3 a {color: #d5e9d7;}
#home #index #hd p a {color: #635c5e;}
#home #index #bg p a {color: #84b0b9;}

/* Images */
#home #index #hg {background: transparent url("./background_hg.jpg") top left no-repeat;}
#home #index #bd {background: transparent url("./background_bd.jpg") top left no-repeat;}

/* Google */
div#google fieldset {width: 360px; border: solid 1px #ffffff; margin: 10px auto 15px auto; padding: 20px; text-align: left; color: #ffffff;}
div#google p, div#google li, div#google h4 {font: normal normal normal 9px verdana, sans-serif; color: #ffffff;}
div#google h4 {font-weight: bold; margin: 15px 0 5px 0;}
div#google li {padding: 6px 0 0 0; list-style: none outside;}
div#google label {margin: 0 0 5px 0;}

/* ------------------------------ */

/* ---__ Maintenance __--- */
#maintenance #index {width: 400px; margin: 10px auto 15px auto; background-color: #675949; color: #d5e9d7; text-align: left; border: 3px solid #84b0b9;}
#maintenance #index h3 {padding: 20px 20px 15px 20px; font: italic normal bold 32px georgia, serif;}
#maintenance #index p {padding: 0 20px 5px 20px; font: normal normal normal 9px verdana, sans-serif;}
#maintenance #index p.link {padding: 0 20px 20px 20px; font: normal normal bold 9px verdana, sans-serif;}
#maintenance #index a {color: #84b0b9;}
#maintenance #index a:hover {text-decoration: none;}