/* CSS - PAGE RAYON */
@media screen {
    /* GENERIQUE */
    /* CLASSES */
    /* Main - Rayon */
    div#main div#body {
        width:100%;
        background-color:transparent;        
    }
    /* Main - Rayon - Page */
    div#main div#body div.page {
        width:1000px;
    }
    div#main div#body div.page div#body-flash {
        z-index:20;
        margin-top:60px;
    }
    html>body div#main div#body div.page div#body-flash {
        margin-top:85px;
        *margin-top:60px;
    }
        
    /* Main - Rayon - Page - Contenu */
    div#main div#body div.page div#body-page {
        width:1000px;
        z-index:1;
        position:relative;
    }
    div#main div#body div.page div#body-page h2 {
        margin-bottom:-12px;
    }
    
    /* MENU INTERNE */
    div#body-page-menu div{
        margin:15px 0 15px 5px;
    }
    div#body-page-menu div ul li {
        float:left;
        padding:2px 15px 0 0;
        height:16px;
        color:#FFFFFF;
        width:auto;
        border-right:0px;
        background-color:transparent;
    }
    div#body-page-menu div ul li a {
        cursor:pointer;
        color:#bbb !important;
        text-decoration:none;
        font-size:12px;
    }
    div#body-page-menu div ul li.open {
        background-color:transparent;
        color:#FFF !important;
    }
    div#body-page-menu div ul li.open a {
        color:#FFF !important;
    }
    div#body-page-menu div ul li.over {
        color:#bbb !important;
        background-color:transparent;
    }
    div#body-page-menu div ul li.over a {
        color:#bbb !important;
    }    
    div#body-page-menu div ul li a:hover {
        color:#FFF !important;
    }    
    
    /* PAGE INNOVATIONS */
    div#main div#body div.page div#body-page div#body-page-texte {
        float:right;
        width:355px;
        margin:-450px 0 0 640px;
        position:absolute;
    }
    div#main div#body div.page div#body-page div#body-page-texte a {
        padding:0 15px;
    }
    div#main div#body div.page div#body-page div#body-page-texte div {
        padding-bottom:15px;
        background-color:transparent;
        background-position:bottom left;
        background-repeat:no-repeat;
    }
    div#main div#body div.page div#body-page div#body-page-texte h3 {
        margin:0px;
        padding:8px 15px;
        color:#7f7f7f;
    }
    div#main div#body div.page div#body-page div#body-page-texte h4 {
        margin:0px;
        padding:10px 0px 7px 15px;
        font-weight:bold;
        font-size:12px;
        color:#7f7f7f;
    }
    div#main div#body div.page div#body-page div#body-page-texte p {
        margin:0px 0px 0px 0px;
        padding:0px 15px;
        text-align:justify;
        color:#000;
    }
    div#main div#body div.page div#body-page div#body-page-texte p a {
        color:#000;
    }
    div#main div#body div.page div#body-page div#body-page-lien {
        float:right;
        clear:both;
        text-align:right;
        width:505px;
    }
    * html div#main div#body div.page div#body-page div#body-page-lien {
        width:505px;
    }
    div#main div#body div.page div#body-page div#body-page-lien div.background {
        width:495px;
        height:100px;
    }
    * html div#main div#body div.page div#body-page div#body-page-lien div.background {
        width:505px;
    }    
    div#main div#body div.page div#body-page div#body-page-lien ul {
        position:absolute;
        margin:8px 12px;
        padding:0px;
        list-style-type:none;
        z-index:22;
    }
    div#main div#body div.page div#body-page div#body-page-lien ul li {
        float:left;
        width:110px;
        height:100px;
        text-align:center;
        margin-left:10px;
        color:#0090ce;
        background:url(../images/static/bg-lien-portail.png) no-repeat;
    }
    * html div#main div#body div.page div#body-page div#body-page-lien ul li {
        background:url(../images/static/bg-lien-portail.gif) no-repeat;
    }
    div#main div#body div.page div#body-page div#body-page-lien ul li img {
        margin-bottom:3px;
    }
    div#main div#body div.page div#body-page div#body-page-lien ul li a {
        color:#000;
        display:block;
        width:80px;
        margin:5px 0 0 15px;
        float:left;
        text-decoration:underline;
    }
    * html div#main div#body div.page div#body-page div#body-page-lien ul li a {
        margin-left:7px;
    }
    div#main div#body div.page div#body-page div#body-page-lien ul li a img{
        float:left;
        padding:0;
    }
    div#main div#body div.page div#body-page div#body-page-lien ul li a:hover {
        text-decoration:underline;
    }
    
    /* Specifique page innovation */
    div#main div#body div.page div.gammes #body-flash {
        padding:24px;
        width:424px;
        height:424px;
        background: url(../images/static/bg-innovations-left.png) no-repeat;
        margin-top:60px;
    }
    div#main div#body div.page div.gammes div.contenu-gammes {
        background: url(../images/static/bg-innovation-right.gif) no-repeat;
        height:472px !important;
        margin-left:484px !important;
        margin-top:-472px !important;
        width:516px !important;
    }
    
    /* Specifique page versatile */
    div#main div#body div.page div.versatile #body-flash {
        padding:24px;
        width:424px;
        height:424px;
        background: url(../images/static/bg-innovations-left.png) no-repeat;
        margin-top:60px;
    }
    div#main div#body div.page div.versatile div.contenu-versatile {
        background: url(../images/static/bg-innovation-right.gif) no-repeat;
        height:472px !important;
        margin-left:484px !important;
        margin-top:-488px !important;
        width:516px !important;
    }
    html>body div#main div#body div.page div.versatile div.contenu-versatile {
        margin-top:-472px !important;
    }
    
    /* Specifique page qui sommes-nous */
    div#main div#body div.page div.qui-sommes-nous #body-flash {
        background: url(../images/static/091216-bloc-texte-innov.gif) no-repeat;
        background-position:500px 17px;
    }
    div#main div#body div.page div.qui-sommes-nous div.contenu-qui-sommes-nous {
        margin:-440px 0 0 500px !important;
        width:492px !important;
    }
    
    
    /* Specifique PAGE PRESENTATION */
    div#main div#body div#page-presentation {
        background: url(../images/static/0908-back-page-partenaires.png) no-repeat center bottom;
        padding-bottom:8px;
        margin-bottom:8px;
        width:980px;
    }    
    div#main div#body div.page div.presentation {
        width:980px !important;
        padding-bottom:15px !important;
        background-color:transparent;
        background-position:center 55px;
        background-repeat:no-repeat;
        background-image:url(../images/static/0908-back-body-page-partenaires.png);
        padding-bottom:8px;
    }
    div#main div#body div.page div.presentation div#body-flash {
        margin-left:30px !important;
    }
    div#main div#body div.page div.presentation div.contenu-presentation {
        margin:-420px 0 0 500px !important;
        width:440px !important;
    }
    div#main div#body div.page div.presentation div.pictos-presentation {
        margin-top:-60px;
    }
}
@media print {
}