body {
    margin:                 0;
    padding:                8px 0;
    background:             #390067;
    font:                   .8em arial, helvetica, sans-serif;
}

a.edit {
    display:                none;
}

#container {
    position:               relative;
    margin:                 0 auto;
    width:                  990px;
    background:             #fff;
    border-top:             1px solid #fff;
}



/** header ********************************************************************/

#header {
    height:                 176px;
    margin:                 0;
    padding-top:            21px;
    background:             #FFCD00 url(images/header.jpg) no-repeat center bottom;
}

#header h1 {
    margin:                 30px 37px;
    padding:                0;
}

#header h1 a {
    display:                block;
    width:                  116px;
    height:                 127px;
    text-indent:            -100em;
    overflow:               hidden;
}



/** title *********************************************************************/

#title {
    display:                none;
}

/** outercontent **************************************************************/

#outercontent {
    position:               static;
    /*margin:                 21px 0 0;*/
    margin:                 0px 0 0;
    padding:                0;
    background:             #fff;
    border:                 0;
}

/** content *******************************************************************/

#content {
    min-height:             300px;
    height:                 auto !important;
    height:                 300px;
    margin-left:            187px;
    margin-top:             0px;
}

/** actualites ****************************************************************/
/******************************************************************************/
#actualites {
    overflow:               hidden;
}


/** actualites top ************************************************************/
#actualites #topblock {
    height:	                auto!important;
    width:                  174px;
}
#actualites #topblock h2 {
    margin:                 0px;
    padding-top:            5px;
    color:                  #420967;
    font-size:              30px;
}

#actualites #topblock h3 {
    margin:                 0px;
    color:                  #9482B6;
    font-weight:            bold;
    font-size:              16px;
}

/** actualites leftblock ******************************************************/
#actualites #leftblock {
    float:                  left;
    min-height:                 497px;
    height:                 auto!important;
    width:                  174px;
}
#actualites #leftblock #top {
    background:             url(images/arti_left_bck.jpg) no-repeat left;
    height:                 81px;
    padding:                5px 0 20px 0;
}

#actualites #leftblock #middle ul {
    margin:                 0;
    padding:                0;
    list-style:             none;
}

#actualites #leftblock #middle li {
    font-size:              10px;
    color:                  #420967;
    margin-top:             12px;
    padding:                0 0 5px 5px;
    border-left:            4px solid #420967;
}

#actualites #leftblock #middle strong.titre {
    font-size:              12px;
    color:                  #420967;
    font-weight:            bold;
}

#actualites #leftblock #middle strong.resume {
    font-size:              12px;
    width:                  250px;
    color:                  #420967;
    font-style:             italic;
    font-weight:            normal;
}

#actualites #leftblock #middle strong.detail {
    font-size:              10px;
    color:                  #9482B6;
    font-weight:            normal;
}

#actualites #leftblock #middle a {
    float:                  right;
    font-size:              10px;
    color:                  #9482B6;
    font-weight:            normal;
    text-decoration:        none;
    padding:                0 0 0 28px;
    background:             url(images/arti_arrow_yellow.jpg) no-repeat left;
}

#actualites #leftblock #middle a:hover {
    color:                  #7653B7;
}

#actualites #leftblock #bottom {
    padding:                40px 0 0 0;
}

#actualites #leftblock #bottom h3 {
    margin:                 0px;
    float:                  left;
    width:                  150px;
    padding-left:           5px;
    background:             #ffcc00;
    font-weight:            bold;
    font-size:              12px;
    color:                  #420967;
}

#actualites #leftblock #bottom ul {
    float:                  left;
    margin:                 2px 0 0 0;
    padding:                0 0 0 0px;
    list-style:             none;
}

#actualites #leftblock #bottom li {
    font-size:              10px;
    color:                  #420967;
    
}

#actualites #leftblock #bottom a {
    font-size:              10px;
    color:                  #420967;
    text-decoration:        none;    
}

/** actualites rightblock *****************************************************/
#actualites #rightblock {
    float:                  right;
    right:                  0px;
    width:                  560px;
    min-height:             554px;
    height:                 auto!important;
    width:                  540px;
}

#actualites #rightblock #center {
    width:                  480px;
    border-right:           15px solid #420967;
    height:                 auto;
}

#actualites #rightblock #center h2 {
   font-size:               16px;
   color:                   #420967;
   font-weight:             bold;
}

#actualites #rightblock #center p.resume {
   padding-right:           10px;
   font-size:               12px;
   color:                   #420967;
   font-weight:             bold;
}

#actualites #rightblock #center ul {
   padding:                 0 0 0 15px;
   margin:                  0;
}

#actualites #rightblock #center li {
   font-size:               12px;
   color:                   #420967;
   font-weight:             bold;
}

#actualites #rightblock #center strong.details {
   padding-right:           10px;
   font-size:               10px;
    color:                  #9482B6;
   font-weight:             normal;
}

#actualites #rightblock #center p.texte {
   padding-right:           10px;
   font-size:               12px;
   color:                   #420967;
   font-weight:             normal;
}

#actualites #rightblock #center p {
   padding-right:           10px;
   font-size:               12px;
   color:                   #420967;
   font-weight:             normal;
}

#actualites #rightblock #center #image {
    width:                    175px;
    height:                   auto;
    float:                    left;
}

#actualites #rightblock #center #image img {
    width:                    175px;
    border:                   0px;
}

#actualites #rightblock #center #contenu {
    position:                 relative;
    padding-left:             195px;
}


/** article *******************************************************************/
/******************************************************************************/
#articles {
    overflow:               hidden;
}

/** article top ***************************************************************/
#articles #topblock {
    height:                 auto;
    background:             url(images/arti_titre_bck.jpg) no-repeat right;
}

#articles #topblock h2 {
    margin:                 0px;
    padding-top:            5px;
    color:                  #420967;
    font-size:              30px;

}

#articles #topblock h3 {
    margin:                 0px;
    color:                  #9482B6;
    font-weight:            bold;
    font-size:              16px;
}

/** article leftblock **************************************************************/
#articles #leftblock {
    float:                  left;
    background:             #fff url(images/arti_left_bck.jpg) no-repeat top;
    min-height:             497px;
    height:	                auto!important;
    width:                  174px;
}

#articles #leftblock h3 {
    float:                  left;
    width:                  133px;
    margin:                 100px 0 0 2px;;
    padding-left:           5px;
    background:             #ffcc00;
    font-weight:            bold;
    font-size:              12px;
    color:                  #420967;
}

#articles #leftblock ul {
    float:                  left;
    margin:                 2px 0 0 0;
    padding:                0 0 0 0px;
    list-style:             none;
}

#articles #leftblock li {
    font-size:              10px;
    color:                  #420967;
    
}

#articles #leftblock a {
    font-size:              10px;
    color:                  #420967;
    text-decoration:        none;    
}

/** article rightblock **************************************************************/
#articles #rightblock {
    float:                  right;
    top:                    258px;
    right:                  0px;
    width:                  560px;
    height:                 497px;
    height:                 auto!important;
}
#articles #rightblock #presse {
    width:                  510px;
    background:             url(images/arti_line.jpg) no-repeat bottom;
}

#articles #rightblock #presse #describe {
    width:                  330px;
}

#articles #rightblock #presse #describe ul {
    margin:                 0;
    padding:                0;
    list-style:             none;
}

#articles #rightblock  #presse #describe li {
    font-size:              10px;
    color:                  #420967;
    margin-top:             12px;
    padding:                0 0 5px 5px;
    border-left:            4px solid #420967;

}

#articles #rightblock #presse #describe li.firstchild {
    margin-top:             0px;
}

#articles #rightblock #presse #describe strong.titre {
    font-size:              12px;
    color:                  #420967;
    font-weight:            bold;
}

#articles #rightblock #presse #describe strong.resume {
    font-size:              12px;
    width:                  250px;
    color:                  #420967;
    font-style:             italic;
    font-weight:            normal;
}

#articles #rightblock #presse #describe strong.detail {
    font-size:              10px;
    color:                  #9482B6;
    font-weight:            normal;
}

#articles #rightblock #presse #pdf {
    float:                  right;
    margin-top:             -38px;
    height:                 27px;
    padding:                15px 0 0 0;
    width:                  145px;
    background:             url(images/arti_dl.jpg) no-repeat right;
}

#articles #rightblock #presse #pdf a:link, a:visited.dl {
    font-size:              10px;
    color:                  #9482B6;
    font-weight:            normal;
    text-decoration:        none;
    padding:                0 0 0 28px;
    background:             url(images/arti_arrow_yellow.jpg) no-repeat left;
}

#articles #rightblock #presse #pdf a:hover.dl {
    color:                  #7653B7;
}

/** footer ********************************************************************/

#footer {
    clear:                  both;
    height:                 20px;
    padding:                5px 0 0 800px;
    background:             url(images/footer.jpg) no-repeat;
    color:                  #fff;
    font-size:              10px;
}

/*#footer address {
    display:                none;
    font-style:             normal;
}*/

/** navcontainer **************************************************************/

#navcontainer {
    position:               absolute;
    top:                    197px;
    width:                  176px;
    margin:                 5px;
    padding-bottom:         15px;
    background:             #390068 url(images/navcontainer.jpg) no-repeat center bottom;
}

#navcontainer ul {
    margin:                 0;
    padding:                14px 0 0;
    list-style:             none;
    background:             url(images/nav-ul.jpg) no-repeat;
}

#navcontainer li {
    height:                 59px;
    background:             url(images/nav-li.jpg) no-repeat center bottom;
}

#navcontainer a.selected {
    background:             #FFCD00 url(images/nav-li-selected.jpg) no-repeat center bottom;
    color:                  #390068;
} 
#navcontainer a:hover {
    background:             #FFCD00 url(images/nav-li-rollover.jpg) no-repeat center bottom;
    color:                  #390068;
}

#navcontainer a {
    display:                block;
    height:                 37px;
    padding-right:          58px;
    padding:                12px 68px 10px 10px;
    color:                  #fff;
    text-decoration:        none;
}

#navcontainer #nav-articles-presse-a-telecharger a {
    background:             url(images/icon-pdf-big.jpg) no-repeat 124px 7px;
    color:                  #fff;
}

#navcontainer #nav-articles-presse-a-telecharger a.selected {
    background:             #FFCD00 url(images/nav-li-selected.jpg) no-repeat center bottom;
    color:                  #390068;
}  
#navcontainer #nav-articles-presse-a-telecharger a:hover {
    background:             #FFCD00 url(images/nav-li-selected.jpg) no-repeat center bottom;
    color:                  #390068;
}



/** subnavcontainer ***********************************************************/

#subnavcontainer {
    position:               absolute;
    top:                    0;
    width:                  100%;
    height:                 21px;
    background:             #390068;
}

#subnavcontainer ul {
    margin:                 2px 0 0;
    padding:                0;
    padding-left:           277px;
    list-style:             none;
}

#subnavcontainer li {
    display:                block;
    float:                  left;
    width:                  138px;
}

#subnavcontainer a {
    padding-right:          17px;
    background:             url(images/subnavcontainer-a.jpg) no-repeat right 6px;
    color:                  #fff;
    text-decoration:        none;
    text-transform:         lowercase;
}



/** slogans *******************************************************************/

#slogans {
    position:               absolute;
    top:                    29px;
    left:                   195px;
    padding-left:           27px;
    background:             url(images/slogans.jpg) no-repeat left center;
    font-weight:            bold;
    color:                  #390068;
}

#slogans p {
    margin:                 0;
    padding:                0;
}

/** boutons *******************************************************************/

#boutons {
    margin:                 0;
    padding:                0;
    list-style:             none;
}

#boutons #desserte-trimodale a {
    position:               absolute;
    top:                    55px;
    left:                   260px;
    display:                block;
    width:                  147px;
    height:                 102px;
    background:             url(images/bouton-desserte-trimodale.jpg);
    text-indent:            -100em;
    overflow:               hidden;
}

#boutons #desserte-trimodale a:hover {
    left:                   242px;
    width:                  183px;
    height:                 140px;
    background:             url(images/bouton-desserte-trimodale-hover.jpg);
}


#boutons #sur-site a {
    position:               absolute;
    top:                    55px;
    left:                   479px;
    display:                block;
    width:                  147px;
    height:                 104px;
    background:             url(images/bouton-sur-site.jpg);
    text-indent:            -100em;
    overflow:               hidden;
}

#boutons #sur-site a:hover {
    left:                   461px;
    width:                  183px;
    height:                 141px;
    background:             url(images/bouton-sur-site-hover.jpg);
}


#boutons #egale-distance a {
    position:               absolute;
    top:                    55px;
    left:                   696px;
    display:                block;
    width:                  147px;
    height:                 104px;
    background:             url(images/bouton-egale-distance.jpg);
    text-indent:            -100em;
    overflow:               hidden;
}

#boutons #egale-distance a:hover {
    left:                   681px;
    width:                  183px;
    height:                 140px;
    background:             url(images/bouton-egale-distance-hover.jpg);
}


/** extraDivs *****************************************************************/

#extraDiv1 {
    position:               absolute;
    top:                    51px;
    left:                   223px;
}

#extraDiv2 {
    position:               absolute;
    top:                    51px;
    left:                   443px;
}

#extraDiv3 {
    position:               absolute;
    top:                    51px;
    left:                   663px;
}