/*
 copyright 2008 Bene Facere
 http://www.benefacere.fr/
*/
.pa {
    display: none;
}

/*
 * Copyright Bene Facere 2008-2009
 */

html, body {
    height: 100%;
    width: 100%;
}
/* normaliser les marges */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

/* normaliser les tailles de polices */
h1, h2, h3, h4, h5, h6, p {
    font-size: 100%;
}

/* supprime list-style pour les listes */
ol, ul {
    list-style-type: none;
}

/* normaliser les styles et graisses de fontes */
address, caption, cite, code, dfn, em, strong, th, var, h1, h2, h3, h4, p {
    font-style: normal;
    font-weight: normal;
}

em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
.col21, .col22 {
    float: left;
    margin-left: 0;
    margin-right: 0;
    width: 50%;
}
.col31, .col32, .col33 {
    float: left;
    margin-left: 0;
    margin-right: 0;
    width: 33%;
}
.col21, .col22 {
   /width: 49%;
}
.errors {  
    border: .2em solid red;  
    background-color: antiquewhite;  
    color: darkred;  
    font-weight:bolder;  
    padding: 1em;  
}  
form label {
    float: left;
    width: 25%;
}
form input {
    float: left;
}
form img {
    float: left;
    zoom: 1; /*Pr IE*/
}
form textarea {
    float: left;
    margin-bottom: .5em;
}
form p {
    float: none;
    clear: both;
    display: block;
    margin-top: .5em;
    zoom: 1;
}
form p:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
form img:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
form hr {
    float: none;
    clear: both;
}
/*
 * Design Lisa Renberg http://www.traces-medias.com/
 * Intégration Bene Facere http://www.benefacere.fr/
 * Copyright Carré Magic 2010
 */
#cp {display: table; height: 100%; width: 100%;}
#c {display: table-cell; vertical-align: middle; width: 100%;}
* html #cp, *>html #cp {position: relative;}
* html #c, *>html #c {position: absolute; top: 50%;}
* html #page, *>html #page {position: relative; top: -50%; }

#page {
    position: relative;
    width: 900px;
    height: 849px;
    margin-left: auto;
    margin-right: auto;
}
#header {
    position: absolute;
    left: 7px;
    top: 7px;
}
#site, #slogan {
    display: none;
}
#menu {
    position: absolute;
    z-index: 1;
    top: 94px;
    left: 111px;
}
#menu li {
    float: left;
    margin-right: 10px;
}
#boxAdresse {
    position: absolute;
    top: 7px;
    right: 68px;
    height: 86px;
}
#usercontent {
    position: absolute;
    top: 164px;
    left: 108px;
    height: 695px;
    width: 724px;
}
#usercontent h1 {
    margin-left: 295px;
}
#usercontent .col21 {
    width: 291px;
}
#usercontent .col22 {
    width: 365px;
    margin-left: 15px;
}
#footer {
    position: absolute;
    top: 803px;
    margin-left: 14px;
    margin-right: 14px;
    width: 872px;
}
/*
 * Design Lisa Renberg http://www.traces-medias.com/
 * Intégration Bene Facere http://www.benefacere.fr/
 * Copyright Carré Magic 2010
 */
body {
    background-color: #58585a;
    font-family: cipher, eurostyle, sans-serif;
}
hr {
    visibility: hidden;
    clear: both;
    float: none;
}
#boxAdresse {
    color: #bcbcbd;
    text-transform: uppercase;
    text-align: right;
    font-size: 13px;
}
#menu {
    text-transform: uppercase;
    font-size: 13px;
}
#menu a, #menu a:visited {
    color: #ee7f01;
    text-decoration: none;
}
#menu a:hover, #menu a:active, #menu a:focus, #menu a.selected {
    color: white;
}
#menu ul {
    list-style: url(/static/themes/CarreMagic/images/puce_menu.png) inside;
}
#usercontent {
    font-family: laptop wide, eurostyle condensed, sans-serif;
    color: #9e9e9f;
    font-size: 11px;
}
#usercontent h1, #usercontent .col21 h2 {
    font-family: cipher, eurostyle, sans-serif;
    text-transform: uppercase;
}
#usercontent h1 {
    color: white;
    font-size: 22px;
}
#usercontent .col21 h2 {
    color: #ee7f01;
    text-align: right;
    font-size: 15px;
}
#usercontent h3 {
    text-decoration: underline;
    font-size: 13px;
    margin-bottom: 6px;
}
#usercontent ul {
    list-style: url(/static/themes/CarreMagic/images/fleche_o.png) inside;
}
#usercontent li {
    margin-bottom: 5px;
}
#usercontent {
    line-height: 1.5em;
}
#usercontent h2, #usercontent h3 {
    margin-top: 15px;
}
#footer, #footer a, #footer a:visited {
    color: #ee7f01;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
}
#footer a:hover, #footer a:active, #footer a:focus, #footer a.selected {
    color: white;
}
form label {
    width:30%;
}
/*
 * Design Lisa Renberg http://www.traces-medias.com/
 * Intégration Bene Facere http://www.benefacere.fr/
 * Copyright Carré Magic 2010
 */