#branding {
   background-color: rgba(255, 255, 255, 0.6);
   padding: 10px;
   border-radius : 4px;
}


.navbar .nav > li > .dropdown-menu:after {
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
}
.navbar .nav > li > .dropdown-menu:before {
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
}
.dropdown-menu {
    left: 8px;
}
.dropdown .dropdown-menu {
    left: 0;
}
@-moz-document url-prefix() {
    div.csc-textpic .csc-textpic-imagewrap img {
        max-width: 460px;
        width: 100%;
    }
}
div.csc-textpic .csc-textpic-imagewrap img {
    max-width: 460px\9;
    width: 100%;
}
div.greybox-agenda .articletype a img,
div.greybox-agenda > a > img {
    display: none;
}
.articletype .sub-link a,
div.greybox-agenda > a:after {
    background: url("../img/ico_two_small_white_right_arrows.png") no-repeat scroll center center #ef3e42;
    border-radius: 4px;
    height: 8px;
    margin-bottom: 4px;
    padding: 6px 4px;
    width: 12px;
    margin-top: 3px;
}
.articletype .sub-link a:hover,
div.greybox-agenda .header a:hover,
.greybox-agenda > a:hover,
.subnews-link-center:hover,
.footer-center a:hover,
.footer-center a:hover p,
.sy-controls .sy-prev a:hover,
.sy-controls .sy-next a:hover,
#header-main-content #action a:hover {
    opacity: .7;
}
div.greybox-agenda > a:after {
    background: url("../img/ico_two_small_white_right_arrows.png") no-repeat scroll center center #666560;
    width: 12px;
    height: 8px;
    content: "";
    float: right;
    margin-top: 0;
}
.news .article {
    margin-bottom: 10px;
}
.news .article:last-child {
    padding-bottom: 4px;
}
.tx-powermail li {
    list-style: none outside none;
    margin-top: 20px;
}
.tx-powermail h3 {
    color: #ef3e42;
    font-size: 26px;
}
.tx-powermail .powermail_radio {
    float: left;
    margin-right: 5px;
}
.tx-powermail .powermail_checkbox {
    float: left;
    margin-right: 5px;
}
.powermail_radio_inner {
    float: left;
    width: 200px;
}
.powermail_check_inner {
    float: left;
    width: 200px;
}
.tx-powermail legend {
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
    display: none;
}

/* RTE */
.textAlignCenter {
    text-align: center;
}
.textAlignRight {
    text-align: right;
}
.textAlignLeft {
    text-align: left;
}
span.hat,
p.hat {
    font-weight: bold;
}
ul.browsebox li {
    float: left;
    list-style: none outside none;
    margin-left: 10px;
}
.tx-indexedsearch-res {
    clear: both;
    padding-top: 20px;
}
@font-face {
    font-family: 'alpha_slab_one_reg';
    src: url('../font/AlfaSlabOne_Regular.otf') format("opentype");
    font-weight: normal;
    font-style: normal;
}
#header-img {
    position: absolute;
}
#branding h1 img {
    # TWU : bug with homepage with absolute position
    # position: absolute;
    z-index: 100;
}

/* Tx_news */
div.news {
    margin-bottom: 20px;
    clear: both;
}
#content-main div.news {
    margin-top: -8px;
}
.header-center h3 {
    float: left;
}
.news-info-center {
    float: right;
    text-transform: uppercase;
    color: #ef3e42;
    font-weight: bold;
}
.news-info-center p {
    float: left;
    line-height: 30px;
    height: 30px;
    margin-bottom: 0!important;
    font-size: 12px;
}
.news-text-wrap-center {
    float: left;
    margin-top: -8px;
    width: 100%;
}
.news-text-wrap-center-dossier {
    margin-left: 300px;
}
.news-text-wrap-center-event {
    clear: both;
}
.news-list-view {
    margin-bottom: 40px;
}
.news-text-wrap {
    margin-bottom: -5px;
}
.news-category-wrap {
    margin-left: 18px;
}
.news .article {
    border-bottom: 1px solid #CDC4B2;
    padding-bottom: 5px;
}
.news .article-center {
    border-top: 3px dotted #CDC4B2;
    padding-bottom: 20px;
    /*padding-top: 10px;*/
}
.news .article-center:first-child {
    border-top: 3px dotted #CDC4B2;
}
.news-info {
    float: right;
}
.news .footer span {
    margin-right: 2px;
    padding-right: 2px;
}
.teaser-text span {
    float: left;
}
div.sub-link {
    float: right;
}
.subnews-link img {
    float: right;
    margin-top: -20px;
}
.subnews-link p {
    font-weight: bold;
}
.subnews-link-center p {
    float: left;
    font-weight: bold;
    padding-left: 540px;
    padding-right: 10px;
}
div.news-text-wrap img {
    float: left;
    margin-right: 4px;
    padding-top: 3px;
}
.news .article h3 a {
    color: #007D31;
}
.teaser-text {
    font-weight: bold;
}
.teaser-text img {
    margin-right: 2px;
}
.news .article .teaser-text {
    margin-bottom: 0;
}
.teaser-text .news-category-wrap p {
    margin-bottom: 2px;
}
.news .header > h4 {
    margin-bottom: 4px;
}
.teaser-text p {
    text-transform: uppercase;
}
.news .footer {
    border-top: none;
}
.news .footer-center {
    clear: both;
    color: #888888;
    margin-top: 0px;
    padding: 0px 0 0;
}
#content-main .news-list-view .news-text-wrap-center p {
    margin-bottom: 0;
}
.news .footer-center img {
    margin-bottom: 1px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .news .footer-center img,
    .subnews-link-center img {
        margin-bottom: 4px !important;
    }
}

.news .footer-center p {
    float: left;
    padding-right: 5px;
    font-weight: bold;
}
.news .footer-center a {
    color: #ef3e42;
}
.subnews-link-center {
    background: none repeat scroll 0 0 #ef3e42;
    border-radius: 4px 4px 4px 4px;
    color: white;
    height: 20px;
    float: right;
    padding: 5px 5px 5px 5px;
    text-align: center;
    width: 170px;
}
.subnews-link-center a {
    color: #ffffff;
    font-weight: bold;
}
.subnews-link-center a:hover {
    color: #ffffff;
}
.subnews-link-center img {
    padding-left: 5px;
    margin-bottom: 1px;
}
.news-backlink-wrap {
    margin-top: 20px;
    clear: both;
}
.news-single img {
    float: left;
    margin-right: 5px;
    padding-top: 4px;
}

.news-single .summary img{
    float: none;
}

.news-img-wrap img {
    float: left;
    margin-left: 0px;
    margin-right: 20px;
}
.article-detail .header {
    float: left;
}
.article-dossier .header {
    clear: both;
    padding-top: 20px;
}
.article-dossier .news-img-wrap .mediaelement-image img {
    display: none;
}
.news-img-wrap {
    clear: both;
}
.header-center {
    clear: both;
}
.link-_dossier {
    margin-top: -32px;
    position: absolute;
    right: 10%;
    top: 0;
}
.carousel-link {
    background: none repeat scroll 0 0 rgba(0, 125, 49, 0.8);
    border-radius: 2px 0 0 2px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 81%;
    vertical-align: middle;
    z-index: 2;
    padding: 5px 10px 0px 10px;
    opacity: 0.9;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    -webkit-transition: background-color 1s linear;
    -moz-transition: background-color 1s linear;
    -o-transition: background-color 1s linear;
    -ms-transition: background-color 1s linear;
    transition: background-color 1s linear;
}
.carousel-link:hover {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    background: #ef3e42;
}
.carousel-link p {
    color: #FFFFFF;
    float: left;
    margin-right: 7px;
}
.carousel-link img {
    vertical-align: middle;
}

/* Carousel */
.carousel-caption {
    background: none repeat scroll 0 0 rgba(0, 125, 49, 0.8);
    border-radius: 0px 2px 2px 0px;
    bottom: 8%;
    height: 60px;
    padding: 0px 20px 0px 20px;
    opacity: 0.9;
    width: 220px;
}
.carousel-inner .item h3 {
    display: table-cell;
    height: 60px;
    vertical-align: middle;
    line-height: 23px;
}
.carousel-inner {
    border-radius: 5px;
}
.carousel-control.right {
    background: url("../img/ico_two_green_right_arrows.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    margin-top: 0px;
    right: 0;
    opacity: 1;
    top: 26px;
    border-radius: 0;
    height: 11px;
    width: 16px;
    cursor: pointer;
}
.carousel-control.left {
    background: url("../img/ico_two_green_left_arrows.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 0;
    left: 94%;
    margin-top: 0px;
    opacity: 1;
    top: 26px;
    border-radius: 0;
    height: 11px;
    width: 16px;
    cursor: pointer;
    padding-right: 5px;
    border-right: 1px solid #ef3e42;
}
#page {
    background-position: center top;
}
#page.home #content-main h2 {
    color: #ef3e42;
    font-family: arial;
}
.all-files.pull-right {
    margin-top: 8px;
    margin-right: 55px;
}
.clearfix {
    *zoom: 1;
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}
.clearfix:after {
    clear: both;
}
.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Root */
html {
    -webkit-font-smoothing: antialiased;
}
body {
    background: #f4f3ef;
    font-family: 'Arial', Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #333333;
}

/* Content */
p {
    margin: 0 0 5px;
    font-family: 'Arial', Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
}

/* Links */
a {
    text-decoration: none;
}
.all-files a {
    color: #ef3e42;
}
.breadcrumb a,
.menu.container > ul > li a {
    color: #000000;
}
a:focus,
a:active,
a:hover,
#content-main ul li a:hover {
    color: #999999;
    text-decoration: underline;
}
p a {
    color: #990000;
    text-decoration: none;
}
a {
    color: #990000;
}
#content-main li a {
    color: #CDC44B2;
    text-decoration: none;
}
#content-main .tx-powermail li a {
    border: 1px solid #808080;
    color: #000000;
    list-style: none outside none;
    padding: 5px;
    text-decoration: none;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #676662;
    margin-top: 0;
    font-family: 'Droid Sans', 'Arial', Helvetica, sans-serif;
    font-weight: 100;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #676662;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #999999;
}
h1 {
    font-size: 26px;
    line-height: 30px;
}
h2 {
    font-size: 22px;
    line-height: 30px;
}
.home h2 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
h3 {
    font-size: 18px;
    line-height: 30px;
}
.header-center h3 a {
    font-size: 18px!important;
    line-height: 30px;
    font-weight: bold;
}
h4 {
    font-size: 15px;
    line-height: 20px;
}
h5 {
    font-size: 14px;
    line-height: 20px;
}
h6 {
    font-size: 12px;
    line-height: 20px;
}

/* LAYOUTS */
/* Content container */
.content-container {
    padding: 10px;
}

/* Header */
#branding {
    margin-left: 15px;
    margin-top: 25px;
}
#tools {
    margin-top: 20px;
}
#tools input {
    border: medium none;
    border-radius: 0 4px 4px 0;
    font-size: 13px;
}
#tools input:focus {
    box-shadow: none;
}
#tools .btn {
    background: url("../img/ico_magnifier.png") no-repeat scroll 10px 5px #FFFFFF;
    border: medium none;
    border-radius: 4px 0 0 4px;
    color: rgba(0, 0, 0, 0);
}

/* Navigation */
#action {
    margin-top: 10px;
    width: 64px;
}
#action a {
    float: left;
}
#action img {
    margin-left: 10px;
}

/* Contents */
.breadcrumb {
    background-color: #ffffff;
    font-size: 10px;
    font: 'Arial';
    margin: 0;
    padding-top: 10px;
    padding-left: 5px;
}
#header-main-content {
    border-bottom: 3px dotted #CDC4B2;
    margin-left: 5px;
    margin-bottom: 15px;
}
#header-main-content .span7 {
    margin-left: 0;
}
#content {
    background: #ffffff;
    position: relative;
    border: 1px solid white;
    border-radius: 4px 4px 4px 4px;
}
#page.home #content-main {
    padding-left: 10px;
    padding-top: 15px;
    position: relative;
}
#page.home #content-right {
    margin-left: 10px;
    padding-top: 5px;
}
#page.int #content-main {
    padding-left: 10px;
    padding-top: 15px;
    width: 480px;
}
#page.int.oneCol #content-main {
    width: 930px;
}
#page.int #content-right {
    margin-left: 20px;
    padding-top: 10px;
}
#content-left,
#content-main,
#content-right {
    background: #ffffff;
    padding-bottom: 20px;
}
#content-main p {
    margin-bottom: 15px;
}
#content-main li {
    font-size: 13px;
}
#content-left {
    width: 200px;
}
#content-left ul li {
    list-style: none outside;
}
#content-left nav ul li {
    border-bottom: 1px solid #CDC4B2;
    line-height: 25px;
}
#content-left .menu ul {
    margin-left: 10px;
}
#content-left .menu li a {
    width: 100%;
    display: block;
    line-height: 14px;
    padding: 4px 0;
}
#content-left .menu li a:hover {
    color: #007D31;
}
.menu.container ul li.menuOn > a {
    color: #007D31;
}

.sub1-navigation ul li a {
    color: black;
}
.sub1-navigation ul li.menuOn a {
    color: #007D31;
}
.sub1-navigation ul li.menuOn .sub2-navigation ul li a {
    color: black;
}
.sub1-navigation ul li.menuOn .sub2-navigation ul li.menuOn .sub3-navigation ul li a {
    color: black;
}
.sub1-navigation ul li.menuOn .sub2-navigation ul li.menuOn .sub3-navigation ul li.menuOn a {
    color: #007D31;
}
.sub1-navigation ul li.menuOn .sub2-navigation ul li.menuOn a {
    color: #007D31;
}
#content-left nav ul li div.sub1-navigation {
    border-bottom: none;
}
#content-left nav ul li div.sub1-navigation ul {
    margin-left: 0;
    padding-left: 18px;
}
#content-left nav ul li div.sub2-navigation ul {
    margin-left: 0;
    padding-left: 0px;
}
#content-left nav ul li div.sub1-navigation ul li {
    border-bottom: none;
    line-height: 20px
}
#content-left nav ul li div.sub2-navigation ul li a {
    font-size: 12px;
}
#content-left nav ul li div.sub1-navigation ul li div.sub2-navigation ul li {
    border-bottom: none;
    background: url("../img/ico_single_grey_right_arrow.png") no-repeat scroll 0 8px transparent;
    padding-left: 15px;
}
#content-left nav ul li div.sub-navigation ul li {
    border-bottom: none;
}
#content-right .carousel-caption h3 {
    line-height: 18px;
    margin-bottom: 12px;
    margin-top: 5px;
}
#content-main h1 {
    color: #ef3e42;
}
div.random .carousel-caption p {
    width: auto;
}
div.random .carousel-caption {
    width: auto;
    padding-right: 5px;
}

/* Footer */
#footer {
    background: #cdc4b2;
    height: 500px;
    margin-top: -60px;
    padding-top: 100px;
}
#footer p {
    line-height: 15px;
    display: inline-block;
}
#footer a:hover {
    text-decoration: underline;
}
#footer #footer-content {
    background: #cdc4b2;
    color: #676662;
    margin-bottom: 30px;
}
#footer #footer-content .span3 a {
    color: #676662;
}
#footer #footer-content a.ico-fb {
    height: 41px;
    width: 42px;
    display: block;
    background: url("../img/ico_facebook_hover.png") no-repeat;
    float: left;
    margin-right: 5px;
}
#footer #footer-content a.ico-twitter {
    height: 41px;
    width: 42px;
    display: block;
    background: url("../img/ico_twitter_hover.png") no-repeat;
    float: left;
    margin-right: 5px;
}
#footer #footer-content a.ico-youtube {
    height: 41px;
    width: 42px;
    display: block;
    background: url("../img/ico_youtube_hover.png") no-repeat;
    float: left;
    margin-right: 5px;
}
#footer #footer-content a.ico-infoouest {
    height: 41px;
    width: 42px;
    display: block;
    background: url("../img/ico_infoOuest_hover.png") no-repeat;
    float: left;
    margin-right: 5px;
}
#footer #footer-content a.ico-linkedin {
    height: 41px;
    width: 42px;
    display: block;
    background: url("../img/ico_linkedin_hover.png") no-repeat;
    float: left;
    margin-right: 5px;
}
#footer #footer-content a.ico-fb:hover img,
#footer #footer-content a.ico-twitter:hover img,
#footer #footer-content a.ico-youtube:hover img,
#footer #footer-content a.ico-infoouest:hover img,
#footer #footer-content a.ico-linkedin:hover img {
    -webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -ms-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
    opacity: 0;
}
#footer #footer-content h3 {
    font-family: arial;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 16px;
}
#footer #footer-content h4 {
    font-weight: bold;
    margin-bottom: 0px;
}

/* Copyright */
#sub-footer-wrapper {
    background: #676662;
    padding-top: 10px;
    padding-bottom: 10px;
}
#sub-footer-wrapper #sub-footer {
    color: #CDC4B2;
}
#sub-footer li {
    float: left;
    text-decoration: none;
    list-style-type: none;
    border-right: 1px solid #CDC4B2;
    padding: 0px 5px 0px 5px;
}
#sub-footer li.first {
    padding-left: 0px;
}
#sub-footer li.last {
    border-right: none;
}
#sub-footer li a {
    color: #CDC4B2;
}
#sub-sub-footer {
    margin-top: 10px;
    color: #676662;
}
#sub-sub-footer a {
    color: #676662;
}
#sub-sub-footer .pull-left {
    text-transform: uppercase;
    font-weight: bold;
}

/* HEADER */
#header #header-content {
    height: 220px;
}

/* NAVIGATION*/
#nav {
    background-color: #666666;
}
#main-navigation .menu ul {
    display: none;
    list-style: none outside;
    margin: 0;
    padding: 0;
}
#main-navigation .menu ul li {
    float: left;
    border-right: 1px solid grey;
    background: #CDC4B2;
    margin-left: -10px;
    width: 210px;
}
#main-navigation .menu li ul li {
    margin-left: 0;
}
#main-navigation .menu ul li:last-child {
    border-radius: 0 0 5px 5px;
}
#main-navigation .menu ul li a {
    color: #676662;
    padding: 5px 15px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    white-space: normal;
}
#main-navigation ul.menu li.home {
    width: 50px;
}
#main-navigation ul.menu li.dropdown {
    width: 210px;
}
#main-navigation ul.menu li.home a {
    text-align: left;
    background: none repeat scroll 0 0 #7A7A79;
    border-radius: 0 0 0 6px;
    margin-top: 11px;
    padding-left: 13px;
    padding-top: 3px;
}
#main-navigation ul.menu li ul li a {
    background: url("../img/icoSingleWhiteRightArrowPRI.png") no-repeat scroll 10px 12px transparent;
    display: block;
    font-color: white;
    font-family: arial;
    font-weight: normal;
    text-align: left;
    color: #333333;
    padding: 5px 15px 5px 20px;
    font-size: 14px;
    text-decoration: none;
    text-transform: none;
}

#main-navigation ul.menu li ul li a:active {
    color: black;
}
#main-navigation .sub-menu {
    position: absolute;
    z-index: 100;
}
.sub-menu ul li a:hover {
    color: #007D31;
}
.navbar .navlabel {
    display: none;
}
nav.container {
    width: 200px;
}
nav.container a {
    width: 70px;
}
.navbar .divider-vertical {
    height: 20px;
    margin: 15px 0px 0px 0px;
    border-right: 0;
    border-left-color: #999999;
}
.navbar-inner {
    background: url(../img/pattern_menu.gif) repeat-x scroll 0 0 transparent;
    border: none;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 12px #555;
    min-height: 40px;
    padding-left: 0px;
    padding-right: 0px;
}
#nav ul li a {
    color: #ffffff;
    padding: 5px 15px;
    display: block;
    font-family: arial;
    font-size: 14px;
    padding-top: 15px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}
#nav > ul > li > a {
    margin-top: 11px;
    padding: 4px 15px 5px;
}

/*#nav ul li:hover ul {
    display: block;
}*/
#nav ul li .sub-menu {
    background: none repeat scroll 0 0 #555555;
    position: absolute;
    z-index: 100;
}

/* CONTENT*/
div.greenbox {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: white;
    padding: 5px;
    margin: 5px 5px 8px;
}

div.greybox {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #e0d8cd;
    border: 1px solid #e0d8cd;
    border-radius: 4px;
    color: #666560;
    padding: 5px;
    margin: 5px 5px 8px;
}
div.greybox .link {
    float: left;
    font-weight: bold;
}
div.greybox a img {
    float: right;
    margin-top: 4px;
}
div.sub-link img {
    margin-bottom: 4px;
}
div.greybox a {
    color: #666560;
    display: block;
    overflow: auto;
}
div.greybox .header a {
    color: #ef3e42;
    font-weight: bold;
}
div.greybox ul {
    margin-left: 10px;
}
div.greybox ul li {
    background: url("../img/ico_single_grey_right_arrow.png") no-repeat 0px 7px transparent;
    display: list-item;
    list-style-type: none;
}
div.greybox ul li a {
    color: #676662;
    display: inline-block;
    padding-left: 15px;
}
div.greybox ul li a:hover {
    color: #999999;
}
div.greybox-nohead {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #e0d8cd;
    border: 1px solid #e0d8cd;
    border-radius: 4px;
    color: #666560;
    padding: 5px 5px 8px;
}
div.greenbox div.head {
    background: url("../img/ico_two_white_right_arrows.png") no-repeat scroll 4px 3px transparent;
    border-bottom: 3px dotted white;
    padding-bottom: 5px;
    padding-left: 25px;
    text-transform: uppercase;
}
div.greenbox div.body {
    margin-top: 10px;
}
div.greybox div.head {
    background: url("../img/ico_two_grey_right_arrows.png") no-repeat scroll 4px 3px transparent;
    border-bottom: 3px dotted #666560;
    padding-bottom: 5px;
    padding-left: 25px;
    text-transform: uppercase;
}
div.greybox-agenda div.head {
    background: url("../img/ico_two_grey_right_arrows.png") no-repeat scroll 4px 3px transparent;
    border-bottom: 3px dotted #666560;
    padding-bottom: 5px;
    padding-left: 25px;
    text-transform: uppercase;
}
div.greenbox div.head h3,
div.greybox div.head h3,
div.greybox-agenda div.head h3 {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 0;
}
div.greenbox div.head h3 {
    color: #ffffff;
}
div.greybox div.body {
    margin-top: 10px;
}
div.greybox-nohead div.head {
    font-weight: bold;
    margin-bottom: 10px;
}
div.greenbox div.body p {
    padding-left: 25px;
}
div.greenbox div.body p a {
    color: white;
    text-decoration: none;
    display: block;
}
div.greenbox div.body p a:hover {
    color: #dddddd;
}
div.random {
    background: none repeat scroll 0 0 #676662;
    border-radius: 4px;
    color: white;
    margin: 5px 5px 8px;
}
div.random div.head {
    background: url("../img/ico_two_white_right_arrows.png") no-repeat scroll 8px 9px rgba(0, 0, 0, 0);
    border-bottom: 3px dotted #666560;
    height: 27px;
    padding-left: 29px;
    text-transform: uppercase;
}
div.random .head h3 {
    color: #ffffff;
    font-size: 14px;
}
div.random .carousel-link {
    display: none;
}
div.random .carousel-caption:hover h3,
.carousel-caption:hover h4,
.carousel-caption:hover p {
    color: #dddddd;
}
div.random .carousel-caption {
    background: none;
    height: auto;
    position: relative;
    padding-left: 6px;
    padding-bottom: 5px;
}
div.random .carousel-caption p {
    width: 200px;
}
div.random .carousel-caption h3 {
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: -6px;
}
a.btn {
    text-decoration: none;
}
.cinema {
    background-color: #edcc00;
    color: #333333;
    padding: 2px 5px;
    display: block;
}
.humour-theatre {
    background-color: #e3000f;
    color: #ffffff;
    padding: 2px 5px;
    display: block;
}
.saison-des-plus {
    background-color: #75b727;
    color: #ffffff;
    padding: 2px 5px;
    display: block;
}
.litterature {
    background-color: #009ee3;
    color: #ffffff;
    padding: 2px 5px;
    display: block;
}
.musiques-actuelles {
    background-color: #6b3684;
    color: #ffffff;
    padding: 2px 5px;
    display: block;
}
.musiques-classiques {
    background-color: #f07c00;
    color: #ffffff;
    padding: 2px 5px;
    display: block;
}

/* CAL */
time.icon {
    font-size: 1em;
    display: block;
    position: relative;
    width: 7em;
    height: 7em;
    background-color: #fff;
    margin: 2em auto;
    border-radius: 0.6em;
    box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotate(0deg) skewY(0deg);
    -webkit-transform-origin: 50% 10%;
    transform-origin: 50% 10%;
}
time.icon * {
    display: block;
    width: 100%;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    text-align: center;
}
time.icon strong {
    position: absolute;
    top: 0;
    padding: 0.4em 0;
    color: #fff;
    background-color: #72a65d;
    border-bottom: 1px dashed #ef3e42;
    box-shadow: 0 2px 0 #72a65d;
}

/* time.icon em has been changed */

time.icon em {
    position: absolute;
    bottom: 0em;
    font-weight: normal;
}
time.icon span {
    width: 100%;
    font-size: 2.8em;
    letter-spacing: -0.05em;
    padding-top: 0.8em;
    color: #666666;
}
/*time.icon:hover,
time.icon:focus {
    -webkit-animation: swing 0.6s ease-out;
    animation: swing 0.6s ease-out;
}*/

.vevent a:hover .startdate time.icon {
  -webkit-animation: swing 0.5s ease-out;
  animation: swing 0.5s ease-out;
}


@-webkit-keyframes swing {
    0% {
        -webkit-transform: rotate(0deg) skewY(0deg);
    }
    20% {
        -webkit-transform: rotate(12deg) skewY(4deg);
    }
    60% {
        -webkit-transform: rotate(-9deg) skewY(-3deg);
    }
    80% {
        -webkit-transform: rotate(6deg) skewY(-2deg);
    }
    100% {
        -webkit-transform: rotate(0deg) skewY(0deg);
    }
}
@keyframes swing {
    0% {
        transform: rotate(0deg) skewY(0deg);
    }
    20% {
        transform: rotate(12deg) skewY(4deg);
    }
    60% {
        transform: rotate(-9deg) skewY(-3deg);
    }
    80% {
        transform: rotate(6deg) skewY(-2deg);
    }
    100% {
        transform: rotate(0deg) skewY(0deg);
    }
}
.dropdown-menu .dropdown-sub {      
    position: relative;     
}       
.dropdown-menu .dropdown-sub> ul.dropdown-menu {        
    position: absolute;     
    top: 0;     
    right: 0;       
    transform: translateX(100%);        
}       
@media (min-width: 768px){      
    #nav ul li.dropdown:hover >ul.dropdown-menu {       
        display: block;     
    }       
}       
#main-navigation ul.menu li ul.dropdown-menu li.menuOn > a {        
    background: url(../img/ico_single_white_right_arrow.png) no-repeat scroll 10px 12px #007D31;        
    color: #000000;     
    text-shadow: 0 0px 0;       
}
/* RESPONSIVE */
@media (max-width: 480px) {
    
    #branding h1 img, #branding h2 img {
    height: 70px;
    }

/* Newly Added */
    #content-right .news-list-view .vevent .summary, #content-main .news-list-view .vevent .summary{
        max-width: 100%;
    }

    #content-right .news-list-view .vevent .location, #content-main .news-list-view .location{
        float: none;
        width: 100%;
    }
  /* Newly Added*/  
    
    #sliderHomepage {} #header-main-content #action {
        display: none;
    }
    #content-right * {
        /*display: none;*/ /* changed */
    }
    #content-right .greybox-agenda,
    #content-right .greybox-agenda * {
        /*display: block;*/ /* changed */
    }
    #content-right .greybox-agenda .teaser-text * {
        display: inline-block;
    }
    #content-right .greybox-agenda .news-list-date {
        width: 100%;
    }
    #content-main {
        overflow: auto;
    }
    #main-navigation .last {
  # TWU : remove for prilly.ch
       # display: none;
    }
    #sub-footer .last {
        display: none;
    }
    #tools {
        margin-top: 20px;
    }
}
@media (max-width: 535px) {
    .home #tools {
  # TWU : sends the searchbox to low
        # margin-top: 110px;
    }
}
@media (min-width: 481px) and (max-width: 767px) {} @media (max-width: 767px) {
    .carousel-control {
        display: none;
    }
    #main-navigation {
        margin: 0 10px 20px;
    }
    #main-navigation ul.menu li.home a {
        background: none;
    }
    #nav ul li a:hover,
    #nav ul li a:focus {
        background-color: transparent;
    }
    #nav ul.dropdown-menu {
        display: none;
        opacity: 0;     
        transition: opacity 0.5s ease-in-out;
    }
    .dropdown-menu {
        left: 8px;
    }
    #main-navigation ul.menu li.dropdown,
    #main-navigation ul.menu li.home {
        width: 100%;
    }
    #nav ul li a {
        padding-left: 20px;
        padding-right: 0;
        text-align: left;
    }
    input[class*="span"] {
        min-height: 28px;
    }
    #tools {
        margin-right: 10px;
    }
    #content {
        border-radius: 0;
    }
    #page.int #content-main {
        width: 100%;
        padding-right: 10px;
    }
    .news-info-center {
        float: left;
    }
    #page.home #content-right {
        padding-right: 10px;
        margin-left: 0;
        padding: 20px 10px 0;
    }
    #page.home #content-main {
        padding-right: 10px;
    }
    #sliderHomepage {
        display: none;
        margin-top: -20px;
    }
    .all-files {
        background: none repeat scroll 0 0 #ef3e42;
        border-radius: 4px;
        color: #FFFFFF;
        float: right;
        height: 20px;
        padding: 5px;
        text-align: center;
        width: 145px;
        margin-right: 0;
    }
    .all-files.pull-right {
        margin-right: 0px;
    }
    .all-files a {
        background: url("../img/ico_two_white_right_arrows.png") no-repeat scroll right center;
        color: #FFFFFF;
        padding-right: 25px;
        font-weight: bold;
    }
    div.greybox {
        margin: 5px 0 8px;
        -webkit-border-radius: 0;
        -mozkit-border-radius: 0;
        border-radius: 0;
    }
    #footer {
        padding-top: 60px;
    }
    #footer-content {
        padding: 20px;
    }
    #sub-footer {
        padding: 0 20px;
    }
    #sub-footer span {
        float: left;
    }
    #sub-footer span:first-child {
        margin-bottom: 5px;
    }
    #sub-sub-footer {
        padding-bottom: 10px;
    }
    #page.int #content-right {
        margin-left: 0;
    }
    #header-main-content {
        padding: 10px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #main-navigation ul.menu li.dropdown {
        width: 100%;
    }
    #nav ul li a {
        padding: 5px 30px;
        font-size: 12px;
        padding-top: 4px;
        text-align: left;
    }
    #nav ul li:first-child a {
        padding: 5px 15px;
        padding-top: 15px;
    }
    #main-navigation ul.menu li ul li a {
        font-size: 12px;
    }
    #page.int #content-main {
        padding-top: 0;
    }
    #page.int #content-main {
        width: 320px;
    }
    div.random .carousel-caption p {
        width: auto;
    }
    div.random .carousel-caption {
        width: auto;
        padding-right: 5px;
    }
    #main-navigation ul.menu li.dropdown >span.has-sub {        
        right: 10px;        
    }
}

@media screen and (max-width: 991px){       
    #main-navigation ul.menu li.dropdown >span.has-sub {        
        display: inline-block;      
        position: absolute;     
        top: 0px;       
        right: 0px;     
    }       
    #main-navigation ul.menu li.dropdown >span.has-sub:after {      
        content: "";        
        background: url(../img/ico_two_small_white_right_arrows.png) no-repeat scroll 10px 10px transparent;        
        width: 30px;        
        height: 30px;       
        display: flex;      
        transition: 0.5s        
    }       
    #main-navigation .menu ul li {      
        float: none;        
        margin-left: 0;     
        width: 100%;        
    }       
    .dropdown-menu .dropdown-sub> ul.dropdown-menu {        
        position: static;       
        top: 0;     
        transform: translateX(0%);      
    }       
    .nav-collapse .dropdown-menu li a {     
        margin-bottom: 2px;     
    }       
    .dropdown.dropdown-sub > ul.dropdown-menu {     
        border-top: 2px solid #e0d8cd;      
    }       
    #main-navigation ul.dropdown-menu.nav-menu-show {       
        display: block !important;      
        opacity: 1;     
        transition: all 0.5s ease-in-out;       
    }       
    #main-navigation ul.dropdown-menu.nav-menu-show + span {        
        transform: rotate(90deg);       
        transition: 0.5s        
    }       
            
}
div.greybox-agenda {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #e0d8cd;
    border: 1px solid #e0d8cd;
    border-radius: 4px;
    color: #666560;
    padding: 5px;
    margin: 5px 5px 8px;
}
div.greybox-agenda .link {
    float: left;
    font-weight: bold;
}
div.greybox-agenda a img {
    float: right;
    margin-top: 4px;
}
div.greybox-agenda a {
    color: #666560;
    display: block;
    overflow: auto;
}
div.greybox-agenda .header a {
    color: #ef3e42;
    font-weight: bold;
}
div.greybox-agenda ul {
    margin-left: 10px;
}
div.greybox-agenda ul li {
    background: url("../img/ico_single_grey_right_arrow.png") no-repeat 0px 7px transparent;
    display: list-item;
    list-style-type: none;
}
div.greybox-agenda ul li a {
    color: #676662;
    display: inline-block;
    padding-left: 15px;
}
div.greybox-nohead {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #e0d8cd;
    border: 1px solid #e0d8cd;
    border-radius: 4px;
    color: #666560;
    padding: 5px 5px 8px;
}
div.greenbox div.head h3,
div.greybox-agenda div.head h3 {
    font-size: 14px;
}
.tx-indexedsearch-whatis {
    display: none;
}

#content-right .greybox-agenda .news-list-view .startdate time.icon.abbreviated{
        width: 3em;
    height: 4em;
    margin: 0;
}

#content-right .greybox-agenda .news-list-view .startdate {
    float: left;
    display: block;
}

/* changed */
#content-right  div.greybox-agenda a{
    padding-top: 10px;   
    padding-bottom: 10px;
    border-bottom: 1px solid #cdc4b2;
}

/* changed */
#content-right .startdate time.icon.abbreviated span {
    font-size: 1.2em;
    padding-top: 1.3em;
}

/* changed */
#content-right .startdate time.icon.abbreviated strong {
    height: .5em;
    line-height: .8em;
    font-size: .8em;
}

#content-right .news-list-view .vevent {
    background-color: transparent;
    border: none;
    font-weight: normal;
    position: relative;
}
/* newly added */

.startdate  time.icon{
    box-shadow:none;
    border-radius:.2em;
    border: 1px solid #cccccc;
    border-radius: 3px;
}

#content-right .startdate  time.icon em{
font-size: .8em;
}

#content-right time.icon:hover, #content-right time.icon:focus{
    -webkit-animation: none; 
     animation: none; 
}

#content-right .news-list-view .vevent .summary, #content-main .news-list-view .vevent .summary {
    margin: 0 0 0 5px;
    max-width: 149px;
    word-wrap: break-word;
    display: block;
    float: left;
}

#content-right .news-list-view .vevent .summary .title, #content-main .news-list-view .vevent .summary .title {
    font-size: 0.8em;
    font-weight: bold;
    margin-bottom: 0;
}

#content-right .news-list-view .vevent .summary .details, #content-main .news-list-view .vevent .summary .details {
    font-size: 0.8em;
    color: #888888;
}

#content-right .news-list-view .vevent .summary .details .location, #content-main .news-list-view .vevent .summary .details .location{
    display: block;
}

#content-right .news-list-view .news-category-wrap, #content-main .news-list-view .news-category-wrap{
    display: block;
    margin: 0;
}

#content-right .news-list-view  p{
font-size: 1em;
}

#content-main .news-list-view  p{
    font-weight: normal;
    font-size:13px; 
    margin-bottom: 5px;
    margin-right: 5px;
}

#content-main .news-list-view .vevent .summary .title{
    font-weight: normal;
}

#content-right .news-list-view .vevent .location,  #content-main .news-list-view .location {
    position: relative;
    background: transparent url("../img/ico_marker.png") no-repeat left 2px;
    padding-left: 20px;
    display: block;
    float: left;
    margin-right: 20px;
}

#content-right .news-list-view .vevent .time,  #content-main .news-list-view .vevent .time {
    position: relative;
    background: transparent url("../img/ico_time.png") no-repeat left 2px;
    padding-left: 20px;
    display: block;
    float: left;
}

#content-main .news-list-view .vevent a{
    color: #666666;
}

#content-main time.icon{
    float: left;
    clear: both;
    margin: 0;
    width: 4em;
    height: 5em;
}

#content-main .news-list-view .vevent .summary {
    float: left;
    margin: 20px 20px 0 20px;
    max-width: 315px;
}

#content-main .news-list-view .vevent .summary .title, #content-main .news-list-view .vevent .detail_view .title {
    display: block;
    font-size: 1.3em;
    margin-bottom: 10px;
    text-align: left;
}

#content-main news-list-view .vevent .inner-container {
    background-color: #eaf2e7;
    display: block;
    margin: 5px;
    overflow: hidden;
    padding-bottom: 20px;
}

#content-main .news-list-view  .vevent .startdate {
    float: left;
    display: block;
    margin: 20px 0 0 20px;
}

#content-main .news-list-view .vevent a {
     color: #666666;
  background-color: #eaf2e7;
  margin-bottom: 10px;
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  overflow: hidden;
  border-radius: 5px;
  width: 100%;

    }

    #content-main .news-list-view .vevent .inner-container {
    background-color: #eaf2e7;
    display: block;
    margin: 5px;
    overflow: hidden;
    padding-bottom: 20px;
}

    #content-main .news-list-view .vevent a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  background-size: 30px 30px;
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  animation: barberpole 0.5s linear infinite;
  -webkit-animation: barberpole 0.5s linear infinite;
}


   #content-main .news-list-view .vevent a:hover:before {
  opacity: 1;
}

@keyframes barberpole {
  from { background-position: 0 0; }
  to   { background-position: 60px 30px; }
}

@-webkit-keyframes barberpole {
  from { background-position: 0 0; }
  to   { background-position: 60px 30px; }
}

#content-main time.icon strong{
    padding: 0.1em 0;
    font-size: .8em;
}

#content-main time.icon span{
    font-size: 2em;
    letter-spacing: 0em;
    padding-top: 1.2em;
    color: #666666;
}

#content-main time.icon em{
        bottom: -2px;
        font-size: .8em;
}

#content-main .news-list-view .details .time{
font-size:1.3em; 
font-weight: normal;
}

#content-main .news-list-view .details .time strong{
    font-weight: normal;
}

.tx-cal-controller .month-small th, .tx-cal-controller .month-medium th, .tx-cal-controller .month-large th{
    background: none;
}

.tx-cal-controller .month-large .days td {
    padding: 5px 5px;
}

.tx-cal-controller .month-large .dayNum, .tx-cal-controller .month-medium .dayNum {
    background-color: #eaf2e7;
}

.tx-cal-controller .month-large div.vevent, .tx-cal-controller .month-large div.vtodo {
    overflow: hidden;
    white-space: nowrap;
}

.tx-cal-controller .vevent {
    background-color: #72a65d;
    border: 1px solid #72a65d;
    font-size: 1.3em;
    min-height: 10px;
}

.tx-cal-controller div.green_catheader dl, .tx-cal-controller div.green_catheader_allday {
    border: 0 none;
    border-left: 0px solid #0D7813;
    padding: 3px;
}

.tx-cal-controller .month-large td{
    padding: 10px 5px;
}

.tx-cal-controller  td{
    border: 1px solid #AAA;
}

.tx-cal-controller .header-buttons div {
    background-image: url("../img/cal/calendar-icon_bg.png");
}

.tx-cal-controller .gridcontainer{
        border-top: 10px solid #eaf2e7;
        height: auto;
}

.tx-cal-controller .gridcontainertop{
    background-color: #eaf2e7;
    border-bottom: 10px solid #eaf2e7;
}

.tx-cal-controller .dayview, .tx-cal-controller .weekview{
        border-left: 5px solid #eaf2e7;
}

.tx-cal-controller .scrolltime .timetable{
    border-bottom: 1px solid #eaf2e7;
}
.tx-cal-controller .scrolltime{
    border-top: 1px solid #eaf2e7;
    border-bottom: 1px solid #eaf2e7;
    height: 310px;
}

.tx-cal-controller .gridcontainertop .daynames td{
    background-color: #eaf2e7;
}

a.ico-list {
    background: transparent url("../img/ico_list.png") no-repeat left top;
    padding-left: 18px;
    color: #72a65d;
    text-decoration: underline;
}

a.calendar-share {
    background: transparent url("../img/cal/calendar-share.png") no-repeat left top;
    padding-left: 18px;
     color: #72a65d;
     text-decoration: underline;
}

a.ico-rss {
    background: transparent url("../img/ico_rss.png") no-repeat left top;
    padding-left: 18px;
    color: #72a65d;
    text-decoration: underline;
}

a.ico-calendar {
    background: transparent url("../img/ico_calendar.png") no-repeat left top;
    padding-left: 18px;
    color: #72a65d;
    text-decoration: underline;
}

a.ico-calendar:hover, a.ico-rss:hover, a.calendar-share:hover, a.ico-list:hover{
    text-decoration: none;
}

.news-single .detail_view .startdate{
 margin-right: 20px;
    float: left;
    display: block;
}

.news-single .detail_view{
margin-top: 20px;
}

.news-single .detail_view .summary{
    float: left;
    color: #999;
    width: 80%;
}

.news-single .detail_view .summary .details{
    border-bottom: 1px dotted #cdc4b2;
    padding-bottom: 20px;
}

.news-single .detail_view  .summary .desc {
    margin: 20px 0;
    border-bottom: 1px dotted #cdc4b2;
    padding-bottom: 10px;
    color: #333;
}

.news-single  .detail_view .location {
    position: relative;
    background: transparent url("../img/ico_marker.png") no-repeat left 2px;
    padding-left: 20px;
    display: block;
    margin-right: 20px;
}

.news-single  .detail_view  .time {
    position: relative;
    background: transparent url("../img/ico_time.png") no-repeat left 2px;
    padding-left: 20px;
    display: block;
}

.event_datewrap{
float: left;
    clear: both;
    margin-left: 11%;
}

.tx-cal-controller .month-large .weekday0, 
.tx-cal-controller .month-large .weekday1, 
.tx-cal-controller .month-large .weekday2, 
.tx-cal-controller .month-large .weekday3, 
.tx-cal-controller .month-large .weekday4, 
.tx-cal-controller .month-large .weekday5, 
.tx-cal-controller .month-large .weekday6, 
.tx-cal-controller .month-large .weekday7, 
.tx-cal-controller .month-large .currentDay{
height: auto;
}

/*.tx-cal-controller .weekday0, .tx-cal-controller .weekday6{
    background: none;
}*/

.withEventWeek div{
border-radius: 3px;
background: grey;
padding: 5px;
color: #FFF;
font-size: 14px;
}

.withEventWeek div a{
    color: #FFF;
}

.red_catheader_bullet{
    display: none;
}

.news-backlink-wrap a{
    color: #72a65d;
}

.news .page-navigation .f3-widget-paginator{
    margin: 0 auto;
    clear: both;
    text-align: center;
    float: none;
}

.news .page-navigation .f3-widget-paginator li{
    display: inline-block;
    float: none;
    width: 20px;
    height: 20px;
    border: 1px solid #eaf2e7;
}

.news .page-navigation .f3-widget-paginator li:hover{
     background-color: #eaf2e7;
    border: 1px solid #72a65d;
}

.news .page-navigation .f3-widget-paginator li.current{
        background-color: #eaf2e7;
    border: 1px solid #72a65d;
    color: #007d31;
}

.news .page-navigation .f3-widget-paginator li a{
    color: #72a65d;
    text-decoration: none;
}

.news .page-navigation .f3-widget-paginator li.next{
    background: url(../img/ico_two_green_right_arrows.png) no-repeat 5px 5px;
    text-indent: -999em;
}

.news .page-navigation .f3-widget-paginator li.previous{
    background: url(../img/ico_two_green_left_arrows.png) no-repeat 5px 5px;
    text-indent: -999em;
}

#content-right div.news, #content-right .news-list-view{
    margin-bottom: 0;
}


.detail_view .enddate {
    position: relative;
    background: transparent url(../img/ico_date.png) no-repeat left 2px;
    padding-left: 20px;
    display: block;
}

.detail_view .enddate em, .detail_view .enddate strong{
    font-weight: normal;
    font-style: normal;
}



@media screen and (max-width: 468px) {
    .news-single .detail_view .summary {
        width: 100%;
        clear: both;
        
    }

    .news-single .detail_view .summary h1{
        font-size: 18px;
    }

 #content-main .news-list-view .vevent .summary{
        width: 130px;
        
    }

.news-single .detail_view .startdate{
    margin: 0 auto;
    float: none;
    width: 60px;
    margin-bottom: 20px;
    height: 70px;
}

#content-main h1{
    line-height: 18px;
}

#content-main .tx-cal-controller h1{
    font-size: 1.2em;
}


}

.table-responsive {
    min-height: .01%;
}

@media screen and (max-width: 767px){
    .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #ddd;
}
}

#page.int.oneCol #content-main{
    width:auto;
}

.tx-cal-controller .month-large{
    min-width: 600px;
    width: 99%;
}

.tx-cal-controller .year-table{
min-width: 600px;
}

.tx-cal-controller .header-buttons div{
    width: 30px;
    margin-left: 7px;
}

.tx-cal-controller .header-buttons div a{
        display: block;
    width: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;

}

.year-table .withEventDay{
    background-color: #990000 !important;
    color: #FFF;
    position: relative;
}

.tx-cal-controller .yearview .day.withEventDay span.popup{
    position: absolute;
    bottom: 3.5em;
    left: -10px;
    background-color: #ff9999;
    color: #FFF;
    text-align: left;
    width: 180px;
    font-size: 0.9em;
    z-index: 99;
    -webkit-box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.4);
    box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.4);
}

.tx-cal-controller .yearview .day.withEventDay span.popup:before {
    content: "";
    position: absolute;
    left: 15px;
    bottom: -10px;
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ff9999;
}

.tx-cal-controller .yearview .day.withEventDay:hover span.popup {
    display: block;
}

.tx-cal-controller .yearview .day.withEventDay span.popup ul {
    padding: 0;
    margin: 10px 20px;
}


.year-table .withEventDay a{
    color: #FFF;
}

.tx-cal-controller .year-table .year-month{
    float: left;
    width: 300px;
    min-height: 400px;
}

.cal-device{
    display: none;
}

@media screen and (max-width: 680px) {

    .cal-device{
        display: block;
    }

    .tx-cal-controller .year-table{
        min-width: 100%;
    }

.tx-cal-controller .year-table .year-month{
  
    clear: both;
    min-height: auto;
    float: none;
      margin: 0 auto;
}

  .tx-cal-controller .month-large   td{
        display: none;
    }

    .tx-cal-controller .month-large td.event{
        display: block;
        width: 100%;
    }

    .tx-cal-controller .month-large th{
        display: none;
    }

    .tx-cal-controller  .month-large{
        min-width: auto;
        width: 100%;

    }

    .tx-cal-controller .month-large div.vevent{
       white-space: normal;
    }

    .tx-cal-controller .month-large td{
        border: 0;
    }

    .table-responsive{
        border:0;
    }

    .tx-cal-controller .month-large td{
        padding: 0;
    }

    .tx-cal-controller div.red_catheader dd{
    white-space: normal;
    font-size: 12px;
}

.withEventWeek div{
    margin-bottom: 5px;
}


.tx-cal-controller div.red_catheader dl{
width: 100%;
min-width: 150px;
}


.tx-cal-controller .weekview .vevent a{
    display: inline-block;
    width: 100%;
    height: 100%;
    min-width: 10px;
    min-height: 10px;
    background: #72a65d;
    display: none;
}

.tx-cal-controller .scrolltime .timetable .event-column .wrapper{
    margin-right: 0 !important
}

}

.tx-cal-controller div.red_catheader dd{
    white-space: normal;
}

div.indent {
 margin-left: 2em !important; 
}

ul.parsley-errors-list {
    margin-left: 10px;
}

li.parsley-required , li.parsley-custom-error-message {
    margin-top: 0px !important;
    font-size: 14px !important;
    background: #ffffff;
    color: #FF0000;
}
input.parsley-error,select.parsley-error,textarea.parsley-error{
    background: #ffe6e6;
}

/* #powermail_fieldwrap_7 span {
    font-weight: bold;
    color: red !important;
} */

span.captcha-description {
    font-weight: bold;
    color: red !important;
}

/*Added to adjust social sharebuttons*/
@media only screen and (max-width:991px){
  .event_datewrap{
    float:none;
  }
}

/*  */
#content-right div.csc-textpic-center .csc-textpic-center-outer{
 float: left;
 right: auto;
 
}

#content-right div.csc-textpic-center .csc-textpic-center-inner{
right: auto; 
 padding: 5px;

}

#content-right div.csc-textpic-center .csc-textpic-center-inner img{
 border-radius: 4px;
}

@media screen and (max-width: 600px){
   .tx-indexedsearch-res tr {
       border: 0;
       display: table-row;
   }

   .tx-indexedsearch-res td {
       border: 0;
       text-align: left !important;
       display: table-cell;
       font-size: 1em;
       width: auto;
   }

   
    .tx-indexedsearch-searchbox tr {
        float: none;
        display: table-row;
        border: 0;
    }
    .tx-indexedsearch-searchbox td {
        display: table-cell;
        border: 0;
        font-size: 1em;
        text-align: left !important;

    }
}

/*--------main menu style------20-09-2019*/
.tinyaccordion header {
display:none;
}
.ce-gallery figure.image figcaption.image-caption {
    text-align: center;
}
.page-navigation ul.f3-widget-paginator {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.page-navigation ul.f3-widget-paginator li {
    float: none;
    width: 20px;
    height: 20px;
    border: 1px solid #eaf2e7;
    font-size: 13px;
    padding: 0 2px;
    background: none;
}
.page-navigation ul.f3-widget-paginator li {
    float: none;
    width: 20px;
    height: 20px;
    border: 1px solid #eaf2e7;
    font-size: 13px;
    padding: 0 2px;
    background: none;
    text-align: center;
}
.page-navigation ul.f3-widget-paginator li.current {
    background-color: #eaf2e7;
    border: 1px solid #72a65d;
    color: #007d31;
}
.page-navigation ul.f3-widget-paginator li a{
    color: #72a65d;
    text-decoration: none;
}
.page-navigation ul.f3-widget-paginator li.last.next a {
    font-size: 0;
    line-height: 0;
    position: relative;
    display: block;
}
/* .page-navigation ul.f3-widget-paginator li.last.next a::after {
    content: "";
    background: url(../img/ico_two_green_right_arrows.png) no-repeat 5px 5px;
    position: absolute;
    left: 2px;
    top: 5px;
    width: 16px;
    height: 11px;
    background-size: contain;
} */
.page-navigation ul.f3-widget-paginator li.first.previous a {
    font-size: 0;
    line-height: 0;
    position: relative;
    display: block;
}
/* .page-navigation ul.f3-widget-paginator li.first.previous a::after {
    content: "";
    background: url(../img/ico_two_green_left_arrows.png) no-repeat 5px 5px;
    position: absolute;
    left: 2px;
    top: 5px;
    width: 16px;
    height: 11px;
    background-size: contain;
} */
.page-navigation ul.f3-widget-paginator li:hover {
    background-color: #eaf2e7;
    border: 1px solid #72a65d;
}
div#content .frame-type-textpic .ce-textpic.ce-center.ce-above .ce-gallery {
    margin-bottom: 0px;
}
.frame-compete-personnels header {
display:none;
}

input.powermail_field_error, select.powermail_field_error, textarea.powermail_field_error {
    background: #ffe6e6;
}
.powermail-errors-list li {
    margin-top: 0px !important;
    font-size: 14px !important;
    background: #ffffff;
    color: #FF0000;
}
.frame-table-le-journal table td {
	border-top:none;
}
.frame-table-le-journal .ce-image .ce-gallery {
    margin-bottom: 10px;
}
.frame-table-le-journal figure.image {
    margin-bottom: 10px;
}
.frame-table-le-journal tr td:first-child {
	width: 5%;
}
.frame-table-le-journal tr td:nth-child(2) {
	width: 36%;
}
.frame-image-caption-no-space .ce-below .ce-gallery {
    margin-top: 0px;
}
.frame-image-group-caption figure.image {
    margin-bottom: 8px;
}
.frame-image-group-caption figcaption.image-caption {
	text-align: left !important;
}
.frame-link-li-pdf .ce-uploads li a {
	text-decoration: underline !important;
}
.frame-link-li-pdf ul{
    margin: 0 0 10px 25px !important;
}