/* CSS Document */
#page {
    margin: auto;
}
/************************************************************************************************************************************************
******************************************* SQUELETTE HOME **********************************************************************************
*************************************************************************************************************************************************/
/*****************************************
****************** HEADER *************
******************************************/
#header {
    width: 950px;
    text-align: left;
    margin: 0 auto 27px auto;
}
.pages  #header {
    margin: 0 auto 7px auto;
}
.logo {
    padding: 9px 20px 0 6px;
    float: left;
}
#header p {
    color: #fff;
    font-weight: bold;
    font-size: 267%;
    float: left;
    width: 604px;
    margin:7px 0 40px;
    font-family:Arial,Helvetica,sans-serif;
}
#header p span {
    font-size: 71%;
    display: block;
}
#header p a {
    font-size: 71%;
    display: block;
    color: #fff;
    float: right;
    background: url(../images/css/puce_bleu.gif) no-repeat 0 4px;
    padding: 0 0 0 20px;
    font-weight: normal;
}
.barre_liens {
    float: right;
    text-align: right;
    padding: 15px 0 0 0;
    width: 700px;
    margin-right: -30px;    
}
.barre_liens ul {
    float: right;
    padding: 3px 0 0 0;
    width: 260px;
}
.barre_liens li {
    display: inline;
    border-right: 1px solid #d5d5d5;
    padding: 0 8px;
}
.barre_liens form {
    float: right;
    width: auto;
    text-align: left;
    width: 186px;
}
.barre_liens form label{
    display: none;
}
.barre_liens form select{
    width: 156px;
    margin: 0 0 0 15px;
}
.barre_liens form .input{
    width: 140px;
    padding: 4px 0 0 23px;
    height: 16px;
    background: url(../images/css/input.gif) no-repeat;
    margin: 0 -4px 0 0;
}
.barre_liens form .lien{
    display: block;
    color: #666;
    padding: 0 0 0 23px;
}
.barre_nav {
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px 0 0 0;
 }
.barre_nav img {
    float: right;
}
.barre_nav ul {
    background: url(../images/css/sepa_nav.gif) no-repeat;
    min-height: 52px;
    height: auto;
    padding: 0 0 0 1px;
}
.barre_nav li {
    float: left;
    font-size: 144.5%;
    font-weight: bold;
    background: url(../images/css/sepa_nav.gif) no-repeat top right;
    padding: 0 1px 0 0;
    position: relative;
}
.barre_nav li a {
    float: left;
    display: block;
    height: 31px;
    padding: 17px 14px 0 14px;
    border-bottom: 4px solid #ccc;
}
.barre_nav li a:hover {
    background: #c3ddee;
    text-decoration: none;
}
.barre_nav li.li_accueil a {
    border-bottom-color: #4268a4;
}
.barre_nav li.li_accueil a:hover {
    color: #4268a4;
}
.barre_nav li.li_nous a,
.barre_nav li.li_nous_encour a {
    border-bottom-color: #a75585;
}
.barre_nav li.li_nous a:hover,
.barre_nav li.li_nous_encour a  {
    color: #a75585;
    background: #d9eaf5;
}
.barre_nav li.li_informer a,
.barre_nav li.li_informer_encour a  {
    border-bottom-color: #e13f00;
}
.barre_nav li.li_informer a:hover,
.barre_nav li.li_informer_encour a {
    color: #e13f00;
    background: #d9eaf5;
}
.barre_nav li.li_projets a {
    border-bottom-color: #f78000;
}
.barre_nav li.li_projets a:hover {
    color: #f78000;
    background: #d9eaf5;
}
.barre_nav li.li_reseau a,
.barre_nav li.li_reseau_encour a  {
    border-bottom-color: #f6a201;
}
.barre_nav li.li_reseau a:hover,
.barre_nav li.li_reseau_encour a {
    color: #f6a201;
    background: #d9eaf5;
}
.barre_nav li.li_accueil_encour a,
.barre_nav li.li_accueil_encour a:hover {
    background: #c3ddee;
    color: #4268a4;
    border-bottom-color: #4268a4;
}
.barre_nav li.li_projets_encour a,
.barre_nav li.li_projets_encour a:hover {
    background: #d9eaf5;
    color: #f78000;
    border-bottom-color: #f78000;
}
/**  nivo 2*/
#menu ul ul {
    display:none;
}
#menu ul li:hover ul , #menu ul li.sfhover ul{
    display:block;
}
.barre_nav li ul {
    position: absolute;
    width: 189px; 
    background: url(../images/css/ss_menu.gif) no-repeat bottom left #ecf5fa;
    height: auto;
    padding: 0;
    z-index:999999;
    top: 51px;
    left: -1px;
}
.barre_nav li li {
    float: none;
    font-size: 85%;
    font-weight: bold;
    background: none;
    padding: 0 0 0 0;
    z-index:+999999;
}
.barre_nav li.li_projets li a,
.barre_nav li.li_accueil li a,
.barre_nav li.li_projets_encour li a,
.barre_nav li.li_accueil_encour li a,
.barre_nav li.li_nous li a,
.barre_nav li.li_nous_encour li a,
.barre_nav li.li_informer li a,
.barre_nav li.li_informer_encour li a,
.barre_nav li.li_reseau li a,
.barre_nav li.li_reseau_encour li a   {
    float: none;
    display: block;
    background: url(../images/css/sepa_ss_menu.gif) no-repeat;
    height: auto;
    padding: 6px 15px 6px 10px;
    border-bottom: 0;
    color: #0a3c72;
}
.barre_nav li.li_projets li a:hover,
.barre_nav li.li_accueil li a:hover,
.barre_nav li.li_projets_encour li a:hover,
.barre_nav li.li_accueil_encour li a:hover,
.barre_nav li.li_nous li a:hover,
.barre_nav li.li_nous_encour li a:hover,
.barre_nav li.li_informer li a:hover,
.barre_nav li.li_informer_encour li a:hover,
.barre_nav li.li_reseau li a:hover,
.barre_nav li.li_reseau_encour li a:hover {
    color: #fff;
}
.barre_nav li.li_projets li a:hover,
.barre_nav li.li_projets_encour li a:hover{
    background: #f78000;
}
.barre_nav li.li_nous li a:hover,
.barre_nav li.li_nous_encour li a:hover {
    background: #a75585;
}
.barre_nav li.li_informer li a:hover,
.barre_nav li.li_informer_encour li a:hover {
    background: #e13f00;
}
.barre_nav li.li_reseau li a:hover,
.barre_nav li.li_reseau_encour li a:hover {
    background: #f6a201;
}
/*****************************************
****************** FOOTER *************
******************************************/
#footer {
    /**background: url(../images/css/bg_footer.gif) repeat-y top center;**/
}
.acces_rapide {
    background: url(../images/css/bg_lien_rapide.gif) no-repeat top center;
    height: 120px;
    padding: 10px 0 0 0;
}
#footer a {
    color: #0a3c72;
}
#footer .inside {
    width: 950px;
    text-align: center;
    margin: 0 auto;
    padding: 13px 0 0 0;
    color: #464952;
}
#footer .inside ul  {
    padding: 0 0 10px 0;
}
#footer .inside li  {
    display: inline;
}
#footer .inside p  {
    padding: 0 0 14px 0;
}
#footer .inside ul.partenaires  {
    padding:0 260px 10px 0 ;
    width: 280px;
    background: url(../images/css/bg_footer01.gif) no-repeat top right;
    margin: 0 auto;
}
#footer .inside .partenaires li  {
    padding: 0 1px;
}
#footer .acces_rapide .inside {
    text-align: left;
    padding: 12px 0 15px 76px;
    font-size: 110%;
}
#footer .acces_rapide .inside ul  {
    padding: 0;
}
#footer .acces_rapide .inside li  {
    display: block;
    font-weight: bold;
    float: left;
    width: 155px;
    text-transform: uppercase;
    padding: 0 0 2px 0;
}
#footer .acces_rapide .inside li li  {
    font-weight: normal;
    text-transform: none;
    float: none;
}
/*****************************************
****************** CONTENEUR *************
******************************************/
#conteneur {
    width: 950px;
    text-align: left;
    margin: 0 auto 27px auto;
}
#conteneur h3{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#conteneur h2 {
    color: #323232;
    font-weight: bold;
    font-size: 144.5%;
}
.col_gauche {
    width: 193px;
    margin: 0 19px 0 -2px;
    float: left;
}
.centre {
    width: 554px;
    margin: 0 0 0 0;
    float: left;
}
.col_droite {
    width: 170px;
    margin: 0 -2px 0 0;
    float: right;
    position: relative;
    overflow-x: hidden;
}
.fil_ariane {
    color: #fff;
    font-size: 133.5%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0 0 6px 0;
    position: static;
    zoom : 1;
    z-index: 9;
}
.fil_ariane a {
    color: #fff;
}
.fil_ariane li {
    display: inline;
}
.fil_ariane li.encour {
    font-size: 92%;
    font-weight: normal;
}

.barre_liens {
    width: 730px;
    border-top: 1px solid #fff;
    margin-right: -0px;   
}
.barre_liens {
    padding: 7px 0 0 0;    
}
.barre_nav {
    padding:0; 
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    div.barre_nav  {
        padding: 4px 0 0 0;
    }
    .acces_rapide {
        margin: 0;
    }
    
  }