/* --- CONTAINER --- */
@import url("content.css");

@import url("superfish.css");

body {
    margin: 0;
    padding: 0;
    color: #000;
    background: #5abded url(../images/common/background.gif) repeat-x;
}

br.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

#container {
    width: 1000px;
    margin: 0 auto;
    background: transparent url(../images/common/background_content.png) repeat-y;
    padding: 0 4px;
}

/* --- HEADER --- */
#header {
    position: relative;
    width: 990px;
    height: 92px;
    background: transparent url(../images/common/background_menu.gif) repeat-x bottom left;
    border-bottom: 5px solid #de6422;
}

#header_logo {
    position: absolute;
    top: 25px;
    left: 33px;
}

/* --- Menu secondaire --- */
#header_sec {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    color: #004f8a !important;
    vertical-align: top !important;
}

#header_sec input {
    vertical-align: text-top !important;
}

#header_sec ul {
    margin: 10px 0;
    vertical-align: top !important;
}

#header_sec ul li {
    display: inline;
    list-style: none;
    margin: 5px 3px;
    float: left;
    vertical-align: super !important;
}

#header_sec ul li,#header_sec ul li a,#header_sec ul li a:link,#header_sec ul li a:visited {
    font-size: 11px;
    text-decoration: none;
    color: #004f8a !important;
    font-size: 10px !important;
    text-transform: none !important;
}

#header_sec ul li a:hover {
    text-decoration: underline;
}

/* --- Menu --- */
#header_menu { /*position            : absolute;
    top                 : 72px;
    left                : 300px;*/
    padding-top: 69px;
    padding-left: 424px;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
}

#header_menu #print {
    float: right;
    margin: 0 9px 0 5px;
}

#header_menu ul li {
    display: inline;
    list-style: none;
    margin-right: 4px;
    background-repeat: repeat-x;
}
#header_menu ul li a img {
    vertical-align: -5px;
}

#header_menu ul li a,#header_menu ul li a:link,#header_menu ul li a:visited {
    text-decoration: none;
    color: #003064;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    background: url(../images/common/fond_menu_off.gif) repeat-x;
}

#header_menu ul li a:hover,#header_menu ul li.on a,#header_menu ul li.on a:link,#header_menu ul li.on a:visited {
    color: #FFF;
    background: url(../images/common/fond_menu.gif) repeat-x;
}

#header_menu ul li ul li a, #header_menu ul li ul li a:link, #header_menu ul li ul li a:visited {
    font-size: 11px;
    font-weight: normal;
    text-transform: none;
    text-align: left;
    font-weight: bold;
    color: #003064 !important;
    background: none !important;
}
#header_menu ul li a:hover {
    color: #FFF;
}

#english_link {
    position: absolute;
    top: 37px;
    left: 920px;
}

#english_link a,#english_link a:link,#english_link a:visited {
    color: #004f8a !important;
    text-decoration: none;
}

#bandeau_classique {
    background: url(../images/common/bandeau_classique.jpg) no-repeat;
    width: 990px;
    height: 246px;
}

#bandeau_classique div {
    padding: 140px 0 0 787px;
}

/* --- MAIN --- */
#main {
    background: url(../images/common/background_main.gif) 25px bottom no-repeat;
    padding-bottom: 40px;
}

#body_classique #main {
    background: url(../images/common/background_main2.gif) left 90% no-repeat;
}

#main_background {
    background: transparent url(../images/common/background_content2.gif) no-repeat 367px 50px;
    min-height: 480px;
}

#main_background_content {
    background: transparent url(../images/common/background_content2.gif) no-repeat 318px 50px;
    min-height: 480px;
}
div#main_background_sscolonne {
    background: url(../images/common/background_main.gif) 25px bottom no-repeat;
    min-height: 480px;
}
h1#page_title_sscolonne {
    padding: 0;
    margin: 0 0 0 25px;
    color: #001f57;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 25px;
}
div#content_sscolonne {
    width           : 970px;
    padding-left    : 10px;
    padding-right   : 10px;
}
#sidebar {
    float: left;
    width: 347px;
    padding-left: 20px;
}

#sidebar_content {
    float: left;
    width: 298px;
    padding-left: 20px;
}

#sidebar ul {
    margin: 0;
}

#sidebar li {
    list-style: none;
    width: 367px;
}

#sidebar ul li a,#sidebar ul li a:link,#sidebar ul li a:visited {
    text-decoration: none;
    color: #333;
    display: block;
}

#sidebar_content ul {
    margin: 0;
}

#sidebar_content li {
    list-style: none;
    width: 298px;
}

#sidebar_content ul li a,#sidebar_content ul li a:link,#sidebar_content ul li a:visited {
    text-decoration: none;
    color: #333;
    display: block;
}

#list_homeactu {
    width: 305px;
}

#menu_secondaire {
    width: 280px;
}

#list_homeactu li {
    list-style: none;
    background: transparent url(../images/common/puce_actu.gif) 3px 9px no-repeat;
    padding: 3px 0 3px 15px;
    color: #80003b;
    font-weight: bold;
    font-family: verdana, arial;
    text-transform: uppercase;
    width: 315px;
}

#menu_secondaire li {
    list-style-image: none;
    font-weight: bold;
    font-family: verdana, arial;
    width: 280px;
    font-size: 10px;
}

#menu_secondaire li a {
    background: #f3f5f3 url(../images/common/puce_actu.gif) left 5px no-repeat;
    padding: 3px 0 3px 15px;
    width: 265px;
}
#menu_secondaire li.on a, #menu_secondaire li.on a:link, #menu_secondaire li.on a:visited {
    color: #80003B;
}

ul.menu_niv3 {
    margin: 10px 0 10px 0 !important;
    background: #FFF;
}

.menu_niv3 li {
    margin: 0 0 0 20px !important;
    padding: 1px 0 1px 10px !important;
    background: url(../images/common/puce_menu3.gif) left 5px no-repeat !important;
    list-style: none;
    font-weight: normal;
    font-family: verdana, arial;
    width: 315px;
}

#menu_secondaire ul.menu_niv3 li {
    font-weight: normal;
}

#menu_secondaire ul.menu_niv3 li a {
    background: #FFF;
    padding: 0;
}

#menu_secondaire ul.menu_niv3 li.on a,#menu_secondaire ul.menu_niv3 li a:hover {
    color: #80003B;
    font-weight: bold;
}

ul.homeactu {
    padding: 10px 0 10px 0;
}

.homeactu li {
    background: none !important;
    font-weight: normal !important;
    width: 305px !important;
    color: black !important;
    text-transform: none !important;
}

.homeactu li.lien_actus a,.homeactu li.lien_actus a:link,.homeactu li.lien_actus a:visited,.homeactu li.lien_actus a:hover {
    text-align: right !important;
    padding-top: 3px !important;
    padding-right: 5px;
    color: #80003b !important;
    font-weight: bold;
    background: none !important;
    font-size: 10px;
}

.homeactu li.lien_actus a:hover {
    text-decoration: underline !important;
}

span.home_suite_actu a,span.home_suite_actu a:link,span.home_suite_actu a:visited,span.home_suite_actu a:hover {
    color: #de6422 !important;
    font-weight: bold !important;
    background: none !important;
    display: inline !important;
}

h3.actu {
    background: none;
}

/* --- CONTENT --- */
#rail {
    margin: 0 0 25px 25px;
    color: #7f7f7f;
}

#rail a,#rail a:link,#rail a:visited {
    color: #7f7f7f;
    text-decoration: underline;
}

#rail a:hover {
    color: #80003B;
}

#content {
    width: 612px;
    float: left;
    padding-right: 10px;
    margin-top: 40px;
}

#content_content {
    width: 671px;
    float: left;
    padding: 0px;
    margin-top: 40px;
}

h1#page_title {
    padding: 0;
    margin: 0 0 0 25px;
    color: #001f57;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 25px;
}

#content_wysig {
    margin: 0 18px 0 25px;
}

#content_wysig_sscolonne {
    margin: 0 18px 0 25px;
}

.date {
    font-weight: normal;
    color: black;
}

/* --- FOOTER --- */
#footer {
    padding: 0;
}

#footer_menu {
    text-align: center;
}

#footer ul {
    margin: 10px 0 10px 0;
}

#footer ul li {
    display: inline;
    list-style: none;
    margin: 0 1px;
}

#footer ul li,#footer ul li a,#footer ul li a:link,#footer ul li a:visited {
    font-size: 10px;
    text-decoration: none;
    color: #000;
    font-family: Tahoma, Verdana, Arial, sans-serif;
}

#footer ul li a:hover {
    text-decoration: underline;
}

#footer_content {
    width: 1008px;
    margin: 0 auto;
}

/* --- Plan du site --- */
table.plan img {
    vertical-align: top;
    margin: 0px;
}

table.plan a.croisement {
    font-weight: bold;
    text-decoration: none;
}

table.plan a.extremite {
    text-decoration: none;
}

/* --- Sondage --- */
table.sondage {
    width: 198px;
    background: #FFF;
}

table.sondage ul {
    list-style: none;
    margin: 0 0 10px 10px;
    color: #4c4c4c;
}

table.sondage h1 {
    margin: 0 5px;
    padding-bottom: 5px;
    font-size: 16px;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
    letter-spacing: -1px;
    color: #767676;
    border-bottom: 1px dotted #767676;
}

table.sondage h2 {
    color: #003064;
    font-size: 12px;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
    padding: 0 0 10px 5px;
}

table.sondage a,table.sondage a:link,table.sondage a:visited {
    color: #003064;
    font-size: 12px;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
    font-weight: bold;
}
div.barre_sondage {
    clear               : both;
    background          : #A5002D url(../images/gabarit/sondage/fond_barre.gif) top left repeat-x;
    height              : 5px;
}

/* --- Minibase --- */
div#actus_afp {
    width               : 315px;
}

div#titre_afp {
     background         : transparent url(../images/common/puce_actu.gif) 3px 9px no-repeat;
     padding            : 6px 0 3px 15px;
     color              : #80003b;
     font-weight        : bold;
     font-family        : verdana, arial;
     text-transform     : uppercase;
     width              : 315px;
}
div.les_afps {
     width              : 285px;
     padding-left       : 15px;
}

div.titre_afp {
    font-family         : verdana, arial;
    width               : 305px;
    font-size           : 11px;
}

div.description_courte_afp {
    font-family         : verdana, arial;
    width               : 225px;
    font-size           : 10px;
}
div.separateur {
    margin-top          : 15px;
    margin-bottom       : 10px;
    padding-left        : 15px;
}
div.lien_afp {
    text-align          : right;
}
div.lien_afp a,div.lien_afp a:link,div.lien_afp a:visited,div.lien_afp a:hover {
    padding-top         : 3px !important;
    padding-right       : 5px;
    color               : #80003b !important;
    font-weight         : bold;
    background          : none !important;
    font-size           : 10px;
}

div.lien_afp a:hover {
    text-decoration     : underline !important;
}