/* CSS pour le site nevers.fr */

/******************************/
/******************************/
/*********** POLICES **********/
/******************************/
/******************************/
@font-face {
    font-family: 'Omnes-Regular';
    src: url(fonts/BwModelica-Regular.otf);
}
@font-face {
    font-family: 'Omnes-Medium';
    src: url(fonts/BwModelica-Medium.otf);
}
@font-face {
    font-family: 'Omnes-Bold';
    src: url(fonts/BwModelica-Bold.otf);
}

/******************************/
/******************************/
/********** STRUCTURE *********/
/******************************/
/******************************/
body {
    width: 100%;
    font-family: 'Omnes-Regular';
    overflow-x: hidden;
    line-height: 1.2em; 
}
header {
    width: 100%;
    position: relative;
    background-color: #ffffff;
    color: #2300c8;
    z-index: 9999;
    min-height: 120px;
}
header div {
    display: block;
    width: 960px;
    margin: 0 auto;
}
header div > div {
    display: inline-block;
    width: auto;
}
div.slider {
    position: relative;
    width: 300%;
    max-height: 420px;
    margin: 0 auto; 
    display: block;
    overflow: hidden;
}
div#main {
    display: block;
    /*width: 960px;*/
    margin: 0 auto;
}
div#contenu {
    position: relative;
    width: 100%;
}
div#main div#contenu {
    max-width: 100%;
}
div#main.large div#contenu,
div#main.large div#contenu div#block-nevers-content article {
    max-width: 100%;
}
div#main form {
    max-width: 960px;
    margin: 0 auto;
}
div#main.large div#contenu div#block-nevers-content article {
    max-width: 960px;
}
div#main div#contenu.arborescence {
    max-width: 100%;
    float:none;
}
aside {
    width: 100%;
    display: block;
    margin-top: 2em;
    background-color: #2300c8;
    padding: 1em;
}
aside div {
    max-width: 960px;
    margin: 0 auto;
}
div#contenu::after,
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil::after,
/*div#contenu div#block-blocneverspratique::after,*/
div.bleu::after,
aside::after,
div#main::after,
div#contenu h2::after,
aside h2::after,
div#contenu div#block-agenda::after,
div#contenu div#block-agendapage::after,
span.deplie::after,
div.meta::after,
div#block-views-block-actualites-apage-block-1::after,
div#block-nevers-content div.niveau::after,
nav.pager::before,
div.block-photo a.more-media::after,
div#block-agenda a.more-media::after,
div#block-agendapage a.more-media::after,
div#block-views-block-les-sites-de-nevers-block-1::after {
    content: '';
    display: block;
    clear: both;   
}
div.centre {
    max-width: 960px;
    margin: 0 auto;
}
div#block-nevers-content {
    
}
strong {
    font-family: 'Omnes-Bold';
}
em {
    font-style: italic;
}
div#block-reseauxsociaux,
div#block-reseauxsociaux-2 {
    float: right;
    /*width: 450px;*/
    margin-top: 1em;
}
a {
    text-decoration: none;
    color: #2300c8;
}
a:hover {
    color: #eab800;
    text-decoration: underline;
}
div[role="alert"] {
    display: none;
}
div.niveau {
    max-width: 960px;
    margin: 0 auto;
    margin-top: 2em;
}

/******************************/
/******************************/
/*********** HEADER ***********/
/******************************/
/******************************/
header a {
    color: #2300c8;
    text-decoration: none;
    font-family: 'Omnes-Medium';   
}
header a:hover {
    color: #2300c8;
    text-decoration: none;
    font-family: 'Omnes-Medium';   
}
header div#block-nevers-branding {
    /*background: url("img/logo_tetiere_site.png") left 35px no-repeat;*/
    font-size: 3em;
    float: left;
    position: absolute;
    padding-top: 0.7em;
    overflow: visible;
    padding-left: 0.2em;
    line-height: 1em;
}
header div#block-nevers-main-menu {
    float: right;
    margin-top: 5.5em;
    padding-bottom: 0.6em;
}
header div#block-nevers-main-menu ul {
    position: relative;
}
header div#block-nevers-main-menu ul li {
    display: inline-block;
    padding: 0 0.5em;
    border-right: 2px solid #2300c8;
    position: relative;
}
header div#block-nevers-main-menu ul li:last-child {
    border-width: 0;
}
header::after {
    content: '';
    display: block;
    clear: both;
}
/* Menu déroulant */
header div#block-nevers-main-menu ul li ul {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 200px;
    margin-top: 1.2em;
    right: 0;
    padding: 0.5em;
}
header div#block-nevers-main-menu ul li ul::before {
    content: '';
    min-width: 200px;
    top: -1.2em;
    height: 1.2em;
    display: block;
    position: absolute;
    background-color: transparent; 
    background-image: url('img/menu.png');
    background-position: bottom right;
    background-repeat: no-repeat;   
}
header div#block-nevers-main-menu ul li ul li {
    display: block;
    border-width: 0;
    text-transform: none;
}
header div#block-nevers-main-menu ul li ul li a {
    display: block;
    padding: 0.3em;    
}
header div#block-nevers-main-menu ul li ul li a:hover {
    color: #ffffff;
    background-color: #2300c8;    
}
header div#block-nevers-main-menu ul li a:hover {
    color: #2300c8;
}
header div#block-nevers-main-menu ul li:hover ul {
    display: block;   
}

/******************************/
/******************************/
/*********** SLIDER ***********/
/******************************/
/******************************/
div.slider div.views-row {
    position: relative;
    width: 33.3333%;
    max-height: 420px;
    float: left;
}
div.slider img{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}
div.slider div.views-row h2.slide,
div.slider div.views-row .contenu-lie,
div.slider div.views-row .lienSlide,
div.slider div.views-row .accroche {
    position: absolute;
    background-color: #2300c8;
    color: #fff;
    left: calc((100% - 960px)/2);
    bottom: 20%;
    font-family: 'Omnes-Bold';
    font-size: 2.5em;
    padding: 15px 8px 7px 8px;
    line-height: 0.9em;
}
div.slider div.views-row .accroche {
    font-size: 1.6em;
    bottom: 9.5%;
    background-color: #ffffff;
    color: #2300c8;
    font-family: 'Omnes-Regular';
}
div.slider div.views-row .lienSlide {
    font-size: 1em;
    right: 0;
    text-align: right;
    max-width: 120px;
    bottom: 2%;
    padding: 5px 2px 2px 2px;
}
div.slider div.views-row a.lienSlide {
    color: #fff;
}
div.slider div.views-row .contenu-lie a:hover {
    color: #fff;
}
/******************************/
/******************************/
/*********** ALERTE ***********/
/******************************/
/******************************/
div#block-block-alerte {
    width: 100%;
    padding: 1em;
    color: #fff;
    background-color: #ff5a00;
}
div#block-block-alerte article {
    width: 960px;
    margin: 0 auto;
    text-align: center;
    font-family: 'Omnes-Medium';
}
div#block-block-alerte article h2 {
    text-transform: uppercase;
    font-size: 1.2em;
}
div#block-block-alerte article a {
    color: #fff;
    text-decoration: underline;
}

/******************************/
/******************************/
/********* RECHERCHE **********/
/******************************/
/******************************/
div#block-formulairederecherche,
div#block-nevers-search {
    width: 310px;
}
div#contenu div#block-formulairederecherche,
div#contenu div#block-nevers-search {
    width: 320px;
}
div#contenu div#block-formulairederecherche,
div#contenu div#block-nevers-search {
    position: absolute;
    right: calc((100% - 960px)/2 - 4px);
}
div#block-formulairederecherche div,
div#block-nevers-search div {
    display: inline-block;
}
div#block-formulairederecherche input#edit-keys,
div#block-nevers-search input#edit-keys {
    height: 40px;
    border-width: 0;
    background-color: #eee;
    margin-right: -4px;
    padding-left: 10px;
    font-family: 'Omnes-Regular';
    font-size: 0.8em;
    padding-top: 5px;
}
div#contenu div#block-formulairederecherche input#edit-keys,
div#contenu div#block-nevers-search input#edit-keys {
    width: 260px;
}
div#block-formulairederecherche input#edit-keys:focus,
div#block-nevers-search input#edit-keys:focus{
    outline: none;
}
div#block-formulairederecherche input#edit-submit,
div#block-nevers-search input#edit-submit,
div#block-nevers-search input#edit-submit--2{
    width: 50px;
    height: 40px;
    background-image: url('img/fleche_recherche.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #eee;
    border-width: 0;
    text-indent: -9999px;
    cursor: pointer;
}

/******************************/
/******************************/
/********** ACCUEIL ***********/
/******************************/
/******************************/
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil,
body div#main div#contenu.page-actu,
div#contenu div#block-nevers-content,
div#contenu div#block-agenda,
div#contenu div#block-views-block-les-sites-de-nevers-block-1,
div#contenu div#block-neverscamebotte {
    max-width: 960px;
    margin: 0 auto;
    /*margin-top: 1em;*/
    box-sizing: border-box;
}
div#contenu div#block-nevers-content {
    max-width: 100%;
}
div#block-views-block-actualites-accueil-block-actualites-accueil h2 hr {
    /*width: 220px;
    float: left;*/
    display: none;
}
div#contenu div#block-dansmonquartier {
    width: 640px;
    float: left;
    margin-top: 1em;
    box-sizing: border-box;
}
div#contenu div#block-blocneverspratique,
aside div#block-neverspratique {
    width: 450px;
    float: left;
    margin-top: 1em;
    box-sizing: border-box;
}
div#contenu div.bleu {
    background-color: #2300c8;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 1em;
}
div#contenu div.gris {
    background-color: #eee;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 2em;
}
div#contenu h2,
div.ckeditor-accordion-container dl dt a {
    color: #2300c8;
    font-size: 1.2em;
    font-family: 'Omnes-Bold';
    padding-top: 1em;
    margin-bottom: 0.5em;
    background-color: transparent;
}
aside h2 span,
div#contenu h2 span,
article div h2 span {
    float: left;
    display: inline-block;
    padding-bottom: 2px;
    margin-right: 5px;
}
aside h2 hr,
div#contenu h2 hr,
article div h2 hr {
    /*border: 2px dotted #2300c8;
    border-width: 2px 0 0 0;
    margin-top: 14px;*/
    display: none;
}
article div#date-actu {
    margin-bottom: -1.25em;
    color: #999;
}
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.views-row,
div#block-views-block-actualites-apage-block-1 div.views-row,
body div#main div#contenu.page-actu div.views-row {
    display: inline-block;
    box-sizing: border-box;
    float: left;
    max-width: 310px;
    margin-right: 0.75em;
    margin-bottom: 0.75em;
}
div#block-views-block-actualites-apage-block-1 div.views-row {
    margin-right: 10px;
}
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.views-row:hover,
div#block-views-block-actualites-apage-block-1 div.views-row:hover,
body div#main div#contenu.page-actu div.views-row:hover {
    /*background-color: #FFC800;*/
}
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.views-row div.views-field-field-image,
body div#main div#contenu.page-actu div.views-row div.views-field-field-image {
    overflow: hidden;
    max-width: 310px;
    max-height: 200px;
    margin-bottom: 10px;
    background: url("img/actualites_hover.png") center center no-repeat;
    z-index: 999999;
}
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.views-row img::before,
body div#main div#contenu.page-actu div.views-row img::before {
    content: '\003Cspan\0020class\003D\0022over\0022\003E\003C\002Fspan\003E';
}
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.views-row img,
body div#main div#contenu.page-actu div.views-row img {
    max-width: 310px;
    height: auto;
    margin-bottom: 0.5em;
    overflow: hidden;
    transition: all 0.2s ease-out;
    background: url('img/actualites_hover.png') center center no-repeat;
    opacity: 1;
}
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.views-row img:hover,
body div#main div#contenu.page-actu div.views-row img:hover {
    transform: scale(1.2,1.2);
    transition: all 0.2s ease-out;
    overflow: hidden;
    opacity: 0.1;
}
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.views-row:nth-child(3n),
body div#main div#contenu.page-actu div.views-row:nth-child(3n + 2) {
    margin-right: 0;
}
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.views-row:nth-child(1),
body div#main div#contenu.page-actu div.views-row:nth-child(1) {
    margin-right: 0.75em;
}
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.more-link {
    position: absolute;
    left: calc((100% - 960px) / 2 + 400px);
    margin-top: -2.2em;
}
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.more-link a {
    color: #2300c8;
    text-decoration: none;   
}
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.more-link a:hover {
    text-decoration: underline;   
}
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.views-row div.views-field-field-type-d-actualite,
div#block-views-block-actualites-apage-block-1 div.views-row div.views-field-field-type-d-actualite,
body div#main div#contenu.page-actu div.views-row div.views-field-field-type-d-actualite,
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.views-row div.views-field-field-surtitre,
div#block-views-block-actualites-apage-block-1 div.views-row div.views-field-field-surtitre,
body div#main div#contenu.page-actu div.views-row div.views-field-field-surtitre {
    text-transform: uppercase;
    text-align: left;
    font-size: 0.8em;
    font-family: 'Omnes-Medium';
    color: #666;
}
/*div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.views-row div.views-field-field-type-d-actualite a,
div#block-views-block-actualites-apage-block-1 div.views-row div.views-field-field-type-d-actualite a,
body div#main div#contenu.page-actu div.views-row div.views-field-field-type-d-actualite a {
    color: #666;
    text-decoration: none;
}
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.views-row div.views-field-field-type-d-actualite a:hover,
div#block-views-block-actualites-apage-block-1 div.views-row div.views-field-field-type-d-actualite a:hover,
body div#main div#contenu.page-actu div.views-row div.views-field-field-type-d-actualite a:hover {
    color: #2300c8;
}*/
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.views-row div.views-field-title,
div#block-views-block-actualites-apage-block-1 div.views-row div.views-field-title,
body div#main div#contenu.page-actu div.views-row div.views-field-title {
    text-align: left;
}
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.views-row div.views-field-title,
body div#main div#contenu.page-actu div.views-row div.views-field-title {
    min-height: 40px;
}
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.views-row div.views-field-title a,
div#block-views-block-actualites-apage-block-1 div.views-row div.views-field-title a,
body div#main div#contenu.page-actu div.views-row div.views-field-title a {
    display: block;
    color: #2300c8;
    text-decoration: none;
    font-family: 'Omnes-Bold';
    margin: 0;
}
div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.views-row div.views-field-title a:hover,
div#block-views-block-actualites-apage-block-1 div.views-row div.views-field-title a:hover,
body div#main div#contenu.page-actu div.views-row div.views-field-title a:hover {
    color: #51bdff;
}
div#block-dansmonquartier div#select-quartier,
div#block-dansmonquartier img {
    display: inline-block;
    float: left;
}
div#block-dansmonquartier div#select-quartier {
    max-width: 180px;
    margin-right: 10px;
}
div#block-dansmonquartier div#select-quartier select {
    width: 180px;
    margin-bottom: 1em;
    padding: 0.5em;
    border-color: 1px solid #2300c8;
    font-family: 'Omnes-Regular';
    cursor: pointer;
}
div#block-dansmonquartier div#select-quartier select option {
    padding: 0.5em;
    cursor: pointer;
    display: block;
}
div#block-dansmonquartier div#select-quartier span {
    display: block;
    text-align: right;
    max-width: 200px;
}

/* Nevers pratique */
div#block-blocneverspratique h2,
div#block-neverspratique h2,
div#block-reseauxsociaux h2{
    border-width: 0;
    padding-left: 0;
    color: #ffffff;
    margin-bottom: 1em;
}
ul#nevers-pratique::after {
    content: '';
    display: block;
    clear: both;
}
a.pratique {
    display: inline-block;
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}
a.pratique:hover {
}
a.pratique img {
    height: 32px;
    width: auto;
}
div#nom-pratique {
    color: #fff;
    background-color: transparent;
    text-align: center;
    font-family: 'Omnes-Bold';
    width: calc(100% - 15px);
    min-height: 30px;
    max-height: 30px;
    box-sizing: border-box;
}

/* Réseaux sociaux */
div#block-reseauxsociaux a img,
div#block-reseauxsociaux-2 a img {
    margin-right: 15px;
    height: 32px;
    width: auto;
}

/* Agenda */
div#contenu div#block-agenda,
div#contenu div#block-agendapage {
    margin-bottom: 1em;
}
div#block-agenda h2 {
    display: inline-block;
    float: left;
}

div#block-agenda div.event,
div#block-agendapage div.event {
    margin-right: 10px;
    box-sizing: border-box;
    width: 32%;
    display: inline-block;
    position: relative;
    vertical-align: top;
}
div#block-agenda div.event div.image,
div#block-agendapage div.event div.image {
    width: 100%;
    height: 200px;
    display: block;
    position: relative;
    margin-bottom: 15px;
}
div#block-agendapage div.event {
    width: 48%;
}
div#block-agenda div.event span.img-agenda,
div#block-agendapage div.event span.img-agenda {
    width: 100%;
    max-height: 200px;
    display: block;
    overflow: hidden;
}
div#block-agenda div.event span.img-agenda img,
div#block-agendapage div.event span.img-agenda img {
    width: 100%;
}
/*div#block-agenda div.meta,
div#block-agendapage div.meta {
    position: relative;
}
div#block-agenda div.meta span,
div#block-agendapage div.meta span {
    display: inline-block;
    float: left;
}
div#block-agenda div.meta span.date span,
div#block-agendapage div.meta span.date span {
    display: inline-block;
    font-size: 0.6em;
    float: none;
}
div#block-agenda div.meta span.date span.tiret,
div#block-agendapage div.meta span.date span.tiret {
    font-size: 1em;
    display: block;
    margin-top: -0.2em;
    margin-bottom: -0.5em;
}
div#block-agenda span a,
span.lien-agenda-accueil a,
div#block-agendapage span a {
    text-decoration: none;
    font-family: 'Omnes-medium';
    background-color: #2300c8;
    color: #fff;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    height: 70px;
}
div#block-agenda span.date,
div#block-agendapage span.date {
    width: 70px;
    background-color: #FFC800;
    color: #2300c8;
    font-family: 'Omnes-Bold';
    font-size: 2em;
    text-align: center;
    line-height: 0.65em;
    padding: 10px 0;
    box-sizing: border-box;
}
*/
div#block-agenda div.event span.debut,
div#block-agenda div.event span.unique {
    background: url('img/triangle_agenda_debut.png') top left no-repeat;
    padding-top: 10px;
    text-indent: -40px;
}
div#block-agenda div.event span.unique {
    padding-top: 0;
}
div#block-agenda div.event span.unique br {
    margin-top: -20px;
}
div#block-agenda div.event span.debut span {
    margin-left: -40px;
}
div#block-agenda div.event span.fin {
    background: url('img/triangle_agenda_fin.png') bottom right no-repeat;
    right: 0px;
    bottom: 0px;
}
div#block-agenda div.event span.debut,
div#block-agenda div.event span.unique,
div#block-agenda div.event span.fin {
    color: #fff;
    width: 100px;
    height: 100px;
    font-size: 1.2em;
    text-align: center;
    font-family: 'Omnes-Bold';
    display: block;
    position: absolute;
}
div#block-agenda div.event span.fin {
    padding-top: 50px;
    padding-left: 50px;
    box-sizing: border-box;
}
div#block-agenda div.event span.debut span,
div#block-agenda div.event span.unique span,
div#block-agenda div.event span.fin span {
    font-size: 0.6em;
}
div#block-agenda div.event span.title,
div#block-agendapage div.event span.title {
    width: calc(100% - 70px);
}
div#block-agenda span.title a,
div#block-agendapage span.title a {
    width: 100%;
    font-family: 'Omnes-Medium';
}
div#block-agenda span a:hover,
span.lien-agenda-accueil a:hover,
div#block-agendapage span a:hover {
    color: #51bdff;
    text-decoration: none;
}
div#contenu div.bleu div.centre a.more-media {
    display: block;
    text-align: left;
    font-family: 'Omnes-Regular';
    margin-bottom: 0.5em;
}
div#block-agenda a.more-media,
div#block-agendapage a.more-media {
    display: block;
    float: none;
    text-align: right;
    text-decoration: none;
    font-family: 'Omnes-Bold';
    color: #2300c8;
    font-size: 1em;
    padding-top: 20px;
}

/* Social Feed */
div#block-juicer {
    max-width: 960px;
    margin: 0 auto;
}

/* Vidéo */
div#block-video,
div#block-photo,
div#block-instagramwithoutapi,
div#block-publication {
    margin-right: 10px;
    box-sizing: border-box;
    width: 32%;
    display: inline-block;
    vertical-align: top;
}
div#block-video h2,
div#block-photo h2,
div#block-instagramwithoutapi h2,
div#block-publication h2 {
    border-width: 0;
    padding-left: 0;
    display: inline-block;
    float: left;
}
div#block-video p {
    display: none;
}
div#block-video p.embed {
    display: block;
}
div a.more-media {
    text-decoration: none;
    font-family: 'Omnes-Regular';
    color: #2300c8;
    float: right;
    display: inline-block;
    margin-top: 1em;
    font-size: 1.5em;
}
div#block-video a:hover,
div#block-photo a:hover,
div#block-instagramwithoutapi a:hover,
div#block-publication a:hover{
    color: #51bdff;
}

/* Photo */
div#block-instagramwithoutapi {
    max-height: 235px;
    overflow: hidden;
    float: none;
}
div#block-instagramwithoutapi img {
    width: 100%;
    height: auto;
}

/* Sites */
div#contenu div#block-views-block-les-sites-de-nevers-block-1 div.views-row {
    max-width: 235px;
    margin-right: 6px;
    display: inline-block;
    float: left;
    box-sizing: border-box;
}
div#contenu div#block-views-block-les-sites-de-nevers-block-1 div.views-row:last-of-type {
    margin-right: 0;
}
div#contenu div#block-views-block-les-sites-de-nevers-block-1 div.views-row div.views-field-field-url a {
    display: block;
    text-decoration: none;
    color: #fff;
    background-color: #2300c8;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    font-family: 'Omnes-Bold';
    min-height: 55px;
}
div#contenu div#block-views-block-les-sites-de-nevers-block-1 div.views-row div.views-field-field-url a:hover {
    background-color: rgb(0,189,158);
    color: #fff;
}

/******************************/
/******************************/
/*********** SIDEBAR **********/
/******************************/
/******************************/
aside h2 {
    color: #fff;
    font-size: 1.5em;
    font-family: 'Omnes-Bold';
    padding-top: 1em;
    margin-bottom: 1em;
}
div#infos {
    width: 100%;
    line-height: 1.5em;
    padding: 1em;
    /*background-color: rgba(255, 193, 0, 0.5);*/
}
div#infos ul li {
    list-style: disc;
    margin-left: 1em;
}

/******************************/
/******************************/
/******** FIL D'ARIANE ********/
/******************************/
/******************************/
div#block-nevers-breadcrumbs {
    width: 960px;
    margin: 0 auto;
    margin-top: 1em;
}
div#block-nevers-breadcrumbs a {
     text-decoration: none;
     color: #2300c8;
}
div#block-nevers-breadcrumbs a:hover {
     text-decoration: underline;
}
div#block-nevers-breadcrumbs ol {
    
}
div#block-nevers-breadcrumbs ol li::before {
    content: '>';
    padding-right: 2px;
    color: #2300c8;
    font-size: 12px;
}
div#block-nevers-breadcrumbs ol li {
    display: inline-block;
    padding-right: 2px;
}

/* Résultats de recherche */
div#contenu div#block-nevers-content form#search-form,
div#contenu div#block-nevers-content h2,
div#contenu div#block-nevers-content ol,
div#contenu div#block-nevers-content nav.pager {
    max-width: 960px;
    margin: 0 auto;
}
div#contenu div#block-nevers-content ol {
    margin-top: 2em;
}
div#contenu div#block-nevers-content ol li {
    margin-bottom: 1em;
}
a#edit-help-link {
    display: none;
}

/******************************/
/******************************/
/*********** NIVEAU ***********/
/******************************/
/******************************/
div#block-nevers-content div.niveau div.colonne {
    display: inline-block;
    float: left;
    width: 32%;
    margin-right: 15px;
}
div#block-nevers-content div.niveau div#col-3 {
    margin-right: 0;
}
div#block-nevers-content div.niveau div.colonne li,
div.niveau ul.first li {
    list-style-type: none;
    margin-bottom: 15px;
}
div#block-nevers-content div.niveau div.colonne li ul,
div.niveau ul.first li ul {
    margin-top: 0;
    display: none;
}
div#block-nevers-content div.niveau div.colonne li ul::before {
    content: '';
    min-width: 200px;
    height: 1em;
    margin-top: -0.2em;
    margin-left: 1em;
    display: block;
    background-color: transparent; 
    background-image: url('img/menu.png');
    background-position: bottom left;
    background-repeat: no-repeat;
}
div#block-nevers-content div.niveau div.colonne li ul li,
div.niveau ul.first li ul li {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
}

div#block-nevers-content div.niveau div.colonne li a,
div.niveau ul.first li a {
    display: block;
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    /*border-left: 8px solid #FFC800;*/
    background-color: #2300c8;
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    font-family: 'Omnes-Bold';
    padding: 1.2em 0 0 0;
}
div#block-nevers-content div.niveau div.colonne li a:hover,
div.niveau ul.first li a:hover {
    /*border-color: #2300c8;*/
    background-color: #eee;
    color: #2300c8;
}
div#block-nevers-content div.niveau div.colonne li ul li a,
div.niveau ul.first li ul li a {
    background-color: #2300c8;
    border-width: 0;
    font-family: 'Omnes-Medium';
    text-align: left;
    height: auto;
    padding: 0.5em 0;
    padding-left: 1em;
    color: #fff;
}
div#block-nevers-content div.niveau div.colonne li ul li a:hover,
div.niveau ul.first li ul li a:hover {
    background-color: #eee;
    color: #2300C8;
}

/******************************/
/******************************/
/********* ACTUALITES *********/
/******************************/
/******************************/
div.actualites header {
    background-color: transparent;
}
div.actualites form {
    background-color: #ddd;
    padding: 2em;
    border-top-right-radius: 10px;
    margin: 2em 0;
}
div.actualites form div {
    display: inline-block;
    width: 30%;
    margin-right: 2em;
}
div.actualites form div:last-of-type {
    margin-right: 0;
}
div.actualites form div label {
    display: block;
    color: #2300c8;
    font-family: 'Omnes-Medium';
    margin-bottom: 0.5em;
}
div.actualites form div input {
    width: 100%;
    border-width: 0;
    height: 2.2em;
    padding: 0 1em;
    box-sizing: border-box;
}
div.actualites form div input:focus {
    outline: none;
}
div.actualites form div input#edit-submit-actualites {
    background-color: #2300C8;
    color: #FFF;
    font-family: 'Omnes-Bold';
    font-size: 1em;
    height: 2em;
    cursor: pointer;
    padding: 0;
}

/******************************/
/******************************/
/*********** PAGER ************/
/******************************/
/******************************/
nav.pager {
    
}
nav.pager ul li {
    display: inline-block;
    margin-right: -5px;;
}
nav.pager ul li a {
    border: 1px solid #2300c8;
    border-right-width: 0px;
    padding: 0.3em 0.6em;
    color: #2300c8;
}
nav.pager ul li a:last-of-type {
    border-right-width: 1px;
}
nav.pager ul li a:hover {
    color: #fff;
    background-color: #2300c8;
    text-decoration: none;
}
nav.pager ul li.pager__item--next a,
nav.pager ul li.pager__item--last a,
nav.pager ul li.pager__item--first a,
nav.pager ul li.pager__item--previous a {
    color: #fff;
    background-color: #2300c8;
    padding: 0.3em 0.6em;
}
nav.pager ul li.pager__item--next a:hover,
nav.pager ul li.pager__item--last a:hover,
nav.pager ul li.pager__item--first a:hover,
nav.pager ul li.pager__item--previous a:hover {
    color: #2300c8;
    background-color: #fff;
    padding: 0.3em 0.6em;
}
nav ul li.is-active a {
    background-color: #2300c8;
    color: #fff;
}
/******************************/
/******************************/
/************ PAGE ************/
/******************************/
/******************************/
div#block-nevers-content article,
div#block-newsletter-2 {
    height: auto;
    max-width: 960px;
    margin-bottom: 2.5em;
    margin: 0 auto;
}
div#block-newsletter-2 input#edit-submit,
div#block-newsletter-2 div.form-item-mail {
    margin-top: 1em;
}
div#block-nevers-content article div#chapeau {
    margin-top: 1em;
    margin-bottom: 1.5em;
    color: #2300c8;
    font-size: 1.05em;
    line-height: 1.1em;
    font-family: 'Omnes-Bold';
}

div#block-nevers-content article p {
    margin-bottom: 1em;
    font-size: 0.95em;
    line-height: 1.5em;
}
div#block-nevers-content article img {
    width: 100%;
    height: auto;
}
div#block-nevers-content article table tr img {
    width: 300px;
    vertical-align: top;
}
div#block-nevers-content article div.contenu div.align-left {
    width: auto;
    margin-right: 1em;
    margin-bottom: 1em;
}
div#block-nevers-content article div.contenu img.align-left {
    margin-bottom: 0.5em;
}
div#block-nevers-content article div.contenu img.align-right {
    margin-left: 1em;
    margin-bottom: 1em;    
}
div#block-nevers-content article div.contenu img.align-left + div.legende,
div#block-nevers-content article div.contenu img.align-right + div.legende {
    width: auto;
    margin-top: 0.5em;
}  
div#block-nevers-content article div.legende {
    background-color: #2300c8;
    padding: 0.5em;
    color: #fff;
    margin-top: -3px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}
div#block-nevers-content article div.legende div:first-of-type {
    font-family: 'Omnes-Bold';
}
div#block-nevers-content article div.legende div:last-of-type {
    font-size: 0.8em;
}
div#block-nevers-content article h2,
div.ckeditor-accordion-container dl dt a {
    border-width: 0;
    padding-left: 0;
    background-color: transparent;
}
div#block-nevers-content article h3 {
    color: #666;
    font-family: 'Omnes-Bold';
    font-size: 1em;
    margin-bottom: 0.8em;
    margin-top: 0.8em;
}
div#block-nevers-content article ul {
    list-style-image: url('img/puce.png');
    margin-left: 2em;
    margin-bottom: 1em;
}
div#block-nevers-content article ul li {
    width: auto;
}
div#block-nevers-content article table {
    width: 100%;
    table-layout: fixed;
}
div#block-nevers-content article table tr td:nth-child(odd) {
    padding-right: 0.5em;
}
div#block-nevers-content article table tr td:nth-child(even) {
    padding-left: 0.5em;
}

/* Quote */
div.quotebox {
    width: 80%;
    margin: 2em auto;
    line-height: 1.5em;
    font-family: serif;
    padding-left: 1.5em;
    border-left: 8px solid #2300c8;
}
div.quotebox div.byline {
    font-family: 'Omnes-Bold';
    text-align: right;
    margin-top :0.8em;
}

/* Paragraphe déroulant */
.groupe {
    display: none;
    overflow: hidden;
}
.groupe.isDeplie {
    display: block;
}
span.deplie {
    display: block;
    margin-bottom: 1em;
}
span.deplie a {
    color: #0D518A;
    text-decoration: none;
    float: right;
}
div.ckeditor-accordion-container dl dt span.ckeditor-accordion-toggle {
    display: none;
}
div.ckeditor-accordion-container dl dt a.ckeditor-accordion-toggler {
    background-color: transparent;
}
div.ckeditor-accordion-container > dl {
    border-width: 0;
}
div.ckeditor-accordion-container > dl dd {
    padding: 0;
}

/* Action */
div#action {
    padding: 0.5em 0;
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
    margin-bottom: 0.5em;
}

div#action,
div#action a {
    color: #000000;
}
div#action a {
    text-decoration: none;
    padding: 0.15em 0;
    padding-right: 1.5em;
    margin-right: 1em;
    display: inline-block;
}
div#action a:hover {
    text-decoration: underline;
}
div#action a.print {
    background: url('img/print.png') no-repeat center right;
}
div#action a.mail {
    background: url('img/mail.png') no-repeat center right;
}
div#action a.facebook{
    background: url('img/fb.png') no-repeat center center;
    text-indent: -9999px;
    margin-right: 0em;
}
div#action a.twitter {
    background: url('img/twitter.png') no-repeat center center;
    text-indent: -9999px;
    margin-right: 0em;
}

/* LIENS DOCUMENTS */
a.pdf::after {
    content: url('img/pdf.png');
}
a.doc::after {
    content: url('img/word.png');
}
a.calc::after {
    content: url('img/excel.png');
}
a.diapo::after {
    content: url('img/powerpoint.png');
}

/******************************/
/******************************/
/********* NEWSLETTER *********/
/******************************/
/******************************/
div#edit-choix {
    margin: 1em 0;
}
/******************************/
/******************************/
/********** CONTACT ***********/
/******************************/
/******************************/
div#block-nevers-content form.contact-form div {
    margin-bottom: 1em;
}
div#block-nevers-content form.contact-form label {
    display: block;
    color: #2300c8;
    font-family: "Omnes-Medium";
    font-size: 1.2em;
    margin-bottom: 0.25em;
}
div#block-nevers-content form.contact-form input[type="text"] {
    height: 1.5em;    
}
div#block-nevers-content form.contact-form textarea {
    
}
div#block-nevers-content form.contact-form input#edit-submit {
    border-width: 0;
    background-color: #ccc;
    cursor: pointer;
    padding: 0.5em;
    font-size: 1.2em;
    color: #333;
}
div#block-nevers-content form.contact-form input#edit-submit:hover {
    color: #fff;
    background-color: #2300c8;
}
div#block-nevers-content form.contact-form input#edit-preview {
    display: none;
}
div.description {
    font-style: italic;
    color: #999;
}
label.form-required::after {
    color: #F00;
    content: ' *';
}

/******************************/
/******************************/
/********** PAIEMENT **********/
/******************************/
/******************************/
form#paiementForm fieldset.spl_fInline p:first-of-type {
    display: none;
}

/******************************/
/******************************/
/*********** FOOTER ***********/
/******************************/
/******************************/
footer {
    width: 100%;
    background-color: #2300c8;
    color: #ffffff;
    padding: 2em 0;
    /*margin-top: 1em;*/
}
footer div {
    width: 960px;
    margin: 0 auto;
}
footer div div#block-nouscontacter,
footer div div#block-newsletter,
footer nav#block-politiquedeconfidentialite {

    width: 25%;
    display: inline-block;
    vertical-align: top;
}
footer div div#block-newsletter div.form-item-mail{
    margin-top: 0.5em;
}
footer div div#block-newsletter input#edit-mail {
    max-width: 179px;
    margin-left: 0.2em;
}
footer div div#block-newsletter input#edit-submit {
    margin-top: 1em;
    cursor: pointer;
    padding: 1em 2em;
    border-radius: 0.75em;
    text-transform: uppercase;
    border-width: 0;
    background-color: #FFF;
    color: #2300c8;
    
}
footer div div#block-newsletter input#edit-submit:hover {
    background-color: #FFC800;
}
footer div h2 {
    font-family: 'Omnes-medium';
    text-transform: uppercase;
    border-bottom: 2px solid #ffffff;
    margin-bottom: 1em;
    padding-bottom: 0.1em;
    display: inline-block;
}
footer div h2 hr {
    display: none;
}
footer a {
    color: #FFC800;
}
footer a:hover {
    color: #fff;
}