/* -----------------------------------------------------------------------------
	 IMPORT TYPOGRAPHIE GENERALE
----------------------------------------------------------------------------- */

/* @import url(typo.css); */

/* @import url(colonnes.css); */

* { margin: 0 auto;
    padding: 0; }
    
.clearblock { clear: both; }

.clearline {
    clear: both;
    height: 1%;
    overflow: hidden;
    font-size: 1%;
    line-height: 1%;
    margin: 0; padding: 0; }

sup { font-size: 0.8em; vertical-align: top; }

/* -----------------------------------------------------------------------------
   MISE EN PAGE CENTREE
----------------------------------------------------------------------------- */

html, body { height: 100%; width: 100%; }

body {
    width: 100%;
    text-align: center;
    background-color: #fff;
    background-image: url(imgs/body-bg.jpg);
    background-repeat: repeat-x;
    background-position: top center;
    font: normal normal normal 10pt Arial, sans-serif;
    color: #444; }

#wrapper {
    text-align: left;
    width: 970px; }


/* -----------------------------------------------------------------------------
   HEADER
----------------------------------------------------------------------------- */

#header { width: 970px; height: 260px; overflow: hidden; }

#header * {
    border: 0 none;
    text-decoration: none; }

/* -----------------------------------------------------------------------------
   PARTIE PRINCIPALE
----------------------------------------------------------------------------- */

#main {
    background-image: url(imgs/main-bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 558px;
    padding: 24px 39px 24px 39px; }


/* -----------------------------------------------------------------------------
   COLONNE DE GAUCHE
----------------------------------------------------------------------------- */

#colg {
    padding: 0 17px 0 17px;
    width: 142px;
    float: left; }

#innerg { padding-top: 20pt; }

/* -----------------------------------------------------------------------------
   COLONNE DE DROITE (SI PRÉSENTE)
----------------------------------------------------------------------------- */

#cold {
    padding: 0 17px 0 17px;
    width: 142px;
    float: left; /*
    background-image: url(imgs/cold-bg.gif);
    background-repeat: repeat-y;
    background-position: top left; */ }

#innerd { padding-top: 20pt; }

/* -----------------------------------------------------------------------------
   PARTIE CENTRALE
----------------------------------------------------------------------------- */

#centre {
    padding: 0 39px 0 19px;
    min-height: 450px;
    float: left; }

.centre2c { width: 688px; } /* modèle 2 colonnes */

.centre3c { width: 482px; } /*  modèle 3 colonnes */

#innerc { }


/* -----------------------------------------------------------------------------
   FOOTER
----------------------------------------------------------------------------- */

#footer {
    clear: both;
    text-align: center;
    padding: 46px 12px 12px 12px; }

#innerf {
    border-top: 1px solid #ddd;
    font: normal normal normal 8pt/12pt Arial, sans serif;
    padding-top: 12px;
    width: 720px;
    color: #888; }

#innerf a {
    color: #888;
    text-decoration: underline; }

#innerf a.realisation { font-variant:small-caps; }