*
{
    outline: none !important;
}

body {
    margin: 0;
    padding: 0;
    line-height: normal;
    /*background: #fff url(../img/pixelfond.gif) repeat-x;*/
    background: #bab6b2;
}

#sousglobal-site {
    background: url(../img/content-pixelblanc.gif) repeat-y top center;
}

#sousglobal {
    background: url(../img/bandeau.jpg) no-repeat top center;
}

#global-bandeau {
    width: 1003px;
    margin: 0 auto;
}

/* ------------------------------------------ */
/* ------------ logo + moteur --------------- */
/* ------------------------------------------ */
#bandeau {
    height: 287px;
}

#bloc-langue {
    float: left;
    width: 132px;
    margin: 0 0 0 0;
}

#bloc-logo {
    float: left;
    width: 128px;
}

#bloc-logo h1 {
    background: url(../img/logo-sema.png) no-repeat;
     padding: 128px 0 0 0;
    width: 218px;
}

body.home #bloc-logo h1 {
    
    height: 0;
    overflow: hidden;
}

body.page #bloc-logo h1 {
    padding: 0;
}
body.page #bloc-logo h1 a {
    display: block;
    padding:128px 0 0 0;
    height: 0;
    overflow: hidden;
}

#bloc-presentation {
    float: left;
    width: 679px;
    margin: 53px 0 0 0;
    background: url(../img/bienvenue.png) no-repeat;
    padding: 60px 0 0 0;
    height: 0;
    overflow: hidden;
}

/* ----------------------------- */
/* ------ moteur sema ---------- */
/* ----------------------------- */
#bloc-moteur {
    float: left;
    width: 196px;
    height: 287px;
    background: url(../img/fond-transparent-bandeau.png) no-repeat;
}
#bloc-moteur form {
    margin: 143px 0 0 0;
    padding: 0;
    background: #f56e00;
    height: 19px;
}
#bloc-moteur form label {
    display: none;
}
#bloc-moteur input {
    border: 0;
    height: 17px;
    width: 136px;
    padding: 1px 0 1px 10px;
    float: left;
    color: #1a171b;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
#bloc-moteur button {
    background: url(../img/bt-search.gif) no-repeat 10px center;
    width: 30px;
    height: 17px;
    margin: 0;
    padding: 0;
    border: 0;
    text-indent: -1000px;
    overflow: hidden;
    float: left;
    cursor: pointer;
}

/* ---------------------------------- */
/* ------- menu deroulant ----------- */
/* ---------------------------------- */

/* --- menu 1er niveau --- */
#menu {
    position: absolute;
    margin: -36px 0 0 0;
}

#menu ul {
    margin: 0;
    paddding: 0;
    list-style: none;
    background: url(../img/bg-menu.png) no-repeat;
    width: 911px;
    height: 36px;
}

#menu li {
    display: block;
    float: left;
}

#menu li a {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 9px 0 0;
    margin: 0 17px 0 0;
    background: url(../img/flechette-menu.gif) no-repeat top right;
    line-height: 36px;
}

#menu li a:hover,
#menu li a.select,
#menu li:hover a {
    color: #b5b70b;
}

/* --- menu 2eme niveau --- */
#menu ul ul {
    position: absolute;
    width: 180px;
    background: none;
}

#menu li li {
    display: block;
    float: none;
}

#menu li li a,
#menu li:hover li a {
    color: #fff;
    text-transform: none;
    background: url(../img/bg-menu.png) repeat-y;
    margin: 0;
    padding: 6px 10px;
    line-height: 15px;
}

#menu li li a:hover,
#menu li li a.select,
#menu li:hover li a:hover {
    color: #b5b70b;
}

/* ------------------------------------------ */
/* --------- contenu 3 colonnes ------------- */
/* ------------------------------------------ */
#global-content {
    background: url(../img/fond-transparent-conteneur.png) no-repeat top center;
}
#content {
    width: 1003px;
    margin: 0 auto;
}

#colonne1 {
    float: left;
    width: 219px;
    padding: 0 21px 0 0;
}

#bloc-adherents {
    margin: 25px 0 0 0;
}

#bloc-adherents p {
    margin: 0;
    padding: 0;
}

#bloc-boutique {
    margin: 23px 0 0 0;
    font-size: 11px;
}

#bloc-boutique p {
    margin: 0;
    padding: 0;
}

/* -------------------------------- */
/* ------- espace reserve --------- */
/* -------------------------------- */
#bloc-reserve {
     background: #e0dcb2;
    padding: 12px 20px;
    margin: 19px 0 0 0;
}

#bloc-reserve form {
    margin: 0;
    padding: 0;
}

#bloc-reserve h2 {
    margin: 0;
    padding: 0 0 7px 0;
    color: #901400;
    font-size: 11px;
    text-transform: uppercase;
}
#bloc-reserve input {
    font-size: 9px;
    color: #6a6858;
    padding: 1px 0 3px 10px;
    border: 1px solid #9a9a9a;
    width: 120px;
    margin: 1px 0 0 0;
}
#bloc-reserve button {
    background: transparent url(../img/flechette-ok.gif) no-repeat right 3px;
    height: 17px;
    width: 34px;
    line-height: 17px;
    border: 0;
    cursor: pointer;
    margin: 0 0 0 10px;
    padding: 0;
    color: #901400;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}

/* --------------------------------------- */
/* ------ bloc actus home page ----------- */
/* --------------------------------------- */
#colonne2 {
    float: left;
    width: 566px;
}

/* --------------- navigation ------------------- */
#navigation {
    margin: 0 0 20px 0;
}
#navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#navigation li {
    display: inline;
    margin-right: 8px;
    font-size: 11px;
}
#navigation li a {
    background-image: url(../img/fleche-nav.gif);
    background-repeat: no-repeat;
    background-position: right 5px;
    padding-right: 10px;
    font-size: 11px;
}

#corps {
    padding: 40px 0 0 20px;
    width: 495px;
}

body.page #corps h2 {
    margin: 0 0 18px 0;
    padding: 0;
    font-family: "PerpetuaRegular", Arial, Helvetica, sans-serif;
    color: #901400;
    font-size: 34px;
    font-weight: normal;
}

#bloc-actus h2 {
    margin: 0 0 18px 0;
    padding: 0;
    font-family: "PerpetuaRegular", Arial, Helvetica, sans-serif;
    color: #901400;
    font-size: 34px;
    background: url(../img/fond-titre.gif) no-repeat right 23px;
    font-weight: normal;
}

#bloc-actus ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#bloc-actus li {
    float: left;
    width: 150px;
    padding: 0 0 0 22px;
}
#bloc-actus li:first-child {
    padding: 0;
}

#bloc-actus h3 {
    margin: 0;
    padding: 0;
    color: #f56e00;
    font-size: 14px;
}

#bloc-actus p.date {
    color: #901400;
    font-weight: bold;
    margin: 5px 0 5px 0;
    padding: 0;
    
}

#bloc-actus div.autre-actu {
    border-top: 1px solid #e0dcb2;
    padding: 24px 0 0 0;
}

#bloc-actus div.autre-actu img {
    float: left;
    margin: 0 10px 0 0;
}

#bloc-recherche-actus {
    margin: 20px 0 0 0;
    padding: 18px 23px;
    background: #f2f0dc;
}

#bloc-recherche-actus form {
    margin: 0;
    padding: 0;
}

#bloc-recherche-actus h2 {
    margin: 0 0 5px 0;
    padding: 0;
    font-family: "PerpetuaRegular", Arial, Helvetica, sans-serif;
    color: #901400;
    font-size: 22px;
    font-weight: normal;
}
#bloc-recherche-actus h2 strong {
    font-family: "PerpetuaBold", Arial, Helvetica, sans-serif;
}

#bloc-recherche-actus select {
    width: 127px;
    margin: 0 2px 0 0;
    color: #6a6858;
    font-size: 10px;
}

#bloc-recherche-actus button {
    background: transparent url(../img/flechette-ok-fd-clair.gif) no-repeat right 3px;
    height: 17px;
    width: 34px;
    line-height: 17px;
    border: 0;
    cursor: pointer;
    margin: 0 0 0 10px;
    padding: 0;
    color: #901400;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}

/* --------------------------------------- */
/* --------- colonne de droite ----------- */
/* --------------------------------------- */
#colonne3 {
    float: left;
    width: 197px;
}

#bloc-outils {
    background: #f4f4f4 url(../img/pixelfond-liens-droite.gif) repeat-x;
}

#bloc-outils ul {
    margin: 0;
    padding: 53px 0 30px 15px;
    list-style: none;
    width: 172px;
}
#bloc-outils li {
    margin: 0 0 29px 0;
}
#bloc-outils li a {
    background: url(../img/flechette-liens-droite.png) no-repeat right 2px;
    padding: 0 20px 0 0;
    color: #901400;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
}

#bloc-metiers {
    background: #e0dcb2;
    margin: 23px 0 0 0;
    zoom: 1;
}
#bloc-metiers form,
#bloc-metiers form p {
    margin: 0;
    padding: 0;
}

#bloc-metiers form {
    padding: 14px 10px 20px 16px;
}

#bloc-metiers h2 {
    margin: 0;
    padding: 15px 0 0 18px;
    font-family: "PerpetuaRegular", Arial, Helvetica, sans-serif;
    color: #901400;
    font-size: 18px;
    font-weight: normal;
    background: #d6d1aa;
    zoom: 1;
}

#bloc-metiers h2 strong {
    font-family: "PerpetuaBold", Arial, Helvetica, sans-serif;
}

#bloc-metiers input {
    font-size: 9px;
    color: #6a6858;
    padding: 1px 0 3px 10px;
    border: 1px solid #9a9a9a;
    width: 133px;
    margin: 1px 0 0 0;
}
#bloc-metiers select {
    font-size: 9px;
    color: #6a6858;
    border: 0;
    width: 145px;
    margin: 1px 0 0 0;
    padding: 1px 0 3px 10px;
}
#bloc-metiers button {
    background: transparent url(../img/flechette-ok.gif) no-repeat right 3px;
    height: 17px;
    width: 34px;
    line-height: 17px;
    border: 0;
    cursor: pointer;
    margin: 0 0 0 10px;
    padding: 0;
    color: #901400;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}

#bloc-metiers p.button {
    text-align: right;
    margin: 10px 0 0 0;
}

#bloc-newsletter {
    margin: 23px 0 0 0;
    background: #f2f0dc;
}

#bloc-newsletter h2 {
    color: #a7a900;
    margin: 0;
    padding: 15px 0 0 18px;
    font-size: 10px;
}

#bloc-newsletter form {
    margin: 0;
    padding: 10px 0 10px 13px;
}

#bloc-newsletter input {
    font-size: 9px;
    color: #6a6858;
    padding: 1px 0 3px 10px;
    border: 1px solid #9a9a9a;
    width: 117px;
    margin: 1px 0 0 0;
}

#bloc-newsletter button {
    background: transparent url(../img/flechette-ok-verte.gif) no-repeat right 3px;
    height: 17px;
    width: 34px;
    line-height: 17px;
    border: 0;
    cursor: pointer;
    margin: 0 0 0 10px;
    padding: 0;
    color: #a7a900;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}

/* ------------------------------------------ */
/* ------------- pied de page --------------- */
/* ------------------------------------------ */
#bdp {
    text-align: center;
    margin: 27px 0 0 0;
}

#bdp ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#bdp li {
    display: inline;
    border-left: 1px solid #e0dcb2;
    padding: 0 12px;
}
#bdp li:first-child {
    border: 0;
}
#bdp li a {
    color: #433312;
    font-size: 11px;
    text-decoration: underline;
}
#bdp li a:hover {
    color: #f67811;
}

#texte-bdp {
    text-align: center;
    padding: 20px 0;
    color: #433312;
    font-size: 11px;
}
#texte-bdp p {
    margin: 3px 0;
    padding: 0;
}