/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
        background: transparent;
        border: 0;
        margin: 0;
        padding: 0;
        vertical-align: baseline;
    }
    body {
        line-height: 1;
        font-family:Arial, Helvetica, sans-serif;
    }
    h1, h2, h3, h4, h5, h6 {
        clear: both;
        font-weight: normal;
    }
    ol, ul {
        list-style: none;
    }
    blockquote {
        quotes: none;
    }
    blockquote:before, blockquote:after {
        content: '';
        content: none;
    }
    del {
        text-decoration: line-through;
    }
    /* tables still need 'cellspacing="0"' in the markup */
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    a img {
        border: none;
    }
    a,li{
      outline:none !important;
  }
/* ==========================================================================
   Helper classes
   ========================================================================== */

    .ir {
        background-color: transparent;
        border: 0;
        overflow: hidden;
        *text-indent: -9999px;
    }

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

    .hidden {
        display: none !important;
        visibility: hidden;
    }

    .visuallyhidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

    .invisible {
        visibility: hidden;
    }

    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
    }

    .clearfix:after {
        clear: both;
    }

    .clearfix {
        *zoom: 1;
    }

/* ==========================================================================
   Print styles
   ========================================================================== */

    @media print {
        * {
            background: transparent !important;
            color: #000 !important; /* Black prints faster: h5bp.com/s */
            box-shadow:none !important;
            text-shadow: none !important;
        }

        a,
        a:visited {
            text-decoration: underline;
        }

        a[href]:after {
            content: " (" attr(href) ")";
        }

        abbr[title]:after {
            content: " (" attr(title) ")";
        }

        /*
         * Don't show links for images, or javascript/internal links
         */

        .ir a:after,
        a[href^="javascript:"]:after,
        a[href^="#"]:after {
            content: "";
        }

        pre,
        blockquote {
            border: 1px solid #999;
            page-break-inside: avoid;
        }

        thead {
            display: table-header-group; /* h5bp.com/t */
        }

        tr,
        img {
            page-break-inside: avoid;
        }

        img {
            max-width: 100% !important;
        }

        @page {
            margin: 0.5cm;
        }

        p,
        h2,
        h3 {
            orphans: 3;
            widows: 3;
        }

        h2,
        h3 {
            page-break-after: avoid;
        }
    }

/* ==========================================================================
   Fonts 
   ========================================================================== */

    @font-face {
    font-family: 'DINWeb';
    src: url('fonts/DINWeb.eot');
    src: url('fonts/DINWeb?#iefix') format('embedded-opentype'),
         url('fonts/DINWeb.woff') format('woff'),
         url('fonts/DINWeb.ttf') format('truetype'),
         url('fonts/DINWeb.svg#ui_essential72regular') format('svg');
    }
    @font-face {
    font-family: 'leaguegothic-regular-webfont';
    src: url('fonts/leaguegothic-regular-webfont.eot');
    src: url('fonts/leaguegothic-regular-webfont?#iefix') format('embedded-opentype'),
         url('fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('fonts/leaguegothic-regular-webfont.svg#ui_essential72regular') format('svg');
    }

/* ==========================================================================
   COLORS
   ========================================================================== */
   body.home{background: #bf0fa4;}
   body.home .middle{
        height:8px;
        line-height:8px;
        vertical-align: middle;
        text-align:center;
        background:url('img/home-middle.png') top left no-repeat;
        background-size: 687px 101%;
        position:relative;
    }
    body.home .up{background:url('img/home-up.jpg') top center no-repeat ;}
    body.home .bottom{background:url('img/home-bottom.jpg') top center no-repeat ;}
    /*immersion*/
    a.immersion{background-color:#ffc600;}
    body.immersion a.see strong span{background: #e6490b;}
    body.immersion{background: #ffc600;}
    body.immersion .chapo{background:url('img/bg-impression.png') top center repeat-y;}
    body.immersion a.see{background-color:#ffc600;}
    body.immersion .text{background:#ffeeb2;}
    body.immersion .text blockquote{color:#f45600;}
    body.immersion .more .description blockquote{color:#f45600;}
    body.immersion .text p.blockmore{color:#8d7933;background:url('img/bg-quote-immersion.png') bottom left no-repeat;}
    body.immersion .content time{background:#e23a0d;}
    body.immersion .text h5{color:#ff6c00;}
    body.immersion #letusknow{background-color:#ff7c46;}
    body.immersion #letusknow a{background-color:#df2a00;}
    body.immersion .middle{
        height:8px;
        line-height:8px;
        vertical-align: middle;
        text-align:center;
        background:url('img/immersion-middle.png') top left no-repeat;
        background-size: 687px 101%;
        position:relative;
    }
    body.immersion .up{background:url('img/immersion-up.jpg') top center no-repeat ;}
    body.immersion .bottom{background:url('img/immersion-bottom.jpg') top center no-repeat ;}
    /*location*/
    a.location{background-color:#ff6317;}
    body.location a.see strong span{background: #ff6317;}
    body.location{background: #ff6317;}
    body.location .chapo{background:url('img/bg-impression.png') top center repeat-y;}
    body.location a.see{background-color:#ff6317;}
    body.location .text{background:#ffd5c1;}
    body.location .text blockquote{color:#f45600;}
    body.location .more .description blockquote{color:#f45600;}
    body.location .text p.blockmore{color:#8d7933;background:url('img/bg-quote-immersion.png') bottom left no-repeat;}
    body.location .content time{background:#264beb;}
    body.location .text h5{color:#ff6c00;}
    body.location #letusknow{background-color:#ff7c46;}
    body.location #letusknow a{background-color:#df2a00;}
    body.location .middle{
        height:8px;
        line-height:8px;
        vertical-align: middle;
        text-align:center;
        background:url('img/location-middle.png') top left no-repeat;
        background-size: 687px 101%;
        position:relative;
    }
    body.location .up{background:url('img/location-up.jpg') top center no-repeat ;}
    body.location .bottom{background:url('img/location-bottom.jpg') top center no-repeat ;}
    /*participatory*/
    a.participatory{background-color:#00fe9c;}
    body.participatory a.see strong span{background: #e6490b;}
    body.participatory{background: #00fe9c;}
    body.participatory .chapo{background:url('img/bg-impression.png') top center repeat-y;}
    body.participatory a.see{background-color:#00fe9c;}
    body.participatory .text{background:#bbffe9;}
    body.participatory .text blockquote{color:#f45600;}
    body.participatory .more .description blockquote{color:#f45600;}
    body.participatory .text p.blockmore{color:#8d7933;background:url('img/bg-quote-immersion.png') bottom left no-repeat;}
    body.participatory .content time{background:#5628c0;}
    body.participatory .text h5{color:#ff6c00;}
    body.participatory #letusknow{background-color:#ff7c46;}
    body.participatory #letusknow a{background-color:#df2a00;}
    body.participatory .middle{
        height:8px;
        line-height:8px;
        vertical-align: middle;
        text-align:center;
        background:url('img/participatory-middle.png') top left no-repeat;
        background-size: 687px 101%;
        position:relative;
    }
    body.participatory .up{background:url('img/participatory-up.jpg') top center no-repeat ;}
    body.participatory .bottom{background:url('img/participatory-bottom.jpg') top center no-repeat ;}
    /*interactive*/
    a.interactive{background-color:#ff131d;}
    body.interactive a.see strong span{background: #e6490b;}
    body.interactive{background: #ff131d;}
    body.interactive .chapo{background:url('img/bg-impression.png') top center repeat-y;}
    body.interactive a.see{background-color:#ff131d;}
    body.interactive .text{background:#ffb6c9;}
    body.interactive .text blockquote{color:#f45600;}
    body.interactive .more .description blockquote{color:#f45600;}
    body.interactive .text p.blockmore{color:#8d7933;background:url('img/bg-quote-immersion.png') bottom left no-repeat;}
    body.interactive .content time{background:#ffcc00;}
    body.interactive .text h5{color:#ff6c00;}
    body.interactive #letusknow{background-color:#ff7c46;}
    body.interactive #letusknow a{background-color:#df2a00;}
    body.interactive .middle{
        height:8px;
        line-height:8px;
        vertical-align: middle;
        text-align:center;
        background:url('img/interactive-middle.png') top left no-repeat;
        background-size: 687px 101%;
        position:relative;
    }
    body.interactive .up{background:url('img/interactive-up.jpg') top center no-repeat ;}
    body.interactive .bottom{background:url('img/interactive-bottom.jpg') top center no-repeat ;}
    /*remix*/
    a.remix{background-color:#145cff;}
    body.remix a.see strong span{background: #e6490b;}
    body.remix{background: #145cff;}
    body.remix .chapo{background:url('img/bg-impression.png') top center repeat-y;}
    body.remix a.see{background-color:#145cff;}
    body.remix .text{background:#bcddff;}
    body.remix .text blockquote{color:#f45600;}
    body.remix .more .description blockquote{color:#f45600;}
    body.remix .text p.blockmore{color:#8d7933;background:url('img/bg-quote-immersion.png') bottom left no-repeat;}
    body.remix .content time{background:#26da00;}
    body.remix .text h5{color:#ff6c00;}
    body.remix #letusknow{background-color:#ff7c46;}
    body.remix #letusknow a{background-color:#df2a00;}
    body.remix .middle{
        height:8px;
        line-height:8px;
        vertical-align: middle;
        text-align:center;
        background:url('img/remix-middle.png') top left no-repeat;
        background-size: 687px 101%;
        position:relative;
    }
    body.remix .up{background:url('img/remix-up.jpg') top center no-repeat ;}
    body.remix .bottom{background:url('img/remix-bottom.jpg') top center no-repeat ;}
    /*data-visualization*/
    a.data-visualization{background-color:#00e5e2;}
    body.data-visualization a.see strong span{background: #e6490b;}
    body.data-visualization{background: #00e5e2;}
    body.data-visualization .chapo{background:url('img/bg-impression.png') top center repeat-y;}
    body.data-visualization a.see{background-color:#00e5e2;}
    body.data-visualization .text{background:#c9fff3;}
    body.data-visualization .text blockquote{color:#f45600;}
    body.data-visualization .more .description blockquote{color:#f45600;}
    body.data-visualization .text p.blockmore{color:#8d7933;background:url('img/bg-quote-immersion.png') bottom left no-repeat;}
    body.data-visualization .content time{background:#f60000;}
    body.data-visualization .text h5{color:#ff6c00;}
    body.data-visualization #letusknow{background-color:#ff7c46;}
    body.data-visualization #letusknow a{background-color:#df2a00;}
    body.data-visualization .middle{
        height:8px;
        line-height:8px;
        vertical-align: middle;
        text-align:center;
        background:url('img/data-visualization-middle.png') top left no-repeat;
        background-size: 687px 101%;
        position:relative;
    }
    body.data-visualization .up{background:url('img/data-visualization-up.jpg') top center no-repeat ;}
    body.data-visualization .bottom{background:url('img/data-visualization-bottom.jpg') top center no-repeat ;}
    /*shorts*/
    a.shorts{background-color:#f81354;}
    body.shorts a.see strong span{background: #e6490b;}
    body.shorts{background: #f81354;}
    body.shorts .chapo{background:url('img/bg-impression.png') top center repeat-y;}
    body.shorts a.see{background-color:#f81354;}
    body.shorts .text{background:#ffcaef;}
    body.shorts .text blockquote{color:#f45600;}
    body.shorts .more .description blockquote{color:#f45600;}
    body.shorts .text p.blockmore{color:#8d7933;background:url('img/bg-quote-immersion.png') bottom left no-repeat;}
    body.shorts .content time{background:#214aff;}
    body.shorts .text h5{color:#ff6c00;}
    body.shorts #letusknow{background-color:#ff7c46;}
    body.shorts #letusknow a{background-color:#df2a00;}
    body.shorts .middle{
        height:8px;
        line-height:8px;
        vertical-align: middle;
        text-align:center;
        background:url('img/shorts-middle.png') top left no-repeat;
        background-size: 687px 101%;
        position:relative;
    }
    body.shorts .up{background:url('img/shorts-up.jpg') top center no-repeat ;}
    body.shorts .bottom{background:url('img/shorts-bottom.jpg') top center no-repeat ;}

/* ==========================================================================
   boutons prev next
   ========================================================================== */

    a.trans{
        position: fixed;
        z-index: 200;
        height: 57px;
        line-height:57px;
        font-family: 'leaguegothic-regular-webfont';
        font-size:30px;
        color:white;
        text-transform: uppercase;
        text-decoration: none;
        top:494px;
        display: none;
    }
        .trans .ir{
            display: block;
            text-indent: -9999px;
        }
        .trans strong{
            display: none;
        }

        .prev{
            left:0;
            -webkit-border-top-right-radius: 28px;
            -webkit-border-bottom-right-radius: 28px;
            -moz-border-radius-topright: 28px;
            -moz-border-radius-bottomright: 28px;
            border-top-right-radius: 28px;
            border-bottom-right-radius: 28px;
            padding:0 12px 0 0;

            -moz-box-shadow: 1px 2px 2px 2px rgba(0,0,0,0.3);
            -webkit-box-shadow: 1px 2px 2px 2px rgba(0,0,0,0.3);
            -o-box-shadow: 1px 2px 2px 2px rgba(0,0,0,0.3);
            box-shadow: 1px 2px 2px 2px rgba(0,0,0,0.3);
            filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,0.3), Direction=153, Strength=2);
        }
        .prev strong{
            padding-right:12px;
        }
        .prev span{
            float:left;
            padding-left: 28px;
            background: transparent url('img/btn-prev.png') center center no-repeat;
        }
        .next{
            right:0;
            -webkit-border-top-left-radius: 28px;
            -webkit-border-bottom-left-radius: 28px;
            -moz-border-radius-topleft: 28px;
            -moz-border-radius-bottomleft: 28px;
            border-top-left-radius: 28px;
            border-bottom-left-radius: 28px;
            padding:0 0 0 12px;
            
            -moz-box-shadow: -1px 2px 2px 2px rgba(0,0,0,0.3);
            -webkit-box-shadow: -1px 2px 2px 2px rgba(0,0,0,0.3);
            -o-box-shadow: -1px 2px 2px 2px rgba(0,0,0,0.3);
            box-shadow: -1px 2px 2px 2px rgba(0,0,0,0.3);
            filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,0.3), Direction=243, Strength=2);
        }
        .next strong{
            padding-left:12px;
        }
        .next span{
            float:right;
            padding-right: 28px;
            background: transparent url('img/btn-next.png') center center no-repeat;
        }

/* ==========================================================================
   Layout
   ========================================================================== */

    #wrapper .content{
        width:690px;
        margin:0 auto;
        padding:60px 0 0 0;
    }
    .categorie #wrapper .content,
    .home #wrapper .content{
        padding:43px 0 0 0;
        overflow: hidden;
    }
    .categorie #wrapper,
    .home #wrapper{overflow: hidden;}
    .categorie,
    .home {overflow: hidden;}

        .view #wrapper .content{ padding:0px 0 0 0; }
        .view{ overflow: hidden !important; }
        .view #wrapper .content,
        .view #wrapper .content iframe{ width:100%; }

/*FOOTER*/

    #footer{
        clear:both;
        background: #373737;
        width:100%;
        height:68px;
        vertical-align: middle;
        overflow: hidden;
        box-shadow: 1px -1px 12px #000001;
        z-index: 300;
    }
    #footer .wr{
        width:754px;
        height:68px;
        margin:0 auto;
        background:url('img/bg-footer.png') top left repeat-x;
    }

    #footer .share{
        display: block;
        float:left;
        margin:0 auto;
        height:63px;
        background:#373737;
        padding:5px 14px 0 0;
    }
    body.contenu #footer{
       position: relative;
    }
    .categorie #footer,
    .home #footer{
        position:fixed;
        bottom:0;
    }
    #footer ul.partenaires{
        float: right;
        margin:0 auto;
        padding:0px 20px 0 0;
    }
    #footer ul.pages{
        float: left;
        margin:0 auto;
        height:63px;
        background:url('img/bg-footer.png') top left repeat-x;
    }
        #footer ul.pages li{
            display: block;
            float: left;
            font-family: 'leaguegothic-regular-webfont';
            font-size:18px;
            color: #5b5b5b;
            height:68px;
            line-height: 68px;
            vertical-align: middle;
            padding:0 17px;
            border-right: 1px solid #373737;
        }
            #footer ul.pages li.no{
                padding:0;
            }
            #footer ul.pages li:last-child{
                border:none;
            }
            #footer ul.pages li a{
                font-size:25px;
                color:#a8a8a8;
                text-decoration: none;  
                text-transform: uppercase;
            }
            #footer ul.pages li span{
                font-size:18px;
                padding: 0 20px;
            }
        #footer ul.partenaires li{
            display: inline-block;
            height:50px;
            padding:5px 0 0 0;
        }
        #footer ul.partenaires li:first-child{
            margin-right:30px;
        }

/*NAV*/

    .nav{
        width:100%;
        height:43px;
        background:#373737;
        font-family: 'leaguegothic-regular-webfont';
        box-shadow: 1px 1px 12px #000001;
        position:fixed;
        z-index: 100;
        
    }
    .nav .wr{
        width:900px;
        height: 43px;
        overflow: hidden;
        margin:0 auto;
    }
    .nav .share{
        float:right;
        height:30px;
        padding-top:13px;
        vertical-align: middle;
        display: block;
    }
    .nav h2,
    .nav h2 a{
        float: left;
        height:43px;
        line-height: 43px;
        vertical-align: middle;
        font-family: 'leaguegothic-regular-webfont';
        font-size:27px;
        color:white;
        text-transform: uppercase;
        text-decoration: none;
        
    }
    .nav h2{padding:0 20px;}

    .view .nav{
        position: relative;
        clear:both;
    }
    .nav ul {
        float:left;
        height:43px;
        margin:0 auto;
        text-align: center;
        background: url('img/bg-nav.png') top left repeat-x;
    }
        .nav li{
            display:inline-block;
            height:43px;
            line-height:43px;
            vertical-align: middle;
            border-right:1px solid #373737;
            padding:0 13px;
            /*margin:0 47px 0 0;*/
        }
        /*.nav li:first-child{
            border-left:1px solid #373737;
        }*/
        .nav li:last-child{
            margin:0;
            border-right:none;
        }
        .nav ul li a{
            font-size:20px;
            color:#a8a8a8;
            text-decoration: none;
            text-transform: uppercase;
            height:43px;
            line-height:43px;
            vertical-align: middle;
        }
        .nav ul li a.active,
        .nav ul li a:hover{
            border-bottom:3px solid #a8a8a8;
        }

/*
 CHAPO
*/
    body.contenu .chapo{
        visibility:hidden;
    }

    .chapo{
        padding:98px 0 37px 0;
        width:100%;
    }
    .chapo h1{
        font-family: 'leaguegothic-regular-webfont';
        font-size:90px;
        color:#fff;
        text-align: center;
        text-transform: uppercase;
        padding:0 0 60px 0;
        text-shadow: 1px 4px 1px rgba(0,0,0,0.15);
        letter-spacing: -0.03em;
    }
    /*body.contenu .chapo{
        display: none;
    }*/
    .chapo p.intro,
    .chapo div.intro{
        width:767px;
        margin:0 auto;
        font-family:'DINWeb';
        font-size:25px;
        color:white;
        text-align: center;
        line-height: 1.4em;
        letter-spacing: -0.03em;
        text-shadow: 1px 2px 1px rgba(0,0,0,0.15);

    }
    .chapo div.intro{
         font-size:25px;
         color: #a1e3ff;
         font-weight: normal;
    }
        .about .chapo div.intro{
            color:white;
        }
        .about .chapo div.intro{
            line-height:1.1em;
        }
    .chapo div.intro strong{
         font-size:25px;
         color: white;
    }
    .chapo div.intro p{
        padding-bottom:22px;
    }
    .chapo .addthis_toolbox{
        width:228px;
        margin:0 auto;
        text-align:center;
        padding:10px 10px 5px 10px;
        margin:38px auto 0 auto;
        background:rgba(0,0,0,0.2);

        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

/*
    POST
*/
    a.see{
        float:left;
        display:block;
        width:690px;
        height:53px;
        line-height: 54px;
        vertical-align: top;
        background:red url('img/accordeon_140.png') top left no-repeat;
        background-size: 690px 100%;
        text-decoration:none;
        text-align: center;
    }
        a.see strong{
            display:block;
            position:relative;
            width:70px;
            height:35px;
            margin:0 auto;
            background:white;
            -webkit-border-bottom-right-radius: 35px;
            -webkit-border-bottom-left-radius: 35px;
            -moz-border-radius-bottomright: 35px;
            -moz-border-radius-bottomleft: 35px;
            border-bottom-right-radius: 35px;
            border-bottom-left-radius: 35px;
            box-shadow:  1px 1px 3px #ccc;
        }
        a.see strong span{
            display: block;
            position:relative;
            width:20px;
            height:20px;
            line-height: 20px;
            text-align:center;
            margin:0px auto 0 auto;

            background:orange;
            color:white;

            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;

            font-family: 'leaguegothic-regular-webfont';
            font-size:20px;
        }


    a.see img{
        background:#ffc600;
        margin:0;
        padding: 0;
    }

    .post:first-child{
        padding:40px 0px 0 0px;
    }
    .post .more{
        float: left;
        width:690px;
        padding:0px 0 0px 0;
        background: url('img/bg-more.png') bottom left repeat-x;
        display:none;
    }

    .post{
        float: left;
        background:white;
        width:690px;
        margin:0 auto;
        padding:80px 0px 0 0px;
        font-family: 'DINWeb';
        font-size:18px;
    }
    .text{
        width:390px;
        padding:0 150px 77px 150px;
    }
        .post iframe + p{display: none;}
        .content .post:first-child time{
            margin-left:-32px;
            margin-top:-72px;
        }
        .content time{
            font-family: 'leaguegothic-regular-webfont';
            font-size:30px;
            color:white;

            display:block;
            
            min-width:44px;
            min-height:64px;
            padding:0 10px;
            line-height: 64px;
            vertical-align: middle;
            text-align:center;
            position:absolute;
            z-index: 2;
            margin-left:-32px;
            margin-top:-60px;

            -webkit-border-radius: 64px;
            -moz-border-radius: 64px;
            border-radius: 64px;
            z-index: 0;
        }
        .post img,
        .post iframe{
            padding:0 0 25px 0;
            margin-left:24px;
            width:642px;
        }
        .post .description img,
        .post .description iframe{
            width:auto;
        }
        .post h2{
            font-family: 'leaguegothic-regular-webfont';
            font-size:80px;
            color:black;
            text-transform: uppercase;
            padding:0 0 0 24px;
        }
        .post h3{
            font-size:30px;
            color:#181912;   
            padding:0 24px 25px 24px;
        }

            .post .copyright{
                float:right;
                width:227px;
                padding-bottom: 37px;
            }
                .post .copyright ul li{
                    border-bottom: 1px solid #ebebeb;
                    font-size:14px;
                    color:#555555;
                    padding: 20px 0 20px 0;
                    line-height:1.3em;
                }
                    .post .copyright ul li span{
                        display:block;
                        width:203px;
                        padding-right:24px;
                    }
                .post .copyright ul li:first-child{
                    padding:0 0 20px 0;
                }
                .post .copyright ul li:last-child{
                    border:none;
                }
                .post .copyright ul li strong{
                    font-weight:bold;
                }
                .post .copyright a.view{
                    font-family: 'leaguegothic-regular-webfont';
                    font-size:35px;
                    color:white;
                    text-transform: uppercase;
                    text-decoration:none;
                    float:right;
                    width:225px;
                    height:48px;
                    line-height: 48px;
                    text-align: center;
                    background:#e23a0d;
                    border-left:3px outset #d9d9d9;
                    border-bottom:3px inset #d9d9d9;
                }
            .post .description{
                float:left;
                width:390px;
                overflow: hidden;
                padding:0 0 0 24px;
            }
                .post .description p{
                    line-height:1.3em;
                    padding:0 0 37px 0;
                }
                .post .description img{
                    width: 100%;
                    height: auto;
                    margin-left:0 ;
                }
                .post .description legend{
                    font-size: 12px;
                    line-height:1.0em;
                    width:642px;
                }

        .text h2{
            padding:100px 0 50px 0;
            font-size:50px;
        }
        .text p{
            font-size:18px;
            color:black;
            padding:0 0 60px 0;
            line-height:1.4em;
        }
        .text blockquote,
        .more .description blockquote{
            font-family:Georgia;
            font-size:32px;
            font-style: italic;
            padding:0 0 27px 0;
        }
        .text blockquote:before { content: '« '; font-weight: bold; }
        .text blockquote:after { content: ' »'; font-weight: bold; }
        .text p.blockmore{
            font-size:16px;
            padding:0 0 45px 0;
            margin:0 0 17px 0;
        }
        .text h4{
            font-size:30px;
        }
        .text h5{
            font-size:14px;
        }

/*SLIDESHOW*/

    .slideshow{
        width:642px;
        height:auto;
        margin-left:24px;
        margin-bottom: 5px;
        overflow: hidden;
    }
            .slideshow img{margin:0;padding:0;cursor: pointer;}
            .slideshow ul{
                width:10000px;
            }
            .slideshow ul li{
                float: left;
                /*display:none;*/
            }
                .slideshow ul li:first-child{
                    display:block;
                }

        .remote{
            width:642px;
            margin-left:24px;
            margin-bottom: 25px;
            text-align: center;
        }
            .remote li{
                display:inline;
            }
            .remote li a{
                font-size:24px;
                text-decoration: none;
                color:#CCC;
            }
            .remote li a.active{
                color:black;
            }

    /*LET US KNOW*/

    #letusknow{
        float:left;
        width:690px;
        font-family: 'DINWeb';
        font-size:42px;
        padding:50px 0 33px 0;
    }
        #letusknow strong{
            display:block;
            width:574px;
            margin:0 auto;
            text-align: center;
            letter-spacing: -0.05em;
            line-height: 1.3em;
        }
        #letusknow a{
            display:block;
            width:245px;
            height:60px;
            line-height: 60px;
            margin:28px auto 0 auto;
            color:white;
            text-align:center;
            /*text-decoration: none;*/
            box-shadow: inset 3px -2px #793b21;
        }

/*
HOME CATEGORIES
*/

    .up{
        width:687px;
        height:338px;
        line-height: 338px;
        vertical-align: middle;
        position:relative;
        margin-top:-43px;
        text-align:center;
    }
        .up h2,
        .bottom h2{
            font-family: 'leaguegothic-regular-webfont';
            font-size:38px;
            color: white;
            text-transform: uppercase;
            text-shadow: 1px 4px 1px rgba(0,0,0,0.15);
        }

        .immersion .up h2 span{color:#28f9f9;}
        .immersion .bottom h2 span{color:#ff1800;}
        .location .up h2 span{color:#008aff;}
        .location .bottom h2 span{color:#ef278f;}
        .participatory .up h2 span{color:#ff3b18;}
        .participatory .bottom h2 span{color:#0072ff;}
        .interactive .up h2 span{color:#fffc15;}
        .interactive .bottom h2 span{color:#2e60ff;}
        .remix .up h2 span{color:#40ff1a;}
        .remix .bottom h2 span{color:#f6ff3f;}
        .data-visualization .up h2 span{color:#fa0000;}
        .data-visualization .bottom h2 span{color:#6000ff;}
        .shorts .up h2 span{color:#1257f2;}
        .shorts .bottom h2 span{color:#0bdf3c;}

    .bottom{
        width:687px;
        height:338px;
        line-height: 338px;
        vertical-align: middle;
        position:relative;
        text-align:center;
    }

    .categorie h1 a{
        font-family: 'leaguegothic-regular-webfont';
        color:white;
        font-size:90px;
        height:90px;
        line-height:90px;
        position:fixed;
        z-index:300;
        margin:0 auto;
        width:687px;
        text-align:center;
        position:fixed;
        text-decoration: none;
        text-transform: uppercase;
        text-shadow: 1px 4px 1px rgba(0,0,0,0.15);
        letter-spacing: -0.03em;
    }
    .home h1 a{display: block;
        font-family: 'leaguegothic-regular-webfont';
        color:white;
        font-size:90px;
        height:130px;
        line-height:0.8em !important;
        position:fixed;
        z-index:300;
        margin:0 auto;
        width:687px;
        text-align:center;
        position:fixed;
        text-decoration: none;
        text-transform: uppercase;
        text-shadow: 1px 4px 1px rgba(0,0,0,0.15);
        letter-spacing: -0.03em;
    }
    .home h1 a span{
        display: block;
        font-size:46px;
        letter-spacing: -0.03em !important;
        height: 46px;
        line-height: 46px;
    }

/* ==========================================================================
Media Queries
========================================================================== */

    @media only screen and (min-width: 35em) {

    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
           only screen and (min-resolution: 144dpi) {

    }
    @media only screen and (min-width : 768px) and (max-width : 1024px) {
        .categorie h1 a{
            font-size:45px;
            height:45px;
            line-height:45px;width:690px;
        }
        .home h1 a{
            font-size:90px;
            height:90px;
            line-height:0.8em !important;
            width:690px;
        }
        .home h1 a span{
            display: block;
            font-size:46px;
             height: 46px;
            line-height: 46px;
            letter-spacing: -0.03em !important;
        }
        .up{
            width:690px;
            height:295px;
            position:relative;
            margin-top:-43px;
        }
        .bottom{
            width:690px;
            height:295px;
            position:relative;
        }
        .middle{
            height:8px;
            line-height:8px;
            vertical-align: middle;
            text-align:center;
            background-size: 690px 101% !important;
            position:relative;
        }

    }

body.credits{
    background:#0088c1;
}
body.about{
    background:#660fbf;
}

#disqus_thread{
    background:white url('img/bg-more.png') bottom left repeat-x;
    float: left;
    width:642px;
    height:auto;
    padding: 24px;
}

.home #wrapper,
.categorie #wrapper{
    display: none;
}