*{
    font-family : "ITCAvantGardeStd-BkCn";
}

.clearfix {
    clear: both;
}

@font-face {
    font-family: 'impactregular';
    src: url('../fonts/impact-webfont.eot');
    src: url('../fonts/impact-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/impact-webfont.woff') format('woff'),
         url('../fonts/impact-webfont.ttf') format('truetype'),
         url('../fonts/impact-webfont.svg#impactregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family : "ITCAvantGardeStd-BkCn";
    src : url('../fonts/ITCAvantGardeStd-BkCn.eot') format('eot'),
          url('../fonts/ITCAvantGardeStd-BkCn.svg#ITCAvantGardeStd-BkCn') format('svg'),
          url('../fonts/ITCAvantGardeStd-BkCn.woff')format('woff'),
          url('../fonts/ITCAvantGardeStd-BkCn.ttf') format('truetype');
}
@font-face {
    font-family : "ITCAvantGardeStd-BoldCn";
    src : url('../fonts/ITCAvantGardeStd-BoldCn.eot') format('eot'),
          url('../fonts/ITCAvantGardeStd-BoldCn.svg#ITCAvantGardeStd-BkCn') format('svg'),
          url('../fonts/ITCAvantGardeStd-BoldCn.woff')format('woff'),
          url('../fonts/ITCAvantGardeStd-BoldCn.ttf') format('truetype');     
}
@font-face {
    font-family : "ITCAvantGardeStd-XLtCn";
    src : url('../fonts/ITCAvantGardeStd-XLtCn.eot') format('eot'),
          url('../fonts/ITCAvantGardeStd-XLtCn.svg#ITCAvantGardeStd-BkCn') format('svg'),
          url('../fonts/ITCAvantGardeStd-XLtCn.woff')format('woff'),
          url('../fonts/ITCAvantGardeStd-XLtCn.ttf') format('truetype');     
}

.index aside {
    display: none;
}

p {
    font-size:0.9rem;
}

a:hover, a:focus {
    color: #000000;
}

h1{
    font-family: "ITCAvantGardeStd-BkCn" !important;
    font-size:18pt;
    text-transform:uppercase;
    font-weight:normal;
    color:#000;
    letter-spacing:1px;
}
h2 {
    font-family: 'impactregular';
    font-size: 24pt;
    text-transform: uppercase;
    font-weight: normal;
    color: #000;
    letter-spacing: 1px;
}
h3{
    color:#c4040f;
    font-family : "ITCAvantGardeStd-BoldCn";
    text-transform:uppercase;
    font-size:16pt;
    font-weight:bold;
}
span.tip-bottom.vevent {
    text-transform: none;
    font-size: 15pt;
}

li{
    position:relative;
    left:13px;
}
.label {
    padding: 0.5rem 0.5rem 0.35rem;
    font-size: 0.75em;
    white-space: normal;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
}
.row {
  max-width: 70em;
}

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

.entete {
position: relative;
    margin-bottom: 20px;
}
.entete .row .row {
    margin-top: 1.5em;
}

    .boutons-entete {
        position: absolute;
        top: 20px;
        right: 40px;
        margin: 10px 0;
    }

    .boutons-entete a {
        font-size: 1.25rem;
        padding: 4px 10px;
        background: #c4040f;
        color: white;
        text-decoration: none;
        border-radius: 3px;
	white-space: nowrap;
        margin: 0 5px
    }

    .boutons-entete a:hover {
        background: #000000;
    }
    @media only screen and (max-width: 767px) {
        .boutons-entete {
            position: static;
	    display:flex;
            justify-content: center;
            margin-top: 10px;
        }
    }

/* --------------------------- NAVIGATION ---------------------------- */

.contain-to-grid {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: transparent !important;
    /*background-image: url("../images/bg-menu.png");*/
    background-origin: padding-box !important;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto auto !important;
    min-height: 72px;
}
.top-bar {
    background: none repeat scroll 0 0;
    font-family : "ITCAvantGardeStd-BoldCn";
}
.top-bar-section ul {
    background: none repeat scroll 0 0;
    border-top: 2px solid #636363;
    border-bottom: 2px solid #636363;
}
.top-bar-section ul li > a {
    font-size: 13pt;
    font-weight: normal;
}
.top-bar-section li a:not(.button) {
    background: none repeat scroll 0 0;
    color: #000000;
}
.top-bar-section li:not(.has-form) a:not(.button) {
    background: #fff !important;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
    background: none repeat scroll 0 0 #ececec !important;
    color: #000;
}

ul.dropdown {
    border: 2px solid #6f6f6f;
}
.top-bar-section .dropdown li {
    margin-left: -13px;
}
.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
    background: none repeat scroll 0 0 #fff !important;
    color: #000;
}
.top-bar-section ul li:hover {
    background: none repeat scroll 0 0 #ececec !important;
}
.top-bar-section .dropdown li:hover a:not(.button) {
    background: #ececec !important;
}
.top-bar-section ul li:hover:not(.has-form)>a {
    color: #000 !important;
}
.top-bar.expanded .title-area {
    background: none repeat scroll 0 0 #C3C3C3;
}
.top-bar .toggle-topbar.menu-icon a {
    color: #000000;
}
.top-bar .toggle-topbar.menu-icon a:after {
    box-shadow: 0 10px 0 1px #000000, 0 16px 0 1px #000000, 0 22px 0 1px #000000;
}
.top-bar.expanded .toggle-topbar a {
    color: #000;
}
.top-bar.expanded .toggle-topbar a:after {
    box-shadow: 0 10px 0 1px #000, 0 16px 0 1px #000, 0 22px 0 1px #000;
}
.top-bar-section .has-dropdown > a:after {
    border-color: #c4040f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 600px) { /* pour le menu réduit */
    .top-bar-section .has-dropdown > a:after {
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c4040f;
    }
    .toggle-topbar.menu-icon span {
        font-size:22px;
    }
}
@media only screen and (min-width: 600px) and (max-width: 800px) { /* pour le menu tablette */
    .top-bar-section ul li > a {
        font-size: 13pt;
    }
}

@media only screen and (min-width: 40.063em){
    .top-bar-section li:not(.has-form) a:not(.button) {
	padding: 0 25px;
    }
}

.top-bar .name h1 a {
padding:0px!important;
}

/* --------------------------- ACCUEIL ---------------------------- */


.article_principal .categorie {
    float: right;
    padding-right: 10px;
    position: relative;
    top: 12px;
}
.categorie {
    background-color: #EBEBEB;
    color: #646363;
    font-family: "ITCAvantGardeStd-BkCn";
    padding-left: 10px;
    text-transform: uppercase;
}
.entete .large-12{
    text-align:center;
}
.article_principal{
    background-color:#f6f6f6;
    padding:10px;
}
.image_article_principal{
    float:left;
    margin-right:10px;    
}
.plus {
    bottom: 40px;
    margin-bottom: -37px;
    position: absolute;
    right: 4px;
}
.plus_principal{
    text-align:right;
    color:#c4040f;
    letter-spacing:1px;    
    font-weight: bold;
}
.gras, .gras li{
    font-family : "ITCAvantGardeStd-BoldCn";
    font-size:14pt;
}
.date{
    color:#c4040f;
    font-size:14pt;
}
.date{
    margin:0!important;
}

.renseignements {
    border-top: 2px double #c4040f;
    color: #5D5D5D;
    font-size: 13pt;
    font-weight: bold;
    letter-spacing: 1px;
    padding-top: 10px;
}
.date_a_venir {
    background-color: #F6F6F6;
    border: 2px solid #FFFFFF;
    min-height: 650px;
    padding: 10px;
}
.image_date{
    border:1px solid #000;
}
.h3_dates {
    font-size: 15pt;
    font-weight: bold;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}

.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* --------------------------- PAGE INTERNE ---------------------------- */

article h2 p {
    color: #c4040f;
}
.event {
    border-bottom: 1px dotted #E5E5E5;
    margin-bottom: 10px;
    padding-bottom: 20px;
}
/* --------------------------- ASIDE ---------------------------- */

.titre_aside {
    background-color: #c4040f;
    padding: .3em;
}
.titre_aside{
    color: white;
    /* text-transform: uppercase; */
    text-align: center;
    font-size: 1em;

}
/* .titre_aside:first-letter {
    font-size: 1.5em;
} */

.calendrier, .newsletter {
    background-color: #F6F6F6;
    /*background-image: url("../images/ombre-blocs.png");*/
    background-position: center top;
    background-repeat: no-repeat;
    height: 12em;
    position: relative;
    top: -1.3em;
}
.clndr .large-10.columns {
    width: 75% !important;
}
.clndr li {
    left: 0 !important;
}
.clndr .title {
    color: #c4040f;
    margin: auto;
    position: relative;
    top: -25px;
    width: 75%;
}
.fi-arrow-left, .fi-arrow-right {
    color:#c4040f !important;
}
.clndr-next-button.large-1.columns.small-1 {
    left: -10px;
    padding: 0;
    position: relative;
}
#mini-clndr {
    /*background-image: url("../images/ombre-blocs.png");*/
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 25px;
    position: relative;
    top: -20px;
}
.calendar {
    border-bottom: medium none !important;
}
.calendar .day-header {
    background-color: #000000 !important;
}
.calendar .day-header .day, .calendar .day-header .days {
    background-color: #000000 !important;
}
.day.today, .days.today {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 1px solid #c4040f;
}
.day.past {
    color: #6D6D6D;
}
.day.last-month, .days.last-month, .day.next-month, .days.next-month {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: #C9C9C9 !important;
}
.event {
    border-bottom: medium none !important;
}
.today.event {
    border-bottom: 1px solid !important;
}
.calendar .day, .calendar .days {
    min-height: 1.8rem;
}

.newsletter {
    background-color: #f6f6f6;
    height: 7em;
    position: relative;
    top: -1.3em;
}
#form_gag {
    padding: 1em;
}

@media only screen and (min-width: 600px) and (max-width: 800px) { /* pour le menu tablette */
    aside {
        margin-top:20px;
    }
}

/* --------------------------- SLIDER ---------------------------- */

.orbit-caption > h3 {
    color: #FFFFFF;
}
.orbit-caption .date {
    color: #FFFFFF;
}

/* --------------------------- EVENEMENT ---------------------------- */

.boutons-partage {
   display: flex;
   margin-bottom: 5px;
}

.partage-fb a {
    background-color: #344E86;
    background-image: url(../images/partage-fb.png);
    background-position: center;
    background-repeat: no-repeat;
    color: #FFFFFF !important;
    display: inline-block;
    padding: 14px;
    background-position-x: -8px;
}
.partage-tw a {
    background-color: #000000;
    background-image: url("../images/partage-x.png");
    background-position: center;
    background-repeat: no-repeat;
    color: #FFFFFF !important;
    display: inline-block;
    padding: 14px;
    background-size: 22px;
}
.partage-fb, .partage-tw {
    padding: 0 2px 0 0;
    margin-left: 10px;
}
.partage-calendar {
    padding-left: 0px !important;
    padding-right: 2px !important;
    margin-bottom:5px;
}
.stButton {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 3px !important;
}

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

.separateur{
    border: 2px #414141;
}

/* The Grid ---------------------- */.lt-ie9 .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }.lt-ie9 .row.large-collapse .column, .lt-ie9 .row.large-collapse .columns { padding: 0; }.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }.lt-ie9 .row .row.large-collapse { margin: 0; } .lt-ie9 .column, .lt-ie9 .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }.lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; } .lt-ie9 [class*="column"] + [class*="column"]:last-child { float: right; }.lt-ie9 [class*="column"] + [class*="column"].end { float: left; } .lt-ie9 .large-1, .lt-ie9 .row .large-1 { width: 8.33333%; } .lt-ie9 .large-2, .lt-ie9 .row .large-2 { width: 16.66667%; } .lt-ie9 .large-3, .lt-ie9 .row .large-3 { width: 25%; } .lt-ie9 .large-4, .lt-ie9 .row .large-4 { width: 33.33333%; } .lt-ie9 .large-5, .lt-ie9 .row .large-5 { width: 41.66667%; } .lt-ie9 .large-6, .lt-ie9 .row .large-6 { width: 50%; } .lt-ie9 .large-7, .lt-ie9 .row .large-7 { width: 58.33333%; } .lt-ie9 .large-8, .lt-ie9 .row .large-8 { width: 66.66667%; } .lt-ie9 .large-9, .lt-ie9 .row .large-9 { width: 75%; } .lt-ie9 .large-10, .lt-ie9 .row .large-10 { width: 83.33333%; } .lt-ie9 .large-11, .lt-ie9 .row .large-11 { width: 91.66667%; } .lt-ie9 .large-12,.lt-ie9 .row .large-12 { width: 100%; } .lt-ie9 .row .large-offset-1 { margin-left: 8.33333%; }.lt-ie9 .row .large-offset-2 { margin-left: 16.66667%; }.lt-ie9 .row .large-offset-3 { margin-left: 25%; }.lt-ie9 .row .large-offset-4 { margin-left: 33.33333%; }.lt-ie9 .row .large-offset-5 { margin-left: 41.66667%; }.lt-ie9 .row .large-offset-6 { margin-left: 50%; }.lt-ie9 .row .large-offset-7 { margin-left: 58.33333%; }.lt-ie9 .row .large-offset-8 { margin-left: 66.66667%; }.lt-ie9 .row .large-offset-9 { margin-left: 75%; }.lt-ie9 .row .large-offset-10 { margin-left: 83.33333%; } .lt-ie9 .pull-2 { right: 16.66667%; }.lt-ie9 .pull-3 { right: 25%; }.lt-ie9 .pull-4 { right: 33.33333%; }.lt-ie9 .pull-5 { right: 41.66667%; }.lt-ie9 .pull-6 { right: 50%; }.lt-ie9 .pull-7 { right: 58.33333%; }.lt-ie9 .pull-8 { right: 66.66667%; }.lt-ie9 .pull-9 { right: 75%; }.lt-ie9 .pull-10 { right: 83.33333%; } .lt-ie9 .push-2 { left: 16.66667%; }.lt-ie9 .push-3 { left: 25%; }.lt-ie9 .push-4 { left: 33.33333%; }.lt-ie9 .push-5 { left: 41.66667%; }.lt-ie9 .push-6 { left: 50%; }.lt-ie9 .push-7 { left: 58.33333%; }.lt-ie9 .push-8 { left: 66.66667%; }.lt-ie9 .push-9 { left: 75%; }.lt-ie9 .push-10 { left: 83.33333%; } /* Nicolas Gallagher's micro clearfix */.lt-ie9 .row { *zoom: 1; }.lt-ie9 .row:before, .row:after { content: " "; display: table; }.lt-ie9 .row:after { clear: both; }


a.liendesactive{
    cursor:default;
}

/* --------------------------- SOCIAL TOP BAR ---------------------------- */

.social > div {
    line-height: 3rem;
}
.social svg {
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: text-bottom;
}

.bandeau-rouge {
    border: 2px solid #c4040f;
    padding: 15px;
    margin-bottom: 15px;
}

.bandeau-rouge h2, .bandeau-rouge h3, .bandeau-rouge a {
    color: #c4040f !important;
}

.bandeau-rouge a:hover, .bandeau-rouge a:focus {
    color: black !important;
}