/* 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 Bene Facere 2008-2009
 */

html, body {
    height: 100%;
    width: 100%;
}
/*
 copyright 2008 Bene Facere
 http://www.benefacere.fr/
*/
.pa {
    display: none;
}

.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;  
}  
/*  
  Création artistique Emmanuel Gilardeau
  http://www.reactivgrafik.fr/
  Intégration CSS Bene Facere  
  copyright 2009 Bene Facere
  http://www.benefacere.fr/  
 */
body {
    height: 1023px;
}
#page {
    position: relative;
    width: 950px;
    height: 989px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}
#menu {
    position: absolute;
    top: 15px;
    width: 950px;
    height: 56px;
    z-index: 2;
}
#menu dl {
    position: absolute;
    top: 10px;
    display: block;
}
#menu1 {
    left: 410px;
}
#menu2 {
    left: 515px;
}
#menu3 {
    left: 675px;
}
#menu4 {
    left: 825px;
}

#pageHeader {
    position: absolute;
    top: 15px;
    width: 950px;
    height: 186px;
    z-index: 0;
}
#content {
    position: absolute;
    top: 201px;
    height: 788px;
    width: 950px;
}
#usercontent {
    position: absolute;
    left: 231px;
    width: 450px;
    height: 690px;
    margin-left: 19px;
    margin-right: 19px;
    margin-top: 48px;
}
#usercontent h1, #usercontent h2 {
    padding-left: 15px;
}
#boxContexte {
    position: absolute;
    top: 38px;
    width: 195px;
    padding-left: 21px;
    padding-right: 15px;
    height: 215px;
    padding-top: 15px;
    z-index: 2;
}
#boxContexte h2 {
    display: block;
    height: 32px;
    line-height: 32px;
    padding-left: 15px;
    margin-bottom: 20px;
}
#boxContexte ul {
    margin-left: 15px;
    list-style: square inside;
}
#boxGauche, #boxDroite {
    position: absolute;
    width: 208px;
}
#boxGauche {
    top: 166px;
    left: 15px;
    padding-top: 175px;
}
#boxActivites {
    position: absolute;
    top: 38px;
    right: 7px;
    width: 198px;
    height: 127px;
    padding-top: 14px;
    padding-left: 19px;
    padding-right: 13px;

}
#boxActivites a {
    display: block;
    line-height: 29px;
    width: 193px;
    padding-left: 14px;
}
#boxActivites li {
    display: block;
    height: 29px;
}
#boxDroite {
    right: 15px;
    top: 200px;
}
#boxGauche p, #boxDroite p,#boxGauche ul, #boxDroite ul {
    padding-left: 10px;
    padding-right: 10px;
}
#boxGauche h2, #boxDroite h2 {
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
}
#footerContainer {
    position: absolute;
    top: 740px;
    width: 950px;
}
#footer p {
    text-align: center;
}
.scrollerV {
    overflow: scroll;
}
/*  
  Création artistique Emmanuel Gilardeau
  http://www.reactivgrafik.fr/
  Intégration CSS Bene Facere  
  copyright 2009 Bene Facere
  http://www.benefacere.fr/  
 */
body {
    background: url( /static/themes/Arsi/images/fond_hachures.png) repeat-x;
    font-family: helvetica, arial, sans-serif;
    font-size: 10pt;
    color: #0d0b43;
}
a {
    text-decoration: none;
}
a img {
    border: none;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
#page {
    background: url(/static/themes/Arsi/images/fondCorps.png) no-repeat top center;
}
#menu {
    background: url(/static/themes/Arsi/images/menu_haut.png) no-repeat top right;
    text-transform: uppercase;
    font-size: 9pt;
}
#menu a, #menu a:visited {
    color: white;
}
#menu a:hover, #menu a.selected, #menu a:active {
    color: #5ca4fb;
}
#content {
    background: url(/static/themes/Arsi/images/graphic_usb.png) no-repeat 785px 610px;
}
#boxContexte {
    font-size: 10pt;
}
#boxContexte h2 {
    background: url(/static/themes/Arsi/images/triangle_blanc.png) no-repeat left center;
    font-size: 11pt;
}
#boxGauche {
    background: url(/static/themes/Arsi/images/graphic_arobase.png) no-repeat top center;
}
#boxActivites {
    background: url(/static/themes/Arsi/images/fondActivites.png) no-repeat center center;
}
#boxActivites a, #boxActivites a:visited {
    color: white;
    background: url(/static/themes/Arsi/images/triangle_blanc.png) no-repeat left center;
    text-transform: uppercase;
    font-size: 9pt;
}
#boxActivites a:hover, #boxActivites a:active, #boxActivites a.selected {
    color: #0d0b43;
    background: url(/static/themes/Arsi/images/triangle_bleu.png) no-repeat left center;
}

#boxGauche h2, #boxDroite h2 {
    background: url(/static/themes/Arsi/images/fondBlocs.png) no-repeat;
    color: white;
}
#boxGauche a, #boxDroite a {
    color: #0d0b43;
    text-decoration: underline;
}
#boxGauche a:visited, #boxDroite a:visited {
    color: #5ca4fb;
    text-decoration: underline;
}
#boxGauche a:hover, #boxGauche a:active, #boxGauche a.selected, #boxDroite a:hover, #boxDroite a:active, #boxDroite a.selected {
    color: #5ca4fb;
}
#usercontent {
    text-align: left;
}
#usercontent h1 {
    font-size: 12pt;
    font-weight: bold;
    margin-bottom:15px;
    background: url(/static/themes/Arsi/images/puce_verte_grande.png) no-repeat left center;
}
#usercontent h2, #usercontent h3 {
    font-weight: bold;
}
#usercontent h2 {
    color: #63a404;
}
#usercontent p, #usercontent ul {
    margin-bottom: 1em;
}
#usercontent ul ul {
    margin-bottom: 0px;
}
#usercontent ul {
    list-style: url(/static/themes/Arsi/images/puce_verte_petite.png) inside;
}
#usercontent ul ul {
    padding-left:40px;
    list-style: url(/static/themes/Arsi/images/puce_orange_mini.png) inside;
}
#usercontent a {
    color: #0d0b43;
    text-decoration: underline;
}
#usercontent a:visited {
    color: #5ca4fb;
    text-decoration: underline;
}
#footer a, #footer a.visited {
    color: #0d0b43;
    font-size: 8pt;
}
#footer a:hover, #footer a:active, #footer a.selected {
    color: #5ca4fb;
}
form label {  
     width: 40%;
     margin-right:10px;
}  
div.Liens {
    display:inline;
}
/*  
  Création artistique Emmanuel Gilardeau
  http://www.reactivgrafik.fr/
  Intégration CSS Bene Facere  
  copyright 2009 Bene Facere
  http://www.benefacere.fr/  
 */
.emphase {
    font-weight: bold;
    color: #63a404;
}
/*  
  Création artistique Emmanuel Gilardeau
  http://www.reactivgrafik.fr/
  Intégration CSS Bene Facere  
  copyright 2009 Bene Facere
  http://www.benefacere.fr/  
 */
* html #page {
    background: url(/static/themes/Arsi/images/fondCorps.gif) no-repeat top center;
}
* html #menu {
    background: url(/static/themes/Arsi/images/menu_haut.gif) no-repeat top right;
}
* html #boxContexte h2 {
    background: url(/static/themes/Arsi/images/triangle_blanc.gif) no-repeat left center;
}
* html #boxActivites a, * html #boxActivites a:visited {
    background: url(/static/themes/Arsi/images/triangle_blanc.gif) no-repeat left center;
}
* html #boxActivites a:hover, * html #boxActivites a:active, * html #boxActivites a.selected {
    background: url(/static/themes/Arsi/images/triangle_bleu.gif) no-repeat left center;
}