@charset "utf-8";
/* ---------------------
Css. : Geoxia - Maison Phénix
Ver. : 1.0
Date : 15/09/2008
Auth : Churchill
------------------------ */

/* Style reset */
html, body, form, fieldset {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin: 1em 0; padding: 0;}
li, dd, blockquote {margin-left: 1em;}
/* useful */
body{font: 100% Verdana, Arial, Helvetica, sans-serif;}
fieldset,img {border: none;}
input, select, textarea {font-size: 100%; font-family: inherit;}
.docLeft{display:inline; float:left; margin:0 13px 8px 0;}
.docRight{display:inline; float:right; margin:0 0 8px 13px;}

/* ---------------------------------------------------------------------------------------------------- */
/* CENTERING */
body{text-align:center;}
#page{margin:0 auto; text-align:left;}
/* ---------------------------------------------------------------------------------------------------- */

/* --- Structure ---*/
#page{width:48.75em;}
#header{background:url(../img/header-bg.gif) no-repeat 112px 0;height:1%; position:relative; overflow:hidden;}
#left{display:inline; float:left; width:9.6em;}
#content{display:inline; float:left; width:39.1em;}
#footer{border-top:2px solid #dce0e0; background:url(../img/footer-top-bg.gif) no-repeat 50% 0%; clear:both; color:#666666; font-size:57%; padding-top:30px; overflow:hidden;}

/* --- Header --- */
#header h1{background:url(../img/titre-site.gif) no-repeat top left; color:#00568a; display:inline; float:left; margin:0; font-size:77%; font-weight:bold; height:34px; margin:79px 0 0 0; overflow: hidden; text-indent: -100em; text-transform:uppercase; width:54.2em;}
#header p{margin:0;}
#header .logo{float:left;}
#flash{position:absolute;top:0;right:0}

/* --- Menu --- */
.menu{font-size:71%;list-style-type:none; margin:0;}
.menu li{font-size:100%;  height:1%; margin:22px 5px 22px 23px;}
.menu a{color:#00568a; text-decoration:none;}
.menu a:hover,.menu a:focus,.menu a:active,.selected a{color:#b09057;}

.brochure{border-top:2px solid #d7c7ab; color:#856c40; font-size:57%; margin:1em 17px; padding:0 9px; position:relative;}
.brochure a{color:#856c40; display:block; letter-spacing:0px; margin-right:40px;}
.brochure .size{background:url(../img/icone-pdf.gif) no-repeat left top; display:block; letter-spacing:-1px; padding:10px 0pt 0pt 22px; position:absolute; right:0; top:9px;}
.contact{border:2px solid #d7c7ab; color:#856c40; font-size:71%; margin:1.1em 17px 0; padding:0 9px; text-align:center;}
.contact p{margin:9px 0;}

/* --- Home --- */
.quarter-left{display:inline; float:left; margin:0 3px 3px 0; position:relative; width:310px;}
.quarter-right{display:inline; float:left; margin:0 0 3px 0; position:relative; width:310px;}
.color1{}
.color2{}
.bouton{left:9px; position:absolute; top:166px;}

/* --- Pages --- */
#content.page{padding:22px 0 0 187px; width:27.3em; zoom:1;}
.block{margin-bottom:3px; padding:3px 73px 11px 63px;}
.block p{font-size:57%; color:#00568a;}
h2.imgTitle{display:inline; float:left; margin:0 0 0 -187px;}
h3{margin-bottom:.5em;}
.inner-color1{background:#d9e6ee;}
.inner-color2{background:#ece6dc;}

/* --- footer --- */
#footer .adresse{float:left;width:78%;}
#footer .mentions{display:inline; float:left; margin:8px 0 0 5px;}
#footer .mentions a{color:#666666;}