/* 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%;
}
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%;
}
/* 
  Création artistique Charlotte Mével
  http://charlottemevel.com/ 
  CSS Integrated by Bene Facere 
  copyright 2008-2009 Bene Facere 
  http://www.benefacere.fr/ 
 */
#page {
    position: relative;
    width: 796px;
    margin-top: 4px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 131px;
    padding-left: 209px;
}
#header {
    position: absolute;
    top: 30px;
    left: 41px;
    width: 154px;
    height: 129px;
    z-index: 100;
}
#logo img {
    z-index: 100;
}
#slogan, #site {
    display: none;
}
#Localisation {
    position: absolute;
    top: 9px;
    right: 12px;
}
#menu {
    position: absolute;
    top: 110px;
    left: 217px;
    z-index: 10;
}
#menu li {
    float: left;
}
#menu a {
    margin-right: 25px;
    padding-left: 5px;
    padding-right: 5px;
}
#boxMetiers {
    position: absolute;
    top: 194px;
    left: 58px;
    width: 113px;
    height: 215px;
    z-index: 10;
}
#boxMetiers h2 {
    width: 100%;
    height: 36px;
}
#boxMetiers h2 a {
    line-height: 36px;
    z-index: 50;
}
#boxBandeau {
    position: absolute;
    top: 342px;
    left: 58px;
    width: 112px;
    padding-top: 88px;
    padding-bottom: 88px;
    z-index: 10;
}
#content {
    position: relative;
    width: 674px;
    z-index: 0;
}
* html #content {
    height: 542px
}
*>html #content {
    height: 542px
}
#boxSlide:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html #boxSlide {
    zoom: 1;
}
#boxSlide {
    width: 655px;
    margin-top: 10px;
    padding-bottom: 31px;
    padding-left: 9px;
    padding-right: 10px;
}
#content .top {
    display: none;
    width: 674px;
    height: 21px;
    margin-top: 55px;
}
#usercontent {
    padding-left: 27px;
    padding-right: 34px;
    width: 613px;
    /*min-height: 456px;*/
}
* html #usercontent {
    height: 456px;
}
*>html #usercontent {
    height: 456px;
}
#usercontent.fragment {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}
#footer {
    height: 20px;
    width: 787px;
    padding-left: 9px;
    padding-top: 17px;
}
iframe {
    float: right;
    margin-right: -15px;
}
/* 
  Création artistique Charlotte Mével
  http://charlottemevel.com/ 
  CSS Integrated by Bene Facere 
  copyright 2008-2009 Bene Facere 
  http://www.benefacere.fr/ 
 */
body {
    background-color: rgb(243,240,237);
    font-family: Myriad, Myriad Roman, Sans-Serif;
    color: black;
}
#page {
    background: white url(/static/themes/Boton/images/header.jpg) no-repeat top right;
    border: 1px solid rgb(177,34,47);
}
#menu a, #menu a:visited {
    text-decoration: none;
    color: black;
    font-size: 14px;
}
#menu a:hover, #menu a:active, #menu a:focus, #menu a.selected {
    color: white;
    background-color: black;
}

#boxMetiers {
    font-size: 14px;
    line-height: 36px;
    text-transform: uppercase;
    border-top: 1px solid #d0d1d1;
}
#boxMetiers h2 {
    border-bottom: 1px solid #d0d1d1;
}
#boxMetiers a, #boxMetiers a:visited {
    text-decoration: none;
    color: black;
}
#boxMetiers a:hover, #boxMetiers a:active, #boxMetiers a:focus, #boxMetiers a.selected {
    color: #ce5c1b;
}
#boxMetiers h2 {
    background-color: transparent;
}
#boxBandeau {
    border: 1px solid #d0d1d1;
    color: #ce5c1b;
    text-align: center;
    overflow: hidden;
}
#boxBandeau * {
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
}
#boxBandeau h2 {
    font-style: italic;
    font-size: 15px;
    margin-bottom: 1em;
    line-height: 19px;
}
#boxBandeau a, #boxBandeau a:visited {
    color: #ce5c1b;
}
#content {
}
#boxSlide {
    background: url(/static/themes/Boton/images/topBody.png) no-repeat bottom;
}
#content .top {
    /*background: url(/static/themes/Boton/images/topBody.png) no-repeat;*/
}
#usercontent {
    background: url(/static/themes/Boton/images/fondBody.png) repeat-y;
    font-size: 11px;
}
#usercontent * {
    margin-bottom: .5em;
}
#usercontent p {
    line-height: 1.5em;
}
#usercontent h1 {
    color: #ce5c1b;
    font-size: 19px;
    font-style: italic;
}
#usercontent h2 {
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
}
#usercontent h3 {
    font-size: 13px;
    color: #ce5c1b;
}
#usercontent em {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
}
#usercontent strong {
    font-size: 12px;
    font-weight: bold;
}
#usercontent ul {
    list-style: disc inside;
    font-size: 11px;
    font-weight: bold;
}
#usercontent ul ul {
    margin-left: 25px;
}
#usercontent.fragment {
    background: none;
    background-color: white;
}
#usercontent a img {
    border: none;
}
#footer {
    font-family: Arial Regular, Arial, Sans-Serif;
    line-height: 20px;
    font-size: 10px;
    background: url( /static/themes/Boton/images/fondFooter.png) no-repeat;
}
/* 
  Création artistique Charlotte Mével
  http://charlottemevel.com/ 
  CSS Integrated by Bene Facere 
  copyright 2008-2009 Bene Facere 
  http://www.benefacere.fr/ 
 */

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;  
}  
/* 
  CSS Integrated by Bene Facere 
  copyright 2008-2009 Bene Facere 
  http://www.benefacere.fr/ 
 */
#Localisation li {
    display: block;
    float: left;
}
#Localisation a {
    display: block;
    width: 16px;
    height: 11px;
    margin-left: 7px;
    line-height: 0;
    color: transparent;
    font-size: 0;
    border: 1px solid #d0d1d1;
}
#Localisation .locale1 a {
    background: url( /static/themes/Common/images/drapeau-france16.gif) no-repeat;
}
#Localisation .locale4556 a {
    background: url( /static/themes/Common/images/drapeau-russe16.gif) no-repeat;
}
#Localisation .locale4483 a {
    background: url( /static/themes/Common/images/drapeau-anglais16.gif) no-repeat;
}