/*********************************/
/**    CSS DU LAYOUT DU SITE    **/ 
/**    NOGENT SUR MARNE         **/
/*********************************/

/** REDEFINITION DE BALISES **/
* {
    margin:                 0;
    padding:                0;
    font-family:            "Arial","sans-serif";
}

a {
    outline:                none;
    color: #000;
}

img {
    border:                 0;
}

body {
    background:             #05335e;
    color:                  #353535;
    height:                 100%;
    font-size:              0.75em;
    font-family:            "Arial", "sans-serif";
}

#fond_blanc {
    background-color:       #fff;
    width:                  980px;
    margin:                 0 auto;
    min-height:             1008px;
    height:                 auto !important;
    height:                 1008px;
    width:                  980px;
    position:               relative;
}

#conteneur  {
    background:             url("../images/fond_bleu.gif") #184674;
    margin:                 0 auto;
    min-height:             1008px;
    height:                 auto !important;
    height:                 1008px;
    width:                  980px;  
    padding-bottom:         11px;
/*  _padding-bottom:        11px;
    +padding-bottom:        11px;
*/  position:               relative;
    clear:                  both;
}

#evitements {
    position:               relative;
    float:                  right;
    margin-right:           16px;
    background:             #fff;
    border-bottom:          1px solid #004471;
    border-left:            1px solid #004471;
    border-right:           1px solid #004471;
    min-height:             17px;
    height:                 auto !important;
    height:                 17px;
    width:                  213px;
    font-size:              0.91em; 
    color:                  #004471;
    padding:                2px 5px 0 15px;
    z-index:                10;
}

#evitements ul {
    list-style:             none;
}

#evitements a {
    color:                  #004471;
    text-decoration:        none;
}

#evitements a:hover, #evitements a:focus {
    text-decoration:        underline;
}

#evitements span {
    float:                  left;
    font-weight:            bold;
}

#evitements li {
    float:                  left;
    padding-left:           3px;
}

#logo_rechercher {
    clear:                  both;
}

#logo_rechercher a {
    color:                  #fff;
}

#moteur_recherche {
    position:               relative;
    float:                  right;
    width:                  220px;
    min-height:             60px;
    height:                 auto !important;
    height:                 60px;
    padding:                4px 0 5px 12px;
    margin:                 40px 16px 0 0;
    background:             #05335e;
    border:                 1px solid #fff;
    z-index:                100;
}

#moteur_recherche label{
    color:                  #fff;
    font-weight:            bold;
    font-size:              1.16em;
}

#moteur_recherche #mots_cles {
    float:                  left;
    width:                  168px;
    min-height:             17px;
    height:                 auto !important;
    height:                 17px;
    vertical-align:         middle;
    margin-top:             2px;
}

#moteur_recherche #lancer_recherche {
    float:                  left;
    vertical-align:         middle;
    margin:                 2px 0 0 7px;
}

#mots_cles {
    border:                 2px solid #01b7e7;
}

#liens_utiles {
    clear:                  both;
    list-style:             none;
    font-weight:            bold;
    padding-top:            5px;
}

#liens_utiles li {
    float:                  left;
    color:                  #bed639;
}

#liens_utiles a {
    color:                  #bed639;
    text-decoration:        none;
}

#liens_utiles a:hover, #liens_utiles a:focus {
    text-decoration:        underline;
}

.menus {
    background:             url("../images/separateur-menus.gif") no-repeat;
    background-position:    3px 0;
    padding-left:           8px;
}

.separateur_liens {
    padding:                0 3px 0 3px;
}

#centrer_rubrique {
    margin:                 0 auto;
    width:                  auto;
    text-align:             center;
    display:                -moz-inline-stack;
    display:                inline-block;
    zoom:                   1;
    *display:               inline;
}

#liste_rubriques {
    list-style:             none;
    padding-top:            5px;
    font-size:              0.95em;
}

#liste_rubriques li {
    float:                  left;
}

#liste_rubriques li a {
    color:                  #fff;
    text-decoration:        none;
    font-weight:            bold;
    padding:                3px 4px;
}

#rubrique_un a:hover, #rubrique_un a:focus {
    background-color:       #00C4EC;
    color:                  #000000;
}

#rubrique_deux a:hover, #rubrique_deux a:focus {
    background-color:       #BED638;
    color:                  #222224;
}

#rubrique_trois a:hover, #rubrique_trois a:focus {
    background-color:       #774688;
}

#rubrique_quatre a:hover, #rubrique_quatre a:focus {
    background-color:       #BC2B66;
}

#rubrique_cinq a:hover, #rubrique_cinq a:focus {
    background-color:       #006AB0;
}

#rubrique_six a:hover, #rubrique_six a:focus {
    background-color:       #067400;
}

#rubrique_sept a:hover, #rubrique_sept a:focus {
    background-color:       #973463;
}

#rubrique_huit a:hover, #rubrique_huit a:focus {
    background-color:       #D43903;
}

#rubrique_neuf a:hover, #rubrique_neuf a:focus {
    background-color:       #33749A;
}

#rubrique_dix a:hover, #rubrique_dix a:focus {
    background-color:       #673A19;
}

#rubrique_onze a:hover, #rubrique_onze a:focus {
    background-color:       #673A19;
}

#center_footer_menus {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    width: auto;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}