@charset "utf-8";

/*
FONT ROUGE : #a02224
FONT BLEU : #00718E
FONT ORANGE : #f60
FONT LIEN BLEU : #06c0fa
FONT LIEN BLEU HOVER : #005580
*/

/* ---------------------------------------------*/
/* ------------------- FONTS -------------------*/
/* ---------------------------------------------*/
span.appel-table-et-figure {
    font-family: "Trade Gothic LT Std Bold", sans-serif;
    font-weight: bold;
    font-style: normal;
    color: #000000;
}

@font-face {
    font-family: 'tg_regular';
    src: url('../fonts/tg-webfont.eot');
    src: url('../fonts/tg-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tg-webfont.woff') format('woff'),
    url('../fonts/tg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tg_boldRg';
    src: url('../fonts/tg-bold-webfont.eot');
    src: url('../fonts/tg-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tg-bold-webfont.woff') format('woff'),
    url('../fonts/tg-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tg_boldIt';
    src: url('../fonts/tg-boldobl-webfont.eot');
    src: url('../fonts/tg-boldobl-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tg-boldobl-webfont.woff') format('woff'),
    url('../fonts/tg-boldobl-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tg_italic';
    src: url('../fonts/tg-obl-webfont.eot');
    src: url('../fonts/tg-obl-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tg-obl-webfont.woff') format('woff'),
    url('../fonts/tg-obl-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tg_light';
    src: url('../fonts/tg-light-webfont.eot');
    src: url('../fonts/tg-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tg-light-webfont.woff') format('woff'),
    url('../fonts/tg-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tg_lightIt';
    src: url('../fonts/tg-lightobl-webfont.eot');
    src: url('../fonts/tg-lightobl-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tg-lightobl-webfont.woff') format('woff'),
    url('../fonts/tg-lightobl-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    /*background: url( ../images/gradients/body-bg.png) repeat-x top left #5d1415;*/
    /*background: url( ../images/gradients/body-bg-beige.png) repeat-x top left #bab79d;*/
    background-color: #dedaba;
    font-family: Arial, sans-serif;
    text-align: center;
    font-size: 14px;
}

ul.inline-list {
    margin: 0;
    padding: 0;
}

ul.inline-list li {
    display: inline;
    margin: 0;
    padding: 0;
}

.modal {
    text-align: left;
}

#tetiere {
    background-color: #333;
    color: #fff;
    font-size: 1em;
    height: 32px;
    position: fixed;
    top: 0;
    text-align: left;
    width: 100%;
    background-image: linear-gradient(top, rgb(0, 0, 0) 0%, rgb(51, 51, 51) 100%);
    background-image: -o-linear-gradient(top, rgb(0, 0, 0) 0%, rgb(51, 51, 51) 100%);
    background-image: -moz-linear-gradient(top, rgb(0, 0, 0) 0%, rgb(51, 51, 51) 100%);
    background-image: -webkit-linear-gradient(top, rgb(0, 0, 0) 0%, rgb(51, 51, 51) 100%);
    background-image: -ms-linear-gradient(top, rgb(0, 0, 0) 0%, rgb(51, 51, 51) 100%);

    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, rgb(0, 0, 0)),
            color-stop(1, rgb(51, 51, 51))
    );
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff000000', GradientType=0);

    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5);

    z-index: 900;
}

#tetiere .container {
    overflow: hidden;
    padding: 0;
    position: relative;
}

#tetiere .container .pcronline {
    position: absolute;
    right: 0;
    top: 4px;
}

#tetiere .container .eurointervention {
    position: absolute;
    left: 388px;
    top: 40px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#tetiere .container .eurointervention.show {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    top: 6px;
}

/* HEADER BANNER */
#tetiere .container .eurointervention.header-banner {
    top: 129px;
}

#tetiere .container .eurointervention.show-header-banner {
    top: 6px !important;
}

/* HEADER BANNER */

#tetiere .mini {
    height: 0.75em;
}

#tetiere label {
    font-size: 1em;
}

#tetiere span {
    margin-left: 0;
}

#tetiere .signin-links {
    line-height: 32px;
    margin-bottom: 0;
}

#tetiere .signin-links a {
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
}

#tetiere .signin-links a:link,
#tetiere .signin-links a:active,
#tetiere .signin-links a:visited {
    color: #ddd;
}

#tetiere .signin-links a:hover {
    color: #fff;
    text-decoration: none;
}

#tetiere .signin-links .or {
    color: #ccc;
    margin: 0;
    padding: 0 16px;

}

#tetiere .signed-links {
    margin-left: 10px;
}

#tetiere .signed-links .btn-toolbar {
    margin-left: -10px;
    margin-top: 2px;
}

#tetiere .signed-links .btn-toolbar a:hover {
    background-image: linear-gradient(top, rgb(161, 35, 35) 0%, rgb(129, 40, 41) 100%);
    background-image: -o-linear-gradient(top, rgb(161, 35, 35) 0%, rgb(129, 40, 41) 100%);
    background-image: -moz-linear-gradient(top, rgb(161, 35, 35) 0%, rgb(129, 40, 41) 100%);
    background-image: -webkit-linear-gradient(top, rgb(161, 35, 35) 0%, rgb(129, 40, 41) 100%);
    background-image: -ms-linear-gradient(top, rgb(161, 35, 35) 0%, rgb(129, 40, 41) 100%);
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, rgb(161, 35, 35)),
            color-stop(1, rgb(129, 40, 41))
    );
    background-position: 0 0;
}

#wrapper {
    background-color: #fff;
    margin: auto;
    min-height: 100%;
    position: relative;
    text-align: center;
    width: 960px;

    -webkit-box-shadow: 0 0px 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0px 4px 4px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 0px 4px 4px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0px 4px 4px rgba(0, 0, 0, 0.25);
}

#content {
    position: relative;
}

.container {
    margin: auto;
    text-align: left;
}

.intro {
    margin: 16px 0 32px 0;
}

.red {
    color: #a02224;
}

/* ---------------------------------------------*/
/* ------------------- HEADER ------------------*/
/* ---------------------------------------------*/

#site_header {
    background: #fff;
    height: 144px;
    padding-top: 0px;
    position: relative;
}

#site_header .site-logo {
    height: 80px;
    left: 10px;
    position: absolute;
    top: 42px;
    width: 480px;
}

#site_header .impactfactor {
    height: 56px;
    position: absolute;
    right: 10px;
    top: 42px;
    width: 192px;
}

#site_header .social {
    height: 20px;
    position: absolute;
    right: 10px;
    top: 112px;
    width: 300px;
}

#site_header .social div {
    display: inline-block;
    float: right;
    margin-left: 16px;
    text-align: right;
}

/* ---------------------------------------------*/
/* ------------------ FOOTER -------------------*/
/* ---------------------------------------------*/

#site_footer {
    background: url(../images/gradients/footer-bg.png) repeat-x top left #171717;
    /*bottom: 0;*/
    clear: both;
    color: #fff;
    /*height: 296px;*/
    left: 0;
    margin: 0;
    padding: 16px 10px 0 10px;
    /*position: absolute;*/
}

#site_footer nav {
    font-size: 0.85em;
    color: #ccc;
}

#site_footer nav h6 {
    font-weight: bold;
    font-size: 1em;
    color: #ccc;
    margin: 0;
    padding: 0;
}

#site_footer nav ul {
    list-style-type: none;
    margin: 0 0 16px 0;
    padding: 0;
}

#site_footer nav li {
    background: url(../images/misc/triangle.png) no-repeat center left transparent;
    margin: 0;
    padding: 0 0 0 10px;
}

#site_footer .logo {
    background: url(../images/logos/eurointervention-white.png) no-repeat top left;
    display: block;
    height: 26px;
    margin: 0 0 16px 0;
    width: 212px;
}

#site_footer .logo span {
    display: none;
}

#site_footer .general-info {
    font-size: 11px;
    line-height: 14px;
}

#site_footer nav section.social li {
    background: none;
    margin: 4px 0 8px 0;
    padding: 0;
}

#site_footer nav section.social li img {
    margin-right: 8px;
}

#site_footer .pull-right {
    text-align: right;
}

#site_footer em {
    color: #f60;
    font-style: normal;
}

#site_footer a:link,
#site_footer a:active,
#site_footer a:visited {
    color: #fff;
}

#site_footer a:hover {
    color: #06c0fa;
}

/* ---------------------------------------------*/
/* ------------------- MENU -------------------*/
/* ---------------------------------------------*/

#nav_main {
    border: 1px solid #fff;
    border-width: 1px 0;

    background: url(/eurointervention/assets/images/gradients/nav-bg.png) top left repeat-x rgb(1, 112, 143);
    height: 32px;
    padding: 0;
    position: relative;
    width: 960px;
    z-index: 30;
}

#nav_main ul {
    height: 32px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav_main ul li {
    float: left;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
}

#nav_main ul li.last {
    border: 0;
    margin-right: 0;
}

#nav_main ul li a {
    background: url(../images/misc/separator.png) no-repeat center right;
    color: #fff;
    display: inline-block;
    font-family: 'tg_boldRg', sans-serif;
    font-size: 0.95em;
    line-height: 32px;
    letter-spacing: 0;
    padding: 0 10px;
    /*text-shadow: 1px 1px 1px #0ac;*/
    text-transform: uppercase;
}

#nav_main ul li a:hover {
    color: #333;
    text-decoration: none;
    background-image: linear-gradient(bottom, rgb(210, 210, 210) 26%, rgb(230, 230, 230) 63%);
    background-image: -o-linear-gradient(bottom, rgb(210, 210, 210) 26%, rgb(230, 230, 230) 63%);
    background-image: -moz-linear-gradient(bottom, rgb(210, 210, 210) 26%, rgb(230, 230, 230) 63%);
    background-image: -webkit-linear-gradient(bottom, rgb(210, 210, 210) 26%, rgb(230, 230, 230) 63%);
    background-image: -ms-linear-gradient(bottom, rgb(210, 210, 210) 26%, rgb(230, 230, 230) 63%);

    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.26, rgb(210, 210, 210)),
            color-stop(0.63, rgb(230, 230, 230))
    );
}

#nav_main ul li a.selected {
    color: #333;
    background-image: linear-gradient(bottom, rgb(210, 210, 210) 26%, rgb(230, 230, 230) 63%);
    background-image: -o-linear-gradient(bottom, rgb(210, 210, 210) 26%, rgb(230, 230, 230) 63%);
    background-image: -moz-linear-gradient(bottom, rgb(210, 210, 210) 26%, rgb(230, 230, 230) 63%);
    background-image: -webkit-linear-gradient(bottom, rgb(210, 210, 210) 26%, rgb(230, 230, 230) 63%);
    background-image: -ms-linear-gradient(bottom, rgb(210, 210, 210) 26%, rgb(230, 230, 230) 63%);

    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.26, rgb(210, 210, 210)),
            color-stop(0.63, rgb(230, 230, 230))
    );

}

#nav_main ul li .icon-triangle-down {
    background: url(../images/misc/triangle-down.png) no-repeat center center;
    display: inline-block;
    height: 10px;
    margin-left: 6px;
    width: 10px;
}

#nav_main ul li div.submenu {
    border-bottom: 8px solid #666;
    color: #000;
    display: none;
    left: 0; /* Hides the drop down */
    margin: 0;
    padding: 10px 5px 10px 5px;
    position: absolute;
    text-align: left;
    top: 32px;
    width: 200px;

    /* Gradient background */
    background: #F4F4F4;
    background: -moz-linear-gradient(top, #EEEEEE, #cccccc);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#cccccc));
}

#nav_main ul li div.submenu a {
    background: none;
    border-bottom: 1px solid #eee;
    display: none;
    font: normal normal 0.85em/1em Arial;
    margin: 0 3px;
    padding: 5px 4px;
    text-transform: none;
}

#nav_main ul li div.submenu a:link,
#nav_main ul li div.submenu a:visited,
#nav_main ul li div.submenu a:active {
    color: #333;
}

#nav_main ul li div.submenu a:hover {
    background-color: #fff;
    color: #005580;
}

#nav_main ul li div.submenu.nav-archives {
    left: -200px;
    padding-right: 150px;
    width: 750px;
}

#nav_main ul li div.issues {
    border: 1px solid #ccc;
    border-width: 0 1px 0 0;
    position: relative;

    -webkit-column-count: 5;
    -webkit-column-gap: 1px;
    -webkit-column-rule-color: #ccc;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;

    -moz-column-count: 5;
    -moz-column-gap: 1px;
    -moz-column-rule-color: #ccc;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;

    column-count: 5;
    column-gap: 0;
    column-rule-color: #ccc;
    column-rule-style: solid;
    column-rule-width: 1px;
}

#nav_main ul li div.submenu section {
    margin-bottom: 16px;
}

#nav_main ul li div.submenu header {
    color: #a12324;
    font-family: 'tg_boldRg', sans-serif;
    font-size: 1.2em;
    padding: 0 6px;
}

#nav_main ul li div.submenu ul {
    display: block;
    height: auto;
    list-style: none;

}

#nav_main ul li div.submenu li {
    display: block;
    float: none;
}

#nav_main .form-search {
    background: url(/eurointervention/assets/images/gradients/nav-search-left-bg.png) top left no-repeat #fff;
    right: 16px;
    margin: 0;
    padding: 0 0 0 20px;
    position: absolute;
    text-align: right;
    top: 0;
}

#nav_main .form-search .input-small {
    width: 140px;
}

#nav_main .form-search .input-append {
    background: url(/eurointervention/assets/images/gradients/nav-search-right-bg.png) top right no-repeat transparent;
    padding: 0 20px 0 0;
}

#nav_main.nav-fixed {
    position: fixed;
    top: 32px;
}

/* HEADER BANNER */
#nav_main.nav-fixed-with-banner {
    position: fixed;
    top: 153px;
    /*z-index: 10000;*/
}

#archive_preview {
    position: absolute;
    right: 0;
    text-align: left;
    top: 64px;
    width: 140px;

    -webkit-column-break-before: always;
    -moz-column-break-before: always;
    column-break-before: always;
}

#archive_preview img {
    box-shadow: 1px 1px 4px #333;
}

#archive_preview .preview-volume,
#archive_preview .preview-number,
#archive_preview .preview-period,
#archive_preview .preview-pages {
    font: normal normal 0.82em/1.2em Arial;
}

/* ---------------------------------------------*/
/* ------------------ ALERTS -------------------*/
/* ---------------------------------------------*/
.alert-top {
    margin: 48px;
}

form .alert-top {
    margin: 0;
}

/* ---------------------------------------------*/
/* ---------------- BREADCRUMBS ----------------*/
/* ---------------------------------------------*/
ul.breadcrumb {
    height: 24px;
    padding: 0;
    margin: 16px 0;
    width: 100%;
}

ul.breadcrumb li {
    font-size: 11px;
    line-height: 24px;
    padding: 0;
    margin: 0;
}

ul.breadcrumb li:first-child {
    margin-left: 16px;
}

ul.breadcrumb li a {
    font-size: 11px;
    padding: 0;
    margin: 0;
}

#page_home {
    margin-top: 32px;
}

header.header-block {
    color: #00718E;
    font-family: 'tg_boldRg', sans-serif;
    font-size: 1.8em;
    letter-spacing: 2px;
    line-height: 1.2em;
    margin-bottom: 12px;
    text-align: left;
    text-transform: uppercase;
}

header.header-ad {
    color: #666;
    font: normal normal 0.66em/0.66em "Arial";
    margin: 4px;
    text-transform: uppercase;
}

.block {
    /* margin-bottom: 32px; */
    margin-bottom: 40px;
}

.center {
    margin: inherit auto;
    text-align: center;
}

a.view-more {
    background-color: #a12324;
    color: #fff;
    display: block;
    font-family: 'tg_boldRg', sans-serif;
    font-size: 1em;
    height: 28px;
    letter-spacing: 1px;
    line-height: 28px;
    padding: 0 30px;
    position: relative;
    text-transform: uppercase;

    /* Rounded Corners */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;

    background-image: linear-gradient(top, rgb(161, 35, 35) 0%, rgb(129, 40, 41) 100%);
    background-image: -o-linear-gradient(top, rgb(161, 35, 35) 0%, rgb(129, 40, 41) 100%);
    background-image: -moz-linear-gradient(top, rgb(161, 35, 35) 0%, rgb(129, 40, 41) 100%);
    background-image: -webkit-linear-gradient(top, rgb(161, 35, 35) 0%, rgb(129, 40, 41) 100%);
    background-image: -ms-linear-gradient(top, rgb(161, 35, 35) 0%, rgb(129, 40, 41) 100%);

    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, rgb(161, 35, 35)),
            color-stop(1, rgb(129, 40, 41))
    );
}

a.view-more:hover {
    background-color: #a13723;
    text-decoration: none;
    background-image: linear-gradient(top, rgb(190, 35, 35) 0%, rgb(129, 40, 41) 100%);
    background-image: -o-linear-gradient(top, rgb(190, 35, 35) 0%, rgb(129, 40, 41) 100%);
    background-image: -moz-linear-gradient(top, rgb(190, 35, 35) 0%, rgb(129, 40, 41) 100%);
    background-image: -webkit-linear-gradient(top, rgb(190, 35, 35) 0%, rgb(129, 40, 41) 100%);
    background-image: -ms-linear-gradient(top, rgb(190, 35, 35) 0%, rgb(129, 40, 41) 100%);

    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, rgb(190, 35, 35)),
            color-stop(1, rgb(129, 40, 41))
    );
}

a.view-more i {
    font-size: 1em;
}

/*#carousel {
    text-align: left;
}
#carousel_container {
    border: 1px solid #333;
    border-width: 1px 0;
    padding: 1px 0;
}
#carousel_container #full-width-slider {
    width: 100%;
}
#carousel_container #full-width-slider .rsTmb {
    padding: 8px 12px;
}
#carousel_container #full-width-slider .rsTmb h5 {
    font-size: .9em;
    line-height: 1.4em;
    text-align: left;
}
#carousel_container #full-width-slider .rsThumbs .rsThumb {
    width: 180px;
    height: 80px;
    background-color: #222;
    border-bottom: 1px solid #2E2E2E;

    background-image: -o-linear-gradient(top, rgb(32,32,32) 0%, rgb(16,16,16) 100%);
    background-image: -ms-linear-gradient(top, rgb(32,32,32) 0%, rgb(16,16,16) 100%);
    background-image: -moz-linear-gradient(top, rgb(32,32,32) 0%, rgb(16,16,16) 100%);
    background-image: -webkit-linear-gradient(top, rgb(32,32,32) 0%, rgb(16,16,16) 100%);
    background-image: linear-gradient(top, rgb(16,16,16) 0%, rgb(129,40,41) 100%);

    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgb(32,32,32)),
        color-stop(1, rgb(16,16,16))
    );
}
#carousel_container #full-width-slider .rsThumbs {
    width: 180px;
    padding: 0;
}
#carousel_container #full-width-slider .rsThumb:hover {
    background: #000;
}
#carousel_container #full-width-slider .rsThumb.rsNavSelected {
    background-color: rgb(128,26,26);
    border-bottom-color #a12323;
    background-image: -o-linear-gradient(bottom, rgb(122,27,27) 0%, rgb(161,35,35) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(122,27,27) 0%, rgb(161,35,35) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(122,27,27) 0%, rgb(161,35,35) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(122,27,27) 0%, rgb(161,35,35) 100%);
    background-image: linear-gradient(bottom, rgb(122,27,27) 0%, rgb(161,35,35) 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(122,27,27)),
        color-stop(1, rgb(161,35,35))
    );
}
#carousel_container .infoBlock {
    position: absolute;
    bottom: 16px;
    right: 32px;
    left: 0;
    top: auto;
    overflow: hidden;
    padding: 16px;
    color: #FFF;
    background: #000;
    background: rgba(0,0,0,0.75);
}
#carousel_container .infoBlock h4 {
    font-size: .85em;
    line-height: 1.6em;
    margin: 0;
    padding-bottom: 3px;
    text-align: left;
}
#carousel_container .infoBlock p {
    font-size: .85em;
    line-height: 1.4em;
    margin: 4px 0 0;
    text-align: left;
}
#carousel_container .infoBlock a:link,
#carousel_container .infoBlock a:visited,
#carousel_container .infoBlock a:active {
    color: #0099cc;
    text-decoration: none;
}
#carousel_container .infoBlock a:hover {
    color: #8ad0e5;
    text-decoration: none;
}*/

/* ---------------------------------------------*/
/* ------------------- BLOCKS ------------------*/
/* ---------------------------------------------*/

.teaser {
    color: #000;
    margin-bottom: 16px;
    position: relative;
}

.teaser article,
.top10 article {
    position: relative;
}

.teaser header {
    color: #a02224;
    font-family: "tg_boldRg", sans-serif;
    font-size: 1.15em;
    margin: 0 0 6px 0;
}

.teaser .eep {
    background: url(../images/logos/eep.png) no-repeat center center #fff;
    /*border: 1px solid #666;*/
    display: block;
    /*font-weight: bold;*/
    height: 16px;
    /*top: 67px;*/
    /*left: 0;*/
    position: absolute;
    overflow: visible;
    text-indent: -9999px;
    width: 40px;
    height: 16px;
}

/*.teaser aside {*/
/*width : 68px;*/
/*border : 1px;*/
/*position: relative;*/
/*height: 68px;*/

/*}*/
.teaser .jaa {
    background: url(../images/logos/jaa.png) no-repeat center center #fff;
    display: block;
    position: absolute;
    overflow: visible;
    text-indent: -9999px;
    width: 40px;
    height: 21px;
    float: left;
}

.teaser h3,
.top10 h3 {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 16px;
    margin: 0;
    padding: 0;
    /*text-align: justify;*/

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.teaser .date-publication,
.top10 .date-publication {
    color: #666;
    display: block;
    font-size: 0.85em;
    text-align: right;
}

.teaser .authors,
.top10 .authors {
    color: #999;
    display: block;
    font-size: 0.9em;
    font-style: italic;
    margin-top: 4px;
    text-align: left;
}

.teaser h3 a:link,
.teaser h3 a:active,
.teaser h3 a:visited,
.top10 h3 a:link,
.top10 h3 a:active,
.top10 h3 a:visited {
    color: #000;
}

.teaser h3 a:hover,
.top10 h3 a:hover {
    color: #005580;
    text-decoration: none;
}

.teaser p.authors a:link,
.teaser p.authors a:active,
.teaser p.authors a:visited,
.top10 p.authors a:link,
.top10 p.authors a:active,
.top10 p.authors a:visited {
    color: #666;
}

.teaser p.authors a:hover,
.top10 p.authors a:hover {
    color: #005580;
    text-decoration: none;
}

/* TOP 10 */
.top10 aside {
    background-color: #a12324;
    color: #fff;
    float: left;
    font-family: "tg_boldRg", sans-serif;
    font-size: 1.4em;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

.top10 article {
    margin-bottom: 16px;
}

/* LATEST COMMENTS */
#block_latestcomments .comment {
    margin-bottom: 24px;
}

#block_latestcomments .comment header {
    font-size: 0.85em;
    text-transform: uppercase;
}

#block_latestcomments .commenter {
    color: #a02224;
    font-weight: bold;
}

#block_latestcomments .date {
    color: #666;
}

#block_latestcomments .comment-content {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 4px solid #a02224;
    border-width: 0 0 0 4px;
    margin-left: 8px;
    padding-left: 8px;
}

#block_aop .comment-content {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 4px solid #a02224;
    border-width: 0 0 0 4px;
    margin-left: 8px;
    padding-left: 8px;
}

#block_latestcomments .body {
    font-size: 1em;
}

#block_latestcomments .about {
    color: #666;
    font-size: 0.9em;
    line-height: 1.2em;
}

/* TWITTER */
#block_twitterfeed header {
    background: url(../images/logos/twitter-36x36.png) no-repeat center right;
}

#block_twittertag header {
    background: url(../images/logos/twitter-36x36.png) no-repeat center right;
}

#block_twitterfeed .tweets,
#block_twittertag .tweets {
    max-width: none;
}

/* BANNERS */
.banner {
    border: 1px solid #ddd;
    padding: 2px;
}

.span5 .banner {
    border-width: 1px 0;
    padding: 2px 0;
}

/* ---------------------------------------------*/
/* ----------- PAGES STATIQUES -----------------*/
/* ---------------------------------------------*/

.page-title {
    color: #a02224;
    font-family: 'tg_boldRg', sans-serif;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2em;
    letter-spacing: 2px;
    margin-bottom: 32px;
    text-transform: uppercase;
}

/* ---------------------------------------------*/
/* ---------------- ARTICLES -------------------*/
/* ---------------------------------------------*/
a.bookmark-tag:active,
a.bookmark-tag:link,
a.bookmark-tag:hover,
a.bookmark-tag:visited {
    outline: none;
}

.bookmark-tag {
    background: url(../images/icons/bookmark.png) no-repeat top left transparent;
    display: block;
    height: 32px;
    position: absolute;
    right: 8px;
    top: -42px;
    width: 32px;
}

.bookmark-tag.bookmark-remove {
    background-position: -32px 0;
}

.bookmark-tag.bookmark-add {
    background-position: 0 0;
}

h1.article-title {
    color: #a02224;
    font-style: normal;
    font-weight: normal;
    font-size: 2em;
    font-family: "tg_boldRg", sans-serif;
    line-height: 1.2em;
    /*margin: 0 0 20px 0;*/
}

h2.article-tetiere {
    color: #00718E;
    font-style: normal;
    font-weight: normal;
    font-size: 1.2em;
    font-family: "tg_boldRg", sans-serif;
    line-height: 1.2em;
    text-align: right;
    text-transform: uppercase;
}

h2.article-tetiere__right {
	
}
h2.article-tetiere__left {
    float: left;
}

.article-category {
    color: #a81b18;
}


.author-picture {
    float: left;
    margin: 4px 15px 4px 0;
}

.article-address {
    color: #666;
    font-style: italic;
}

.article-abstract,
.article-content {
    clear: both;
    margin-bottom: 32px;
    margin-top: 30px;
}

.article-content .intertitre1,
.article-content .intertitre1edito {
    color: #a02224;
    font-style: normal;
    font-weight: normal;
    font-size: 1.4em;
    font-family: "tg_boldRg", sans-serif;
    line-height: 1.2em;
    margin-top: 48px;
}

.LVID + .intertitre1edito {
    display: none;
}

.article-content .intertitre2 {
    color: #000;
    font: normal normal 1.15em/1.3em "tg_boldRg", sans-serif;
    margin-top: 24px;
    text-transform: uppercase;
}

.article-content p {
    /*margin: 0 0 16px 0;*/
    text-align: justify;
}

.article-content .ximage {
    text-align: center;
}

.article-content .ximage img,
.article-content .image {
    height: auto;
    margin: auto;
    max-width: 100%;
    text-align: center;
    width: auto;
}

.article-content .figure-legende {
    font-size: 0.95em;
    text-align: center;
}

.article-content .keywords {
    display: none;
}

.article-content span.bando-bold {
    font-weight: bold;
    font-style: normal;
}

.article-content span.bando-ital {
    font-weight: normal;
    font-style: italic;
}

.article-content span.abstract-bold {
    font-weight: bold;
}

.article-content span.hsitcase-inter {
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
}

.article-content span.hsittitrerouge {
    color: #a30000;
}

.article-content .hsitcase-inter {
    font-weight: bold;
}

.article-content p.hsitcasesummary-tit {
    font: normal normal 1.15em/1.3em "tg_boldRg", sans-serif;
    margin: 18px 0px 6px 0px;
}

.article-content p.hsitchapitre-titre {
    font: normal normal 1.75em/1.24em "tg_boldRg", sans-serif;
    color: #404040;
    margin: 24px 0px 0px 0px;
}

.article-content p.focus-person {
    color: #404040;
    font: normal normal 1.15em/1.3em "tg_boldRg", sans-serif;
}

.article-content p.focus-subtitle {
    color: #00718E;
    font-weight: bold;
}

.article-content p.news-title {
    background-color: #a02224;
    color: #fff;
    margin-top: 16px;
    padding: 4px 8px;
}

.article-content table.Tableau-simple {
    width: 100%;
}

.article-content table.Tableau-simple td {
    padding: 4px;
    vertical-align: top;
}

.article-content p.TXTnormal {
    -epub-hyphens: none;
    -epub-ruby-position: over;
    -webkit-hyphens: none;
    color: #000000;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.2;
    text-align: justify;
    text-decoration: none;
    text-indent: 0px;
}

.article-content p.bloc {
    -epub-hyphens: none;
    -epub-ruby-position: over;
    -webkit-hyphens: none;
    color: #000000;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    text-indent: 0px;
}

.article-content p.Legend {
    -epub-ruby-position: over;
    color: #000000;
    font-size: 0.9em;
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.714;
    text-align: right;
    text-decoration: none;
    text-indent: 0px;
}

.article-content .TXTnormal .bold {
    font-weight: bold;
}

.article-content .cell-IODP {
    background-color: #f9f9f3;
    padding: 0 16px;
}

.article-content .cell-IODP .intertitre1 {
    margin-top: 16px;
}

.exposant {
    font-size: 0.8em;
    line-height: 0.8em;
    vertical-align: text-top;
}

.article-content .abstracts-titres {
    font-weight: bold;
}

.article-content .ital,
.article-side .ital {
    font-style: italic;
}

.article-side ul {
    list-style-position: outside;
    margin: 0 16px;
    padding: 0;
}

.article-side ul li {
    display: list-item;
}

.article-side .references ul {
    list-style: none;
    font-size: 0.85em;
    padding: 0;
    margin: 0;
}

.article-side .references ul li {
    margin: 8px 0;
    word-wrap: break-word;
}

.article-side .references ul li i {
    text-decoration: none;
}

.article-cta div {
    margin-bottom: 20px;
}

.article-cta .or {
    display: block;
    font-size: 0.8em;
    font-weight: bold;
    padding-top: 20px;
    text-align: center;
}

.article-cta a {
    font: normal normal 0.95em/1.4em "Arial";
    padding: 13px 22px;
    padding-left: 68px;
    position: relative;
    text-align: left;
}

.article-cta i {
    position: absolute;
    left: 22px;
    font-size: 46px;
}

.article-cta strong {
    font-size: 1.2em;
    text-transform: uppercase;
}

.article-share {
    margin: 0 0 32px 0;
}

.article-share h2 {
    color: #00718E;
    font-family: "tg_boldRg", sans-serif;
    font-size: 1.4em;
    font-style: normal;
    font-weight: normal;
    line-height: 1.2em;
}

h2.section-title {
    color: #00718E;
    font-style: normal;
    font-weight: normal;
    font-size: 1.4em;
    font-family: "tg_boldRg", sans-serif;
    letter-spacing: 4px;
    line-height: 1.2em;
    margin: 0 0 10px 0;
    text-align: left;
    text-transform: uppercase;
}

h3.section-title {
    color: #00718e;
    font-family: "tg_boldRg", sans-serif;
    font-size: 1.1em;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1.2em;
    margin: 15px 0 10px 20px;
    text-align: left;
    text-transform: uppercase;
}

.rslides {
    border: 1px solid #ddd;
}

.nav-tools.navbar .nav > li {
    line-height: 14px;
}

.nav-tools.navbar .nav > li > a {
    color: #005580;
    border-right: 1px solid #eee;
    border-left: 1px solid #ddd;
    font-size: 0.85em;
    padding: 0 8px;
}

.nav-tools.navbar .nav > li.first > a {
    border-left: none;
    padding-left: 0;
}

.nav-tools.navbar .nav > li.last > a {
    border-right: none;
    padding-right: 0;
}

.nav-tools.navbar .nav > li > a:hover {
    color: #00718E;
}

.eij-pager {
    margin-bottom: 40px;
    display: block;
    height: 60px;
}

.video-js {
    width: 100%;
}

/* ---------------------------------------------*/
/* ----------- TABLE OF CONTENTS ---------------*/
/* ---------------------------------------------*/

/*
FONT ROUGE : #a02224
FONT BLEU : #00718E
FONT ORANGE : #f60
FONT LIEN BLEU : #06c0fa
FONT LIEN BLEU HOVER : #005580
*/

.table-of-contents section {
    margin-bottom: 40px;
}

.table-of-contents ul {
    margin: 0;
    padding: 0 0 0 0;
}

.table-of-contents ul li {
    position: relative;
}

.table-of-contents ul ul {
    padding: 0;
}

.table-of-contents article {
    margin-bottom: 12px;
    position: relative;
}

.eij-article.short {

}

.eij-article-eep {
    background: url(../images/logos/eep.png) no-repeat top left #fff;
    display: block;
    height: 16px;
    left: 0;
    margin-left: -44px;
    position: absolute;
    top: 4px;
    width: 40px;
}

.eij-article-aop {
    background-color: #a02224;
    display: block;
    height: 10px;
    left: 0;
    margin-left: -20px;
    position: absolute;
    top: 5px;
    width: 10px;
}

p.eij-article-title {
    margin: 4px 0;
    margin-left: 80px;
}

p.eij-article-title a:link,
p.eij-article-title a:active,
p.eij-article-title a:visited {
    color: #000;
}

p.eij-article-title a:hover {
    color: #005580;
}

.eij-article-number {
    color: #a02224;
    font-weight: bold;
    left: 0;
    margin-left: 0px;
    position: absolute;
    text-align: right;
    top: 0;
    width: 70px;
}

.eij-article-eprint {
    background: url(../images/icons/e-article.png) top left transparent;
    height: 26px;
    width: 40px;
}

.profile .eij-article-eprint {
    position: inherit;
}

.eij-authors {
    color: #666;
    display: block;
    font-size: 0.9em;
    font-style: italic;
    margin-left: 80px !important;
    text-align: left;
}

.eij-authors a:link,
.eij-authors a:active,
.eij-authors a:visited {
    color: #666;
}

.eij-authors a:hover {
    color: #005580;
}

.eij-article-reference,
.eij-article-publishingdate {
    color: #999;
    display: block;
    font-size: 0.85em;
    font-style: normal;
    margin: 0 0 0 80px;
    text-align: left;
}

.eij-article-tnt {
    display: none;
}

.toc-side {
    position: relative;
}

.toc-side.toc-fixed {
    position: fixed;
    top: 96px;
    width: 280px;

}

.toc-cover {
    text-align: right;
    margin: 0 0 32px 0;
    position: relative;
}

.toc-cover a.btn-large {

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(161, 35, 35)), color-stop(1, rgb(129, 40, 41)));
    background-color: #a02224;
	width: 87%;

}

.toc-cover a.btn-large:hover {
    background-position: 0 20px;
}

.toc-cover img {
    border: 1px solid #CCCCCC !important;
    -webkit-box-shadow: 0 1px 4px #CCCCCC;
    -moz-box-shadow: 0 1px 4px #CCCCCC;
    -ms-box-shadow: 0 1px 4px #CCCCCC;
    -o-box-shadow: 0 1px 4px #CCCCCC;
    box-shadow: 0 1px 4px #CCCCCC;
    padding: 2px;
}

.aop-date {
    background-color: #ca5047;
    border: 3px double #ddd;
    -webkit-box-shadow: inset 0 0 2px #ddd;
    -moz-box-shadow: inset 0 0 2px #ddd;
    -ms-box-shadow: inset 0 0 2px #ddd;
    -o-box-shadow: inset 0 0 2px #ddd;
    box-shadow: inset 0 0 2px #ddd;
    color: #fff;
    display: block;
    font-family: "tg_boldRg", sans-serif;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 44px;

    background-image: linear-gradient(bottom, rgb(124, 27, 29) 0%, rgb(158, 34, 34) 100%);
    background-image: -o-linear-gradient(bottom, rgb(124, 27, 29) 0%, rgb(158, 34, 34) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(124, 27, 29) 0%, rgb(158, 34, 34) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(124, 27, 29) 0%, rgb(158, 34, 34) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(124, 27, 29) 0%, rgb(158, 34, 34) 100%);

    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0, rgb(124, 27, 29)),
            color-stop(1, rgb(158, 34, 34))
    );
}

.aop-day {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 0.8em;
    padding: 2px 4px;
}

.aop-month {
    display: block;
    font-size: 0.8em;
    line-height: 0.8em;
    padding: 4px 4px 2px 4px;
    text-transform: uppercase;
}

.aop-year {
    display: block;
    font-size: 0.8em;
    line-height: 0.8em;
    padding: 2px 4px 4px 4px;
}

.aop-eep {
    background-color: #EEEEEE;
    color: #666666;
    display: block;
    margin-bottom: 4px;
}

/* ---------------------------------------------*/
/* -------------- BLOCKS BLEUS -----------------*/
/* ---------------------------------------------*/

.block-blue {
    background-color: #01718f;
    color: #fff;
    margin-bottom: 16px;
    padding: 16px;
}

.block-blue h3 {
    border-bottom: 1px solid #fff;
    line-height: 1em;
    text-transform: uppercase;
    margin: 0 0 8px -16px;
    padding: 0 0 10px 16px;
}

.block-blue a:link,
.block-blue a:active,
.block-blue a:visited {
    color: #fff;
}

.block-blue a:hover {
    color: #f6f89e;
}

.block-blue ul {
    padding-bottom: 0;
}

/* ---------------------------------------------*/
/* ---------------- COMMENTS -------------------*/
/* ---------------------------------------------*/
#comment_zone {
    margin: 0 0 32px 0;
}

.comment-avatar {
    display: block;
    width: 32px;
    height: 32px;
    background: url(../images/misc/user-comment.png) top right #999;
    position: absolute;
    top: 0;
    left: 0;

}

#comment_form {
    position: relative;
}

#comment_zone #share_your_comment {
    color: #a02224;
    font-style: normal;
    font-weight: normal;
    font-size: 2em;
    font-family: "tg_boldRg", sans-serif;
    line-height: 1.2em;
    margin: 0 0 8px 0;
}

#comment_zone h2 {
    color: #444;
    font-size: 1em;
}

.comment-thread {
    position: relative;
    margin: 16px 0;
}

.comment-body {
    position: relative;
}

.comment-body .comment-header {
    margin-left: 48px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #aaa;
    height: 32px;
    padding: 0 8px;
    background-color: #ddd;
    color: #000;
    font: bold normal 12px/32px Arial;
    -webkit-box-shadow: 0 1px 2px #ddd;
    -moz-box-shadow: 0 1px 2px #ddd;
    -o-box-shadow: 0 1px 2px #ddd;
    box-shadow: 0 1px 2px #ddd;

    background-image: linear-gradient(bottom, rgb(232, 232, 232) 3%, rgb(240, 240, 240) 98%, rgb(255, 255, 255) 100%);
    background-image: -o-linear-gradient(bottom, rgb(232, 232, 232) 3%, rgb(240, 240, 240) 98%, rgb(255, 255, 255) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(232, 232, 232) 3%, rgb(240, 240, 240) 98%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(232, 232, 232) 3%, rgb(240, 240, 240) 98%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(232, 232, 232) 3%, rgb(240, 240, 240) 98%, rgb(255, 255, 255) 100%);

    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.03, rgb(232, 232, 232)),
            color-stop(0.98, rgb(240, 240, 240)),
            color-stop(1, rgb(255, 255, 255))
    );
}

.comment-body .comment-info {
    font-size: 10px;
    color: #888;
    margin: 0 0 0 48px;
    line-height: 16px;
    text-align: left;
    list-style-type: none;
    padding: 0;
}

.comment-body .comment-info li {
    display: inline;
    padding: 0;
    margin: 0 32px 0 0;
}

.comment-body .comment-content {
    font: normal normal 12px/12px Arial;
    margin: 8px 0 4px 48px;
}

.comment-body .comment-actions {
    font-size: 10px;
    color: #888;
    margin: 0 0 0 48px;
    text-align: right;
    list-style-type: none;
    padding: 0;
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
}

.comment-body .comment-actions li {
    display: inline;
    padding: 0;
    margin: 0 0 0 8px;
    text-align: left;
}

.comment-body .comment-actions li:link,
.comment-body .comment-actions li:active,
.comment-body .comment-actions li:visited {
    color: #555;

}

.comment-body .comment-actions li a:hover {
    color: #000;
    text-decoration: none;
}

.comment-body .comment-thread {
    margin: 0 0 0 48px;
}

.comment-thread .comment-children {
    margin: 0 0 0 48px;
}

#comment_reply_notice {
    display: none;
    position: relative;
}

#comment_reply_notice_close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 12px;
    height: 12px;
    background-color: #666;
    border: 2px solid #fff;
    text-align: center;
    color: #fff;
    font: bold normal 10px/12px Arial;
}

.comment-reply-header {
    margin-bottom: 8px;
    border-radius: 4px;
    border: 1px solid #aaa;
    height: 32px;
    padding: 0 8px;
    background-color: #ddd;
    color: #000;
    font: bold normal 12px/32px Arial;
    box-shadow: 0 1px 2px #ddd;

    background-image: linear-gradient(bottom, rgb(232, 232, 232) 3%, rgb(240, 240, 240) 98%, rgb(255, 255, 255) 100%);
    background-image: -o-linear-gradient(bottom, rgb(232, 232, 232) 3%, rgb(240, 240, 240) 98%, rgb(255, 255, 255) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(232, 232, 232) 3%, rgb(240, 240, 240) 98%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(232, 232, 232) 3%, rgb(240, 240, 240) 98%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(232, 232, 232) 3%, rgb(240, 240, 240) 98%, rgb(255, 255, 255) 100%);

    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.03, rgb(232, 232, 232)),
            color-stop(0.98, rgb(240, 240, 240)),
            color-stop(1, rgb(255, 255, 255))
    );

}

/* ---------------------------------------------*/
/* ---------------- ARCHIVES -------------------*/
/* ---------------------------------------------*/

.archives header {
    color: #00718E;
    font-style: normal;
    font-weight: normal;
    font-size: 1.2em;
    font-family: "tg_boldRg", sans-serif;
    line-height: 1.2em;
    margin: 0 0 8px 0;
}

.archives .table-hover tbody tr:hover td,
.archives .table-hover tbody tr:hover th {
    background-color: #f5f5e1;
}

/* ---------------------------------------------*/
/* ------------------ TRIALS -------------------*/
/* ---------------------------------------------*/

#trials h2 {
    margin: 48px 0 16px 0;
}

#trials .btn {
    margin: 0 4px;
}

#trials p {
    text-align: justify;
}

#trials ul li {
    display: list-item;
    list-style-type: square;
    margin: 8px 0;
}

#trials ul ul {
    display: block;
    margin: 0 0 0 16px;
}

#trials ul li li {
    color: #666;
    list-style-type: circle;
}

#trials .block-blue {
    margin-top: 64px;
}

/* ---------------------------------------------*/
/* -------------- EDITORIAL TEAM ---------------*/
/* ---------------------------------------------*/
.editorial-group {
    margin: 0 0 20px 0;
    padding: 0;
}

.editorial-group.no-pictures {
    -webkit-column-count: 5;
    -webkit-column-gap: 16px;
    -webkit-column-rule-color: #eee;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;

    -moz-column-count: 5;
    -moz-column-gap: 16px;
    -moz-column-rule-color: #eee;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;

    column-count: 5;
    column-gap: 16px;
    column-rule-color: #eee;
    column-rule-style: solid;
    column-rule-width: 1px;
}

.editorial-group li {
    font-size: 0.85em;
    list-style-type: none;
    position: relative;
}

.editor-with-photo {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    width: 100px;
    height: 120px;
    /*margin-bottom: 40px;*/
}

.editor-with-photo img {
    position: relative;
}

.editor-with-photo span {
    display: block;
    line-height: 1em;
    margin-top: 6px;
    text-align: center;
    margin-right: 18px;
}

#loading_animation {
    background: url('../images/misc/ajax-loader.gif') no-repeat center left transparent;
    color: #fff;
    display: none;
    font-weight: bold;
    height: 32px;
    left: 50%;
    line-height: 32px;
    margin-left: -128px;
    padding-left: 32px;
    position: fixed;
    text-align: left;
    text-shadow: 0px 2px 3px #666;
    top: 0;
    width: 256px;
    z-index: 9000;
}

#block_newsletter {
    background-color: #e9e9e9;
    border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 2px 2px #ccc;
    -moz-box-shadow: 0 0 2px 2px #ccc;
    -ms-box-shadow: 0 0 2px 2px #ccc;
    -o-box-shadow: 0 0 2px 2px #ccc;
    box-shadow: 0 0 2px 2px #ccc;
    padding: 10px;

    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.15, rgb(233, 233, 233)),
            color-stop(0.58, rgb(248, 248, 248))
    );
    background-image: -webkit-linear-gradient(bottom, rgb(233, 233, 233) 15%, rgb(248, 248, 248) 58%),;
    background-image: -moz-linear-gradient(bottom, rgb(233, 233, 233) 15%, rgb(248, 248, 248) 58%);
    background-image: -ms-linear-gradient(bottom, rgb(233, 233, 233) 15%, rgb(248, 248, 248) 58%);
    background-image: -o-linear-gradient(bottom, rgb(233, 233, 233) 15%, rgb(248, 248, 248) 58%);
    background-image: linear-gradient(bottom, rgb(233, 233, 233) 15%, rgb(248, 248, 248) 58%);

}

#block_newsletter form {
    background: url(/eurointervention/assets/images/misc/enveloppe.png) no-repeat top right transparent;
}

#block_newsletter header {
    color: #00718E;
    font-family: 'tg_boldRg', sans-serif;
    font-size: 1.35em;
    letter-spacing: 0.5px;
    line-height: 1.2em;
    margin-bottom: 12px;
    text-align: left;
    text-transform: uppercase;
}

#block_newsletter p {
    font-size: 0.9em;
    line-height: 1.2em;
    margin-right: 100px;
}

#block_newsletter form {
    margin-bottom: 0;
    position: relative;
}

#block_newsletter input {
    position: relative;
}

#block_newsletter .tip {
    background: #3f5769;
    background: rgba(63, 87, 105, .8);
    position: relative;
    left: 0;
    top: -8px;
    z-index: 20;
    display: none;
    padding: 5px 15px;
    width: 100%;
    color: #cfdce6;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);

    font-size: 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .15);
    -ms-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .15);
    -o-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 2px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .15);
}

#block_newsletter .tip:after {
    content: '';
    position: absolute;
    left: 20px;
    top: -7px;
    display: block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #3f5769;

    opacity: .8;
}

#block_newsletter .tip a {
    font-weight: 500;
    color: #fff;
    cursor: pointer;
}

#block_print_edition {
    background-color: #e9e9e9;
    border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 2px 2px #ccc;
    -moz-box-shadow: 0 0 2px 2px #ccc;
    -ms-box-shadow: 0 0 2px 2px #ccc;
    -o-box-shadow: 0 0 2px 2px #ccc;
    box-shadow: 0 0 2px 2px #ccc;
    padding: 10px;

    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.15, rgb(233, 233, 233)),
            color-stop(0.58, rgb(248, 248, 248))
    );
    background-image: -webkit-linear-gradient(bottom, rgb(233, 233, 233) 15%, rgb(248, 248, 248) 58%),;
    background-image: -moz-linear-gradient(bottom, rgb(233, 233, 233) 15%, rgb(248, 248, 248) 58%);
    background-image: -ms-linear-gradient(bottom, rgb(233, 233, 233) 15%, rgb(248, 248, 248) 58%);
    background-image: -o-linear-gradient(bottom, rgb(233, 233, 233) 15%, rgb(248, 248, 248) 58%);
    background-image: linear-gradient(bottom, rgb(233, 233, 233) 15%, rgb(248, 248, 248) 58%);

}

#block_print_edition header {
    color: #a02224;
    font-family: 'tg_boldRg', sans-serif;
    font-size: 1.35em;
    letter-spacing: 0.5px;
    line-height: 1.2em;
    margin-bottom: 12px;
    text-align: left;
    text-transform: uppercase;
}

#block_print_edition p {
    font-size: 0.9em;
    line-height: 1.2em;
    margin-right: 180px;
}

#block_print_edition .livre {
    background: url(/eurointervention/assets/images/misc/livre.png) no-repeat top right transparent;
}

.app-description {
    margin: 16px 0 32px 0;
}

.app-description h5 {

}

.app-description img {
    float: left;
    margin-right: 8px;
}

.app-description p {
    text-align: justify;
}

.listing .eij-article-short {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 16px;
    padding-bottom: 16px;
    position: relative;
}

.listing p.eij-article-title,
.listing ul.eij-authors,
.listing p.eij-article-reference,
.listing p.eij-article-publishingdate {
    margin-left: 0 !important;
}

/** MEDIA */
#media_zone {
    margin: 16px 0 48px 0;
}

#media_zone h2 {
    color: #a02224;
    font-style: normal;
    font-weight: normal;
    font-size: 1.4em;
    font-family: "tg_boldRg", sans-serif;
    line-height: 1.2em;
    margin: 0 0 8px 0;
}

.media-list {
    background-color: #e3eef0;
    -webkit-box-shadow: 0 1px 1px #666;
    -moz-box-shadow: 0 1px 1px #666;
    -ms-box-shadow: 0 1px 1px #666;
    -o-box-shadow: 0 1px 1px #666;
    box-shadow: 0 1px 1px #666;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 16px;
}

.media img {
    background-color: #fff;
    border: 1px solid #000;
    padding: 1px;
    width: 64px;
}

.highslide-header,
.highslide-footer {
    display: none;
}

.highslide-html {
    background: #000;
    padding: 0;
}

.highslide-html .highslide-html-content {
    background: #000;
    overflow: hidden;
    padding: 0;
}

.highslide img {
    border: 1px solid #F3F3F3;
}

.mejs-overlay-play {
    display: none;
}

/* ADITIONAL RESOURCES */
#resources_zone {
    margin: 16px 0 48px 0;
}

#resources_zone h2 {
    color: #a02224;
    font-style: normal;
    font-weight: normal;
    font-size: 1.4em;
    font-family: "tg_boldRg", sans-serif;
    line-height: 1.2em;
    margin: 0 0 8px 0;
}

#resources_zone .resource-type {
    font-weight: bold;
    text-transform: uppercase;
}

#resources_zone a {
    text-decoration: none;
    color: #005580 !important;
}

/* ---------------------------------------------*/
/* ------------- USER INFORMATION --------------*/
/* ---------------------------------------------*/
.profile .eij-article-short p {
    margin-left: 0;
}

.profile .eij-article-short {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
    padding-bottom: 1em;
}

.profile h2.article-tetiere {
    text-align: left;
}

/* ---------------------------------------------*/
/* -------------- SURVEY RIBBON ----------------*/
/* ---------------------------------------------*/
#survey_ribbon {
    background: url(../images/misc/survey-ribbon.png) no-repeat top left;
    display: block;
    height: 84px;
    margin-left: -20px;
    margin-top: 16px;
    overflow: visible;
    text-indent: -9999px;
    width: 1000px;
}

/* ---------------------------------------------*/
/* ----------------- POST EIJ ------------------*/
/* ---------------------------------------------*/
#fil-post .post-item {
    overflow: hidden;
    padding-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #ddd;
}

#fil-post .post-item .post-type-rub {
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    letter-spacing: 2px;
    margin: 0 0 5px 0;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
}

#fil-post h2, #fil-post h2 a {
    font-family: "tg_boldRg", sans-serif;
    color: #000;
    font-size: 1.2em;
    text-decoration: none;
    margin: 0 0 5px 0;
    font-weight: normal;
    line-height: 1em;
}

#fil-post .post-item .time {
    color: #999;
    font-size: 12px;
}

#fil-post .post-item .author {
    font-size: 12px;
    color: #999999;
    text-decoration: none;
}

#fil-post .post-item img {
    margin: 0 10px 0 0;
    float: left;
    -webkit-box-shadow: 0 0 4px #555;
    -moz-box-shadow: 0 0 4px #555;
    -ms-box-shadow: 0 0 4px #555;
    -o-box-shadow: 0 0 4px #555;
    box-shadow: 0 0 4px #555;
}

#fil-post .post-item .resume {
    line-height: 18px;
    width: 370px;
    font-size: 14px;
    text-align: justify;
}

#fil-post .post-item .no-img-resume {
    line-height: 18px;
    text-align: justify;
}

#fil-post p {
    margin: 0 0 5px 0;
}

.post-pager {
    clear: both;
    border-top: 1px solid #ddd;
}

.news_next_link {
    padding: 20px 0;
    cursor: pointer;
}

.news_previous_link {
    padding: 20px 0;
    cursor: pointer;
}

.block-grey {
    background-color: #f5f5f5;
    color: #999999;
    padding: 16px;
}

.block-grey h3 {
    border-bottom: 1px solid #999999;
    line-height: 1em;
    text-transform: uppercase;
    margin: 0 0 8px -16px;
    padding: 0 0 10px 16px;
}

.article-side .news article {
    display: block;
    min-height: 80px;
    overflow: hidden;
    padding: 10px 0;
}

.article-side .news .post-type-rub {
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    letter-spacing: 2px;
    margin: 0 0 5px 0;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
}

.article-side .news .title-news {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 16px;
    text-align: justify;
}

.article-side .news .time {
    color: #999999;
    font-size: 12px;
}

.article-side .news .content {
    min-height: 60px;
}

.article-side .news a {
    color: #000;
}

.article-side .news p {
    margin: 0;
}

.article-side .news a:hover {
    color: #005580;
    text-decoration: none;
}

.article-side .news .more {
    text-align: right;
}

.article-side .news .more a {
    color: #999999;
}

/* ---------------------------------------------*/
/* --------------- NEWS HOMEPAGE --------------*/
/* ---------------------------------------------*/
#post_news_container {
    color: #fff;
    overflow: hidden;
    margin: 0 0 10px 0;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

#post_news_container .big {
    width: 284px;
    height: 266px;
    float: left;
    overflow: hidden;
    margin: 2px 2px 2px 0;
    position: relative;
    border: 1px solid #ddd;
}

#post_news_container .big img {
    width: 284px;
    height: 178px;
    display: block;
}

#post_news_container .big span {
    height: 100%;
}

#post_news_container .small {
    width: 139px;
    height: 132px;
    float: left;
    overflow: hidden;
    margin: 1px 3px 0 0;
    position: relative;
    border: 1px solid #ddd;
}

#post_news_container .small img {
    width: 139px;
    height: 82px;
    display: block;
}

#post_news_container .small_title {
    display: block;
    height: 100%;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 15px;
}

#post_news_container .small_description {
    display: none
}

#post_news_container a {
    color: #fff;
    text-decoration: none;
}

#post_news_container p, #post_news_container span, #post_news_container .small_title, #post_news_container h5 {
    margin: 3px;
    color: #fff;
}

#post_news_container .news_description {
    font-size: 0.9em;
    color: white;
    display: block;
}

#post_news_container .news_description a {
    text-decoration: underline;
}

#post_news_container .news_link {
    text-decoration: underline;
}

#post_news_container .device10 {
    width: 578px;
    height: 374px;
}

#post_news_container .device10 img {
    width: 578px;
    height: 325px;
}

#post_news_container .device30 {
    width: 410px;
    height: 314px;
}

#post_news_container .device30 img {
    width: 410px;
    height: 231px;
}

#post_news_container .device31 {
    float: none;
    width: 160px;
    height: 156px;
}

#post_news_container .device32 {
    width: 160px;
    height: 156px;
}

#post_news_container .device31 img,
#post_news_container .device32 img {
    width: 160px;
    height: 90px;
}

#post_news_container .device95,
#post_news_container .device117,
#post_news_container .device135,
#post_news_container .device155,
#post_news_container .device1510 {
    clear: both;
}

#post_news_container .more_news {
    display: block;
}

/* ---------------------------------------------*/
/* ------------------ SPONSORS -----------------*/
/* ---------------------------------------------*/
.sponsor {
    position: relative;
    margin-bottom: 20px;
    height: 167px;
    text-align: center;
    background-color: #EEEEEE;
    font-weight: bold;
    line-height: 167px;
    font-size: 24px;
    color: #404040;
}

@media (max-width: 979px) and (min-width: 768px) {
    .sponsor {
        height: 150px;
        line-height: 150px;
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .sponsor {
        height: 481px;
        line-height: 481px;
        font-size: 32px;
    }
}

.sponsor a {
    color: #404040;
    text-decoration: none;
}

.sponsor img {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    background-color: #eee;
    text-align: center;
    width: 100%;
    opacity: 1;
}

.sponsor img:hover {
    opacity: 0.8;
}

/* ---------------------------------------------*/
/* -------------- SMART APP BANNER -------------*/
/* ---------------------------------------------*/
#smartapp-banner {
    margin-top: 32px;
    width: 100%;
    padding: 0 10px;
    margin-left: -10px;
}

/* ---------------------------------------------*/
/* -------------- OVERLAY BANNER -------------*/
/* ---------------------------------------------*/
.mfp-content {
    max-width: 400px;
}

/* adds */

.pagination-left {
    text-align: left;
}

#nav_button.navbar .btn, .navbar .btn-group {
    margin-top: 0px;
    margin-left: 0px;
}

#nav_button.navbar {
    margin-bottom: -1px;
}

#nav_menu_container {
    display: none;
}

#nav_menu_container > .navbar-inner {
    min-height: 0px;
    border: 0px;
}

/*Les traits du bouton*/
/*#nav_button.navbar .btn-navbar .icon-bar {*/
/*background-color: #fff;*/
/*box-shadow : none;*/
/*}*/
/*Les liens dans le menu */
#nav_menu_container.navbar .nav > li > a {
    color: #a12426;
}

.previous a, .next a {
    display: block;
    border-radius: 3px;
    margin: 15px 0;
}

/* HEADER BANNER */
#header-web-banner {
    top: 0px;
    position: fixed;
    z-index: 2;
    background-color: #666;
    width: 100%;
    height: 104px;
    padding-bottom: 20px;
}

#header-web-banner .header-ad {
    color: white;
}

.fb {
    font-size: 10px !important;
    background-color: #337ab7;
}

/* Fin adds */

/* Responsive */
/* @gridColumns: 16 */
/* @gridColumnWidth: 40px */
/* @gridColumnWidth768: 32px */
/* @gridGutterWidth768: 16px */
@media only screen and (min-width: 768px) and (max-width: 979px) {
    /*#content { padding-bottom: 360px; }*/
    #nav_main {
        width: 772px;
    }

    #wrapper {
        width: 772px;
    }

    /* HEADER BANNER */
    #tetiere .container .eurointervention {
        left: 297px !important;
    }

    #nav_main ul li a {
        font-size: 0.8em;
        padding: 0 6px;
    }

    #nav_main .form-search .input-small {
        width: 100px;
    }

    #nav_main ul li div.submenu.nav-archives {
        padding-right: 0;
        left: -160px;
    }

    #nav_main #archive_preview {
        display: none;
    }

    /*#carousel { max-width: 100%; }
    #carousel .navigator-content h3, #carousel .navigator-content p { display: none; }
    #carousel .navigator-content { width: 84px; }
    #carousel .navigator-content img { margin: 24px 10px 24px 10px; }
    #carousel_container .infoBlock h4 { font-size: 0.75em; }
    #carousel_container .infoBlock p { font-size: 0.75em; }*/
    /*#site_footer { height: 310px; }*/
    #survey_ribbon {
        background: url(../images/misc/survey-ribbon-tablet.png) no-repeat top center;
        width: 812px;
    }

    #post_news_container .news {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        height: auto;
    }

    #post_news_container .news img {
        width: 100%;
        height: auto;
    }

    #post_news_container .small_title {
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
    }

    #post_news_container .small_description {
        display: block !important;
    }

    #post_news_container .small_description a {
        text-decoration: underline;
    }

    #post_news_container .more_news {
        display: none;
    }

    .editor-with-photo {
        margin: 0 0 10px 0;
    }

    /* adds */
    #nav_button, #nav_menu_container {
        display: none;
    }

    .toc-side.toc-fixed {
        width: 220px;
    }

    /* Fin adds */
}

@media only screen and (max-width: 767px) {
    /*#content { padding-bottom: 1010px; }*/
    html {
        padding: 0 10px;
    }

    body {
        background-color: #fff;
    }

    #wrapper {
        width: 100%;
        box-shadow: none;
    }

    #tetiere {
        left: 0;
        padding: 0;
    }

    /* HEADER BANNER */
    #tetiere .container .eurointervention {
        left: 60px;
        top: 128px;
    }

    #tetiere .container .eurointervention.header-banner {
        left: 60px;
        top: 95px;
    }

    #header-web-banner {
        margin: 0 -10px
    }

    #tetiere .container .eurointervention.show-header-banner {
        top: 6px !important;
    }

    #tetiere .signed-user {
        float: right;
        margin-right: 8px;
    }

    #tetiere .signin-links,
    #tetiere .signed-links {
        float: right;
        margin-right: 8px;
    }

    #tetiere .signin-links a {
        font-size: 1em;
    }

    #tetiere .signin-links .or {
        padding: 0 6px;
    }

    #nav_main ul li a {
        font-size: 0.8em;
        padding: 0 4px;
    }

    #nav_main ul li div.submenu.nav-archives {
        padding-right: 0;
        left: -160px;
    }

    #nav_main .form-search {
        position: fixed;
        top: 80px;
        right: 20px;
    }

    #nav_main .form-search .input-small {
        width: 100px;
    }

    #page_home {
        margin-top: 48px;
    }

    /*#carousel_container { text-align: center; width: 100%; }
    #carousel { margin: auto; max-width: 400px; }
    #carousel .navigator-content { display: none; }*/
    #breadcrumbs {
        margin: 32px 0 0 0;
    }

    .page-title {
        margin: 0 0 16px 0;
    }

    .toc-cover {
        display: none;
    }

    #site_footer { /*height: 970px;*/
        margin-left: -10px;
        width: 100%;
        padding: 10px 10px 0;
    }

    #survey_ribbon {
        display: none;
    }

    .block_featured_old {
        display: none;
    }

    .newsWidth {
        width: 440px !important;
        padding: 0;
    }

    #post_news_container .news {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        height: auto;
    }

    #post_news_container .news img {
        width: 100%;
        height: auto;
    }

    #post_news_container .small_title {
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
    }

    #post_news_container .small_description {
        display: block !important;
    }

    #post_news_container .small_description a {
        text-decoration: underline;
    }

    #post_news_container .more_news {
        display: none;
    }

    .smartapp-banner {
        margin-left: -10px;
    }

    /* adds */
    #nav_button {
        display: inline-block;
    }

    #nav_menu_container {
        display: block;
    }

    #tetiere .signed-links {
        display: none;
    }

    /* Fin adds */
}

@media only screen and (max-width: 480px) {
    #site_header .site_logo img {
        content: '';
        width: 100%;
    }

    /* HEADER BANNER */
    /*#header-web-banner {display: none;}*/
    /*#tetiere {height: 32px!important;}*/
    #tetiere .container .eurointervention.header-banner {
        left: 60px;
        top: 85px;
    }

    /*#wrapper {top: 0px !important;}*/
    /*#carousel { max-width: 400px; }
    #carousel .navigator-content { display: none; }*/
    #breadcrumbs {
        margin: 32px 0 0 0;
    }

    .page-title {
        margin: 0 0 16px 0;
    }

    .media-object {
        display: none;
    }

    .teaser .media .pull-left, .teaser .media .pull-right {
        display: none;
    }

    .top10 .media .pull-left, .top10 .media .pull-right {
        float: left;
    }

    .teaser .media {
        margin-top: 0;
    }

    .teaser .date-publication, .top10 .date-publication {
        text-align: left;
    }

    .teaser .authors, .top10 .authors {
        margin: 0;
    }

    .teaser .eep {
        border: none;
        left: auto;
        position: relative;
        top: 0;
    }

    #site_footer .logo {
        display: none;
    }

    #site_footer .general-info, #site_footer .general-info p {
        float: left;
        text-align: left;
    }

    #survey_ribbon {
        display: none;
    }

    #post_news_container {
        left: 0;
    }

    .newsWidth {
        width: 280px !important;
        padding: 0;
    }
}

.view-lbt {
    margin-bottom: 20px;
    width:340px ;
    height:265px;
    background:url(/eurointervention/assets/images/misc/lbts.png) no-repeat top right transparent;
}
.view-lbt-button {
    background-color: #01708d;
    text-align: center;
    width: 257px;
    left: 12px;
    top: 229px;

    color: #fff;
    display: block;
    font-family: 'tg_boldRg', sans-serif;
    font-size: 1em;
    height: 28px;
    letter-spacing: 1px;
    line-height: 28px;
    padding: 0 30px;
    position: relative;
    text-transform: uppercase;

    /* Rounded Corners */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}