html, body {
    margin: 0;
    padding: 0
    }
html {
    background: #944c12 url(/img/interface/bg.jpg) repeat-x;
    font-size: 100%;
    /* Évite un bug d'IE 6-7. */
    }
body {
    background: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.688em;
    /* 11px */
    line-height: 1.2em
    }
#page {
    border-left: 2px solid #cceaf2;
    border-right: 2px solid #cceaf2;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 986px
    }
.bg-0 {
    background: #9edb30 url(/img/interface/bg-0.jpg) no-repeat top left;
    min-height: 607px;
    height: auto !important;
    height: 607px
    }
.bg-1 {
    background: #9edb30 url(/img/interface/bg-1.jpg) no-repeat top left;
    min-height: 519px;
    height: auto !important;
    height: 519px
    }
.bg-2 {
    background: #9edb30 url(/img/interface/bg-2.jpg) no-repeat top left;
    min-height: 519px;
    height: auto !important;
    height: 519px
    }
.bg-3 {
    background: #9edb30 url(/img/interface/bg-3.jpg) no-repeat top left;
    min-height: 575px;
    height: auto !important;
    height: 575px
    }
.bg-4 {
    background: #9edb30 url(/img/interface/bg-4.jpg) no-repeat top left;
    min-height: 515px;
    height: auto !important;
    height: 515px
    }
.bg-5 {
    background: #9edb30 url(/img/interface/bg-5.jpg) no-repeat top left;
    min-height: 521px;
    height: auto !important;
    height: 521px
    }
.bg-6 {
    background: #9edb30 url(/img/interface/bg-6.jpg) no-repeat top left;
    min-height: 521px;
    height: auto !important;
    height: 521px
    }
.bg-7 {
    background: #9edb30 url(/img/interface/bg-7.jpg) no-repeat top left;
    min-height: 508px;
    height: auto !important;
    height: 508px
    }
.cleaner {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0
    }
#header {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 986px
    }
#header h1 {
    font-size: 1px;
    height: 126px;
    line-height: 1px;
    margin: 0 0 0 65px;
    padding: 0;
    width: 121px
    }
#header h1 a {
    display: block;
    height: 126px;
    left: 65px;
    position: absolute;
    text-decoration: none;
    text-indent: -999999px;
    top: 0;
    width: 121px
    }
#header h1 a:hover {
    text-decoration: none
    }
#recherche {
    background: transparent url(/img/interface/bg-recherche.png) no-repeat;
    height: 58px;
    margin: 15px auto 0 auto;
    overflow: hidden;
    padding: 0;
    position: static;
    width: 921px
    }
#annuaire_wrapper #recherche {
    background: transparent url(/img/interface/bg-recherche-annuaire.png) no-repeat;
    width: 960px
    }
.recherche {
    background: url(/img/interface/bg-recherche.gif) no-repeat;
    float: left;
    height: 33px;
    margin: 0 0 0 13px;
    padding: 0;
    position: relative;
    width: 175px
    }
.recherche form, .recherche fieldset {
    border: none;
    margin: 0;
    padding: 0
    }
.recherche input {
    background-color: #fff;
    border: none;
    color: #5f5f5f;
    font-size: 0.909em;
    margin: 0 0 0 18px;
    padding: 0;
    width: 110px
    }
.recherche input#search {
    background: url(/img/interface/bg-bouton-recherche.gif) no-repeat;
    height: 33px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    width: 20px
    }
/* fil d'ariane */
.breadcrumb {
    color: #922224;
    float: right;
    font-size: 1em;
    margin: 25px 0 0 0;
    padding: 0;
    position: relative;
    text-transform: lowercase;
    width: 690px
    }
.breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0
    }
.breadcrumb li {
    display: inline;
    margin: 0;
    padding: 0
    }
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited {
    color: #922224;
    text-decoration: none
    }
.breadcrumb a:hover {
    color: #922224;
    text-decoration: underline
    }
.breadcrumb a.courant {
    color: #922224 !important;
    font-weight: normal !important
    }
#principal {
    background-color: #f6f9e3;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 921px
    }
/* Positionnement du menu de niveau 1 */
#menu {
    height: 20px;
    line-height: 20px;
    margin: 17px auto 0 auto;
    padding: 0 0 0 8px;
    width: 725px
    }
#basDePage {
    font-size: 0.909em;
    /* 10px */
    margin: 0 auto;
    padding: 5px 0;
    position: relative;
    text-align: center;
    width: 670px
    }
#resumePage {
    font-size: 1.091em;
    font-style: italic;
    margin: 0 0 10px 0
    }
.content {
    background-color: #f6f9e3;
    display: inline;
    font-size: 1.091em;
    padding: 0 0 10px 0;
    position: relative;
    min-height: 200px;
    height: auto !important;
    height: 200px
    }
.tailleContent2Colonnes {
    float: right;
    margin: 0 30px 0 0;
    width: 670px
    }
.tailleContent2Colonnes.annuaireColonneBo {
    float: right;
    margin: 0 90px 0 0;
    width: 700px
    }
.tailleContent2Colonnes.annuaireColonnefo {
    float: right;
    margin: 0 30px 0 0;
    width: 670px
    }
.tailleContent2ColonnesSerfa {
    float: right;
    margin: 0 30px 0 0;
    width: 500px
    }
/* sidebar */
#sidebar {
    display: inline;
    float: left;
    margin: 0 0 0 13px;
    width: 188px
    }
#Right {
    display: inline;
    float: right;
    margin: 0 0 0 0;
    text-align: left;
    width: 188px
    }
/* Menu Actualites */
.actualitesHeader {
    background: url(/img/interface/bg-header-actualites.gif) no-repeat;
    height: 13px;
    margin: 0;
    padding: 0;
    width: 175px
    }
.actualitesFooter {
    background: url(/img/interface/bg-footer-actualites.gif) no-repeat;
    height: 15px;
    margin: 0 0 12px 0;
    padding: 0;
    width: 175px
    }
#actualites {
    background-color: #d8e459;
    margin: 0;
    padding: 0 15px;
    width: 145px
    }
#actualites h2 {
    color: #000;
    font-size: 1.273em;
    /* 14px */
    margin: 0 0 10px 0;
    padding: 0;
    text-align: right
    }
#actualites li h3 {
    color: #000;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-align: right
    }
#actualites ul {
    list-style: none;
    margin: 0;
    padding: 0
    }
#actualites li {
    color: #000;
    margin: 0;
    padding: 5px 0;
    text-align: right
    }
#actualites li a {
    color: #000
    }
#actualites li a:active, #actualites li a:visited, #actualites li a:link, #actualites li a:hover {
    text-decoration: underline
    }
/* Menu fonctionnalites */
.menuFoncHeader {
    background: url(/img/interface/bg-header-outils.gif) no-repeat;
    height: 13px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 175px
    }
.menuFoncFooter {
    background: url(/img/interface/bg-footer-outils.gif) no-repeat;
    height: 15px;
    margin: 0 0 12px 0;
    padding: 0;
    position: relative;
    width: 175px
    }
#contentFonc {
    background-color: #79ac32;
    margin: 0;
    padding: 0;
    position: relative;
    min-height: 260px;
    height: auto !important;
    height: 260px;
    width: 175px
    }
#contentExtranet {
    background-color: #79ac32;
    margin: 0;
    padding: 0;
    position: relative;
    width: 175px
    }
#contentExtranet h2 {
    background-color: #79ac32;
    color: #000;
    font-size: 1.273em;
    /* 14px */
    margin: 0;
    padding: 0 15px 10px 15px;
    text-align: right;
    width: 145px
    }
#contentExtranet ul {
    list-style: none;
    margin: 0;
    padding: 0 15px;
    width: 145px
    }
#contentExtranet li {
    margin: 0;
    padding: 0;
    text-align: right
    }
#contentExtranet li a {
    color: #000
    }
#contentExtranet li a:active, #contentExtranet li a:visited, #contentExtranet li a:link, #contentExtranet li a:hover {
    text-decoration: underline
    }
#contentFonc h2 {
    background-color: #79ac32;
    color: #000;
    font-size: 1.273em;
    /* 14px */
    margin: 0;
    padding: 0 15px 10px 15px;
    text-align: right;
    width: 145px
    }
/*#menuFonc {
	background-color: #79ac32;
	margin: 0;
	padding: 0;
	position: relative;
	width: 175px;
}*/
/*#menuFonc ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menuFonc li {
	color: #000;
	margin: 0;
	padding: 5px 0;
	text-align: right;
}
#menuFonc li a {
	color: #000;
}
#menuFonc li a:active, #menuFonc li a:visited, #menuFonc li a:link, #menuFonc li a:hover {
	text-decoration: underline;
}*/
/* navigation sidebar pages internes*/
.navigation {
    margin: 0 0 10px 0;
    padding: 6px;
    width: 115px
    }
.navigation ul {
    list-style: none
    }
.navigation li {
    padding: 5px 0 5px 0
    }
.navigation li li {
    padding: 0 0 0 10px
    }
.navigation li a {
    font-size: 1.091em
    }
.navigation li a:link, .navigation li a:active, .navigation li a:visited {
    color: #585858;
    text-decoration: none
    }
.navigation li a:hover {
    color: #585858;
    text-decoration: underline
    }
/* menus encarts */
.encartMenu {
    background: #e7e7e7;
    border: 1px solid #acafb0;
    float: left;
    margin: 0 10px 10px 0;
    width: 148px
    }
.encartMenu ul {
    margin: 0;
    padding: 5px
    }
.encartMenu li {
    margin: 0;
    padding: 5px 0
    }
.encartMenu h2 {
    font-size: 1.273em;
    letter-spacing: -0.05em;
    margin: 10px 0 10px 0;
    padding: 0 10px 0 10px
    }
.encartMenu a, .encartMenu a:hover, .encartMenu a:link, .encartMenu a:visited, .encartMenu a:active {
    text-decoration: underline
    }
#formulaire input {
    width: auto
    }
#formulaire #all_formulaire {
    margin-top: 10px
    }
#titre_formulaire {
    font-weight: bold
    }
#all_formulaire {
    padding-top: 30px
    }