/* 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;
}

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

/*
 * Copyright Bene Facere 2008-2009
 */

html, body {
    height: 100%;
    width: 100%;
}
/*   
  Intégration CSS Bene Facere   
  http://www.benefacere.fr/   
  copyright 2009 Mercuria
  http://www.mercuria.fr/   
 */
#page {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
}
#pageHeader {
    height: 93px;
}
#liensContainer {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 18px;
    margin-bottom: 18px;
    padding-left: 20px;
    height: 25px;
    width: 50%;
}
#boxLiens {
    position: relative;
    height: 25px;
    padding-right: 20px;
}
#boxLiens ul {
    position: relative;
    display: inline;
    max-width: 940px;
}
#boxLiens li {
    display: block;
    float: left;
    margin-left: 30px;
}
#content {
    padding-top: 13px;
}
#usercontent {
    float: left;
    margin-top: 13px;
    padding-top: 0px;
    padding-left: 25px;
    padding-right: 20px;
    margin-bottom: 13px;
    width: 659px;
}
#usercontent:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#bandeau {
    float: right;
    width: 250px;
}
#bandeau:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#menu {
    width: 181px;
    margin-left: auto;
    margin-right: auto;
}
#menu a {
    display: block;
    height: 33px;
    margin-bottom: 3px;
}
#footerContainer {
    float: none;
    clear: both;
    padding-top: 13px;
    width: 100%;
}
#footer {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 5px;
    padding-top: 5px;
}
/*   
  Intégration CSS Bene Facere   
  http://www.benefacere.fr/   
  copyright 2009 Mercuria
  http://www.mercuria.fr/   
 */
strong {    
    font-weight: bold;    
}    
em {    
    font-style: italic;    
}  
body {
    background-color: #99cdec;
}
a img {
    border: none;
}
#liensContainer {
    background: #99cdec url( /static/themes/Mercuria/images/fondLiens.png ) no-repeat;
}
#boxLiens {
    background: #99cdec url( /static/themes/Mercuria/images/fondLiens.png ) no-repeat right;
    text-transform: uppercase;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 25px;
}
#boxLiens a, #boxLiens a:visited {
    text-decoration: none;
    color: #0769ae;
}
#boxLiens a.selected, #boxLiens a.active, #boxLiens a:hover {
    color: #00aea3;
}
#content {
    background: white url( /static/themes/Mercuria/images/fondContent.png) no-repeat;
    font-family: Arial, helvetica, Sans-Serif;
}
#usercontent {
    text-align: justify;
    border-right: 1px solid #cccccc;
    color: #808080;
}
#usercontent h1 {
    font-family: planet estyle, sans-serif;
    color: #cf5f3f;
    font-size: 48px;
    margin-bottom: .5em;
}
#usercontent h2 {
    font-size: x-large;
    font-weight: bold;
    margin-bottom: 1em;
}
#usercontent p {
    margin-bottom: 1em;
}
#usercontent a, #usercontent a:hover {
    color: #00aea3;
    font-weight: bold;
    text-decoration: none;
}
#usercontent ul {
    padding-left: 1em;
    list-style-image: url(/static/themes/Mercuria/images/fleche_grise.png);
}
#usercontent li {
    margin-bottom: 3px;
}
#menu {
    text-align: center;
    line-height: 33px;
    font-family: alba, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
#menu a, #menu a:visited {
    text-decoration: none;
    text-transform: uppercase;
}
#menu a:active, #menu a:hover, #menu a.selected {
    font-size: 14px;
}
#menu a.selected {
    text-decoration: underline;
}
#menu a {
    background: url( /static/themes/Mercuria/images/bouton1.png) no-repeat;
    /*color: #feeab2;*/
    color: white;
}
#menu ul ul a {
    background: url( /static/themes/Mercuria/images/bouton2.png) no-repeat;
    /*color: #00AEA3;*/
    /*color: white;*/
    color: #0077bd;
}
#menu ul ul ul a {
    background: url( /static/themes/Mercuria/images/bouton3.png) no-repeat;
    color: #004387;
}
#footerContainer {
    background: #99cdec url( /static/themes/Mercuria/images/basContent.png) no-repeat;
}
#footer * {
    color: #333333;
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 11px;
}
#footer a, #footer a:visited {
    text-decoration: none;
    color: #777879;
}
#usercontent img {
    border: 0;
}
#usercontent p img.picto {
    float:left;
    padding-right:20px;
}
/*   
  Intégration CSS Bene Facere   
  http://www.benefacere.fr/   
  copyright 2009 Mercuria
  http://www.mercuria.fr/   
 */
.bouton {
    display: block;
    width: 170px;
    height: 34px;
    padding-right: 48px;
    padding-left: 10px;
    padding-top: 9px;
    padding-bottom: 9px;
    color: white;
    font-weight: bold;
    background: url(/static/themes/Mercuria/images/bouton.jpg) no-repeat;
}
#content .bouton a, #content .bouton a:visited {
    text-decoration: underline;
    font-size: 10px;
    color: white;
}
/*
 copyright 2008-2009 Bene Facere
 http://www.benefacere.fr/
*/
#menu ul ul {
    display: none;
}
/*#menu .parentSelected ul {
    display: block;
}
#menu .parentSelected ul ul{
    display: none;
}*/
#menu li.selected ul {
    display: block;
}
#menu li.selected ul ul {
    display: none;
}
#menu ul.selected {
    display: block;
}

.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%;
}
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;
}
.errors {  
    border: .2em solid red;  
    background-color: antiquewhite;  
    color: darkred;  
    font-weight:bolder;  
    padding: 1em;  
}