/* --- CONTAINER --- */

@import url("content.css");
@import url("superfish.css");

body {
    background         : url(../images/fond.jpg) repeat-x;
    padding            : 0;
    color              : #000;
    margin:0px;

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

.interne h3{
    color : #227aaf;
    /*background         : url(../images/h3_fleche.jpg) no-repeat;*/
    /*padding-left       : 13px;*/
}

.interne {
    background         : url(../images/contenu_fond.jpg) repeat-x !important;
    padding:20px !important;
}


#container {
    margin             : auto;
    width              : 922px;
    padding            : 0px;
}

/* --- HEADER --- */
#header {
    position:relative;
}
#header_background {
    height:103px;
    _height:103px;
    position:relative;
}
#header_menu {
    text-align         : left;
}
#header ul {
    left:0px;
    position:relative;
    margin             : 0;

}

.ssmenu {
    position:absolute !important;
}

.sf-menu {
    background         : url(../images/menu_fond.jpg) 50% 50% repeat-x;
    width              : 100%;

}

.sf-menu li ul {
    background : #4DAECF;
    width: auto;
}
.sf-menu li ul li {
    background : #4DAECF;
}

#divflag{
    bottom:0px;
    right:0px;
    position:absolute;
    height:20px;
}

#flag{
    position: absolute;
    right:0px;
    padding-top:5px;
}

#flag ul{
    margin:0;
}

#flag li{
    list-style:none;
    margin:0px;
}

.ssmenu {
    padding             : 0px !important;
}

/*.ssmenu ul {
    padding              : 0px !important;
}*/

.ssmenu li {
    background          : #4DAECF !important;
    width               : 100% !important;
    /*display             : block !important;*/
    height              : auto !important;
    margin              : 1px;
    _width              : 120px !important;
    *width              : 120px !important;
}

.ssmenu li a, .ssmenu li a:link, .ssmenu li a:visited {
    border              : 0 !important;
    padding             : 5px !important;
    margin              : 0px;
    height              : auto !important;
    /*display             : block !important;*/
}

.ssmenu li a:hover {
   background           : #0E6D9E none !important;
   background-image: none !important;
   display: block !important;
}


#header ul li {
    _width              : 10px;
    height              : 24px;
    list-style          : none;
    margin              : 0;
    background          : url(../images/menu_fond.jpg) 50% 50% repeat-x;
}

#header ul li a, #header ul li a:link, #header ul li a:visited {
    border-right:1px solid #FFFFFF;
    color:white;
    font-size:13px;
    height:20px;
    padding:4px 20px 0;
    text-decoration:none;
}

#header ul li.on a, #header ul li.on a:link, #header ul li.on a:visited {
    background         : #ACC958;
    color              : #FFF;

}
#header ul li li a, #header ul li li a:link, #header ul li li a:visited {
    padding            : 5px 20px;
    font-size          : 11px;
}

.ssmenu .on {
    background         : none !important;
}

#header ul li:hover,  #header ul li .on{
    background         : url(../images/menu_fond_over.jpg) 50% 50% repeat-x;
    color              : #FFF;
}
#secu{
    float              : right;
    width:260px;
    text-align         : left;
    background-color   : #e7f2f6;
    color              : #90a8b3;
}
#secu p{
    padding-left       : 5px;
    margin             : 5px;
}
#secu h3 {
    background-color   : #B8D8E6;
    color              : #7E8D95;
    font-size          : 12px;
    font-weight        : normal;
    margin             : 0;
    padding            : 2px;
    padding-left       : 5px;
}

#content p{

}

input, select{
    font-size:14px;
    border:1px solid #d5dfe4;
    color:#7E8D95;
}

#secu input{
    height:13px;
    font-size:10px;
    border:1px solid #d5dfe4;
}
#secu_demande{
    background         : white;
}
#secu_demande a {
    color              : #abbbc3;
}
#secu_demande a:hover {
    color              : #7E8D95;
}


/* --- SIDEBAR --- */
#sidebar {
    float              : left;
    width              : 180px;
    background         : #DDD;
}
#sidebar ul {
    margin             : 0;
}
#sidebar li {
    list-style         : none;
    width              :    180px;
}
#sidebar ul li a, #sidebar ul li a:link, #sidebar ul li a:visited {
    text-decoration    : none;
    color              : #333;
    display            : block;
    padding            : 5px 0 5px 10px;
    border-bottom      : 1px dotted #FFF;
}
#sidebar ul li.on a, #sidebar ul li.on a:link, #sidebar li.on a:visited {
    background         : #ACC958;
    color              : #FFF;
}
#sidebar ul li a:hover {
    background         : #333;
    color              : #FFF;
}
#sidebar ul li:hover ul,
#sidebar ul li.sfHover ul {
    left               : 180px;
    top                : 0;
}

/* --- CONTENT --- */
#content {

    padding            : 10px 0px;
    background         : url(../images/contenu_fond_home.jpg) repeat-x !important;
}
#page_title {
    border-bottom      : 1px solid #474D4D;
}

/* --- FOOTER --- */
#footer {
    background         : #333;
    padding            : 10px;
}
#footer_menu {
    text-align         : center;
}
#footer ul {
    margin             : 0;
}
#footer ul li {
    display            : inline;
    list-style         : none;
    margin             : 0 5px;
}
#footer ul li, #footer ul li a, #footer ul li a:link, #footer ul li a:visited {
    text-decoration    : none;
    color              : #FFF;
}
#footer ul li a:hover {
    text-decoration    : underline;
}


/* ACTU LISTE */

#actuliste{

height: 30px;
background-color: #a9cce2;
padding:5px;
}

#actuliste li{
    float              : left;
    color              : #36504c;
    list-style         : none;
    font-size          : 15px;
    margin             : 0px 20px 0px 0px;
}

#actuliste li a {
    color              : #36504c;
    font-style:italic;
    vertical-align:top;
    font-size:12px;
    font-weight:bold;
}

.actu_infos {
    color              : #8c8e8f;
}

.actu_infos .content{
width:160px;
}
#actuliste li img{
margin:0 5px 0 0;
height:14px;
}

#infos_sur_actu{
    background-color: #d7e7f3;
    padding:10px;
    padding-bottom:5px;
    padding-left:20px;
}

#infos_sur_actu h2{
    font-size:12px;
}

#infos_sur_actu img{
    max-height             : 85px;
    border             : 0 solid;
}

.actu_infos{
    margin-right:10px;
    float:left;
}

/* --- COPYRIGHT --- */
#copyright {
    padding            : 5px 0px;
    text-align         : center;
    color              : #FFF;
    font-size          : 10px;
}
#copyright a, #copyright a:visited, #copyright a:link, #copyright a:active, #copyright a:hover, #copyright a:focus {
    color              : #FFF;
    text-decoration    : none;
}
#copyright img {
    vertical-align     : middle;
}


/*
* GABARIT CLASSIQUE COMPLET
*/
td#chapeau {
    font-size: 14px;
    background: url(../images/pages/tech_box2.jpg) repeat-x;
}
td#chapeau h1 {
    font-size: 30px;
    color: #FFF;
    border: 0;
    margin: 25px 0 5px 60px;
    padding: 0;
}
td#chapeau p {
    color: #FFF;
    margin-top: 10px;
    margin-left: 60px;
}

#tablo_contenu {
    border: 1px solid #a0daf3;
    width: 100%;
    background: #FFF;
    /*width: 878px;
    height: 525px;*/
}
#tablo_contenu h3 {
    background: url(../images/pages/puce2.jpg) no-repeat left;
    padding-left: 15px;
}
#tablo_contenu .sidebar .encart {
    color: #FFF;
    font-size: 15px;
    background: #2A4F6C;
    padding: 20px;
    /*margin-left: 30px;*/
}
#tablo_contenu .sidebar .liens {
    padding: 0 20px 0 20px;
    background: url(../images/pages/sidebar_bg.jpg) no-repeat top right;
    height: 374px;
}
#tablo_contenu .sidebar .liens a, #tablo_contenu .sidebar .liens a:link, #tablo_contenu .sidebar .liens a:visited {
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
}