/**************************************************************************************************************/
/*
			GRAINES DE PAIX - V1.5 Site generique

			Date : 14 aout 2015
			Auteur : marlene
			URL : http://pin2:41180/Plone/fr  - grainesdepaix_dev (root)

*/
/**************************************************************************************************************/

/*-------------------------------------------------------------------------------------------------------------*/
/*
	= RESET
*/
/*------------------------------------------------------------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 62.5%; /*ensuite 1em=10px en taille normale*/
    color: #0A4563;
}

h1 {
    margin: 0;
    border: none;
    font-family: 'shreebold';
    font-weight: normal;
    letter-spacing: normal;
}

h2, h3, h4, h5, h6 {
    margin: 0;
    border: none;
    font-family: 'shree';
    font-weight: normal;
    letter-spacing: normal;
}

ul {
    margin: 0;
    padding: 0;
    list-style-image: none;
    list-style-type: none;
    line-height: 1.3em;
}

img {
    border: none;
}

a, a:link {
    text-decoration: none;
    color: #000;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

a:visited {
    text-decoration: none;
    color: #0A4563;
}

a:hover, a:focus {
    text-decoration: underline;
    color: #0A4563;
}

input,
textarea {
    font-family: 'Open Sans', sans-serif;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
    background-color: #fff;
}

/*
	ELEMENTS DE PLONE
*/
dl.portlet,
dl.portalMessage,
div.managePortletsLink,
a.managePortletsFallback,
div.portletAssignments,
#content,
div.overlay,
#edit-bar,
#portal-sitemap,
#portal-searchbox,
#portal-globalnav,
#portal-breadcrumbs,
#portal-column-content #content,
#portal-footer,
#portal-siteactions,
#portal-colophon,
#portal-languageselector,
#content pre,
.portletItemDetails,
#portal-personaltools,
#fieldset-openid-login input,
#login-form input,
div.listingBar,
#content legend,
#content div.documentByLine,
.commentDate,
.comment,
#portal-sitemap .navTreeLevel2,
#portal-sitemap .navTreeLevel2 ul,
#content .discreet,
#sidebar .discreet,
#category {
    font-size: 100%;
}

#content a:link,
dl.portlet a:link,
#content a:visited,
dl.portlet a:visited {
    border: none;
    color: #000;
}

#content dt {
    font-weight: normal;
}

#content {
    clear: none;
}

#content ul {
    list-style: none;
    margin: 0;
}

.portletAssignments .portlet_here.portlet_visible .portletHeader {
    color: #000;
    background: #666;
}

body.template-logged_out #content,
body.template-login_form #content {
    text-align: left;
}

.highlightedSearchTerm {
    background: none !important;
    font-weight: normal !important;
}

div.width-full {
    width: 100%;
}

div.position-0,
div.position-1\:2,
div.position-1\:3,
div.position-2\:3 {
    margin: 0;
}

div.cell {
    float: none;
    left: 0;
    width: auto;
}

div.row {
    float: none;
}

#content-ckeditor,
body.cke_panel_frame {
    background: #fff !important;
}
/*------------------------------------------------------------------------------------------------------------*/
/*
	= IMG HOME (2024)
*/
/*------------------------------------------------------------------------------------------------------------*/
.new-img-home {
    text-align: center;
    font-size: 1.4em;
    line-height: normal;
}
.new-img-home .imghome {
    position: relative;
    margin-block-end: 30px;
}
.new-img-home .imghome::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 300px; /* Hauteur du dégradé */
    background: linear-gradient(to top, rgba(10, 69, 99, 0.8), rgba(10, 69, 99, 0));
    z-index: 1; /* Assure que le dégradé soit derrière le texte mais devant l'image */
}
.new-img-home .imghome img {
    position: relative;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover;
}
.new-img-home .imghome h2 {
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    color: white;
    font-size: clamp(2rem, 6vw, 4rem);
    font-weight: 800;
    bottom: 50px;
    left: 50%;
    width: 100%;
    z-index: 2;
    transform: translate(-50%);
    line-height: 1;
}
.new-img-home strong{
    font-size: 1.2em;
}
@media only screen and (max-width: 800px) {
    .new-img-home p{
        padding: 0 5vw;
    }
}
/*------------------------------------------------------------------------------------------------------------*/
/*
	= BXSLIDER
*/
/*------------------------------------------------------------------------------------------------------------*/
/*
	RESET - LAYOUT
*/
.bx-wrapper {
    position: relative;
    margin: 0 auto 20px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/*
	THEME
*/
.bx-wrapper .bx-viewport {
    background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../images/bx-slider/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: verdana;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(++resource++PIE.htc);
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    left: 10px;
    background: url(../images/bx-slider/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(../images/bx-slider/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../images/bx-slider/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../images/bx-slider/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    width: 80%;
    text-align: left;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #666 \9;
    background: rgba(80, 80, 80, 0.75);
    -pie-background: rgba(80, 80, 80, 0.75);
    behavior: url(++resource++PIE.htc);
}

.bx-wrapper .bx-caption span {
    display: block;
    padding: 10px;
    color: #fff;
    font-family: verdana;
    font-size: 0.85em;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= PORLTETS
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-columns dl.portlet {
    margin: 0 0 30px;
}

#portal-columns dl.portlet dt {
    padding: 0;
    background: none;
    font-size: 1.4em;
    text-transform: uppercase;
}

#portal-columns dl.portlet dd {
    padding: 0;
    font-size: 1.2em;
}

#portal-column-one > div > dl.portlet,
#portal-column-one > div > div {
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 2px solid #0A4563;
}

#portal-column-one > div:last-child > dl.portlet,
#portal-column-one > div:last-child > div {
    padding: 0;
    margin: 0;
    border: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== CONNEXION / DECONNEXION
--------------------------------------------------------------------------------------------------------------*/
.connexion,
.deconnexion {
    float: left;
    margin: 3px 0 0;
}

.userrole-authenticated .connexion,
.userrole-anonymous .deconnexion {
    display: none;
}

.connexion a,
.deconnexion a {
    font-size: 1.2em;
    text-transform: uppercase;
    color: #fff;
}

.connexion a:hover,
.connexion a:focus,
.deconnexion a:hover,
.deconnexion a:focus {
    color: #fff;
    text-decoration: none;
}

.connexion a:after,
.deconnexion a:after {
    content: " | ";
    display: inline-block;
    margin: 0 10px;
    cursor: default;
}

/*--------------------------------------------------------------------------------------------------------------
	== RECHERCHE
--------------------------------------------------------------------------------------------------------------*/
dl.portlet.portletSearch {
    float: right;
    margin: 0;
    padding: 0;
    width: 20%;
    text-align: left;
}

dl.portlet.portletSearch dt {
    display: none;
    padding: 0;
    background: none;
    font-weight: 400;
    line-height: 1;
}

dl.portlet.portletSearch dt a,
dl.portlet.portletSearch dt a:hover,
dl.portlet.portletSearch dt a:focus {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.3em;
    text-transform: uppercase;
    text-decoration: none;
    color: #0A4563 !important;
    cursor: text;
}

dl.portlet.portletSearch dt a:before {
    content: " ";
    font-family: 'fontawesome';
    font-size: 1.3em;
}

dl.portlet.portletSearch dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 30px 0 0;
}

dl.portlet.portletSearch dd + dd {
    display: none;
}

dl.portlet.portletSearch input[type=text] {
    padding: 2px 10px;
    width: 100%;
    border: none;
    font-size: 1.2em;
    color: #0A4563;
}

dl.portlet.portletSearch .searchButton {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 30px;
    background: url(../images/picto-recherche.png) right center no-repeat;
    border: none;
    text-indent: -5000px;
    cursor: pointer;
}

dl.portlet.portletSearch .searchSection,
dl.portlet.portletSearch #LSShadow {
    display: none;
}

.faceted-noborder {
    margin-right: 5px;
}

#content #faceted-center-column label {
    font-weight: normal;
    color: #FFF;
}

.userrole-authenticated #portal-column-content #content form > div {
    border-top: none;
}

.userrole-authenticated #portal-column-content #content form div.field > label, .userrole-authenticated #portal-column-content #content form div.widget > label, .userrole-authenticated #portal-column-content #content form div.field > .label, .userrole-authenticated #portal-column-content #content form div.field .sortingField div + label {
    text-transform: none;
    font-size: 1.4em;
}

/*--------------------------------------------------------------------------------------------------------------
	== VOUS ETES
--------------------------------------------------------------------------------------------------------------*/
dl.portlet.Vous-etes {
    position: relative;
    float: right;
    margin: 2px 0 0 30px;
    padding: 0;
    text-align: left;
}

dl.portlet.Vous-etes dt {
    display: inline-block;
    padding: 0;
    background: none;
    font-weight: 400;
    line-height: 1;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.3em;
    text-transform: uppercase;
    color: #0A4563;
    cursor: pointer;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

dl.portlet.Vous-etes:hover dt {
    color: #2da7bc;
}

dl.portlet.Vous-etes dt:before {
    content: " ";
    font-family: 'fontawesome';
    font-size: 1.3em;
}

dl.portlet.Vous-etes dt:after {
    content: " ";
    font-family: 'fontawesome';
}

dl.portlet.Vous-etes dd {
    position: absolute;
    top: 120%;
    right: 0;
    padding: 0;
    width: 150px;
    background: rgba(45, 167, 188, 0.9);
    visibility: hidden;
    opacity: 0;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

dl.portlet.Vous-etes:hover dd {
    top: 100%;
    visibility: visible;
    opacity: 1;
}

dl.portlet.Vous-etes dd ul {
    margin: 0;
    list-style: none;
}

dl.portlet.Vous-etes dd ul li {
    border-top: 1px solid #fff;
}

dl.portlet.Vous-etes dd ul li a {
    display: block;
    padding: 10px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 700;
    text-align: right;
}

dl.portlet.Vous-etes dd ul li a:hover,
dl.portlet.Vous-etes dd ul li a:focus {
    background: #2da7bc;
    color: #fff !important;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== LOGO
--------------------------------------------------------------------------------------------------------------*/
.logo {
    margin: 7px 0 0 10px;
}

.logo img {
    max-width: 100%;
}

/*--------------------------------------------------------------------------------------------------------------
	== BASELINE
--------------------------------------------------------------------------------------------------------------*/
.baseline {
    margin: 10px 45px 0;
    font-size: 2.5em;
    font-style: italic;
    font-family: 'shree';
}

/*--------------------------------------------------------------------------------------------------------------
	== INTRO
--------------------------------------------------------------------------------------------------------------*/
.intro {
    margin: 0 45px;
}

.intro p {
    margin: auto;
    max-width: 560px;
    font-size: 1.7em;
    line-height: 1.3;
}

.intro ul {
    margin: 10px 0 0;
    font-size: 1.5em;
}

.intro ul li {
    display: inline-block;
    margin: 0 10px;
    padding: 0;
}

.intro ul li:before {
    content: " ";
    font-family: 'fontawesome';
}

/*--------------------------------------------------------------------------------------------------------------
	== BOUTON D'ACTION
--------------------------------------------------------------------------------------------------------------*/

.template-document_view a.bouton {
    display: inline-block;
    margin: 5px 0;
    padding: 3px 10px;
    background: #2da7bc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(++resource++PIE.htc);
    border-bottom: none;
    color: #fff !important;
}

#portal-column-content .documentDescription .texte1 a.bouton {
    padding: 2px 12px;
    background: #2da7bc;
    color: #fff !important;
}

.bouton-action p a {
    position: relative;
    display: inline-block;
    padding: 5px 0;
    font-size: 1.7em;
    font-weight: 700;
    color: #eb8b00;
    text-transform: uppercase;
}

.bouton-action p a:hover,
.bouton-action p a:focus {
    text-decoration: none;
    color: #0A4563;
}

.bouton-action p.don a:after {
    content: url(../images/picto-donner.png);
    float: right;
    margin: 0 0 0 10px;
}

.bouton-action p.don a:after {
    content: url(../images/picto-donner.png);
    float: right;
    margin: 0 0 0 10px;
}

.bouton-action p.newsletter a:after {
    content: url(../images/picto-newsletter.png);
    float: right;
    margin: 0 0 0 21px;
}

.bouton-action p.contact a:after {
    content: url(../images/picto-contact.png);
    float: right;
    margin: 0 0 0 15px;
}
.bouton-action p.boutique a:after {
    content: url(../images/picto-panier.png);
    float: right;
    margin: 0 0 0 15px;
}

/*--------------------------------------------------------------------------------------------------------------
	== NEWSLETTER
--------------------------------------------------------------------------------------------------------------*/
.portletBSWNewsletterSubscriber {
    position: relative;
}

.portletBSWNewsletterSubscriber:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 10px;
    right: 10px;
    height: 0;
    background: #eb8b00;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.portletBSWNewsletterSubscriber:hover:before {
    height: 3px;
}

.portletBSWNewsletterSubscriber span {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 5px 50px;
    background: #fff;
    font-size: 1.7em;
    font-weight: 700;
    color: #eb8b00;
    text-transform: uppercase;
    cursor: pointer;
}

.portletBSWNewsletterSubscriber form {
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    z-index: 1;
    padding: 10px;
    background: #eb8b00;
    opacity: 0;
    visibility: hidden;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.portletBSWNewsletterSubscriber:hover form {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.portletBSWNewsletterSubscriber form input[type=text] {
    padding: 5px;
    width: 100%;
    border: none;
    font-size: 1.1em;
    color: #eb8b00;
}

.portletBSWNewsletterSubscriber form input[type=submit] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: 0;
    padding: 0;
    width: 20px;
    background: url(../images/picto-valide2.png) center center no-repeat;
    border: none;
    text-indent: -5000px;
    cursor: pointer;
}

/*--------------------------------------------------------------------------------------------------------------
	== TOP NEWS
--------------------------------------------------------------------------------------------------------------*/
.section-accueil div[id^="parent-fieldname-text"] {
    font-size: 1.2em;
}

.top-news {
    position: relative;
}

.top-news .bx-wrapper {
    margin: 0;
}

#content .top-news li {
    position: relative;
    margin: 0;
    background: #1FA7BB;
}

.top-news li > a:first-child:before {
    content: "";
    display: block;
    padding-top: 38%;
    background: #fff;
}

.top-news li > a:first-child {
    float: left;
    width: 70%;
}

.top-news li a img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 71%;
    bottom: 0;
    border-right: 20px solid #fff;
}

.top-news li h2 {
    overflow: hidden;
    font-family: 'shreebold';
    font-size: 2.3em;
    line-height: 1;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#content .top-news li h2 a,
#content .top-news li h2 a:hover,
#content .top-news li h2 a:focus {
    display: block;
    padding: 15px;
    color: #fff !important;
    text-decoration: none;
}

.top-news li p {
    padding: 0 15px;
    color: #fff;
    font-size: 1.4em;
    overflow: hidden;
    line-height: 1.2;
}

#content .top-news li > a:last-child,
#content .top-news li > a:last-child:hover,
#content .top-news li > a:last-child:focus {
    display: inline-block;
    padding: 15px;
    font-size: 1.2em;
    color: #fff !important;
    text-decoration: none;
}

#content .top-news li > a:last-child::before {
    content: " ";
    font-family: 'fontawesome';
}

/*
	CONTROLES
*/
.top-news .bx-controls {
    position: absolute;
    bottom: 0;
    right: 31%;
    overflow: hidden;
}

.top-news .bx-controls .bx-pager {
    position: relative;
    bottom: auto;
    float: left;
    padding: 0;
    margin: 0 20px 0 0;
    width: auto;
}

#content .top-news .bx-wrapper .bx-pager.bx-default-pager a {
    height: 10px;
    width: 10px;
    background: #0A4563;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    behavior: url(++resource++PIE.htc);
    line-height: normal;
}

#content .top-news .bx-wrapper .bx-pager.bx-default-pager a:hover,
#content .top-news .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #1FA7BB;
}

#content .top-news .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #1FA7BB;
}

.top-news .bx-controls .bx-controls-direction {
    position: relative;
    bottom: auto;
    float: left;
    padding: 0;
    width: auto;
}

.top-news .bx-wrapper .bx-controls-direction a {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    display: inline-block;
    height: 15px;
    width: 15px;
    margin: 0;
    background: none;
}

.top-news .bx-wrapper .bx-controls-direction a + a {
    margin: 0 0 0 5px;
}

.top-news .bx-wrapper .bx-controls-direction a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-indent: 0;
    font-family: 'fontawesome';
    font-size: 1.6em;
    color: #1FA7BB;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.top-news .bx-wrapper .bx-controls-direction a:hover:before,
.top-news .bx-wrapper .bx-controls-direction a:focus:before {
    color: #fff;
}

.top-news .bx-wrapper .bx-controls-direction a.bx-next:before {
    content: "";
}

.top-news .bx-wrapper .bx-controls-direction a.bx-prev:before {
    content: "";
}

/*--------------------------------------------------------------------------------------------------------------
	== ZONE ONGLETS
--------------------------------------------------------------------------------------------------------------*/
.onglets {
    position: absolute;
    bottom: 0;
    z-index: 2;
    height: 9%;
    border-right: 1px solid #fff;
}

.onglets.actualites {
    left: 0;
    width: 25%;
}

.onglets.agenda {
    left: 25%;
    width: 22%;
}

.onglets.mission {
    left: 47%;
    width: 23%;
}

.onglets.impact {
    left: 70%;
    width: 30%;
    border: none;
}

.onglets.activated {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: auto;
    height: auto;
    border: none;
}

.onglets > div {
    height: 9%;
    background: #62bdcd;
    font-family: 'shree';
    font-size: 1.6em;
    color: #fff;
}

.onglets.activated > div {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.onglets > div span {
    display: block;
    padding: 17px 0;
    text-align: center;
}

.onglets.activated > div span {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #2da7bc;
    border-right: 1px solid #fff;
}

.onglets.activated > div span:before {
    content: "";
    position: absolute;
    top: -13px;
    left: 0;
    right: 0;
    text-align: center;
    font-family: 'fontawesome';
    font-size: 2em;
    color: #2da7bc;
}

.onglets.actualites.activated > div span {
    left: 0;
    width: 25%;
}

.onglets.agenda.activated > div span {
    left: 25%;
    width: 22%;
}

.onglets.mission.activated > div span {
    left: 47%;
    width: 23%;
}

.onglets.impact.activated > div span {
    left: 70%;
    width: 30%;
}

/*
	CONTENU
*/
.onglets > ul {
    display: none;
}

.onglets.activated > ul {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    height: 90%;
}

.onglets > ul li {
    float: left;
    width: 49.8%;
    height: 50%;
    background: #d5edf2;
    overflow: hidden;
}

.onglets > ul li:nth-child(even) {
    float: right;
}

.onglets ul li h2 {
    padding: 5px 10px;
    text-align: center;
    font-family: "open sans";
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1;
}

#content .onglets ul li h2 a,
#content .onglets ul li h2 a:hover,
#content .onglets ul li h2 a:focus {
    color: #0A4563 !important;
    text-decoration: none;
}

#content .onglets ul li > a:first-child {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

#content .onglets ul li > a:before {
    content: "";
    display: block;
    padding-top: 66.5%;
}

#content .onglets ul li > a:first-child img {
    position: absolute;
    top: 0;
    width: 100%;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#content .onglets ul li:hover > a:first-child img,
#content .onglets ul li > a:first-child:hover img,
#content .onglets ul li > a:first-child:focus img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

/*--------------------------------------------------------------------------------------------------------------
	== ACTUALITES
--------------------------------------------------------------------------------------------------------------*/
/*.actualites{
	position:relative;
}
.actualites:before{
	content:"";
	position:absolute;
	top:0;
	left:50%;
	bottom:0;
	z-index:2;
	width:1px;
	background:#fff;
}
.actualites .entete{
	display:none;
}
#content .actualites ul li{
	position:relative;
	margin:0 0 1px;
	padding:0 0 0 50%;
	background:#2da7bc;
	text-align:center;
	overflow:hidden;
}
#content .actualites ul li:nth-child(even){
	padding:0 50% 0 0;
}
#content .actualites ul li:before{
	content:"";
	float:left;
	width:10px;
	padding-top:66.5%;
}
#content .actualites ul li:nth-child(even):before{
	float:right;
}
#content .actualites ul li > a:first-child{
	position:absolute;
	top:0;
	left:0;
	right:50%;
	bottom:0;
	overflow:hidden;
}
#content .actualites ul li:nth-child(even) > a:first-child{
	right:0;
	left:50%;
}
#content .actualites ul li > a:first-child img{
	display:block;
	width:100%;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#content .actualites ul li:hover > a:first-child img,
#content .actualites ul li > a:first-child:hover img,
#content .actualites ul li > a:first-child:focus img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
#content .actualites ul li h2{
	margin:10%;
    font-family: 'shreebold';
	font-size:2em;
	line-height:1.1;
}
#content .actualites ul li h2 a,
#content .actualites ul li h2 a:hover,
#content .actualites ul li h2 a:focus{
	color:#fff!important;
	text-decoration:none;
}
#content .actualites ul li h2 a:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
#content .actualites ul li a.savoirplus{
	position:absolute;
	bottom:-32px;
	left:75%;
	margin-left:-25px;
	width:60px;
	height:60px;
	background:#fff;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	behavior: url(++resource++PIE.htc);
	text-indent:-5000px;
}
#content .actualites ul li:nth-child(even) a.savoirplus{
	left:25%;
}
#content .actualites ul li a.savoirplus:before{
	content:"+";
	position:absolute;
	top:8px;
	right:0;
	left:0;
	font-weight:700;
	font-size:3em;
	text-align:center;
	text-indent:0;
	color:#2da7bc;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#content .actualites ul li:hover a.savoirplus:before{
	color:#0A4563;
}

/*--------------------------------------------------------------------------------------------------------------
	== LIENS UNES
--------------------------------------------------------------------------------------------------------------*/
.lines-unes {
    float: right;
    margin: 1px 0 0;
    width: 37.5%;
    background: #0A4563;
}

.lines-unes:before {
    content: "";
    float: left;
    padding-top: 10.2%;
}

.lines-unes ul {
    text-align: center;
}

#content .lines-unes ul li {
    display: inline-block;
}

#content .lines-unes ul li + li:before {
    content: "|";
    display: inline-block;
    color: #708ea1;
    font-size: 1.8em;
}

#content .lines-unes ul li a {
    display: inline-block;
    padding: 15px 10px 0;
    color: #fff;
    font-size: 1.5em;
    font-weight: 700;
}

#content .lines-unes ul li a:hover,
#content .lines-unes ul li a:focus {
    color: #2da7bc !important;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== LIENS HOME
--------------------------------------------------------------------------------------------------------------*/
.liens-home {
    float: left;
    width: 69.5%;
}

.liens-home .entete {
    display: none;
}

.liens-home li {
    float: left;
    margin: 0;
    width: 31%;
}

.liens-home li + li {
    margin-left: 3%;
}

.liens-home li > a {
    display: block;
    width: 100%;
    overflow: hidden;
}

.liens-home li > a img {
    display: block;
    width: 100%;
}

.liens-home li h2 {
    border-bottom: 3px solid #fff;
    font-family: 'shreebold';
    font-weight: normal;
    font-size: 1.7em;
    line-height: 1;
    text-align: left;
    text-transform: none;
}

#content .liens-home li h2 a {
    display: block;
    padding: 10px 10px 5px;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 1;
}

#content .liens-home li h2 a:hover,
#content .liens-home li h2 a:focus {
    color: #fff !important;
    text-decoration: none;
}

#content .liens-home li:first-child h2 a {
    background: #0A4563;
}

#content .liens-home li:first-child + li h2 a {
    background: #3E6BA8;
}

#content .liens-home li:last-child h2 a {
    background: #1FA7BB;
}

/*--------------------------------------------------------------------------------------------------------------
	== SUIVEZ-NOUS
--------------------------------------------------------------------------------------------------------------*/
dl.portlet.suivez-nous {
    position: relative;
    margin: 0;
    padding: 0;
    background: #EC8B00;
    text-align: center;
}

.section-accueil dl.portlet.suivez-nous {
    float: right;
    margin: 0 !important;
    width: 29%;
}

#portal-columns dl.portlet.suivez-nous dt {
    padding: 10px 10px 5px;
    background: none;
    border-bottom: 3px solid #fff;
    font-family: 'shreebold';
    font-weight: normal;
    font-size: 1.7em;
    color: #fff;
    line-height: 1;
    text-align: center;
    text-transform: none;
}

dl.portlet.suivez-nous dd {
    padding: 0;
}

dl.portlet.suivez-nous dd ul {
    margin: 0;
    padding: 10px 5px 7px;
    text-align: center;
}

#portal-columns dl.portlet.suivez-nous dd ul li {
    position: relative;
    display: inline-block;
    margin: 5px;
}

#portal-columns dl.portlet.suivez-nous dd ul li a {
    display: block;
    width: 40px;
    height: 40px;
    color: #EC8B00;
}

#portal-columns dl.portlet.suivez-nous dd ul li a:hover,
#portal-columns dl.portlet.suivez-nous dd ul li a:focus {
    color: #EC8B00 !important;
    text-decoration: none;
}

dl.portlet.suivez-nous dd ul li a:before {
    display: block;
    width: 38px;
    height: 38px;
    background: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    behavior: url(++resource++PIE.htc);
    font-family: 'fontawesome';
    font-size: 2.2em;
    text-align: center;
    line-height: 40px;
}

dl.portlet.suivez-nous dd ul li.facebook a:before {
    content: "";
}

dl.portlet.suivez-nous dd ul li.twitter a:before {
    content: "";
}

dl.portlet.suivez-nous dd ul li.instagram a:before {
    content: "";
}

dl.portlet.suivez-nous dd ul li.pinterest a:before {
    content: "";
}

dl.portlet.suivez-nous dd ul li.linkedin a:before {
    content: "";
}

dl.portlet.suivez-nous dd ul li.youtube a:before {
    content: "";
}

dl.portlet.suivez-nous dd ul li.rss a:before {
    content: "";
}

dl.portlet.suivez-nous dd ul li a span {
    display: none;
    position: absolute;
    top: 130%;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    font-size: 1.1em;
    font-weight: 700;
    color: #eb8b00;
    opacity: 0;
    visibility: hidden;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

dl.portlet.suivez-nous dd ul li a:hover span,
dl.portlet.suivez-nous dd ul li a:focus span {
    top: 110%;
    opacity: 1;
    visibility: visible;
}

/*--------------------------------------------------------------------------------------------------------------
	== RESSOURCES DE PAIX
--------------------------------------------------------------------------------------------------------------*/
dl.portlet.ressources-paix {
    /*margin:auto;
	max-width:1000px;*/
    margin: 0;
    padding: 0 0 20px;
    text-align: center;
}

dl.portlet.ressources-paix dt {
    margin: 0 0 20px;
    padding: 0;
    background: none;
    font-family: 'shreebold';
    font-weight: normal;
    font-size: 4em;
    color: #0A4563;
    line-height: 1;
}

dl.portlet.ressources-paix dd {
    padding: 0;
    text-align: left;
}

dl.portlet.ressources-paix dd a:hover,
dl.portlet.ressources-paix dd a:focus {
    color: #2da7bc !important;
    text-decoration: none;
}

dl.portlet.ressources-paix dd > ul {
    margin: 0;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
    -moz-column-gap: 35px;
    -webkit-column-gap: 35px;
    -o-column-gap: 35px;
    column-gap: 35px;
}

dl.portlet.ressources-paix dd > ul > li {
    position: relative;
    display: inline-block;
    padding: 0 0 0 110px;
    /*overflow:hidden;*/
}

dl.portlet.ressources-paix dd > ul > li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 84px;
    height: 87px;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
}

dl.portlet.ressources-paix dd > ul > li.decouvrir:before {
    background-position: -376px 0;
}

dl.portlet.ressources-paix dd > ul > li.references:before {
    background-position: 0 0;
}

dl.portlet.ressources-paix dd > ul > li.inspirer {
    margin-bottom: 10px;
}

dl.portlet.ressources-paix dd > ul > li.inspirer:before {
    background-position: -94px 0;
}

dl.portlet.ressources-paix dd > ul > li.perfectionner:before {
    background-position: -282px 0;
}

dl.portlet.ressources-paix dd > ul > li.amuser:before {
    background-position: -188px 0;
}

dl.portlet.ressources-paix dd > ul > li > a {
    font-size: 2em;
    text-transform: uppercase;
    color: #0A4563;
}

dl.portlet.ressources-paix dd > ul > li ul {
    margin: 10px 0 20px;
    list-style: none;
}

dl.portlet.ressources-paix dd > ul > li ul li {
    line-height: 2;
}

dl.portlet.ressources-paix dd > ul > li.inspirer li:nth-child(3),
dl.portlet.ressources-paix dd > ul > li.inspirer li:nth-child(5),
dl.portlet.ressources-paix dd > ul > li.inspirer li:nth-child(7) {
    margin: 0 0 15px;
}

dl.portlet.ressources-paix dd > ul > li ul li a {
    font-size: 1.4em;
    color: #0A4563;
    line-height: 1;
}

/*--------------------------------------------------------------------------------------------------------------
	== COORDONNEES
--------------------------------------------------------------------------------------------------------------*/
.coordonnees p {
    font-size: 1.5em;
    color: #fff;
}

.coordonnees p strong {
    font-size: 1.1em;
}

.coordonnees p a {
    display: inline-block;
    margin: 10px 0 0;
    color: #fff;
    font-size: 0.8rem;
}

.coordonnees p a:before {
    content: " ";
    font-family: 'fontawesome';
}

/*--------------------------------------------------------------------------------------------------------------
	== HEBERGEMENT
--------------------------------------------------------------------------------------------------------------*/
dl.portlet.hebergement {
    text-align: right;
}

dl.portlet.hebergement dt {
    padding: 0;
    background: none;
    font-size: 1.4em;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
}

dl.portlet.hebergement dd {
    padding: 0;
}

dl.portlet.hebergement dd p {
    margin: 0 !important;
}

.hebergement dd a {
    display: inline-block;
    margin: 0 0 0 10px;
}

.hebergement dd a img {
    display: block;
    height: 69px !important;
    width: auto !important;
}

/*--------------------------------------------------------------------------------------------------------------
	== REMERCIEMENTS
--------------------------------------------------------------------------------------------------------------*/
.remerciements {
    margin: 0 20px 0 0;
}

.remerciements a {
    color: #fff;
    font-size: 1.4em;
}

/*--------------------------------------------------------------------------------------------------------------
	== ENGAGEZ VOUS
--------------------------------------------------------------------------------------------------------------*/
.engagez-vous {
    position: relative;
}

.engagez-vous a {
    display: block;
    padding: 20px;
    background: #1FA7BB;
    font-size: 2.3em;
    color: #fff;
    line-height: 1;
}

.engagez-vous a:hover,
.engagez-vous a:focus {
    text-decoration: none;
}

.engagez-vous:after {
    content: url(../images/picto-engagez-vous.png);
    display: block;
    padding: 10px 0;
    background: #1FA7BB;
    border-top: 2px solid #fff;
    text-align: center;
}

/*--------------------------------------------------------------------------------------------------------------
	== SOUS NAVIGATION
--------------------------------------------------------------------------------------------------------------*/
dl.portlet.portletNavigationTree {
    margin: 0;
}

#portal-columns dl.portlet.portletNavigationTree dd {
    padding: 10px 20px;
    background: rgba(188, 233, 233, 0.8);
}

/* racine */
dl.portlet.portletNavigationTree ul li.navTreeTopNode {
    margin: 0;
    padding: 0 0 15px;
    background: none;
    border: none;
    text-transform: uppercase;
    font-size: 1.3em;
    font-weight: 400;
}

dl.portlet.portletNavigationTree ul li.navTreeTopNode a.navTreeCurrentItem {
    color: #0A4563;
}

/* premier niveau */
dl.portlet.portletNavigationTree ul li,
dl.portlet ul.navTreeLevel0 > .navTreeItem {
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
    line-height: 1;
}

dl.portlet ul.navTreeLevel0 > .navTreeItem:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 1px;
    background: #0A4563;
}

dl.portlet ul.navTreeLevel0 > .navTreeItem:last-child:after {
    display: none;
}

dl.portlet.portletNavigationTree ul li a {
    margin: 0;
    padding: 10px 0 15px !important;
    background: none;
    font-size: 1.3em;
    font-weight: 800;
    line-height: 1.2;
    color: #0A4563 !important;
    display: inline-block;
}

dl.portlet.portletNavigationTree ul li a:hover,
dl.portlet.portletNavigationTree ul li a:focus {
    color: #0A4563 !important;
    text-decoration: none;
}

dl.portlet.portletNavigationTree ul li a.navTreeCurrentItem,
dl.portlet.portletNavigationTree ul li a.navTreeItemInPath {
    margin: 0;
    border: none;
    font-weight: 700;
    background: none;
    color: #0A4563 !important;
}

dl.portlet.portletNavigationTree ul li a img {
    display: none;
}

/* deuxieme niveau */
dl.portlet.portletNavigationTree ul li ul {
    padding: 10px 0 30px;
}

dl.portlet.portletNavigationTree ul li ul li.navTreeItem {
    margin: 0;
    padding: 0;
    background: none;
}

dl.portlet.portletNavigationTree ul li ul li a {
    position: relative;
    padding: 5px 0 5px 10px !important;
    font-size: 1.1em;
    font-weight: 400;
}

dl.portlet.portletNavigationTree ul li ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    font-family: 'fontawesome';
}

dl.portlet.portletNavigationTree ul li ul li a.navTreeCurrentItem,
dl.portlet.portletNavigationTree ul li ul li a.navTreeItemInPath {
    margin: 0;
    /*padding:0!important;*/
    color: #0A4563 !important;
    background: none !important;
    font-weight: bold;
}

/* troisieme niveau */
dl.portlet.portletNavigationTree ul li li ul {
    margin: 0 20px 0 0;
    padding: 0;
}

/*--------------------------------------------------------------------------------------------------------------
	== CONTENUS CORRELES
--------------------------------------------------------------------------------------------------------------*/
#portal-columns dl.portlet.portletBSWContenusCorreles {
    margin: 70px 0 0;
}

#portal-columns dl.portlet.portletBSWContenusCorreles dt {
    position: relative;
    padding: 0 0 10px;
    text-transform: uppercase;
    font-size: 1.8em;
    font-weight: 400;
    color: #2da7bc;
}

#portal-columns dl.portlet.portletBSWContenusCorreles dd {
    position: relative;
    margin: 0;
    padding: 10px 0 20px;
}

#portal-columns dl.portlet.portletBSWContenusCorreles dt:after,
#portal-columns dl.portlet.portletBSWContenusCorreles dd:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 1px;
    background: #2da7bc;
}

#portal-columns dl.portlet.portletBSWContenusCorreles dd > a:first-child {
    display: block;
    margin: 0;
    color: #2da7bc !important;
    font-size: 1.2em;
    font-weight: 700;
}

#portal-columns dl.portlet.portletBSWContenusCorreles dd > a:first-child:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#portal-columns dl.portlet.portletBSWContenusCorreles dd span {
    display: block;
    margin: 3px 0;
    font-size: 1.1em;
    font-style: italic;
    color: #2da7bc;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#portal-columns dl.portlet.portletBSWContenusCorreles dd p {
    margin: 0;
    font-size: 1.2em;
    color: #2da7bc;
    line-height: 1.2;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#portal-columns dl.portlet.portletBSWContenusCorreles dd:hover > a:first-child,
#portal-columns dl.portlet.portletBSWContenusCorreles dd > a:first-child:hover,
#portal-columns dl.portlet.portletBSWContenusCorreles dd > a:first-child:focus,
#portal-columns dl.portlet.portletBSWContenusCorreles dd:hover span,
#portal-columns dl.portlet.portletBSWContenusCorreles dd:hover p {
    color: #0A4563 !important;
    text-decoration: none;
}

#portal-columns dl.portlet.portletBSWContenusCorreles dd a {
    display: block;
    margin: 3px 0 0;
    width: 100%;
    height: auto;
    overflow: hidden;
}

#portal-columns dl.portlet.portletBSWContenusCorreles dd a img {
    display: block;
    width: 100%;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#portal-columns dl.portlet.portletBSWContenusCorreles dd a:hover img,
#portal-columns dl.portlet.portletBSWContenusCorreles dd a:focus img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= CONTENEUR GENERAL
*/
/*------------------------------------------------------------------------------------------------------------*/
#visual-portal-wrapper {
    margin: auto;
    /*max-width:1190px;*/
    max-width: 890px;
    /*padding:30px 0 0;*/

}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= HEADER
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-top {
    z-index: 500;
    margin: 0;
    width: 890px;
    background: #fff;
}

/*--------------------------------------------------------------------------------------------------------------
	== TOP MENU
--------------------------------------------------------------------------------------------------------------*/
#elements-top {
    /*position:fixed;
	top:0;
	z-index:20;*/
    position: relative;
    z-index: 2;
    padding: 5px 10px;
    /*width:890px;*/
    background: #0A4563;
}

#elements-top:after {
    content: "";
    display: block;
    clear: both;
}

/*--------------------------------------------------------------------------------------------------------------
	== ZONE PORTLETS
--------------------------------------------------------------------------------------------------------------*/
#portlets-in-header {
    z-index: 1;
    margin: 20px 0;
    overflow: hidden;
    text-align: center;
}

#portlets-in-header .InHeaderPortletManager2 {
    float: left;
    margin: 0;
    width: 60%;
}

#portlets-in-header .InHeaderPortletManager3 {
    float: right;
    margin: 0;
    width: 28%;
    text-align: right;
}

/*--------------------------------------------------------------------------------------------------------------
	== CHANGEMENT DE LANGUE
--------------------------------------------------------------------------------------------------------------*/
.chgt-langue {
    position: relative;
    float: left;
    margin: 1px 0 0;
    text-align: right;
}

.chgt-langue dt {
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.3em;
}

.chgt-langue dt a {
    padding: 0;
    background: none;
    border: none;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.3em;
}

.chgt-langue:hover dt a,
.chgt-langue dt a:hover,
.chgt-langue dt a:focus {
    color: #2da7bc;
    text-decoration: none;
}

.chgt-langue dt:after,
.chgt-langue dt a:after {
    content: " ";
    font-family: 'fontawesome';
}

.chgt-langue dd {
    position: absolute;
    top: 120%;
    right: 0;
    padding: 0;
    width: 150px;
    background: rgba(45, 167, 188, 0.9);
    visibility: hidden;
    opacity: 0;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.chgt-langue:hover dd {
    top: 138%;
    visibility: visible;
    opacity: 1;
}

.chgt-langue dd ul li {
    display: block;
    border-top: 1px solid #fff;
}

.chgt-langue dd ul li a {
    display: block;
    padding: 10px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 700;
    text-align: right;
}

.chgt-langue dd ul li a:hover,
.chgt-langue dd ul li a:focus {
    background: #2da7bc;
    color: #fff !important;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== NAVIGATION MINI
--------------------------------------------------------------------------------------------------------------*/
#portal-navigation {
    z-index: 150;
    margin: 0 0 20px;
    width: 890px;
    background: #0A4563;
}

/*
	BOUTONS
*/
#portal-navigation > a,
#portal-navigation ul#portal-globalnav + a {
    display: none;
}

/*
  	RUBRIQUES
*/
#portal-globalnav {
    margin: 0;
    padding: 0;
    background: none;
    text-align: center;
}

#portal-globalnav > li {
    position: relative;
    float: none;
    display: inline-block;
    margin: 0;
}

#portal-globalnav > li + li:before {
    content: "|";
    display: inline-block;
    margin: 15px 5px 0;
    font-size: 1.2em;
    color: #fff;
    opacity: 0.5;
}

#portal-globalnav > li > a {
    display: inline-block;
    padding: 15px;
    min-width: 0;
    background: none;
    border: none;
    font-size: 1.6em;
    font-weight: 700;
    color: #fff;
}

#portal-globalnav .selected a,
#portal-globalnav .selected a:hover,
#portal-globalnav .selected a:focus {
    background: #2da7bc;
    color: #fff;
    text-decoration: none;
}

#portal-globalnav li:hover a,
#portal-globalnav a:hover,
#portal-globalnav a:focus {
    background: none;
    color: #2da7bc;
    text-decoration: none;
}

#portal-globalnav > li#portaltab-index_html,
#portal-globalnav > li#portaltab-index_html + li:before {
    display: none;
}

/*
	MENU DEROULANT
*/
#portal-globalnav li ul.submenu {
    /*display:block!important;*/
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 2;
    margin-left: -100px;
    padding: 0;
    width: 200px;
    background: rgba(45, 167, 188, 0.8);
    /*visibility:hidden;
	opacity:0;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;*/
}

#portal-globalnav li:hover ul.submenu {
    /*top:100%;
	visibility:visible;
	opacity:1;*/
}

#portal-globalnav li ul.submenu li {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #fff;
    width: auto;
}

#portal-globalnav li ul.submenu li a {
    padding: 10px;
    min-width: 0;
    width: auto;
    background: none;
    border: none;
    font-size: 1.3em;
    font-weight: 700;
    text-transform: none;
    color: #fff !important;
}

#portal-globalnav li ul.submenu li a:hover,
#portal-globalnav li ul.submenu li a:focus {
    background: #2da7bc;
    border: none;
}

#portal-globalnav li ul.submenu li a img {
    display: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== BOUTON SE CONNECTER
--------------------------------------------------------------------------------------------------------------*/
#portal-personaltools-wrapper {
}

#portal-personaltools-wrapper ul#portal-personaltools,
#portal-personaltools-wrapper dl {
    position: fixed;
    top: 80px;
    z-index: 151;
    padding: 0;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(++resource++PIE.htc);
}

#portal-personaltools-wrapper > ul {
    display: none;
}

#portal-personaltools-wrapper ul li a,
#portal-personaltools-wrapper dl a {
    color: #000;
    font-size: 1.3em;
}

#portal-personaltools-wrapper ul li a {
    text-decoration: underline;
}

#portal-personaltools-wrapper ul li a + a {
    display: none;
}

#portal-personaltools-wrapper dl dd {
}

#portal-personaltools-wrapper dl dd a:hover {
    background: #000;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= MAIN
*/
/*------------------------------------------------------------------------------------------------------------*/
/*ensemble des trois colonnes*/
#portal-columns {
    position: relative;
    z-index: 1;
    margin: auto;
    max-width: 1190px;
}

.section-accueil #portal-columns {
    max-width: none;
}

#portal-columns:after {
    content: "";
    display: block;
    clear: both;
}

/*--------------------------------------------------------------------------------------------------------------
	== CENTRE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content {
    float: left;
    margin: 0;
    padding: 0;
    width: 65.5%;
}

.section-accueil #portal-column-content,
.template-configure_faceted-html #portal-column-content,
.template-at_babel_edit #portal-column-content,
.template-babel_edit #portal-column-content {
    float: none;
    width: auto;
}

#portal-column-content #content {
    position: relative;
    margin: 0;
    padding: 0 0 0 /*13%*/;
    min-height: 300px;
    background: transparent;
}

#portal-column-content #content:after {
    content: "";
    display: block;
    clear: both;
}

.template-at_babel_edit #portal-column-content #content {
    padding: 0;
}

.section-accueil #portal-column-content #content {
    padding: 0;
}

#below-content {
    padding: 0 13% 0 0;
}
.template-definition_view #below-content {
    padding: 0;
}


/*--------------------------------------------------------------------------------------------------------------
	== COLONNES
--------------------------------------------------------------------------------------------------------------*/
#portal-column-one {
    float: right;
    margin: 0;
    width: 31%;
}

.section-accueil #portal-column-one,
.template-configure_faceted-html #portal-column-one,
.template-at_babel_edit #portal-column-one {
    display: none;
}

/*#portal-column-two{
	float:right;
	margin:0 0 0 3.4%;
	width:5.8%;
}*/

/*--------------------------------------------------------------------------------------------------------------
	== ABOVE CONTENT
--------------------------------------------------------------------------------------------------------------*/
#above-content {
    margin: 0;
}

.section-accueil #above-content {
    display: none;
}

/*
	CHEMIN DE FER
*/
#portal-breadcrumbs {
    margin: 0 0 20px;
    padding: 0;
    color: #8ea5b4;
    font-size: 1.2em;
}

#portal-breadcrumbs #breadcrumbs-you-are-here {
    display: none;
}

#portal-breadcrumbs a,
.breadcrumbSeparator {
    color: #0A4563;
}

#portal-breadcrumbs a:hover,
#portal-breadcrumbs a:focus {
    color: #0A4563;
}

/*
	MESSAGE DE FEEDBACK
*/
dl.portalMessage {
    margin: 0 0 20px;
    background: #fff;
    border: 1px solid #000;
    font-size: 1.1em;
}

dl.portalMessage dt {
    background: #000;
}

dl.error dd {
    background: #fff;
}

/*--------------------------------------------------------------------------------------------------------------
	== ELEMENTS GENERAUX
--------------------------------------------------------------------------------------------------------------*/
.BelowTitlePortletManager1 {
    overflow: hidden;
}

/*
	TITRE
*/
#portal-column-content h1 {
    padding: 10px 10px 5px;
    background: #0A4563;
    border: none;
    color: #fff;
    font-size: 2.6em;
    line-height: 1;
}

.section-accueil #portal-column-content h1 {
    position: absolute;
    top: -5000px;
}

#portal-column-content h1 span.discreet {
    display: block;
}

#portal-column-content h1 strong#search-term {
    color: #000;
    font-style: italic;
    text-transform: none;
}

.template-author_view h1 {
    float: right;
    width: 70%;
}

/*
  	ADD THIS
*/
.portletEmbed {
    float: left;
    margin: 10px 0 20px;
    position: relative;
    /*position:fixed;
	top:540px;
	right:0;
	width:30px;*/
}

.portletEmbed::after {
    content: "";
    display: block;
    margin: 5px 0;
    width: 120px;
    height: 2px;
    background: #0A4563;
}

.portletEmbed.fixed {
    position: absolute;
    right: -15% !important;
}

#portal-columns .portletEmbed a {
    float: none;
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 0;
    width: 24px;
    height: 24px;
    background: #0A4563;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    behavior: url(++resource++PIE.htc);
    text-align: center;
    line-height: 24px;
}

#portal-columns .portletEmbed a:hover,
#portal-columns .portletEmbed a:focus {
    background: #2da7bc;
    text-decoration: none;
}

#portal-columns .portletEmbed a:before {
    font-family: 'fontawesome';
    font-size: 1.2em;
    color: #fff;
}

#portal-columns .portletEmbed a.addthis_button_email:before {
    content: "";
}

#portal-columns .portletEmbed a.addthis_button_print:before {
    content: "";
}

#portal-columns .portletEmbed a.addthis_button_facebook:before {
    content: "";
}

#portal-columns .portletEmbed a.addthis_button_twitter:before {
    content: "";
}

#portal-columns .portletEmbed a span {
    display: none;
    background: none !important;
}

/*
	BOUTON RSS
*/
.bouton-rss {
    float: left;
    margin: 10px 0 20px;
}

.bouton-rss::after {
    content: "";
    display: block;
    clear: both;
}

.bouton-rss a {
    display: inline-block;
    margin: 0 0 5px 5px;
    padding: 0;
    width: 24px;
    height: 24px;
    background: #0A4563;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    behavior: url(++resource++PIE.htc);
    text-align: center;
    line-height: 24px;
}

.bouton-rss a:hover,
.bouton-rss a:focus {
    background: #2da7bc;
    text-decoration: none;
}

.bouton-rss a:before {
    content: "";
    font-family: 'fontawesome';
    font-size: 1.2em;
    color: #fff;
}

.bouton-rss a span {
    display: none;
}

/*
  	IMAGE
*/
#portal-column-content .imageContainer {
    position: relative;
    float: left;
    margin: 10px;
}

#portal-column-content .imageContainer p {
    /*position:absolute;
	top:99%;*/
    width: 200px;
    margin: 0;
    padding: 5px;
    background: rgba(0, 0, 0, 0.3);
    -pie-background: rgba(0, 0, 0, 0.3);
    behavior: url(++resource++PIE.htc);
    color: #fff;
    font-size: 0.8rem;
    line-height: 1;
}

#portal-column-content .imageContainer img {
    max-width: 100%;
    max-height: 100%;
}

#portal-column-content .newsImageContainer {
    float: none !important;
    width: 100%;
    height: 100%;
    margin: 0 !important;
}

#portal-column-content .newsImageContainer img {
    width: 100%;
    height: 100%;
}

/*
	DESCRIPTION
*/
#portal-column-content .documentDescription,
#portal-column-content #content div[id^="parent-fieldname-text"],
#portal-column-content #content div[id^="parent-fieldname-rich_description"] {
    margin: 10px 0 0 0;
    padding: 0 0 20px;
    background: none;
    border-bottom: 1px solid #2DA7BC;
    color: #0A4563;
    font-family: 'open sans';
    font-weight: normal;
    font-size: 1.4em;
    line-height: 1.2;
    /*overflow: hidden; */
}

/*#portal-column-content #content div[id^="parent-fieldname-rich_description"] {*/
/*display: flex;*/
/*flex-wrap: wrap;*/
/*flex-direction: column-reverse;*/
/*}*/

#portal-column-content #content #parent-fieldname-text p,
#portal-column-content #content div[id^="parent-fieldname-text"] p,
#portal-column-content #content div[id^="parent-fieldname-rich_description"] p {
    /*	font-size: 0.7em !important; */
}

.template-author_view #portal-column-content div[id^="parent-fieldname-text"],
.template-author_view #portal-column-content div[id^="parent-fieldname-rich_description"] {
    float: right;
    padding: 10px 10px 5px;
    width: 70%;
    font-weight: 840;
    color: #0A4563;
}

.section-accueil #portal-column-content .documentDescription,
.section-accueil #portal-column-content div[id^="parent-fieldname-text"],
.section-accueil #portal-column-content div[id^="parent-fieldname-rich_description"] {
    position: absolute;
    top: -5000px;
}

#portal-column-content .documentDescription ul,
#portal-column-content div[id^="parent-fieldname-text"] ul,
#portal-column-content div[id^="parent-fieldname-rich_description"] ul {
    /*margin:10px 0 10px 40px;*/
    list-style: inside;
}

#portal-column-content .documentDescription ul ul,
#portal-column-content div[id^="parent-fieldname-text"] ul ul,
#portal-column-content div[id^="parent-fieldname-rich_description"] ul ul {
    padding: 0 0 0 10px;
}

#portal-column-content .documentDescription ul li,
#portal-column-content div[id^="parent-fieldname-text"] ul li,
#portal-column-content div[id^="parent-fieldname-rich_description"] ul li {
    position: relative;
    display: list-item;
    margin: 0 0 10px;
    padding: 0 0 0 20px;
    list-style: none;
}

#portal-column-content .documentDescription ul li::before,
#portal-column-content div[id^="parent-fieldname-text"] ul li::before,
#portal-column-content div[id^="parent-fieldname-rich_description"] ul li::before {
    content: " ";
    position: absolute;
    left: 10px;
    font-family: 'fontawesome';
}

#portal-column-content .documentDescription ul li li,
#portal-column-content div[id^="parent-fieldname-text"] ul li li,
#portal-column-content div[id^="parent-fieldname-rich_description"] ul li li {
    padding: 0;
}

#portal-column-content .documentDescription ul li li::before,
#portal-column-content div[id^="parent-fieldname-text"] ul li li::before,
#portal-column-content div[id^="parent-fieldname-rich_description"] ul li li::before {
    display: none;
}

#portal-column-content .documentDescription ul.deux-colonnes,
#portal-column-content div[id^="parent-fieldname-rich_description"] ul.deux-colonnes,
#portal-column-content div[id^="parent-fieldname-text"] ul.deux-colonnes {
    overflow: hidden;
}

#portal-column-content .documentDescription ul li li,
#portal-column-content div[id^="parent-fieldname-text"] ul li li,
#portal-column-content div[id^="parent-fieldname-rich_description"] ul li li {
    list-style-type: square;
    list-style-position: outside;
}

#portal-column-content .documentDescription ul li li li,
#portal-column-content div[id^="parent-fieldname-text"] ul li li li,
#portal-column-content div[id^="parent-fieldname-rich_description"] ul li li li {
    list-style-type: circle;
    list-style-position: outside;
}

#portal-column-content .documentDescription ul li ul li ul,
#portal-column-content div[id^="parent-fieldname-text"] ul li ul li ul,
#portal-column-content div[id^="parent-fieldname-rich_description"] ul li ul li ul {
    margin-left: 10px;
    padding: 0;
}

#portal-column-content .documentDescription ul.deux-colonnes li,
#portal-column-content div[id^="parent-fieldname-text"] ul.deux-colonnes li,
#portal-column-content div[id^="parent-fieldname-rich_description"] ul.deux-colonnes li {
    float: left;
    margin: 0 0 5px;
    width: 45%;
    list-style-position: inside;
}

#portal-column-content .documentDescription blockquote,
#portal-column-content div[id^="parent-fieldname-text"] blockquote,
#portal-column-content div[id^="parent-fieldname-rich_description"] blockquote {
    position: relative;
    padding: 0 0 0 45px;
}

#portal-column-content .documentDescription blockquote:before,
#portal-column-content div[id^="parent-fieldname-text"] blockquote:before,
#portal-column-content div[id^="parent-fieldname-rich_description"] blockquote:before {
    content: "“";
    position: absolute;
    top: -25px;
    left: 0;
    font-size: 6.5em;
    font-family: georgia;
    /*opacity:0.5;*/
    color: #eb8b00;
}

#portal-column-content .documentDescription h2:first-child,
#portal-column-content div[id^="parent-fieldname-text"] h2:first-child
#portal-column-content div[id^="parent-fieldname-rich_description"] h2:first-child {
    margin-top: 0;
}

/*--------------------------------------------------------------------------------------------------------------
	== STYLE TEXTE RICHE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content-core div[id^="parent-fieldname-rich_description"] h1 {
    font-size: 1.3em;
    font-family: arial;
}

#portal-column-content #content-core div[id^="parent-fieldname-rich_description"] h1:after {
    content: "utiliser le titre 2";
    padding: 0 0 0 10px;
    color: red;
    text-transform: none;
}

#portal-column-content #content-core div[id^="parent-fieldname-rich_description"] h2:first-child,
#portal-column-content #content-core div[id^="parent-fieldname-rich_description"] h3:first-child,
#portal-column-content #content-core div[id^="parent-fieldname-rich_description"] h4:first-child,
#portal-column-content #content-core div[id^="parent-fieldname-rich_description"] h5:first-child,
#portal-column-content #content-core div[id^="parent-fieldname-rich_description"] h6:first-child {
    margin-top: 0;
}

div[id^="parent-fieldname-rich_description"] h2 {
    position: relative;
    margin: 40px 0 10px;
    padding: 0 0 0 15px;
    color: #1d4c6a;
    font-family: 'shreebold', arial;
    font-size: 1.6em;
    line-height: 1;
}

div[id^="parent-fieldname-rich_description"] h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    margin: 0 5px 0 0;
    height: 18px;
    width: 8px;
    background: #1d4c6a;
}

div[id^="parent-fieldname-rich_description"] h3 {
    display: inline-block;
    margin: 30px 0 10px;
    padding: 5px 0 0;
    border-top: 1px dotted #1d4c6a;
    border-bottom: 1px dotted #1d4c6a;
    font-family: 'shreebold', arial;
    font-size: 1.3em;
    color: #1d4c6a;
    line-height: 1;
}

div[id^="parent-fieldname-rich_description"] h4 {
    display: block;
    margin: 1em 0 5px;
    font-family: "open sans", arial;
    font-size: 1.1em;
    font-weight: 700;
    color: #1d4c6a;
    line-height: 1;
}

div[id^="parent-fieldname-rich_description"] h5 {
    display: block;
    margin: 1em 0 5px;
    font-family: "open sans", arial;
    font-size: 0.7em;
    color: #1d4c6a;
    line-height: 1;
}

div[id^="parent-fieldname-rich_description"] h6 {
    margin: 30px 0 10px;
    font-weight: bold;
    font-size: 1.2em;
    color: #1d4c6a;
    line-height: 1;
    text-transform: uppercase;
}

div[id^="parent-fieldname-rich_description"] p {
    margin: 0 0 10px;
    font-size: 0.8rem;
}

/*
	RETABLI FLUX
*/
#portal-column-content #content-core div[id^="parent-fieldname-text"] .flux-ok:after {
    content: "";
    display: block;
    clear: both;
    margin: 0;
}

/*
	EXERGUE
*/
#portal-column-content #content div[id^="parent-fieldname-rich_description"] p.exergue {
    position: relative;
    float: right;
    margin: 10px 20px 10px 30px;
    padding: 0;
    width: 200px;
    font-family: 'shree', arial;
    font-size: 1.4em;
    line-height: 1;
    text-align: center;
    color: #2da7bc;
}

#portal-column-content #content div[id^="parent-fieldname-rich_description"] h2 + p.exergue {
    margin-top: 100px;
}

#portal-column-content #content div[id^="parent-fieldname-rich_description"] p.exergue::before {
    content: "«";
    position: absolute;
    left: -25px;
    top: -8px;
    font-size: 1.8em;
}

#portal-column-content #content div[id^="parent-fieldname-rich_description"] p.exergue::after {
    content: "»";
    position: absolute;
    right: -25px;
    top: -8px;
    font-size: 1.8em;
}

#portal-column-content #content div[id^="parent-fieldname-rich_description"] p.exergue strong {
    display: block;
    font-family: 'shreebold', arial;
    font-weight: normal;
}

/*
  	ENCADRE
*/
#portal-column-content #content div[id^="parent-fieldname-rich_description"] p.encadre {
    margin-top: 40px;
    padding: 5px 10px;
    border: 1px dotted #2da7bc;
    color: #2da7bc;
}

/*
	NOTE
*/
#portal-column-content #content div[id^="parent-fieldname-rich_description"] .note {
    font-size: 0.7em;
}

/*
	TEXTE
*/
#portal-column-content #content div[id^="parent-fieldname-rich_description"] .texte1 {
    padding: 1px 2px;
    background: #2da7bc;
    color: #fff;
}

#portal-column-content #content-core div[id^="parent-fieldname-rich_description"] .texte2 {
    color: #2da7bc;
}

#portal-column-content #content-core div[id^="parent-fieldname-rich_description"] .texte3 {
    padding: 1px 2px;
    background: #1d4c6a;
    color: #fff;
}

#portal-column-content #content-core div[id^="parent-fieldname-rich_description"] .texte4 {
    padding: 1px 2px;
    background: #ff0000;
    color: #fff;
}

/*
	CORPS DE TEXTE
*/
#portal-column-content #content-core {
    margin: 35px 0 0;
    overflow: hidden;
}

.template-facetednavigation_view #portal-column-content #content-core {
    margin: 0;
}

#portal-column-content #content-core > div {
    font-size: 1.4em;
    line-height: 1.4;
}

/*
  	SOMMAIRE
*/
#portal-column-content dl.toc {
    float: none;
    margin: 10px 0;
    width: 100%;
}

#portal-column-content dl.toc dt {
    margin: 0;
    color: #000;
}

#portal-column-content dl.toc dd {
    margin: 0;
    color: #000;
}

#portal-column-content dl.toc dd li {
    margin: 0 0 8px;
    line-height: 1.1;
}

#portal-column-content dl.toc dd li a,
#portal-column-content dl.toc dd li a:hover,
#portal-column-content dl.toc dd li a:focus {
    color: #000 !important;
}

/*
	PAGINATION
*/
#portal-column-content .listingBar {
    padding: 40px 0 0;
    border-top: 1px solid #96d3dd;
    text-align: center;
    font-size: 1.3em;
    color: #2da7bc !important;
}
.template-definition_view #portal-column-content .listingBar {
    border: none;
}
.template-facetednavigation_view #portal-column-content .listingBar {
    font-size: 1em;
}

#portal-column-content .listingBar a {
    padding: 0;
    border: none;
    color: #2da7bc !important;
}

#portal-column-content .listingBar a:hover,
#portal-column-content .listingBar a:focus {
    background: none;
    color: #2da7bc !important;
}

#portal-column-content .listingBar span a {
    font-weight: bold;
}

#portal-column-content .listingBar .previous {
    float: left;
}

#portal-column-content .listingBar .current {
    font-weight: bold;
}

/*
	CONTENUS CORRRELES
*/
#portal-column-content .relatedItems {
    display: none;
}

/*
	MOTS CLES
*/
#category {
    display: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE D'ACCUEIL
--------------------------------------------------------------------------------------------------------------*/
#portletPageTopRow {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 2px solid #0A4563;
}

#portletPageFirstColumn {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 2px solid #0A4563;
    overflow: hidden;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DE LISTE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content-core .tileItem {
    position: relative;
    margin: 0 0 0 /*30px*/;
    padding: 20px 0 10px 0;
    border-top: 1px solid #96d3dd;
    overflow: hidden;
}

.template-facetednavigation_view #portal-column-content #content-core .tileItem:first-child {
    margin: 40px 0 0;
}

#portal-column-content #content-core .tileItem:first-child {
    padding-top: 0;
    border: none;
}

#portal-column-content #content-core .tileItem > a:first-child {
    float: right;
    margin: 0 0 0 4%;
    /*margin:75px 0 0 4%;*/
    width: 25%;
    overflow: hidden;
}

#portal-column-content #content-core .tileItem > a:first-child img {
    display: block;
    width: 100%;
    height: auto;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#portal-column-content #content-core .tileItem:hover > a img,
#portal-column-content #content-core .tileItem > a:hover img,
#portal-column-content #content-core .tileItem > a:focus img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

#portal-column-content #content-core .tileItem .date-element {
    /*color:#2da7bc;
	font-size:0.8rem;*/
}

#portal-column-content #content-core .tileItem h2 {
    margin: 0 0 5px;
    padding: 3px 0 0;
    font-size: 1.7em;
    font-family: 'shreebold';
    /*text-transform:uppercase;s*/
    overflow: hidden;
    line-height: 1;
    overflow: hidden;
}

#portal-column-content #content-core .tileItem h2:before {
    /*content:"";*/
    display: block;
    margin: 0 0 10px;
    font-family: 'fontawesome';
    font-size: 1.3em;
    color: #2da7bc;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/*#portal-column-content #content-core .tileItem:hover h2:before{
	margin:5px 0;
	color:#0A4563;
}*/
#portal-column-content #content-core .tileItem h2 a {
    background: none;
    color: #0A4563 !important;
}

/*#portal-column-content #content-core .tileItem h2 a:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}*/
#portal-column-content #content-core .tileItem .documentByLine {
    color: #0A4563 !important;
    font-weight: 700;
    font-size: 0.8rem;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#portal-column-content #content-core .tileItem p {
    margin: 0 0 10px;
    padding: 0;
    font-size: 0.8rem;
    line-height: 1.2;
    overflow: hidden;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#portal-column-content #content-core .tileItem p a {
    display: inline-block;
    border-bottom: 1px dotted #1d4c6a !important;
    color: #1d4c6a !important;
}

#portal-column-content #content-core .tileItem p a:hover,
#portal-column-content #content-core .tileItem p a:focus {
    border-bottom: 1px solid #1d4c6a !important;
    text-decoration: none;
}

#portal-column-content #content-core .tileItem ul li {
    font-weight: 400;
}

#portal-column-content #content-core .tileItem ul li.theme,
#portal-column-content #content-core .tileItem ul li.auteur,
#portal-column-content #content-core .tileItem ul li.type,
#portal-column-content #content-core .tileItem ul li.date_publication,
#portal-column-content #content-core .tileItem ul li.origine {
    padding: 0 0 0 20px !important;
}

#portal-column-content #content-core .tileItem ul li.theme:before {
    content: " ";
    font-family: 'fontawesome';
}

#portal-column-content #content-core .tileItem ul li.auteur:before {
    content: " ";
    font-family: 'fontawesome';
}

#portal-column-content #content-core .tileItem ul li.date_publication:before {
    content: " ";
    font-family: 'fontawesome';
}

#portal-column-content #content-core .tileItem ul li.origine:before {
    content: " ";
    font-family: 'fontawesome';
}

#portal-column-content #content-core .tileItem ul li.type:before {
    content: " ";
    font-family: 'fontawesome';
}

#portal-column-content #content-core .tileItem ul li span:first-child {
    font-weight: 700;
}

#portal-column-content #content-core .tileItem ul li a {
    color: #0A4563;
}

#portal-column-content #content-core .tileItem ul li a:hover,
#portal-column-content #content-core .tileItem ul li a:focus {
    color: #1da7bb !important;
}

#portal-column-content #content-core .tileItem h2 {
    position: relative;
    margin: 5px 0 10px; /* ne pas agrandir la marge top car cela dérègle les pages de liste*/
    padding: 3px 0 0 15px;
    color: #1d4c6a;
    font-family: 'shreebold';
    font-size: 1.6em;
    line-height: 1;
}

#portal-column-content #content-core .tileItem h2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    margin: 0 5px 0 0;
    height: 18px;
    width: 8px;
    background: #1d4c6a;
}

#portal-column-content #content-core .tileItem h3 {
    display: inline-block;
    margin: 30px 0 10px;
    padding: 5px 0 0;
    border-top: 1px dotted #1d4c6a;
    border-bottom: 1px dotted #1d4c6a;
    font-family: 'shreebold';
    font-size: 1.3em;
    color: #1d4c6a;
    line-height: 1;
}

#portal-column-content #content-core .tileItem h4 {
    margin: 30px 0 10px;
    font-family: "open sans";
    font-size: 1.1em;
    font-weight: 700;
    color: #1d4c6a;
    line-height: 1;
}

#portal-column-content #content-core .tileItem h5 {
    margin: 30px 0 10px;
    font-family: 'shreebold';
    font-size: 1.4em;
    color: #1d4c6a;
    line-height: 1;
}

#portal-column-content #content-core .tileItem h6 {
    margin: 30px 0 10px;
    font-weight: bold;
    font-size: 1.2em;
    color: #1d4c6a;
    line-height: 1;
    text-transform: uppercase;
}

#portal-column-content #content-core .tileItem blockquote {
    position: relative;
    padding: 0 0 0 45px;
}

#portal-column-content #content-core .tileItem blockquote:before {
    content: "“";
    position: absolute;
    top: -25px;
    left: 0;
    font-size: 6.5em;
    font-family: georgia;
    /*opacity:0.5;*/
    color: #eb8b00;
}

#portal-column-content #content-core .tileItem p.tileFooter {
    font-size: 0.8em;
}

#portal-column-content #content-core .tileItem p.tileFooter a {
    color: #0A4563 !important;
}

#portal-column-content #content-core .tileItem p.tileFooter a:before {
    content: " ";
    font-family: 'fontawesome';
}

#portal-column-content #content-core .tileItem:hover h2 a,
#portal-column-content #content-core .tileItem h2 a:hover,
#portal-column-content #content-core .tileItem h2 a:focus,
#portal-column-content #content-core .tileItem:hover p,
#portal-column-content #content-core .tileItem:hover p.tileFooter a,
#portal-column-content #content-core .tileItem p.tileFooter a:hover,
#portal-column-content #content-core .tileItem p.tileFooter a:focus,
#portal-column-content #content-core .tileItem:hover .documentByLine {
    color: #2da7bc !important;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE RECHERCHE CITATION AUTEUR
--------------------------------------------------------------------------------------------------------------*/
/*
	LIENS
*/
.liens-citation ul {
    margin: 0;
    padding: 15px;
    background: #1FA7BB;
    list-style: none;
}

.liens-citation ul li + li {
    margin: 10px 0 0;
}

.liens-citation ul li a:before {
    content: " ";
    font-family: 'fontawesome';
}

.liens-citation ul li a {
    font-size: 1.5em;
    color: #fff;
}

/*.liens-citation{
	margin:10px 0 10px 0;
}

.liens-citation ul{
	text-align:right;
}
#content .liens-citation ul li{
	display:inline-block;
	margin:0 0 0 20px;
}
#content .liens-citation ul li a{
	color:#0A4563;
	font-size:1.2em;
	font-weight:bold;
}
#content .liens-citation ul li a:hover,
#content .liens-citation ul li a:focus{
	color:#2da7bc!important;
	text-decoration:none;
}
#content .liens-citation ul li a:before{
	content:" ";
    font-family: 'fontawesome';
}*/

/*
	RECHERCHE
*/
#faceted-form #center-top-area {
    padding: 20px;
    background: #2da7bc;
}

#faceted-form #center-top-area fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

#faceted-form #center-top-area .faceted-widget + .faceted-widget {
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px dotted #0A4563;
}

#faceted-form #center-top-area fieldset legend {
    margin: 0 0 15px;
    padding: 0;
    border: none;
    text-transform: uppercase;
    color: #FFF;
}

#faceted-form #center-top-area fieldset ul li {
    float: left;
    width: 45%;
}

#faceted-form #center-top-area fieldset ul li input {
    float: none;
}

#faceted-form #center-top-area fieldset ul li label {
    padding: 0 0 0 2px;
    color: #FFF;
}

#faceted-form #center-top-area .faceted-checkbox-more a {
    color: #0A4563 !important;
}

#faceted-form #center-top-area .faceted-checkbox-more a:before {
    content: " ";
    font-family: 'fontawesome';
}

#faceted-form #center-top-area .faceted-checkbox-more a:hover,
#faceted-form #center-top-area .faceted-checkbox-more a:focus {
    color: #fff !important;
    text-decoration: none;
}

#faceted-form #center-top-area .faceted-alphabetic-widget {
    text-align: left;
}

#faceted-form #center-top-area .faceted-alphabetic-widget span {
    margin: 0 10px 0 0;
    padding: 0;
    color: #FFF;
    font-size: 1em;
    font-weight: 400;
}

#faceted-form #center-top-area .faceted-alphabetic-widget span:hover {
    background: none;
    color: #fff;
}

#faceted-form #center-top-area .faceted-alphabetic-widget span.faceted_letter_selected {
    background: none;
    text-decoration: underline;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DETAIL CITATION / APHORISME / POEME / CONTE / HUMOUR / PROVERBE
--------------------------------------------------------------------------------------------------------------*/
.auteur-exergue {
    position: relative;
    float: left;
    width: 18%;
    font-size: 1.2em;
}

.auteur-exergue a.illustration {
    display: block;
    margin: 0 0 10px;
    overflow: hidden;
}

.auteur-exergue a.illustration img {
    display: block;
    width: 100%;
    height: auto;
}

#content .auteur-exergue a {
    display: block;
    font-weight: 700;
    color: #eb8b00;
    overflow: hidden;
}

#content .auteur-exergue a:hover,
#content .auteur-exergue a:focus {
    color: #eb8b00 !important;
    text-decoration: none;
}

#content .auteur-exergue a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#content .auteur-exergue a img {
    display: block;
    width: 100%;
    height: auto;
}

.auteur-exergue p {
    margin: 2px 0 0;
    color: #666;
}
.auteur-infos div.illustration img {
    width: 100%;
    height: 100%;
}

/*
	CITATION
*/
.portaltype-quote .citation {
    float: right;
    width: 75%;
}

/*.portaltype-quote .citation #content-core > div > p:first-child:before{
	content:"‘‘";
	display:inline-block;
	font-family:georgia;
	font-size:3em;
	color:#e28f0d;
	line-height:1;
}*/
.portaltype-quote #portal-column-content #content-core {
    margin-top: 20px;
}

.portaltype-quote #content .citation .infos-complementaires {
    font-size: 1.3em;
}

.portaltype-quote #content .citation div + .infos-complementaires {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #2da7bc;
}

.portaltype-quote .citation .infos-complementaires li {
    margin: 0 0 5px;
}

.portaltype-quote .citation .infos-complementaires li span {
    font-weight: 700;
}

.portaltype-quote #content .citation .infos-complementaires li a {
    color: #0a4563 !important;
}

.portaltype-quote #content .citation .infos-complementaires li a:hover,
.portaltype-quote #content .citation .infos-complementaires li a:focus {
    color: #1FA7BB !important;
}

.portaltype-quote .citation .commentaire {
}

.portaltype-quote .citation .commentaire span {
    display: block;
    margin: 10px 0 0;
    font-weight: 700;
}

/*
	APHORISME
*/
.portaltype-aphorism .aphorism {
    float: right;
    width: 75%;
}

.portaltype-aphorism #portal-column-content #content-core {
    margin-top: 20px;
}

.portaltype-aphorism #content .aphorism .infos-complementaires {
    font-size: 1.3em;
}

.portaltype-aphorism #content .aphorism div + .infos-complementaires {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #2da7bc;
}

.portaltype-aphorism .aphorism .infos-complementaires li {
    margin: 0 0 5px;
}

.portaltype-aphorism .aphorism .infos-complementaires li span {
    font-weight: 700;
}

.portaltype-aphorism .aphorism .commentaire {
}

.portaltype-aphorism .aphorism .commentaire span {
    display: block;
    margin: 10px 0 0;
    font-weight: 700;
}

/*
	POEME
*/
.portaltype-poem .poeme {
    float: right;
    width: 75%;
}

.portaltype-poem #portal-column-content #content-core {
    margin-top: 20px;
}

.portaltype-poem #content .poeme .infos-complementaires {
    font-size: 1.3em;
}

.portaltype-poem #content .poeme div + .infos-complementaires {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #2da7bc;
}

.portaltype-poem .poeme .infos-complementaires li {
    margin: 0 0 5px;
}

.portaltype-poem .poeme .infos-complementaires li span {
    font-weight: 700;
}

.portaltype-poem .poeme .commentaire {
}

.portaltype-poem .poeme .commentaire span {
    display: block;
    margin: 10px 0 0;
    font-weight: 700;
}

/*
	CONTE
*/
.portaltype-tale .tale {
    float: right;
    width: 75%;
}

.portaltype-tale #portal-column-content #content-core {
    margin-top: 20px;
}

.portaltype-tale #content .tale .infos-complementaires {
    font-size: 1.3em;
}

.portaltype-tale #content .tale div + .infos-complementaires {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #2da7bc;
}

.portaltype-tale .tale .infos-complementaires li {
    margin: 0 0 5px;
}

.portaltype-tale .tale .infos-complementaires li span {
    font-weight: 700;
}

.portaltype-tale .tale .commentaire {
}

.portaltype-tale .tale .commentaire span {
    display: block;
    margin: 10px 0 0;
    font-weight: 700;
}

/*
	HUMOUR
*/
.portaltype-humor .humor {
    float: right;
    width: 75%;
}

.portaltype-humor #portal-column-content #content-core {
    margin-top: 20px;
}

.portaltype-humor #content .humor .infos-complementaires {
    font-size: 1.3em;
}

.portaltype-humor #content .humor div + .infos-complementaires {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #2da7bc;
}

.portaltype-humor .humor .infos-complementaires li {
    margin: 0 0 5px;
}

.portaltype-humor .humor .infos-complementaires li span {
    font-weight: 700;
}

.portaltype-humor .humor .commentaire {
}

.portaltype-humor .humor .commentaire span {
    display: block;
    margin: 10px 0 0;
    font-weight: 700;
}

/*
	PROVERBE
*/
.portaltype-proverb .proverbe {
}

.portaltype-proverb #portal-column-content #content-core {
    margin-top: 20px;
}

.portaltype-proverb #content .proverbe .infos-complementaires {
    font-size: 1.3em;
}

.portaltype-proverb #content .proverbe div + .infos-complementaires {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #2da7bc;
}

.portaltype-proverb .proverbe .infos-complementaires li {
    margin: 0 0 5px;
}

.portaltype-proverb .proverbe .infos-complementaires li span {
    font-weight: 700;
}

.portaltype-proverb .proverbe .commentaire {
}

.portaltype-proverb .proverbe .commentaire span {
    display: block;
    margin: 10px 0 0;
    font-weight: 700;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DETAIL AUTEUR
--------------------------------------------------------------------------------------------------------------*/
.template-author_view #portal-column-content .auteur-infos {
    float: left;
    width: 25%;
    margin: 0 5% 10px 0;
}

.template-author_view #portal-column-content .documentDescription,
.template-author_view .illustration {

}

.template-author_view .illustration img {
    width: 100%;
    height: auto;
}

.template-author_view p.infos {
    float: left;
    margin: 15px 0 0;
    padding: 0 10px;
    width: 70%;
    font-size: 1.4em;
    font-weight: 700;
    color: #0A4563;
}

#portal-column-content #content-core.detail-auteur {
    clear: right;
    overflow: visible;
}

.detail-auteur .notes h2 {
    margin-top: 0 !important;
}

.detail-auteur .sur-site {
    float: right;
    margin: 35px 0 0;
    padding: 0;
    overflow: hidden;
    /*background:#d4eef2 ;*/
}

span.note {
    font-size: 0.8em;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE LISTE THEMMES
--------------------------------------------------------------------------------------------------------------*/
#content .liste-themes {
    margin: 0 0 10px;
    font-size: 1.4em;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
    -moz-column-gap: 50px;
    -webkit-column-gap: 50px;
    -o-column-gap: 50px;
    column-gap: 50px;
}

#content .liste-themes li {
    position: relative;
    display: inline-block;
    margin: 0 0 10px;
    padding: 0 0 0 15px;
    width: 100%;
    line-height: 1;
}

#content .liste-themes li:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'fontawesome';
}

#content .liste-themes li a,
#content .liste-themes li a:hover,
#content .liste-themes li a:focus {
    color: #0A4563 !important;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE D'INSCRIPTION A LA NEWSLETTER
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #newsletter {
    font-size: 1em !important;
}

#portal-column-content #newsletter .documentDescription {
    margin: 0 !important;
}

#portal-column-content #newsletter form#nl_form {
    margin: 30px 0 0;
    padding: 0;
}

#portal-column-content #newsletter form#nl_form fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

#portal-column-content #newsletter form#nl_form fieldset .field {
    margin: 0 0 25px;
    padding: 0;
    border-bottom: 0;
    color: #0A4563;
}

#portal-column-content #newsletter form#nl_form fieldset .field label {
    font-size: 1.4em;
}

#portal-column-content #newsletter form#nl_form fieldset .field div {
    font-size: 1.2em;
    font-style: italic;
    color: #0A4563;
}

#portal-column-content #newsletter form#nl_form fieldset .field input[type=text] {
    width: 50%;
    padding: 10px;
    border: 1px solid #eae1d8;
}

#portal-column-content #newsletter form#nl_form fieldset .field textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #eae1d8;
    font-family: 'open sans';
    font-size: 1.3em;
}

#portal-column-content #newsletter form#nl_form fieldset .liste-newsletters {
    padding: 0;
    margin: 0;
    border: none;
}

#portal-column-content #newsletter form#nl_form fieldset .liste-newsletters p {
    font-style: normal;
    font-weight: 800;
    font-size: 1.4em;
    color: #0A4563;
}

#portal-column-content #newsletter form#nl_form fieldset .liste-newsletters label {
    font-size: 1.3em;
    font-weight: 300;
}

#portal-column-content #newsletter form#nl_form fieldset .formControls {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border: none;
}

#portal-column-content #newsletter form#nl_form fieldset .formControls input {
    margin: 10px 0 0;
    margin: 0;
    padding: 2px 15px;
    background: #2da7bc;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(++resource++PIE.htc);
    color: #fff;
    font-weight: 700;
    font-size: 1.3em;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#portal-column-content #newsletter form#nl_form fieldset .formControls input:hover,
#portal-column-content #newsletter form#nl_form fieldset .formControls input:focus {
    background: #0A4563;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE NEWSLETTER
--------------------------------------------------------------------------------------------------------------*/
.template-envoi_view #portal-column-one {
    display: none;
}

.template-envoi_view #portal-column-content {
    width: 100%;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DE RESULTAT DE RECHERCHE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content-core p#rss-subscription {
    margin: 5px 0 0;
    float: right;
}

#portal-column-content #content-core p#rss-subscription a:hover,
#portal-column-content #content-core p#rss-subscription a:focus {
    color: #000 !important;
}

#portal-column-content #content-core #searchform {
    margin: 0 0 20px;
    text-align: left;
}

#portal-column-content #content-core #searchform #search-field {
    display: none;
}

/*
  	FILTRE
*/
#portal-column-content #content-core #search-results-bar {
    padding: 10px;
    background: #f3f3ef;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#portal-column-content #content-core #search-results-bar > span:first-child {
    display: block;
    margin: 0 0 10px;
    font-size: 1.4em;
}

#portal-column-content #content-core #search-results-bar dl.actionMenu {
    float: right;
    position: relative;
}

#portal-column-content #content-core #search-results-bar dl.actionMenu dd {
    position: absolute;
    right: 0;
    left: auto;
}

#portal-column-content #content-core #search-results-bar dl.actionMenu dd > div {
    padding: 10px;
    background: #f9f9fa;
    border: 1px solid #e7e9ea;
    font-size: 1.4em;
}

#portal-column-content #content-core #search-results-bar dl.actionMenu dd > div .field {
    margin: 0;
    padding: 0;
    background: none;
}

#portal-column-content #content-core #search-results-bar dl.actionMenu dd > div .optionsToggle {
    background: none;
    border: none;
    font-weight: bold;
}

#portal-column-content #content-core #search-results-bar dl.actionMenu dd > div .field div {
    float: none;
    margin: 0;
}

#portal-column-content #content-core #search-results-bar span#searchResultsSort {
    float: none;
    clear: both;
    display: block;
    padding: 5px 0 0;
    border-top: 1px solid #fff;
}

#portal-column-content #content-core #search-results-bar a:hover,
#portal-column-content #content-core #search-results-bar a:focus {
    color: #000 !important;
}

/*
	LISTE
*/
#portal-column-content #content-core #search-results {
}

#portal-column-content #content-core #search-results dl dt {
    display: block;
    position: relative;
    margin: 0;
    padding: 40px 0 0 !important;
    background: none;
    border-top: 1px solid #96d3dd;
}

#portal-column-content #content-core #search-results dl dt:first-child {
    border: none;
}

#portal-column-content #content-core #search-results dl dt a {
    display: block;
    margin: 0 0 5px;
    background: none;
    font-size: 2em;
    font-family: 'shreebold';
    text-transform: uppercase;
    overflow: hidden;
    line-height: 1;
    color: #0A4563 !important;
}

#portal-column-content #content-core #search-results dl dt:hover a,
#portal-column-content #content-core #search-results dl dt a:hover,
#portal-column-content #content-core #search-results dl dt a:focus {
    color: #2da7bc !important;
    text-decoration: none;
}

#portal-column-content #content-core #search-results dl dt a:before {
    content: "";
    display: block;
    margin: 0 0 10px;
    font-family: 'fontawesome';
    font-size: 1.3em;
    color: #2da7bc;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#portal-column-content #content-core #search-results dl dt:hover a:before,
#portal-column-content #content-core #search-results dl dt a:hover:before,
#portal-column-content #content-core #search-results dl dt a:focus:before {
    margin: 5px 0;
    color: #0A4563;
}

#portal-column-content #content-core #search-results dl dt img {
    display: none;
}

#portal-column-content #content-core #search-results dl dd {
    margin: 0;
    padding: 0 0 40px;
    font-size: 1.4em;
    line-height: 1.4;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#portal-column-content #content-core #search-results dl dt:hover + dd {
    color: #2da7bc;
}

#portal-column-content #content-core #search-results dl dd cite {
    display: block;
    margin: 5px 0 0;
}

#portal-column-content #content-core #search-results dl dd cite a,
#portal-column-content #content-core #search-results dl dd cite a:hover,
#portal-column-content #content-core #search-results dl dd cite a:focus {
    color: #0A4563 !important;
}

#portal-column-content #content-core #search-results dl dt:hover + dd cite a {
    color: #2da7bc !important;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE ACTUALITE
--------------------------------------------------------------------------------------------------------------*/
.portaltype-news-item #archetypes-fieldname-imageCaptionBSW {
    display: none;
}

#portal-column-content #content-core .plain {
    float: none;
    /*overflow:hidden;*/
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DOSSIER
--------------------------------------------------------------------------------------------------------------*/
.portaltype-folder #plone-contentmenu-actions {
    display: none;
}

.userrole-manager.portaltype-folder #plone-contentmenu-actions {
    display: block;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE VIDEOS
--------------------------------------------------------------------------------------------------------------*/
.template-video_view #content-core {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    /*padding-top: 25px;
	height: 0;*/
}

.template-video_view #content-core iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE EVENEMENT
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content-core .eventDetails {
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
    background: none;
    border: none;
    overflow: hidden;
}

#portal-column-content #content-core .eventDetails ul li {
    clear: both;
    float: left;
    margin: 0 0 10px;
    width: 48%;
}

#portal-column-content #content-core .eventDetails ul li:nth-child(even) {
    float: right;
    clear: none;
}

#portal-column-content #content-core .eventDetails ul li.calendrier {
    display: none;
}

#portal-column-content #content-core .eventDetails ul li span {
    display: inline;
    padding: 0;
    width: auto;
    border: none;
    text-align: left;
    line-height: 1;
}

#portal-column-content #content-core .eventDetails ul li.quand p > span {
    display: block;
    font-weight: bold;
}

#portal-column-content #content-core .eventDetails ul li p {
    margin: 0;
    line-height: 1;
}

#portal-column-content #content-core .eventDetails ul li span.entete {
    /*display:none;*/
    margin: 0 0 5px;
    font-size: 1.1em;
    font-weight: 700;
    text-transform: uppercase;
}

#portal-column-content #content-core .eventDetails ul li.calendrier a {
    margin: 0 15px 0 0;
    color: #000;
}

#portal-column-content #content-core .eventDetails ul li.calendrier a:hover,
#portal-column-content #content-core .eventDetails ul li.calendrier a:focus {
    color: #000 !important;
}

#portal-column-content #content-core #parent-fieldname-eventUrl {
    padding: 5px 10px;
    background: #2da7bc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(++resource++PIE.htc);
    color: #fff;
    font-weight: 700;
    font-size: 1.2em;
}

#portal-column-content #content-core #parent-fieldname-eventUrl:hover,
#portal-column-content #content-core #parent-fieldname-eventUrl:focus {
    background: #0A4563;
    color: #fff !important;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE CALENDRIER
--------------------------------------------------------------------------------------------------------------*/
/*
	BOUTON CALENDRIER
*/
#portal-column-content .voir-le-calendrier {
    float: right;
    text-align: right;
}

#portal-column-content .voir-le-calendrier a {
    padding: 5px 10px;
    background: #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(++resource++PIE.htc);
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#portal-column-content .voir-le-calendrier a:hover,
#portal-column-content .voir-le-calendrier a:focus {
    background: #000;
    color: #fff !important;
    text-decoration: none;
}

/*
	CALENDRIER
*/
#calendar {
    margin: 30px 0 0;
}

.fc-header h2 {
    font-size: 1.6em;
    font-weight: normal;
    text-transform: uppercase;
    color: #000;
}

.fc-content th.fc-day-header {
    font-size: 1.2em;
}

.fc-content .fc-state-highlight {
    background: #e8e8e8;
    border: 1px solid #ccc;
    font-weight: bold;
}

.fc-content a.fc-event {
    background: #666;
    border: 1px solid #666 !important;
    font-size: 1.1em;
}

#content .fc-content a.fc-event:hover,
#content .fc-content a.fc-event:focus {
    color: #fff !important;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE ALBUM PHOTOS
--------------------------------------------------------------------------------------------------------------*/
#content span.nb-photo {
    background: #0A4563;
    color: #fff;
}

#content ul.liste-photos {
    clear: both;
    padding: 20px 0 0;
}

#content ul.liste-photos li,
#content ul.liste-photos li:nth-child(3n) {
    margin: 0 5px 5px 0;
}

#content ul.liste-photos li a {
    width: auto;
}

#content ul.liste-photos li a.albumsphotos {
    padding: 0;
    width: auto;
    background: #fff;
    overflow: hidden;
}

#content ul.liste-photos li a.albumsphotos img {
    height: 130px;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#content ul.liste-photos li a.albumsphotos:hover img,
#content ul.liste-photos li a.albumsphotos:focus img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

#content ul.liste-photos li a.viewimagealbumsphotos {
    left: 0;
    right: 0;
    padding: 5px;
    height: auto;
    background: rgba(29, 76, 106, 0.8);
    color: #fff;
    line-height: normal;
}

#content ul.liste-photos li a.viewimagealbumsphotos:hover,
#content ul.liste-photos li a.viewimagealbumsphotos:focus {
    background: rgba(29, 76, 106, 1);
    color: #fff !important;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE SON
--------------------------------------------------------------------------------------------------------------*/
.portaltype-son h2#download-son {
    margin: 30px 0 10px;
    padding: 0;
    color: #000;
    font-size: 1.6em;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1em;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE FICHIER
--------------------------------------------------------------------------------------------------------------*/
.portaltype-file #content-core a {
    display: inline-block;
    margin: 5px 0;
    padding: 5px 10px;
    background: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(++resource++PIE.htc);
    border-bottom: none;
    font-size: 1.2em;
    color: #fff;
}

.portaltype-file #content-core a:hover,
.portaltype-file #content-core a:focus {
    background: #000;
    color: #fff !important;
    text-decoration: none;
}

.portaltype-file #content-core a img {
    display: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DE PLAN DU SITE
--------------------------------------------------------------------------------------------------------------*/

#portal-column-content #content-core #portal-sitemap {
    margin: 40px 0 0;
}

#portal-column-content #content-core #portal-sitemap li {
    margin: 0 0 0 30px;
    padding: 40px 0;
    border-top: 1px solid #96d3dd;
}

#portal-column-content #content-core #portal-sitemap li a {
    background: none;
}

#portal-column-content #content-core #portal-sitemap li img {
    display: none;
}

/* premier niveau */
#portal-column-content #content-core #portal-sitemap > li:first-child {
    padding-top: 0;
    border: none;
}

#portal-column-content #content-core #portal-sitemap > li > div > a {
    margin: 0 0 5px;
    padding: 0 !important;
    background: none;
    color: #0A4563 !important;
    font-size: 2em;
    font-family: 'shreebold';
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1;
    overflow: hidden;
}

#portal-column-content #content-core #portal-sitemap > li > div > a:hover,
#portal-column-content #content-core #portal-sitemap > li > div > a:focus {
    color: #2da7bc !important;
    text-decoration: none;
}

#portal-column-content #content-core #portal-sitemap > li > div > a:before {
    content: "";
    display: block;
    margin: 0 0 10px;
    font-family: 'fontawesome';
    font-size: 1.3em;
    color: #2da7bc;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#portal-column-content #content-core #portal-sitemap > li > div > a:hover:before,
#portal-column-content #content-core #portal-sitemap > li > div > a:focus:before {
    margin: 5px 0;
    color: #0A4563;
}

#portal-column-content #content-core #portal-sitemap > li > div > a span {
    line-height: 1;
}

/* deuxieme niveau */
#portal-column-content #content-core #portal-sitemap > li > ul {
    margin: 0;
    padding: 0;
}

#portal-column-content #content-core #portal-sitemap > li > ul > li {
    margin: 0 0 10px;
    padding: 10px 0 !important;
    border-top: 1px solid #96d3dd;
}

#portal-column-content #content-core #portal-sitemap > li > ul > li > div > a {
    margin: 0 0 5px;
    padding: 0 !important;
    font-size: 1.5em;
    color: #0A4563 !important;
}

#portal-column-content #content-core #portal-sitemap > li > ul > li > div > a:hover,
#portal-column-content #content-core #portal-sitemap > li > ul > li > div > a:focus {
    border: none;
    color: #2da7bc !important;
    text-decoration: none;
}

/* troisieme niveau */
#portal-column-content #content-core #portal-sitemap li li ul {
    margin: 0 0 0 10px;
}

#portal-column-content #content-core #portal-sitemap li li li {
    padding: 0;
    border: none;
    line-height: 1;
}

#portal-column-content #content-core #portal-sitemap li li li a {
    padding: 5px 0 !important;
    background: none;
    text-transform: none;
    font-size: 1.3em;
    color: #0A4563 !important;
    line-height: 1;
}

#portal-column-content #content-core #portal-sitemap li li li a:hover,
#portal-column-content #content-core #portal-sitemap li li li a:focus {
    color: #2da7bc !important;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DE CONNEXION
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #login-form {
}

/*#portal-column-content #login-form:before{
	content:"Identifiez-vous";
	display:block;
	padding:0 0 20px 148px;
	font-size:4em;
	color:#464646;
}*/
#portal-column-content #login-form .field label {
    font-size: 1.4em;
    font-style: normal;
}

#portal-column-content #login-form .field input {
    padding: 5px;
    width: 40%;
    font-size: 1.3em;
}

#portal-column-content #login-form .formControls {
    margin: 0 0 0 148px;
}

#portal-column-content #login-form .formControls input {
    margin: 0;
    padding: 2px 5px;
    background: #464646;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(++resource++PIE.htc);
    color: #fff;
    font-weight: bold;
    font-size: 1.3em;
    cursor: pointer;
}

#portal-column-content #login-forgotten-password {
    margin: 40px 0 0 148px;
    padding: 40px 0 0;
    border-top: 1px dotted #464646;
    font-size: 1.1em;
}

#portal-column-content #login-forgotten-password a:hover,
#portal-column-content #login-forgotten-password a:focus {
    color: #000 !important;
}

/*
	MOT DE PASSE PERDU
*/
#portal-column-content #mail_password {
}

#portal-column-content #mail_password fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

#portal-column-content #mail_password fieldset legend {
    display: none;
}

#portal-column-content #mail_password .field {
    float: left;
    clear: none;
    margin: 0 20px 0 0;
}

#portal-column-content #mail_password .field label {
    margin: 0 10px 0 0;
    font-size: 1.4em;
    font-style: normal;
    font-weight: normal;
}

#portal-column-content #mail_password .field input.context {
    margin: 0;
    padding: 2px 5px;
    background: #464646;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(++resource++PIE.htc);
    color: #fff;
    font-weight: bold;
    font-size: 1.3em;
    cursor: pointer;
}

#portal-column-content #mail_password + p {
    margin: 30px 0 0;
    font-size: 1.3em;
}

#portal-column-content #mail_password + p a:hover,
#portal-column-content #mail_password + p a:focus {
    color: #000 !important;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE LISTE DE DONS
--------------------------------------------------------------------------------------------------------------*/
#liste-dons_wrapper {
    overflow: auto;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= FOOTER
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-footer {
    margin: 0 0 10px;
    padding: 20px 25px;
    background: #0A4563;
    border: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== ZONE DE PORTLETS
--------------------------------------------------------------------------------------------------------------*/
#portlets-footer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #0A4563;
}

.section-accueil #portlets-footer {
    margin-top: 0;
    padding-top: 0;
    border: none;
}

#portlets-footer .FooterPortletManager2 {
    margin: 0;
    /*background:url(../images/degrade.png) 0 0 repeat-x;*/
}

div .FooterPortletManager3 {
    float: left;
    margin: 0 0 20px;
    width: 40%;
}

div.FooterPortletManager4 {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #618297;
    text-align: right;
}

div.FooterPortletManager4 > div {
    display: inline-block;
}

/*--------------------------------------------------------------------------------------------------------------
	== SITE ACTION
--------------------------------------------------------------------------------------------------------------*/
#portal-siteactions {
    clear: none;
    float: right;
    margin: 75px 0 0;
    padding: 0;
    width: 60%;
    border: none;
    color: #fff;
    font-size: 1.3em;
    text-align: right;
}

#portal-siteactions li {
    display: inline;
    color: #fff;
}

#portal-siteactions li + li:before {
    content: "| ";
}

#portal-siteactions li a,
#portal-siteactions li a:visited {
    border: none;
    text-transform: none;
    color: #fff;
}

#portal-siteactions li a:hover,
#portal-siteactions li a:focus {
    border: none;
    background: none;
    color: #618297 !important;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== PLAN DU SITE
--------------------------------------------------------------------------------------------------------------*/
#portal-footer #portal-sitemap-footer {
    clear: both;
    padding: 20px 0 0;
    border-top: 1px solid #618297;
}

#portal-footer #portal-sitemap-footer > ul {
    overflow: hidden;
}

#portal-footer #portal-sitemap-footer > ul > li {
    float: left;
    width: 15%;
    border: none;
    overflow: hidden;
}

#portal-footer #portal-sitemap-footer > ul > li + li {
    margin: 0 0 0 1.5%;
}

#portal-footer #portal-sitemap-footer ul li a {
    padding: 0 !important;
    background: none;
    color: #fff !important;
}

#portal-footer #portal-sitemap-footer > ul > li:nth-child(4) a {
    color: #ec8f00 !important;
}

#portal-footer #portal-sitemap-footer ul li a:hover,
#portal-footer #portal-sitemap-footer ul li a:focus {
    text-decoration: none;
    color: #618297 !important;
}

#portal-footer #portal-sitemap-footer > ul > li > div > a {
    font-size: 1.5em;
    text-transform: uppercase;
    line-height: 1.2;
}

#portal-footer #portal-sitemap-footer > ul > li > ul {
    margin: 10px 0 0;
}

#portal-footer #portal-sitemap-footer > ul > li > ul li {
    line-height: 2.5;
}

#portal-footer #portal-sitemap-footer > ul > li > ul li a {
    font-size: 1.3em;
    line-height: 1;
}

#portal-footer #portal-sitemap-footer > ul > li > ul li a img {
    display: none;
}

#portal-footer #portal-sitemap-footer > ul > li > ul li ul {
    display: none;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= POPINS
*/
/*------------------------------------------------------------------------------------------------------------*/
div.overlay-iframe, div.overlay-ajax {
    width: 450px;
}

.pb-ajax > div {
    padding: 20px;
    width: auto;
    font-size: 1.2em;
}

.pb-ajax h1 {
    border: none;
    color: #000;
    font-size: 2em;
    text-transform: uppercase;
    line-height: 1em;
}

.pb-ajax div div:first-child {
    margin: 10px 0;
    padding: 0;
    background: #fff;
    color: #000;
    font-family: verdana;
    font-weight: normal;
}

.pb-ajax div .formControls {
    margin: 0;
}

.pb-ajax div .formControls input {
    margin: 0;
    padding: 2px 5px;
    background: #000;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(++resource++PIE.htc);
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
    cursor: pointer;
}

/*--------------------------------------------------------------------------------------------------------------
	== CONNEXION
--------------------------------------------------------------------------------------------------------------*/
.overlay-ajax #login-form {
    padding: 10px 0 0;
}

/*.overlay-ajax #login-form:before{
	content:"Identifiez-vous";
	padding:0 0 0 118px;
	font-size:2.7em;
	color:#000;
}*/
.overlay-ajax #login-form .field label {
    font-size: 1.1em;
}

.overlay-ajax #login-form .field input {
    width: 200px;
}

.overlay-ajax #login-form .formControls {
    margin: 0 0 0 23px;
}

.overlay-ajax #login-form .formControls input {
    font-size: 1.2em;
}

.overlay-ajax #login-forgotten-password {
    font-size: 1.1em;
}

/*--------------------------------------------------------------------------------------------------------------
	== GMAP
--------------------------------------------------------------------------------------------------------------*/
.gmap-illustration {
    float: left;
    margin: 0 10px 0 0;
}

.gmap-dates {
    display: block;
    margin: 0 0 3px;
}

/*--------------------------------------------------------------------------------------------------------------
=  ADMINISTRATION
--------------------------------------------------------------------------------------------------------------*/

.template-dashboard #edit-bar {
    display: none;
}

.template-dashboard.userrole-manager #edit-bar {
    display: block;
}

#babel-edit > div {
    float: left;
    width: 48%;
}

#babel-edit > div + div {
    float: right;
    margin: 0;
}

#folder-base-edit div.formControls input.context, #form-buttons-save {
    color: green;
}

#folder-base-edit div.formControls input.standalone, #form-buttons-cancel {
    color: red;
}

.portaltype-author #formfield-form-widgets-IBasic-description,
.template-author #formfield-form-widgets-IBasic-description,
.portaltype-aphorism #formfield-form-widgets-IBasic-description,
.template-aphorism #formfield-form-widgets-IBasic-description,
.portaltype-quote #formfield-form-widgets-IBasic-description,
.template-quote #formfield-form-widgets-IBasic-description,
.portaltype-poem #formfield-form-widgets-IBasic-description,
.template-poem #formfield-form-widgets-IBasic-description,
.portaltype-tale #formfield-form-widgets-IBasic-description,
.template-tale #formfield-form-widgets-IBasic-description,
.portaltype-proverb #formfield-form-widgets-IBasic-description,
.template-proverb #formfield-form-widgets-IBasic-description,
.portaltype-humor #formfield-form-widgets-IBasic-description,
.template-humor #formfield-form-widgets-IBasic-description,
.portaltype-definition #formfield-form-widgets-IBasic-description,
.template-definition #formfield-form-widgets-IBasic-description,
    /*.portaltype-document #archetypes-fieldname-description,*/
.portaltype-folder #archetypes-fieldname-description,
.portaltype-event #archetypes-fieldname-description {
    display: none;
}

#formfield-form-widgets-IPublicationDateMetadata-publication_date select,
#formfield-form-widgets-IPublicationDateMetadata-publication_date input {
    width: auto !important;
}

#cke_edito,
#cke_pied {
    width: 100% !important;
}

/*
	TRADUCTION
*/
.template-at_babel_edit #visual-portal-wrapper,
.template-at_babel_edit #portal-top,
.template-at_babel_edit #portal-columns {
    width: auto;
    max-width: none;
}

.template-at_babel_edit #elements-top,
.template-at_babel_edit #portlets-footer {
    padding-left: 40px;
    padding-right: 40px;
}

.template-at_babel_edit #portlets-in-header,
.template-at_babel_edit #portal-columns {
    margin-left: 40px;
    margin-right: 40px;
}

.template-at_babel_edit #portlets-in-header .InHeaderPortletManager2 {
    text-align: left;
}

/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------*/
/*
	= AJUSTEMENT PETITS ECRANS
*/
/*------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1220px) {
    #visual-portal-wrapper {
        overflow: hidden;
    }

    .logo {
        margin: 0 0 0 20px;
    }

    #portlets-in-header .InHeaderPortletManager3 {
        margin: 0 20px 0 0;
    }

    #portal-columns {
        margin: 0 20px;
    }

    .section-accueil #portal-columns {
        margin: 0;
    }
}

@media only screen and (max-width: 1024px) {
    div .FooterPortletManager3,
    #portal-siteactions {
        float: none;
        width: auto;
        text-align: left;
    }

    #portal-columns dl.portlet.suivez-nous dd ul li {
        margin-right: 0;
    }
}

@media only screen and (max-width: 900px) {
    #portal-globalnav > li > a {
        padding: 15px 5px;
    }

    .bouton-action p a {
        padding: 10px 20px;
    }

    #portletPageTopRow,
    #portletPageFirstColumn {
        float: none;
        margin: 0 0 3px;
        border: none;
        width: auto;
    }

    #portletPageFirstColumn {
        padding: 0 0 45px;
        height: auto !important;
    }

    .onglets {
        height: 45px;
    }

    .onglets.activated {
        position: relative;
    }

    .onglets.activated > div {
        top: 100%;
        bottom: auto;
        height: 45px;
    }

    .onglets.activated > ul {
        position: relative;
        height: auto;
        overflow: hidden;
    }

    .onglets > ul li {
        height: auto;
    }

    #content .liste-themes {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        -o-column-count: 2;
        column-count: 2;
    }

    dl.portlet.ressources-paix dd > ul > li:before {
        position: relative;
        top: auto;
        left: auto;
        display: block;
        margin: 0 0 5px;
    }

    dl.portlet.ressources-paix dd > ul > li {
        padding: 0;
    }

    #portal-sitemap-footer {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    #visual-portal-wrapper {
        padding: 0;
    }

    #portal-top {
        position: relative;
        width: 100%;
    }

    .section-accueil dl.portlet.suivez-nous,
    .liens-home {
        float: none;
        margin: 20px 0 0 !important;
        width: auto;
        overflow: hidden;
    }

    .engagez-vous a {
        font-size: 2em;
    }
}

@media only screen and (max-width: 600px) {
    #portal-columns #above-content dl.portlet.portletPaletteAdministration dd {
        float: none;
        width: auto;
    }

    #elements-top {
        position: relative;
        padding-left: 20px;
        padding-right: 20px;
        width: auto;
    }

    #elements-top .InHeaderPortletManager1 {
        float: right;
        width: 48%;
    }

    #elements-top .chgt-langue {
        float: left;
        width: 48%;
        text-align: left;
    }

    #portlets-in-header .InHeaderPortletManager2,
    #portlets-in-header .InHeaderPortletManager3 {
        float: none;
        width: auto;
    }

    #portal-column-content,
    #portal-column-one {
        float: none;
        width: auto;
    }

    #portal-columns {
        margin: 0 20px;
    }

    .section-accueil #portal-columns,
    #above-content {
        margin: 0;
    }

    #portal-column-one {
        padding: 0;
        text-align: left;
    }

    #portal-navigation {
        top: 28px;
    }

    /* PORTLETS */
    .connexion, .deconnexion {
        display: none;
    }

    .chgt-langue {
        float: right;
        margin: 5px 0 0;
    }

    dl.portlet.portletSearch {
        float: none;
        width: auto;
    }

    dl.portlet.portletSearch dt {
        display: none;
    }

    .baseline {
        margin-left: 20px;
        margin-right: 20px;
        line-height: 1;
    }

    .intro ul li {
        line-height: 1;
    }

    .intro ul li:before,
    .intro ul li:last-child:after {
        content: "";
        display: block;
        padding: 5px 0;
        text-align: center;
        font-family: 'fontawesome';
        font-size: 0.8em;
    }

    #portlets-in-header .InHeaderPortletManager3 > div {
        float: left;
        margin: 20px 10px 0;
    }

    .bouton-action p a::after {
        display: none;
    }

    .bouton-action p a {
        padding: 0;
        font-size: 1.3em;
    }

    dl.portlet.suivez-nous {
        overflow: hidden;
    }

    dl.portlet.suivez-nous dt,
    dl.portlet.ressources-paix dt {
        font-size: 3.5em;
    }

    dl.portlet.suivez-nous dd ul li {
        margin: 0 5px;
    }

    dl.portlet.ressources-paix {
        margin-left: 20px;
        margin-right: 20px;
    }

    dl.portlet.ressources-paix dd > ul {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        -o-column-count: 1;
        column-count: 1;
        -moz-column-gap: 0;
        -webkit-column-gap: 0;
        -o-column-gap: 0;
        column-gap: 0;
    }

    dl.portlet.ressources-paix dd > ul li {
        display: block;
        width: 100%;
        text-align: center;
    }

    dl.portlet.ressources-paix dd > ul > li:before {
        margin: 0 auto 20px;
    }

    dl.portlet.ressources-paix dd > ul > li.references::before {
        background-position: -10px 0;
    }

    dl.portlet.suivez-nous dd ul li a,
    dl.portlet.suivez-nous dd ul li a:before {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    dl.portlet.suivez-nous dd ul li a:before {
        font-size: 2em;
    }

    dl.portlet ul.navTreeLevel0 > .navTreeItem:after {
        right: auto;
        left: 0;
    }

    #portal-columns dl.portlet.portletBSWContenusCorreles dt:after,
    #portal-columns dl.portlet.portletBSWContenusCorreles dd:after {
        left: 0;
        right: auto;
    }

    .onglets > ul li,
    .onglets > ul li:nth-child(2n) {
        float: none;
        width: auto;
    }

    .logo {
        margin: 0 20px;
    }

    .top-news li {
        background: #1FA7BB;
    }

    .top-news li a img {
        position: relative;
        width: 100%;
        border: none;
    }

    .top-news li h2 {
        margin: 0;
        padding: 10px 15px 5px;
        background: #1FA7BB;
        /*font-size:1.6em;*/
        font-size: 1.6em;
    }

    .top-news li p {
        font-size: 1.2em;
    }

    .top-news li > a:first-child::before {
        display: none;
    }

    .top-news li > a:first-child,
    .liens-home li {
        float: none;
        width: auto;
    }

    .liens-home li + li {
        margin: 10px 0 0;
    }

    .top-news .bx-controls {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
    }

    #content .top-news li h2 a {
        padding: 0 !important;
    }

    .top-news a.lirelasuite {
        padding-top: 0 !important;
    }

    #content .top-news .bx-wrapper .bx-pager.bx-default-pager a {
        background: #0A4563;
    }

    .top-news .bx-wrapper .bx-controls-direction a:hover::before,
    .top-news .bx-wrapper .bx-controls-direction a:focus::before {
        color: #0A4563;
    }

    .engagez-vous a {
        font-size: 3em;
    }

    /* NAVIGATION MINI */
    /* boutons */
    #portal-navigation > a {
        display: block;
        padding: 10px 20px;
        font-size: 1.6em;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
    }

    #portal-navigation > a:hover,
    #portal-navigation > a:focus {
        text-decoration: none;
    }

    #portal-navigation > a:before {
        content: "";
        margin: 5px 10px 0 0;
        font-family: 'fontawesome';
        font-size: 1.1em;
    }

    #portal-navigation ul#portal-globalnav:target + a {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        font-family: 'fontawesome';
        color: #fff;
    }

    /* menu */
    #portal-navigation ul { /* on masque sur la version > 800 */
        display: none;
    }

    #portal-navigation ul#portal-globalnav:target { /* on affiche au clic sur le bouton menu */
        display: block;
    }

    #portal-navigation ul#nav-cache:target { /* on masque au clic sur le bouton fermer */
        display: none;
    }

    #portal-globalnav > li {
        display: block;
        float: none;
        padding: 0;
        width: auto;
        border-top: 1px solid #fff;
        font-size: 0.8rem;
        text-align: left;
    }

    #portal-globalnav > li + li:before {
        display: none;
    }

    #portal-globalnav > li a {
        display: block;
        padding: 10px 20px;
        font-size: 1.4em;
    }

    #portal-globalnav > li ul.submenu {
        display: none !important;
    }

    /* ELEMENTS DE PAGES DE DETAIL */
    #portal-column-content h1 {
        font-size: 2.5em;
    }

    #portal-column-content #content-core .tileItem > a:first-child,
    #content div.portlet.a-la-une ul li > a:first-child {
        display: block;
        float: none;
        margin: 0;
        width: 80%;
    }

    #portal-column-content .imageContainer {
        float: none;
        display: block;
    }

    #portal-column-content .imageContainer img,
    #portal-column-content #content-core .tileItem > a:first-child img,
    #content div.portlet.a-la-une ul li > a:first-child img {
        display: block;
        width: 100%;
        height: auto;
    }

    #portal-column-content #content-core .eventDetails ul li,
    #portal-column-content #content-core .eventDetails ul li + li {
        float: none;
        margin: 0 0 10px;
        padding: 0;
        border: none;
    }

    #portal-column-content .relatedItems dl dd {
        float: none;
        width: 100%;
    }

    .auteur-exergue,
    .portaltype-quote .citation,
    .portaltype-aphorism .aphorism,
    .portaltype-poem .poeme,
    .portaltype-tale .tale,
    .portaltype-humor .humor,
    .portaltype-proverb .proverbe,
    .detail-auteur .infos-auteur,
    #faceted-form #center-top-area fieldset ul li,
    .template-author_view #portal-column-content .documentDescription,
    .template-author_view .illustration {
        float: none;
        width: auto;
    }

    .auteur-exergue {
        margin-top: 35px;
    }

    #content .liste-themes {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        -o-column-count: 1;
        column-count: 1;
    }

    .liens-citation ul {
        text-align: left;
    }

    #content .liens-citation ul li {
        display: block;
        margin: 0;
    }

    .template-author_view h1,
    .template-author_view p.infos {
        float: none;
        width: auto;
    }

    .template-author_view .illustration {
        margin: 0;
    }

    #portal-column-content #login-form::before {
        padding-left: 0;
        font-size: 3em;
    }

    #fieldset-openid-login label, #login-form label {
        width: auto;
        text-align: left;
    }

    #portal-column-content #login-form .field input {
        display: block;
        width: 100%;
    }

    #portal-column-content #login-form .formControls,
    #portal-column-content #content-core > div {
        margin-left: 0;
    }

    /* CK EDITOR */
    #portal-column-content #content-core div[id^="parent-fieldname-text"] p.exergue,
    #portal-column-content #content-core div[id^="parent-fieldname-text"] h2 + p.exergue,
    #portal-column-content #content-core div[id^="parent-fieldname-text"] h3 + p.exergue,
    #portal-column-content #content-core div[id^="parent-fieldname-text"] h4 + p.exergue,
    #portal-column-content #content-core div[id^="parent-fieldname-text"] h5 + p.exergue,
    #portal-column-content #content-core div[id^="parent-fieldname-text"] h6 + p.exergue {
        float: none;
        margin: 20px 0;
        width: auto;
        text-align: left;
    }

    #portal-column-content #content-core div[id^="parent-fieldname-text"] ul.deux-colonnes li {
        float: none;
        width: 100%;
    }

    #portal-column-content #content-core div[id^="parent-fieldname-text"] img.image-droite,
    #portal-column-content #content-core div[id^="parent-fieldname-text"] img.image-gauche {
        float: none;
        width: 100%;
        height: auto;
    }

    #portal-column-content #content-core div[id^="parent-fieldname-text"] p img {
        max-width: 100%;
    }

}

/*@media only screen and (max-width: 800px){
		body{
			font-size:100%;
		}


		/* NAVIGATION MINI */
/* boutons */
/*#portal-navigation > a{
			display:block;
			padding:10px;
			font-size:1.2em;
			color:#000;
			text-transform:uppercase;
		}
		#portal-navigation > a:after{
			content:"▼";
			margin:5px 0 0 10px;
		}
		#portal-navigation ul#portal-globalnav:target + a{
			display:block;
			position:absolute;
			top:15px;
			right:15px;
		}

		/* menu */
/*#portal-navigation ul{ /* on masque sur la version > 800 */
/*	display:none;
		}
		#portal-navigation ul#portal-globalnav:target{ /* on affiche au clic sur le bouton menu */
/*	display:block;
		}
		#portal-navigation ul#nav-cache:target{ /* on masque au clic sur le bouton fermer */
/*	display:none;
		}
		#portal-globalnav > li{
			display:block;
			float:none;
			margin:10px 0 0;
			padding:10px 0 0;
			width:auto;
			border-top:1px solid #fff;
			font-size:0.8rem;
		}
		#portal-globalnav > li:first-child + li{
			margin:0;
		}
		#portal-globalnav > li a{
			padding:10px;
			font-family:verdana;
			font-size:1.4em;
		}
		#portal-globalnav > li ul.submenu{
			display:block;
			margin:0;
			position:relative;
			background:none;
		}
		#portal-globalnav > li ul.submenu li{
			margin:0;
			padding:0;
			border:none;
		}
		#portal-globalnav > li ul.submenu li a,
		#portal-globalnav > li ul.submenu li a:hover,
		#portal-globalnav > li ul.submenu li a:focus{
			background:url(../images/chevron-blanc.png) 0 1em no-repeat;
		}

		/* STRUCTURE */
/*		#portal-column-one,
		#portal-column-two{
			float:none;
			margin:0;
			padding:0;
			width:auto;
			border:none;
		}
		.portletPageLeftColumn,
		.portletPageRightColumn{
			float:none;
			width:auto;
		}

		/* ELEMENTS DE PAGES DE DETAIL */
/*		#portal-column-content .imageContainer,
		#portal-column-content #content-core .tileItem > a:first-child,
		#content div.portlet.a-la-une ul li > a:first-child{
			float:none;
			margin:0;
		}
		#portal-column-content .imageContainer img,
		#portal-column-content #content-core .tileItem > a:first-child img,
		#content div.portlet.a-la-une ul li > a:first-child img{
			display:block;
			width:100%;
			height:auto;
		}
		#portal-column-content #content-core .eventDetails ul li,
		#portal-column-content #content-core .eventDetails ul li + li{
			float:none;
			margin:0 0 10px;
			padding:0;
			border:none;
		}
		#portal-column-content .relatedItems dl dd{
			float:none;
			width:100%;
		}

		/* FOOTER */
/*		#portal-footer #portal-sitemap-footer > ul > li{
			display:block;
			float:none!important;
			margin:0 0 10px;
			width:auto;
		}

}

/* masquage de la description du sitemap */
.template-sitemap .documentDescription {
    display: none;
}

/* pas de portlet traductions si pas loggué*/
.portlet-static-traductions {
    display: none;
}

.userrole-authenticated .portlet-static-traductions {
    display: block;
}

/*------------------------------------------------------------------------------------------------------------*/

/* Pas d'arabe si pas loggé */
.section-accueil {
    direction: ltr !important;
}

.language-ar {
    display: none !important;
}

.userrole-authenticated .language-ar {
    display: block !important;
}

/****************************/
/* Antoine */
/****************************/

.template-folder_summary_view .imageContainer {
    display: none;
}

.template-folder_summary_view img.image-item,
.template-folder_summary_view .logo img {
    display: block !important;
}

.template-folder_summary_view .tileBody {
    display: none;
}