/* CSS Document */

#temp-home {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*///////////////////////////////////////*/
/* //////// APPRENDRE EN BRETON /////// */
/*/////////////////////////////////////*/

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #282828;
}

h1, h2, h3, h4 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
}

a {
    color: #71b294;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.line-after {
    position: relative;
}

.line-after:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 30px;
    height: 1px;
    background: #fff;
}

.surround {
    width: 100%;
    text-align: center;
}

.surround-right {
    width: 100%;
    text-align: right;
}

a.rnd-btn, .js-form-submit {
    border-radius: 20px;
    padding: 2px 50px 3px 50px;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    border: none;
}

a.rnd-btn.pink {
    color: #fff;
    background: #243777;

}

a.rnd-btn.pink:hover {
    background: rgba(255, 145, 77, .52);
}

a.rnd-btn.blue, .js-form-submit {
    color: #fff;
    background: #243777;
}

a.rnd-btn.green {
    color: #fff;
    background: #1e372f;
}

a.rnd-btn.green:hover {
    background: #2f5649;
}

a.rnd-btn.blue:hover, .js-form-submit:hover {
    background: #162450;
}

a.btn-grey {
    color: #fff;
    background: #aaaaaa;
    font-weight: 700;
    padding: 3px 30px 1px 30px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin-top: 10px;
}

a.btn-grey:hover {
    background: #333;
}

.wrapper {
    width: 95%;
}

.wrapper-small {
    position: relative;
    width: 95%;
    max-width: 950px;
    margin: 0 auto;
}

.wrapper-medium {
    position: relative;
    width: 95%;
    max-width: 1050px;
    margin: 0 auto;
}

h2.blue-title {
    display: inline-block;
    position: relative;
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
    background: #3194cb;
    padding: 18px 100px 16px 20px;
}

h2.blue-title span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

h2.blue-title span:after {
    content: "";
    width: 95%;
    height: 11px;
    position: absolute;
    left: 0;
    bottom: -11px;
    background: url(../images/interface/blue-title-bottom.png) no-repeat center;
    background-size: cover;
}

h2.blue-title:before {
    content: "";
    width: 11px;
    height: 58px;
    position: absolute;
    left: -11px;
    top: 0;
    background: url(../images/interface/blue-title-before.png) no-repeat center;
}

h2.blue-title:after {
    content: "";
    width: 32px;
    height: 58px;
    position: absolute;
    right: -32px;
    top: 0;
    background: url(../images/interface/blue-title-after.png) no-repeat center;
}

p.citation {
    position: relative;
    font-weight: 500 !important;
    font-style: italic !important;
    text-align: justify !important;
    color: #5c8382 !important;
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 5px !important;
}

p.citation:before {
    content: "";
    width: 45px;
    height: 36px;
    background: url(../images/interface/quote.jpg) no-repeat center;
    float: left;
    margin-right: 10px;
}

/*p.citation:after {
    content: "\f10e";
    font-family: "FontAwesome";
    color: #e0e0e0;
    font-size: 36px;
    position: absolute;
    bottom: 10px;
    right: 8px;
}*/

p.source-citation {
    text-align: center !important;
    font-weight: 700 !important;
    color: #333 !important;
    font-size: 13px !important;
    margin-bottom: 10px !important;
    margin-top: 0 !important;
}

/*///////////////////////////////////////*/
/* //////////// HEADER //////////////// */
/*/////////////////////////////////////*/
header {
    height: 90px;
}

#not-frontpage header {
    -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.5);
}

#not-frontpage .layout-content {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/*Navigation principale*/
#block-gallo-theme-navigationprincipale {
    width: 95%;
    max-width: 1364px;
    margin: 0 auto;
}

header .block-superfish {
    width: 100%;
}

header #superfish-main {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

header .block-superfish ul.sf-menu li {
    display: inline-block;
    padding: 13px 12px 10px 12px;
    float: none;
}

header .block-superfish > ul.sf-menu > li:last-of-type {
    padding-right: 0;
}

header .block-superfish > ul > li a {
    position: relative;
    padding: 10px 0 20px 0 !important;
    color: #282828;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
}

header .block-superfish > ul > li a.portail-langues {
    text-indent: 1000px;
    width: 30px;
    overflow: hidden;
    padding: 0 !important;
    height: 30px;
    transform: translateY(-5px);
    background: url(../images/interface/logo-portail-langues.png) no-repeat center / contain;
}

.br header .block-superfish > ul > li a {
    font-size:14px;
}

header .block-superfish > ul > li > a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 12px;
    width: 0;
    height: 4px;
    background: #ff914d;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    opacity: 0.52;
}

header .block-superfish > ul > li > a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 12px;
    width: 0;
    height: 4px;
    background: #ff914d;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    opacity: 0.52;
}

header .block-superfish ul > li:first-of-type > a:after, header .block-superfish ul > li:first-of-type > a:before {
    width: 0 !important;
    height: 0 !important;
}

/*Sous menu*/
ul.sf-menu .sf-sub-indicator:after {
    right: 1px;
    left: auto;
    top: -1px;
    font-size: 9px;
    color: #848484;
}

ul.sf-menu .sf-sub-indicator {
    width: 28px;
    height: 16px;
    right: -12px;
}

header .block-superfish ul li ul {
    background: rgb(255, 255, 255);
    top: 60px !important;
    min-width: 300px;
    left: auto !important;
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
}

header .block-superfish ul li ul li {
    padding: 0 !important;
}

header .block-superfish ul li ul li a {
    padding: 6px 20px !important;
    text-align: left;
    text-transform: none;
    line-height: 18px;
}

header .block-superfish ul li ul li a:hover {
    color: #243777;
    background: rgba(255, 145, 77, .52);
}

ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
    top: 54px !important;
    left: 12px !important;
}

/*Navigation secondaire*/
#block-gallo-theme-navigationsecondaire {
    background: url(../images/interface/bg-menu-secondaire.jpg) no-repeat center;
    background-size: cover;
}

#block-gallo-theme-navigationsecondaire .wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 55px;
    max-width: 1364px;
}

#block-gallo-theme-navigationsecondaire .wrapper form {
    border: solid 1px;
    border-color: rgba(255, 255, 255, 0.5);
    padding: 2px 7px 1px 8px;
    display: flex;
    justify-content: space-between;
    min-width: 161px;
    border-radius: 20px;
    line-height: 14px;
}

#block-gallo-theme-content {
    width: 95%;
    max-width: 950px;
    margin: 0 auto;
}

#block-gallo-theme-content h2 {
    font-size: 22px;
    color: #df1c7a;
    text-align: center;
    border-bottom: #df1c7a;
    margin-bottom: 20px;
}

#block-gallo-theme-content h3 {
    margin-bottom: 10px;
    font-size: 18px;
}

#block-gallo-theme-content h4 {
    margin-bottom: 10px;
    font-size: 16px;
}

#block-gallo-theme-navigationsecondaire .wrapper form input[type=search] {
    min-height: 0;
    padding: 0;
    box-shadow: none;
    padding-left: 10px;
    color: #fff;
    width: 88%;
    border: none;
}

#block-gallo-theme-navigationsecondaire .wrapper form input[type=submit] {
    text-indent: -999px;
    width: 20px;
    height: 24px;
    border: none;
    background: url(../images/interface/loupe-recherche.png) no-repeat center;
    padding: 6px 5px 0px 4px;
}

#block-gallo-theme-navigationsecondaire ul.menu {
    height: 35px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#block-gallo-theme-navigationsecondaire ul.menu li {
    padding: 0 2px 2px 2px;
    display: flex;
}

#block-gallo-theme-navigationsecondaire ul.menu li a {
    position: relative;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    padding: 3px 15px;
}

#block-gallo-theme-navigationsecondaire ul.menu li a.twitter-header,
#block-gallo-theme-navigationsecondaire ul.menu li a.facebook-header,
#block-gallo-theme-navigationsecondaire ul.menu li a.youtube-header {
    font-size: 18px;
}

#block-gallo-theme-navigationsecondaire ul.menu li a.twitter-header {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-left: 15px;
    background: url('../images/interface/twitter-header.png') no-repeat;
}

#block-gallo-theme-navigationsecondaire ul.menu li a.facebook-header,
#block-gallo-theme-navigationsecondaire ul.menu li a.twitter-header {
    padding-right: 0;
}

#block-gallo-theme-navigationsecondaire ul.menu li a:hover {
    text-decoration: underline;
}

#block-gallo-theme-navigationsecondaire ul.menu li a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 9px;
    width: 1px;
    height: 12px;
    background: #fff;
}

#block-gallo-theme-navigationsecondaire ul.menu li:nth-child(1) a:after,
#block-gallo-theme-navigationsecondaire ul.menu li:nth-child(2) a:after,
#block-gallo-theme-navigationsecondaire ul.menu li:nth-child(4) a:after {
    width: 0;
}

/*Slecteur de langue*/
#block-gallo-theme-selecteurdelangue {
    position: absolute;
    top: 0;
    right: 8px;
}
#block-gallo-theme-selecteurdelangue #choix-langue p {
    width: 49px;
    cursor: pointer;
    padding-left: 40px;
    color: #fff;
    font-size: 8px;
}

#block-gallo-theme-selecteurdelangue #choix-langue #active-fr {
    background: url(../images/interface/flag-fr.jpg) no-repeat 10px center;
}

#block-gallo-theme-selecteurdelangue #choix-langue #active-br {
    background: url(../images/interface/flag-br.jpg) no-repeat 10px center;
}

#block-gallo-theme-selecteurdelangue #choix-langue {
    position: absolute;
    top: 6px;
    right: 0;
    z-index: 1000;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#block-gallo-theme-selecteurdelangue #choix-langue:hover {
    height: 70px;
}

#block-gallo-theme-selecteurdelangue ul.links {
    background: #56675d;
    padding-left: 10px;
    padding-top: 3px;
}

#block-gallo-theme-selecteurdelangue ul li.fr a {
    display: inline-block;
    width: 27px;
    height: 18px;
    text-indent: -9999px;
    background: url('../images/interface/flag-fr.jpg') no-repeat center;
}

#block-gallo-theme-selecteurdelangue ul li.br a {
    display: inline-block;
    width: 27px;
    height: 18px;
    text-indent: -9999px;
    background: url('../images/interface/flag-br.jpg') no-repeat center;
}

#block-gallo-theme-selecteurdelangue ul li.is-active {
    display: none;
}

/*Logo*/
#block-gallo-theme-logoheader {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

#block-gallo-theme-logoheader a {
    display: block;
    width: 180px;
    position: absolute;
    top: -96px;
    left: 0;
}

/*///////////////////////////////////////*/
/* ///// PAGE TITLE /////////////////// */
/*/////////////////////////////////////*/

.block-titre.large {
    display: flex;
    min-height: 290px;
}

.block-titre .wrapper {
    display: flex;
    align-items: flex-end;
}

.block-titre h1 {
    font-size: 35px;
    color: #fff;
    background: #000;
    padding: 20px 40px;
    position: relative;
    line-height: 36px;
}

.block-titre h1:after {
    content: "";
    position: absolute;
}

/*PAGE Gallo*/
.page-node-1924 .block-titre{
    background: url('../images/interface/bg-title-gallo.jpg') no-repeat top center !important;
    background-size: cover !important;
    min-height: 290px !important;
}

/*PAGE Actualités*/
.page-node-67 .block-titre{
    background: url('../images/interface/bg-title-actu.jpg') no-repeat top center !important;
    background-size: cover !important;
    min-height: 290px !important;
}

/*PAGE Contact*/
.page-node-62 .block-titre{
    background: url('../images/interface/bg-title-contact.jpg') no-repeat top center !important;
    background-size: cover !important;
    min-height: 290px !important;
}

/*PAGE Ressource*/
.page-node-69 .block-titre{
    background: url('../images/interface/bg-title-questions.jpg') no-repeat top center !important;
    background-size: cover !important;
    min-height: 290px !important;
}


/*PAGE STATIQUES*/
.block-titre.large.pourquoi {
    background: url('../images/interface/bg-title-pourquoi.jpg') no-repeat top center;
    background-size: cover;
}

.block-titre.large.pourquoi h1:after {
    width: 74px;
    height: 75px;
    right: -50px;
    top: -35px;
    background: url('../images/interface/picto-jumelles.png') no-repeat center;
}

/*PAGE FAQ*/
.block-titre.large.questions {
    background: url('../images/interface/bg-title-questions.jpg') no-repeat top center;
    background-size: cover;
}

.block-titre.large.questions h1:after {
    width: 55px;
    height: 88px;
    right: -50px;
    top: -35px;
    background: url('../images/interface/picto-ballon.png') no-repeat center;
}

/*PAGE FAQ*/
.block-titre.large.etablissements {
    background: url('../images/interface/bg-title-etablissements.jpg') no-repeat top center;
    background-size: cover;
}

.block-titre.large.etablissements h1:after {
    width: 67px;
    height: 86px;
    right: -37px;
    top: -53px;
    background: url('../images/interface/picto-globe.png') no-repeat center;
}

/*PAGE FAQ*/
.block-titre.small-default {
    display: flex;
    min-height: 145px;
    background: url('../images/interface/bg-title-default.jpg') no-repeat top center;
    background-size: cover;
}

.block-titre.small-default h1:after {
    width: 98px;
    height: 90px;
    right: -65px;
    top: -37px;
    background: url('../images/interface/picto-agenda-2.png') no-repeat center;
}

/*///////////////////////////////////////*/
/* ////// NEWSLETTER ////////////////// */
/*/////////////////////////////////////*/

#newsletter {
    position: fixed;
    right: 0;
    bottom: 10%;
    padding: 20px;
    border: solid 1px #243777;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    width: 345px;
    max-width: 500px;
    margin: 0 auto;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: #fff;
    z-index: 100;
}

#title-newsletter {
    position: absolute;
    transform: rotate(90deg);
    left: -53px;
    top: 94px;
    color: #243777;
    background: #fff;
    font-weight: 700;
    font-size: 15px;
    padding: 0 5px;
    line-height: 20px;
    border-radius: 5px;
}

#newsletter.closed {
    right: -325px;
}

#newsletter .fas {
    position: absolute;
    left: -10px;
    top: -10px;
    font-size: 30px;
    background: #fff;
    color: #243777;
    cursor: pointer;
    border-radius: 100%;
    font-family: "Font Awesome 5 Free";
}

#newsletter p.info {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
    color: #243777;
}

#newsletter input[type=email] {
    padding: 5px;
    border: solid 1px #c1c1c1;
    border-radius: 6px;
    width: 100%;
    margin-bottom: 6px;
}

#newsletter label {
    font-size: 12px;
    color: #333;
}

#open-newsletter {
    cursor: pointer;
    transition: 0.2s;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
}

#open-newsletter:hover {
    color: #2a97e3;
}

#views-exposed-form-offres-d-emploi-page {
    margin-top: 20px;
}

#success-nl {
    text-align: center;
    color: #2a97e3;
    font-weight: 700;
}

#newsletter .rnd-btn {
    display: inline-block;
    width: 80px;
    max-width: 90%;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    background-color: #2a97e3;
    border-radius: 0px;
    border: none;
    margin-top: 5px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

/*///////////////////////////////////////*/
/* ///// DIRECTIONS DIOCESAINES /////// */
/*/////////////////////////////////////*/

#block-gallo-theme-views-block-directions-diocesaines-page .view-content {
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

#block-gallo-theme-views-block-directions-diocesaines-page .view-content .views-row {
    width: 45%;
}

#block-gallo-theme-views-block-directions-diocesaines-page .view-content .views-row a {
    width: 100%;
    display: block;
    margin-bottom: 25px;
    padding: 25px;
    text-align: center;
    background: #52635b;
    text-decoration: none;
    color: #fff;
    position: relative;
}

#block-gallo-theme-views-block-directions-diocesaines-page .view-content .views-row a h3 {
    font-size: 20px;
}

#block-gallo-theme-views-block-directions-diocesaines-page .view-content .views-row a:hover {
    background: #ff914d;
    opacity: 0.52;
}

#block-gallo-theme-views-block-directions-diocesaines-page .view-content .views-row a:after {
    content: "";
    width: 80px;
    height: 79px;
    position: absolute;
    right: -7px;
    bottom: -11px;
    background: url(../images/interface/plus-service.png) no-repeat center;
    background-size: cover;
}

/*NODE DIRECTION DIOCESAINE*/

.node--type-direction-diocesaine .infos-personnes {
    width: 32%;
    float: right;
    margin-top: 40px;
}

.node--type-direction-diocesaine .infos-etablissement {
    width: 32%;
    float: right;
    margin-top: 20px;
}

.node--type-direction-diocesaine .horaires {
    width: 100%;
    margin-top: 40px;
}

.node--type-direction-diocesaine p.adresse {
    font-weight: 700;
    margin-bottom: 8px;
}

.node--type-direction-diocesaine a {
    color: #838383;
    text-decoration: none;
    font-weight: 700;
}

.node--type-direction-diocesaine a:hover {
    color: #333;
}

.node--type-direction-diocesaine .horaires h4 {
    margin-top: 20px;
    font-size: 18px;
    text-decoration: underline;
    color: #333;
    margin-bottom: 5px;
}

.node--type-direction-diocesaine h3 {
    font-size: 24px;
    border-bottom: solid 1px #333;
    color: #333;
}

.node--type-direction-diocesaine .photo-profil {
    float: left;
    margin-right: 20px;
    max-width: 80px;
    margin-bottom: 20px;
}

.node--type-direction-diocesaine .infos-profil {
    margin-bottom: 20px;
}

#block-gallo-theme-content .node--type-direction-diocesaine h4.nom-responsable {
    font-size: 18px;
    margin-bottom: 0;
}
/*///////////////////////////////////////*/
/* ///// BREADCRUMBS ////////////////// */
/*/////////////////////////////////////*/

#block-gallo-theme-breadcrumbs {
    width: 95%;
    max-width: 950px;
    margin: 0 auto;
    padding-top: 50px;
    color: #616161;
}

#block-gallo-theme-breadcrumbs a {
    font-family: 'Roboto', sans-serif;
    color: #616161;
    font-size: 13px;
}

.breadcrumb li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    position: absolute;
    left: -13px;
    color: #3194cb;
    top: 2px;
}

.breadcrumb li {
    position: relative;
    padding-right: 15px;
}

/*///////////////////////////////////////*/
/* ///// PAGE DE CONTENU ////////////// */
/*/////////////////////////////////////*/

.node--type-contenu {
    width: 95%;
    max-width: 950px;
    margin: 40px auto 0px auto;
}

.node--type-contenu .field--type-text-with-summary p {
    font-weight: 700;
    font-style: italic;
    margin-bottom: 10px;
    font-size: 14px;
    color: #616161;
}

.node--type-contenu .para-item-paragraphe {
    margin-bottom: 30px;
}

.node--type-contenu .para-item .liste-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    a {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 10px;
        font-weight: 700;
        text-decoration: none;
    }
}

.node--type-contenu h2 {
    color: #243777 !important;
    font-size: 20px !important;
    margin-top: 25px !important;
    margin-bottom: 10px !important;
    text-align: left !important;
    border-bottom: none !important;
}

.node--type-contenu p {
    margin-bottom: 15px;
    color: #282828;
}

/*///////////////////////////////////////*/
/* ///// PRESENTATION ACCUEIL ///////// */
/*/////////////////////////////////////*/
#block-gallo-theme-presentationaccueil {
    padding-bottom: 0px;
}

#block-gallo-theme-presentationaccueil .wrapper-medium {
    max-width: 1364px;
}

#logo-accueil {
    /* position: absolute;
     right: 190px;
     bottom: 10px;*/
    width: 266px;
    height: 88px;
    margin-top: 25px;
    margin-left: 25px;
}

#presentation-top {
    width: 100%;
    min-height: 570px;
    background: url(../images/interface/accueil/bg-presentation.jpg) no-repeat center;
    background-size: cover;
    display: flex;
    align-items: flex-end;
}

#presentation-top .wrapper-small {
    display: flex;
    align-items: flex-end;
}

#logo-full {
    margin-bottom: -78px;
    width: 23%;
    float: left;
    text-align: right;
}

#logo-full img {
    transform: translateX(-1200px) translateY(500px) rotate(-110deg);
    -webkit-transition: all 1500ms ease-in-out;
    -moz-transition: all 1500ms ease-in-out;
    -ms-transition: all 1500ms ease-in-out;
    -o-transition: all 1500ms ease-in-out;
    transition: all 1500ms ease-in-out;
}

#logo-full img.visible {
    transform: translateX(0) translateY(0) rotate(0);
}

#title-home {
    width: 77%;
    float: right;
    padding-left: 30px;
}

#title-home h1 {
    position: relative;
    font-weight: 700;
    font-size: 44px;
    color: #fff;
    padding-left: 42px;
    margin-bottom: 20px;
}

#title-home h1:before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 30px;
    height: 30px;
    background: #fff;
}

#title-home h2 {
    position: relative;
    display: inline-block;
    font-weight: 700;
    font-size: 44px;
    color: #fff;
    background: #000;
    padding: 20px 43px 25px 43px;
    margin-bottom: 35px;
}

#presentation-bot div.text {
    width: 77%;
    float: right;
    padding-top: 50px;
    padding-left: 30px;
    margin-bottom: 15px;
}

#presentation-bot p {
    margin-bottom: 10px;
    text-align: justify;
    /*max-width: 700px;*/
}

#block-blue-btn {
    display: flex;
    flex-wrap: wrap;
    width: 77%;
    float: right;
    padding-left: 30px;
    padding-right: 150px;
}

a.blue-block {
    position: relative;
    width: 100%;
    max-width: 260px;
    padding: 20px 20px 15px 20px;
    background: #243777;
    margin-top: 20px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    min-height: 97px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    line-height: 27px;
    -moz-box-shadow: 0 0 11px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 11px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 11px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 11px 2px rgba(0, 0, 0, 0.2);
}

a.blue-block.pastel {
    background:  #71b294;
}

#block-blue-btn a.blue-block:nth-child(1),
#block-blue-btn a.blue-block:nth-child(2) {
    margin-right: 20px;
}

a.blue-block span {
    font-size: 19px;
    font-weight: 700;
}

a.blue-block:hover {
    border-radius: 20px;
}

#block-blue-btn a.blue-block:nth-child(1):after {
    content: "";
    position: absolute;
    top: 4px;
    right: 10px;
    width: 90px;
    height: 90px;
    background: url(../images/interface/accueil/block-blue-1-after.png) no-repeat center;
    background-size: contain;
}

#block-blue-btn a.blue-block:nth-child(2):after {
    content: "";
    position: absolute;
    top: 4px;
    right: 10px;
    width: 70px;
    height: 90px;
    background: url(../images/interface/accueil/block-yellow-after.png) no-repeat center;
    background-size: contain;
}

#block-blue-btn a.blue-block:nth-child(3):after {
    content: "";
    position: absolute;
    top: 4px;
    right: 10px;
    width: 70px;
    height: 90px;
    background: url(../images/interface/accueil/block-blue-2-after.png) no-repeat center;
    background-size: contain;
}

/*///////////////////////////////////////*/
/* ///// SLIDER ACCUEIL /////////////// */
/*/////////////////////////////////////*/

#block-gallo-theme-views-block-slider-home {
    margin-top: 60px;
}

#block-gallo-theme-views-block-slider-home .view-content .views-row {
    min-height: 620px;
    position: relative;
}

#block-gallo-theme-views-block-slider-home .view-content .views-row div {
    position: absolute;
    left: 20%;
    bottom: 130px;
}

#block-gallo-theme-views-block-slider-home .view-content .views-row h3 {
    position: relative;
    font-weight: 700;
    font-size: 35px;
    color: #fff;
    padding-left: 42px;
    margin-bottom: 20px;
}

#block-gallo-theme-views-block-slider-home .view-content .views-row h3:before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 30px;
    height: 30px;
    background: #fff;
}

#block-gallo-theme-views-block-slider-home .view-content .views-row a.rnd-btn {
    position: absolute;
    right: 20px;
    bottom: 15px;
}

#block-gallo-theme-views-block-slider-home .view-content .views-row a.rnd-btn:hover {
    color: #333;
    background: #fff !important;
}

#block-gallo-theme-views-block-slider-home .view-content .views-row p {
    position: relative;
    display: inline-block;
    font-weight: 700;
    font-size: 35px;
    color: #fff;
    background: #000;
    padding: 20px 43px 25px 43px;
    margin-bottom: 35px;
}

#block-gallo-theme-views-block-slider-home .view-content .views-row img {
    position: absolute;
    top: -15px;
    right: -64px;
}

.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
}

.swiper-pagination-bullet-active {
    color: #fff;
    background: #333 !important;
}

/*///////////////////////////////////////*/
/* ///// NODE AGENDA ////////////////// */
/*/////////////////////////////////////*/

.node--type-agenda {
    width: 95%;
    max-width: 950px;
    margin: 40px auto;
}

.node--type-agenda p.date {
    font-weight: 700;
    color: #df1c7a;
    margin-bottom: 15px;
}

.node--type-agenda img {
    margin-bottom: 15px;
}

.node--type-agenda .desc p {
    margin-bottom: 15px;
    line-height: 24px;
}

.node--type-agenda a.rnd-btn {
    margin-top: 50px;
}

.node--type-agenda .titre-etabs {
    margin-top: 30px;
    color: black;
}

.node--type-agenda a.rnd-btn.pink {
    margin-top: 5px;
    padding: 1px 20px 1px 20px;
    font-weight: 400;
}

/*///////////////////////////////////////*/
/* ///// OFFRES D'EMPLOI ////////////// */
/*/////////////////////////////////////*/

#block-views-block-offres-d-emploi-page {
    width: 95%;
    max-width: 950px;
    margin: 0 auto;
}

#block-views-block-offres-d-emploi-page .views-row {
    padding-bottom: 10px;
    margin-bottom: 25px;
    border-bottom: solid 1px #b5b5b5;
}

#block-views-block-offres-d-emploi-page .views-field-field-date-de-parution,
#block-views-block-offres-d-emploi-page .views-field-field-lieu-offre {
    font-weight: 700;
    color: #7f7c7c;
}

#block-views-block-offres-d-emploi-page .views-field-title {
    font-family: 'Ubuntu', sans-serif;
    color: #1c99df;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 5px;
}

#block-views-block-offres-d-emploi-page .fa {
    width: 20px;
    text-align: center;
}

.views-field-field-lieu-offre {
    margin-bottom: 10px;
}

#block-views-block-offres-d-emploi-page .views-field-view-node {
    text-align: right;
}

/*///////////////////////////////////////*/
/* ///// RESULTATS RECHERCHE ////////// */
/*/////////////////////////////////////*/

a.search-help-link, #edit-advanced, #search-form {
    display: none;
}

#block-devenirenseignant-theme-content {
    width: 95%;
    max-width: 950px;
    margin: 40px auto;
}

#block-devenirenseignant-theme-content h2 {
    font-size: 22px;
    color: #1c99df;
    text-align: center;
    border-bottom: solid 1px #1c99df;
    margin-bottom: 20px;
}

#block-devenirenseignant-theme-content .item-list h3 {
    font-size: 18px;
}

.search-result__snippet-info {
    padding-left: 20px;
    margin-bottom: 20px;
}

/*///////////////////////////////////////*/
/* ///// PAGE LIENS UTILES //////////// */
/*/////////////////////////////////////*/

#block-gallo-theme-views-block-ressources-block-1 .view-content .views-row a {
    color: #fff;
    text-decoration: none;
    background: #71b294;
    padding: 3px 15px 2px 15px;
}

#block-gallo-theme-views-block-ressources-block-1 .view-content .views-row a:hover {
    background: #428164;
}

#block-views-block-liens-utiles-block-1-2, #block-gallo-theme-views-block-ressources-block-1 {
    width: 95%;
    max-width: 950px;
    margin: 0 auto;
}

#block-views-block-liens-utiles-block-1-2 h3, #block-gallo-theme-views-block-ressources-block-1 h3 {
    color: #243777;
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 40px;
    border-bottom: solid 1px #1c99df;
}

#block-views-block-liens-utiles-block-1-2 .views-field-title, #block-gallo-theme-views-block-ressources-block-1 .views-field-title {
    font-weight: 500;
    font-size: 16px;
}

#block-views-block-liens-utiles-block-1-2 .views-field-field-url-lien-utile, #block-gallo-theme-views-block-ressources-block-1 .views-field-nothing {
    margin-bottom: 15px;
}

#block-views-block-liens-utiles-block-1-2 .views-field-field-url-lien-utile .fa {
    color: #1c99df;
    font-size: 18px;
}

#block-gallo-theme-views-block-ressources-block-1 .views-field-nothing .fa {
    font-size: 16px;
}

#block-views-block-liens-utiles-block-1-2 .views-field-field-url-lien-utile a {
    font-weight: 700;
    color: #333;
    word-break: break-all;
}

/*///////////////////////////////////////*/
/* ///// DERNIERS AGENDA ACCUEIL ////// */
/*/////////////////////////////////////*/

#block-gallo-theme-views-block-agenda-block-1 {
    background: url(../images/interface/accueil/bg-titre-agenda.png) no-repeat top left;
}

#block-gallo-theme-views-block-agenda-block-1 h2 {
    font-size: 40px;
    color: #fff;
    padding-top: 48px;
    position: relative;
    padding-left: 45px;
}

#block-gallo-theme-views-block-agenda-block-1 h2:before {
    content: "";
    position: absolute;
    left: -25px;
    top: 19px;
    width: 63px;
    height: 58px;
    background: url(../images/interface/picto-agenda.png) no-repeat center;
}

#block-gallo-theme-views-block-agenda-block-1 .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 120px;
}

#block-gallo-theme-views-block-agenda-block-1 a.rnd-btn {
    margin-top: 40px;
}

#block-gallo-theme-views-block-agenda-block-1 .view-content .views-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    width: 45%;
}

#block-gallo-theme-views-block-agenda-block-1 .view-content .views-row .image-agenda {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    min-height: 140px;
}

#block-gallo-theme-views-block-agenda-block-1 .view-content .views-row .image-agenda-default {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    min-height: 152px;
}

#block-gallo-theme-views-block-agenda-block-1 .view-content .views-row .image-agenda img {
    max-width: 200px;
}

.view-id-agenda .view-content .views-row div.date {
    display: block;
    width: 51px;
    height: 56px;
    background: url(../images/interface/picto-date-agenda.png) no-repeat center;
    text-align: center;
    padding-top: 12px;
    margin-right: 15px;
}

.view-id-agenda.view-display-id-block_2 .view-content .views-row div.date {
    position: absolute;
    top: -3px;
    left: -5px;
}

.view-id-agenda .view-content .views-row div.agenda-content {
    max-width: 450px;
}

.view-id-agenda .view-content .views-row div.agenda-content h3 {
    font-size: 17px;
    margin-bottom: 8px;
}

.view-id-agenda .view-content .views-row div.agenda-content h3 a {
    text-decoration: none;
    color: #3e5950;
}

.view-id-agenda .view-content .views-row div.agenda-content p {
    margin-bottom: 5px;
    font-size: 15px;
    word-break: break-word;
}

.view-id-agenda .view-content .views-row div.agenda-content a.read-more {
    display: block;
    text-align: right;
    font-size: 16px;
    color: #71b294;
}

.view-id-agenda .view-content .views-row span.jour {
    color: #ff914d;
    font-size: 26px;
    display: inline-block;
    font-weight: 600;
    height: 22px;
    font-family: 'Ubuntu', sans-serif;
}

.view-id-agenda .view-content .views-row p.mois {
    color: #282828;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: -8px;
}

.view-id-agenda .view-content a.rnd-btn {
    margin-top: 30px;
    margin-bottom: 20px;
}

/*PAGE AGENDA*/
#block-gallo-theme-views-block-agenda-page {
    width: 95%;
    max-width: 950px;
    margin: 0 auto;
}

#block-gallo-theme-views-block-agenda-page .view-content {
    display: flex;
    flex-wrap: wrap;
}

#block-gallo-theme-views-block-agenda-page .view-content .views-row {
    position: relative;
    width: 95%;
    max-width: 420px;
    margin: 15px;
    padding: 15px;
    border: solid 1px #c7c6c6;
}

#block-views-block-agenda-block-2 {
    width: 95%;
    max-width: 800px;
    margin: 0 auto;
}

#block-views-block-agenda-block-2 .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}


#block-gallo-theme-views-block-agenda-page .view-content .views-row div.date {
    display: block;
    width: 51px;
    height: 56px;
    background: url(../images/interface/picto-date-agenda.png) no-repeat center;
    text-align: center;
    padding-top: 12px;
    position: absolute;
    top: -1px;
    left: -3px;
}

#block-views-block-agenda-block-2 .view-content .views-row div.agenda-content {
    max-width: 500px;
}

#block-gallo-theme-views-block-agenda-page .view-content .views-row .image-agenda {
    width: 80%;
    margin-left: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    min-height: 150px;
    border-bottom: solid 1px #e4e4e4;
    padding-bottom: 10px;
}

#block-gallo-theme-views-block-agenda-page .view-content .views-row img {
    max-width: 200px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

#block-gallo-theme-views-block-agenda-page .view-content .views-row .image-agenda-default {
    width: 80%;
    margin-left: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    min-height: 150px;
    border-bottom: solid 1px #e4e4e4;
    padding-bottom: 10px;
}

#block-views-block-agenda-block-2 .views-row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    width: 100%;
    max-width: 345px;
}

#block-views-block-agenda-block-2 h2 {
    font-size: 24px;
    color: #3e5950;
    margin-top: 30px;
    margin-bottom: 60px;
    display: inline-block;
    position: relative;
}

#block-views-block-agenda-block-2 h2:before {
    content: "";
    position: absolute;
    left: -40px;
    top: -30px;
    width: 65px;
    height: 60px;
    background: url('../images/interface/picto-agenda-light.png') no-repeat center;
}

#block-views-block-agenda-block-2 .surround {
    padding-top: 30px;
}

/*///////////////////////////////////////*/
/* ////// MAP IMPLANTATIONS /////////// */
/*/////////////////////////////////////*/

#filtres-map {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

#filtres-map .js-form-item-field-departement-value,
#filtres-map .js-form-item-field-niveau-etablissement {
    margin-right: 20px;
}

#block-gallo-theme-mapimplantation {
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    min-height: 450px;
}

.fiche-etablissement-infobulle .categorie p {
    font-size: 11px;
    color: #fff;
    display: inline-block;
    border-radius: 8px;
    margin-bottom: 8px;
    padding: 1px 15px;
}

.fiche-etablissement-infobulle .nom-etablissement {
    font-size: 17px;
    color: #3e5950;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    margin-bottom: 8px;
}

.fiche-etablissement-infobulle .adresse {
    font-size: 15px;
    color: #282828;
    margin-bottom: 8px;
}

.fiche-etablissement-infobulle .telephone {
    font-size: 15px;
    font-weight: 700;
    color: #282828;
}

/*///////////////////////////////////////*/
/* //////  PAGE RÉSEAU //////////////// */
/*/////////////////////////////////////*/

#block-gallo-theme-views-block-reseau-block-1 {
    width: 95%;
    max-width: 950px;
    margin: 40px auto;
}

#block-gallo-theme-views-block-reseau-block-1 .view-content {
    display: flex;
    flex-wrap: wrap;
}

#block-gallo-theme-views-block-reseau-block-1 .view-content .views-row {
    width: 95%;
    max-width: 295px;
    margin: 20px 10px;
    padding: 20px;
    border: solid 1px #cecece;
    border-radius: 10px;
    position: relative;
}

#block-gallo-theme-views-block-reseau-block-1 .view-content .views-row h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

#block-gallo-theme-views-block-reseau-block-1 .view-content .views-row p.adresse {
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 10px;
}

#block-gallo-theme-views-block-reseau-block-1 .view-content .views-row p.tel {
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 16px;
    color: #545454;
}

#block-gallo-theme-views-block-reseau-block-1 .view-content .views-row div.cat-block {
    position: absolute;
    width: 100%;
    top: -13px;
    left: 0;
    text-align: center;
}

#block-gallo-theme-views-block-reseau-block-1 .view-content .views-row div.cat-block p {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 4px 30px 4px 30px;
    border-radius: 10px;
}

/*///////////////////////////////////////*/
/* //////  NODE RÉSEAU //////////////// */
/*/////////////////////////////////////*/

.node--type-reseau {
    width: 95%;
    max-width: 1050px;
    margin: 50px auto;
}

.node--type-reseau #infos-etablissement {
    width: 38%;
    float: left;
    text-align: right;
}

.node--type-reseau #infos-etablissement .categorie {
    display: inline-block;
    color: #fff;
    padding: 1px 20px;
    border-radius: 8px;
    font-size: 12px;
    margin-bottom: 8px;
    line-height: 14px;
}

.node--type-reseau #infos-etablissement h2 {
    font-size: 17px;
    color: #3e5950;
    margin-bottom: 8px;
    text-align: right;
}

.node--type-reseau #infos-etablissement .adresse {
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 8px;
}

.node--type-reseau #infos-etablissement a {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 4px;
    color: #282828;
    display: block;
    text-decoration: none;
}

.node--type-reseau .surround {
    margin-top: 50px;
}

.node--type-reseau #infos-etablissement a:hover {
    color: #dd1877;
}

.node--type-reseau #map-reseau {
    width: 60%;
    float: right;
    min-height: 300px;
}

/*///////////////////////////////////////*/
/* ////// INFOS PAGE CONTACT ////////// */
/*/////////////////////////////////////*/

#block-infoscontact {
    width: 100%;
    max-width: 1000px;
    margin: 50px auto;
    min-height: 350px;
    display: flex;
}

#edit-field-objet-contact-wrapper {
    margin-top: 2px;
}

#block-infoscontact #map-contact {
    width: 60%;
}

#block-infoscontact #infos-contact {
    padding-left: 25px;
}

#block-infoscontact #infos-contact h2 {
    font-size: 18px;
    color: #1c99df;
    margin-bottom: 10px;
}

#block-infoscontact #infos-contact p {
    color: #333;
    margin-bottom: 10px;
}

#block-infoscontact #infos-contact a {
    color: #333;
    text-decoration: none;
    font-weight: 400;
}

#block-infoscontact #infos-contact a:hover {
    color: #1c99df;
}

/*///////////////////////////////////////*/
/* ///////// TEMOIGNAGES ACCUEIL ////// */
/*/////////////////////////////////////*/

#block-views-block-temoignages-home {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 100px;
}

#block-views-block-temoignages-home p.intro {
    width: 95%;
    max-width: 1130px;
    margin: 30px auto 0 auto;
}

#block-views-block-temoignages-home .view-content {
    margin-top: 50px;
    position: relative;
}

.view-id-temoignages .views-row {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 10px;
}

.view-id-temoignages .views-row div {
    width: 100%;
    max-width: 295px;
}

.view-id-temoignages .views-row div h3 {
    font-size: 17px;
    color: #1c99df;
    margin-top: 10px;
    margin-bottom: 5px;
}

.view-id-temoignages .swiper-button-prev {
    background: url(../images/interface/accueil/arrow-left-temoignages.png) no-repeat center;
    width: 15px;
    height: 27px;
    left: 0;
    top: 55%;
}

.view-id-temoignages .swiper-button-next {
    background: url(../images/interface/accueil/arrow-right-temoignages.png) no-repeat center;
    width: 15px;
    height: 27px;
    right: 0;
    top: 55%;
}

#block-views-block-temoignages-home a.rnd-btn {
    margin-top: 50px;
}

/*PAGE TEMOIGNAGES*/

#block-views-block-temoignages-page {
    width: 95%;
    max-width: 975px;
    margin: 0 auto;
}

#block-views-block-temoignages-page .views-row {
    float: left;
    width: 30%;
    margin: 20px 1.5% 40px 1.5%;
}

#block-views-block-temoignages-page .views-row div {
    width: 100%;
    max-width: 100%;
}

/*///////////////////////////////////////*/
/* ///// DERNIERS TWEETS ACCUEIL ////// */
/*/////////////////////////////////////*/

#block-gallo-theme-dernierstweets {
    width: 100%;
    max-width: 1200px;
    margin: 100px auto;
}

#block-dernierstweets-2 {
    width: 100%;
    max-width: 1200px;
    margin: 30px auto;
    display: flex;
    flex-wrap: wrap;
}

#block-gallo-theme-dernierstweets h2,
#block-dernierstweets-2 h2 {
    color: #1c99df;
    padding-left: 110px;
    font-size: 24px;
    position: relative;
    margin-bottom: 20px;
}

#block-gallo-theme-dernierstweets h2:before,
#block-dernierstweets-2 h2:before {
    content: "";
    position: absolute;
    left: -54px;
    top: -15px;
    width: 133px;
    height: 116px;
    z-index: -1;
    background: url(../images/interface/bulle-reseaux.png) center no-repeat;
}

#block-gallo-theme-dernierstweets .post {
    float: left;
    width: 29%;
    margin: 15px 2%;
    text-align: center;
    border-radius: 20px;
    overflow: hidden;
    border: solid 1px #e2e2e2;
    background: rgba(255, 255, 255, 0.8);
}

#block-dernierstweets-2 .post {
    width: 29%;
    margin: 15px 2%;
    text-align: center;
    border-radius: 20px;
    overflow: hidden;
    border: solid 1px #e2e2e2;
    background: rgba(255, 255, 255, 0.8);
}

#block-gallo-theme-dernierstweets .post .post-picture,
#block-dernierstweets-2 .post .post-picture {
    height: 220px;
}

#block-gallo-theme-dernierstweets .post .date,
#block-dernierstweets-2 .post .date {
    color: #94999f;
    font-size: 13px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#block-gallo-theme-dernierstweets .post .text,
#block-dernierstweets-2 .post .text {
    color: #595d62;
    padding: 0 30px;
    margin: 0 0 10px 0;
}

#block-gallo-theme-dernierstweets .post .text a,
#block-dernierstweets-2 .post .text a {
    color: #00a39c;
    text-decoration: none;
    word-break: break-word;
}

#block-gallo-theme-dernierstweets .post .text a:hover,
#block-dernierstweets-2 .post .text a:hover {
    text-decoration: underline;
}

#block-gallo-theme-dernierstweets .post .lien,
#block-dernierstweets-2 .post .lien {
    color: #484848;
    font-weight: 700;
    margin-bottom: 15px;
    display: inline-block;
    text-decoration: none;
}

#block-gallo-theme-dernierstweets .post .lien:hover, #block-block-17 .post .text a:hover,
#block-dernierstweets-2 .post .lien:hover, #block-block-17 .post .text a:hover {
    text-decoration: underline;
}

#block-gallo-theme-dernierstweets .post .tweet-link,
#block-dernierstweets-2 .post .tweet-link {
    margin-top: 15px;
}

#block-gallo-theme-dernierstweets .post .lien .fa-twitter-square,
#block-dernierstweets-2 .post .lien .fa-twitter-square {
    color: #55acee;
}

#block-gallo-theme-dernierstweets .post .lien .fa-instagram,
#block-dernierstweets-2 .post .lien .fa-instagram {
    color: #e8657b;
}

/*///////////////////////////////////////*/
/* /// DEVENIR ENSEIGNANT ACCUEIL ///// */
/*/////////////////////////////////////*/

#devenir-enseignant {
    margin-top: 15px;
    display: flex;
}

#devenir-enseignant img {
    float: left;
    margin-left: 70px;
    margin-right: 70px;
}

#devenir-enseignant h2 {
    color: #243777;
    font-size: 28px;
    margin-bottom: 15px;
    line-height: 30px;
}

#devenir-enseignant div {
    padding-top: 150px;
    max-width: 990px;
}

#devenir-enseignant div p {
    margin-bottom: 30px;
    max-width: 635px;
}

#etablissement-accueil {
    min-height: 385px;
    background: url(../images/interface/bg-etablissement-home.jpg) center no-repeat;
    background-size: cover;
}

#etablissement-accueil div.content {
    width: 95%;
    max-width: 950px;
    margin: 0 auto;
    padding-top: 120px;
}

#etablissement-accueil h2 {
    font-size: 28px;
    color: #fff;
    margin-bottom: 15px;
}

#etablissement-accueil p {
    margin-bottom: 40px;
    color: #fff;
    max-width: 600px;
}

#block-gallo-theme-views-block-reseau-block-1 .form--inline {
    display: none;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

#block-gallo-theme-views-block-reseau-block-1 .form--inline .form-actions {
    display: inline-block;
    width: auto;
}

#block-gallo-theme-views-block-reseau-block-1 .form-item-field-niveau-etablissement {
    margin-right: 10px;
}

#block-gallo-theme-views-block-reseau-block-1 .form-item-field-departement-value {
    margin-right: 20px;
}

#block-gallo-theme-views-block-reseau-block-1 .form-item-field-departement-value select,
#block-gallo-theme-views-block-reseau-block-1 .form-item-field-niveau-etablissement select {
    padding-left: 10px;
}

#block-gallo-theme-views-block-reseau-block-1 .form--inline .form-submit {
    background: #df1c7a;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    padding: 10px 30px;
    border: none;
    margin-left: 10px;
    display: none;
}

/*///////////////////////////////////////*/
/* ///////// BLOCK PARTENAIRES //////// */
/*/////////////////////////////////////*/

#block-gallo-theme-views-block-partenaires-block-1 {
    width: 100%;
    max-width: 1200px;
    margin: 100px auto 50px auto;
}

#block-gallo-theme-views-block-partenaires-block-1 .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

#block-gallo-theme-views-block-partenaires-block-1 .view-content img {
    max-height: 130px;
    width: auto;
}

#block-gallo-theme-views-block-partenaires-block-1 .view-content img:hover {
    opacity: 0.8;
}

/*///////////////////////////////////////*/
/* ///////// DETAIL OFFRE D'EMPLOI //// */
/*/////////////////////////////////////*/

.node--type-offre-emploi p.lieu {
    margin-bottom: 20px;
}

.node--type-offre-emploi p.lieu, .node--type-offre-emploi p.date {
    color: #55acee;
    font-size: 16px;
}

.node--type-offre-emploi .desc {
    margin-bottom: 30px;
}

.node--type-offre-emploi .desc p {
    margin-bottom: 10px;
}

/*///////////////////////////////////////*/
/* ///////// PAGES FAQ //////////////// */
/*/////////////////////////////////////*/

#block-gallo-theme-views-block-faq-enseignement-page {
    width: 95%;
    max-width: 950px;
    margin: 0 auto;
}

#block-gallo-theme-views-block-faq-enseignement-page .views-row {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px #c4c4c4;
}

#block-gallo-theme-views-block-faq-enseignement-page .views-row .views-field-title {
    cursor: pointer;
    position: relative;
    color: #243777;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Ubuntu', sans-serif;
    padding-right: 30px;
}

#block-gallo-theme-views-block-faq-enseignement-page .views-row .views-field-body {
    margin-top: 15px;
}

#block-gallo-theme-views-block-faq-enseignement-page .views-row .views-field-body {
    margin-bottom: 10px;
}

#block-gallo-theme-views-block-faq-enseignement-page .views-row .views-field-title.closed:after {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 3px;
    content: '';
    background: url('../images/interface/plus-faq.jpg') no-repeat center;
    right: 10px;
}

#block-gallo-theme-views-block-faq-enseignement-page .views-row .views-field-title.open:after {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('../images/interface/moins-faq.jpg') no-repeat center;
    right: 10px;
    content: '';
}

/*///////////////////////////////////////*/
/* //////////// FOOTER //////////////// */
/*/////////////////////////////////////*/
#block-gallo-theme-contenufooter {
    padding-bottom: 70px;
}

#block-gallo-theme-contenufooter #logo-footer {
    float: left;
    width: 300px;
    margin-right: 50px;
    margin-top: 55px;
}

#block-gallo-theme-contenufooter #logo-footer a {
    display: inline-block;
}

#block-gallo-theme-contenufooter #text-footer {
    padding-top: 15px;
}

#block-gallo-theme-contenufooter #text-footer p {
    margin-top: 10px;
    font-size: 15px;
    line-height: 20px;
}

#block-gallo-theme-contenufooter #text-footer ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

#block-gallo-theme-contenufooter #text-footer ul li a {
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Ubuntu', sans-serif;
    color: #243777;
    font-weight: 600;
    padding: 10px 12px;
    position: relative;
    font-size: 13px;
}

#block-gallo-theme-contenufooter #liens-tel {
    margin-top: 10px;
}

#block-gallo-theme-contenufooter #liens-tel a {
    display: block;
    font-size: 15px;
    color: #282828;
    text-decoration: none;
    width: 100%;
    max-width: 270px;
    float: left;
}

#block-gallo-theme-contenufooter #text-footer ul li a:hover {
    text-decoration: underline;
}

#block-gallo-theme-contenufooter #text-footer ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 2px;
    height: 14px;
    background: #716b6b;
}

#block-gallo-theme-contenufooter #text-footer ul li:first-of-type a:before, #block-contenufooter #text-footer ul li:last-of-type a:before {
    width: 0;
}

#block-gallo-theme-contenufooter #text-footer ul li:first-of-type a, #block-contenufooter #text-footer ul li:last-of-type a {
    padding-left: 0;
}

#block-gallo-theme-contenufooter #text-footer ul li .fa-facebook-square {
    font-size: 20px;
    color: #3b5999;
}

#block-gallo-theme-contenufooter #text-footer ul li .fa-twitter-square {
    font-size: 20px;
    color: #55acee;
}

#block-gallo-theme-contenufooter #text-footer ul li .twitter {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 15px;
    background: url(../images/interface/twitter-footer.png) no-repeat;
    background-size: contain;
}

#block-gallo-theme-contenufooter #text-footer ul li .twitter:before {
    display: none;
}

footer {
    clear: both;
    margin-top: 150px;
    color: #282828;
    background-color: #ebeced;
}

footer .gl-copy {
    padding: 25px 0 25px 0;
    text-align: center;
    font-size: 13px;
    line-height: 22px;
    border-top: 1px solid #989898;
}

footer .gl-copy img {
    margin-bottom: -5px;
}

footer .gl-copy a {
    color: #282828;
}

/*///////////////////////////////////////*/
/* //////// CSS COMMUN //////////////// */
/*/////////////////////////////////////*/

/*---masquage admin menu---*/
#toolbar-administration {
    display: none;
}

body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin-left: 0;
}

body,
.adminimal-admin-toolbar.toolbar-fixed.toolbar-vertical {
    padding: 0 !important;
}

/*---fin masquage admin menu---*/

/*///////////////////////////////////////*/
/* ///// Mise en page paragraphes ///// */
/*/////////////////////////////////////*/
.para-photo-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.para-photo-legende {
    margin: 5px 0 15px 0;
    text-align: center;
    font-size: 12px;
}

/*photo à droite*/
.pos-photo-3 .para-photos {
    float: right;
    max-width: 40%;
    margin: 20px 0 20px 2%;
}

/*photo à gauche*/
.pos-photo-4 .para-photos {
    float: left;
    max-width: 40%;
    margin: 20px 2% 20px 0;
}

/*photo en haut et en bas*/
.pos-photo-1 .para-photos,
.pos-photo-2 .para-photos {
    clear: both;
    width: 100%;
    margin: 20px 0;
}

.pos-photo-1 .para-photos:after,
.pos-photo-2 .para-photos:after {
    content: '';
    clear: both;
}

.pos-photo-1.nb-photos-1 .para-photos .para-photo,
.pos-photo-2.nb-photos-1 .para-photos .para-photo {
    max-width: 50%;
    margin: 0 auto;
}

.pos-photo-1.nb-photos-2 .para-photos .para-photo,
.pos-photo-2.nb-photos-2 .para-photos .para-photo {
    float: left;
    width: 47%;
    margin: 0 1.5%;
}

.pos-photo-1.nb-photos-3 .para-photos .para-photo,
.pos-photo-2.nb-photos-3 .para-photos .para-photo {
    float: left;
    width: 30%;
    margin: 0 1.5%;
}

.pos-photo-1.nb-photos-4 .para-photos .para-photo,
.pos-photo-2.nb-photos-4 .para-photos .para-photo,
.pos-photo-1.nb-photos-more .para-photos .para-photo,
.pos-photo-2.nb-photos-more .para-photos .para-photo {
    float: left;
    width: 22%;
    margin: 0 1.5%;
}

.pos-photo-1.nb-photos-more .para-photos .para-photo:nth-child(4n+1),
.pos-photo-2.nb-photos-more .para-photos .para-photo:nth-child(4n+1) {
    clear: both;
}

img[data-align="center"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img[data-align="right"] {
    float: right;
}

img[data-align="left"] {
    float: left;
}

.paragraphes table tr td {
    padding: 10px;
    border: 1px solid transparent;
}

.paragraphes table {
    width: 100%;
    margin-bottom: 30px;
}

.paragraphes ul li {
    padding-left: 15px;
}

.paragraphes ul li:before {
    content: '• ';
    color: #333;
}

/* Fin paragraphes */

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

/*--- HOMEPAGE ---*/

/*--- CONTENT ---*/

main {
    clear: both;
}

/*///////////////////////////////////////*/
/* //////// FANCYBOX ////////////////// */
/*/////////////////////////////////////*/

.fancybox-thumbs {
    top: auto !important;
    width: auto !important;
    bottom: 10px !important;
    left: 0 !important;
    right: 0 !important;
    height: 80px !important;
    background: #1f1f1f !important;
}

.fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap {
    right: 0 !important;
    bottom: 90px !important;
    text-align: center;
}

.fancybox-caption {
    padding: 15px 0 !important;
}

/*///////////////////////////////////////*/
/* //////// DEBUT FORMULAIRE ////////// */
/*/////////////////////////////////////*/

/*--- PAGE CONTACT ---*/
#block-gallo-theme-contactblock,
#block-gallo-theme-contactblock-3,
#block-gallo-theme-contactblock-4,
#block-gallo-theme-contactblock-5,
#block-gallo-theme-contactblock-6 {
    width: 60%;
    float: left;
    z-index: 5;
}

#block-gallo-theme-contactblock h2 {
    color: #1c99df;
    font-size: 18px;
    padding-left: 20px;
}

.field--name-field-nom, .field--name-field-email, .field--name-field-prenom, .field--name-field-telephone, .field--name-field-ville-du-projet, .field--name-field-type-de-projet {
    width: 98%;
}

/*---- FORMULAIRES ----*/
.form-composite > legend,
.label,
label,
fieldset:not(.fieldgroup) > legend,
summary, .fieldgroup:not(.form-composite) > legend {
    font-size: 16px;
    color: #848484;
}

.form-item, .form-actions {
    margin-top: 0;
    margin-bottom: 0;
}

main form .field--string-long {
    position: relative;
    width: 100%;
    clear: both;
}

main form .form-item input {
    font-size: 16px;
}

main form fieldset,
main form .field--type-string-long {
    float: left;
    width: 96%;
    margin: 40px 1.5% 10px 1.5%;
    clear: both;
}

main form .field--type-file {
    float: left;
    width: 47%;
    margin: 40px 1.5% 10px 1.5%;
}

main form .field--type-string,
main form .field--type-email,
main form .field--type-entity-reference,
main form .field--type-telephone,
main form .field--type-list-integer.field--widget-options-select,
main form .field--type-list-string {
    position: relative;
    float: left;
    width: 30%;
    margin: 10px 1.5% 10px 1.5%;
    clear: none;
}

main #newsletter .g-recaptcha {
    float: left;
    margin-bottom: 10px;
}

main form .form-item.form-type-checkbox,
main form .form-item.form-type-radio {
    float: left;
    width: 97%;
    margin: 10px 1.5% 10px 1.5%;
}

main form fieldset .form-item.form-type-checkbox,
main form fieldset .form-item.form-type-radio {
    width: 22%;
}

main #newsletter fieldset .form-item.form-type-checkbox {
    width: 100%;
}

main #newsletter .js-form-required {
    display: none;
}

main form .form-item.form-type-checkbox:nth-child(4n+1),
main form .form-item.form-type-radio:nth-child(4n+1) {
    clear: both;
}

main form .field--type-string label,
main form .field--type-email label,
main form .field--type-telephone label,
main form .field--type-list-integer.field--widget-options-select label,
main form .field--type-entity-reference label {
    position: absolute;
    top: 24px;
    left: 10px;
    color: #848484;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

main form .field--type-string .hasText label,
main form .field--type-email .hasText label,
main form .field--type-entity-reference .hasText label,
main form .field--type-telephone .hasText label,
main form .field--type-list-integer.field--widget-options-select label {
    top: -5px;
    font-size: 12px;
}

main form .field--type-string .form-item,
main form .field--type-email .form-item,
main form .field--type-entity-reference .form-item,
main form .field--type-telephone .form-item,
main form .field--type-list-integer.field--widget-options-select .form-item {
    padding-top: 16px;
}

main form .form-actions {
    width: 100%;
    clear: both;
    float: none;
    text-align: center;
}

/*-couleurs-*/
input.form-autocomplete,
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-number,
input.form-color,
input.form-file,
input.form-date,
input.form-time,
select,
textarea.form-textarea {
    padding: 8px 0;
    border: solid 1px #d0d0d0;
    border-radius: 5px;
    outline: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    /*-webkit-box-shadow: inset 0 -1px 0 0 #d2d2d2;*/
    /*box-shadow: inset 0 -1px 0 0 #d2d2d2;*/
}

input.form-file {
    -webkit-box-shadow: inset 0 0 0 0 #d2d2d2;
    box-shadow: inset 0 0 0 0 #d2d2d2;
}

.form-managed-file input.form-submit {
    color: #fff;
    background-color: #008bd6;
    border: none;
}

.ajax-progress-throbber .throbber {
    background: transparent url(../images/interface/ring-alt.gif) no-repeat 0 center;
    padding: 10px;
}

input.form-autocomplete:focus,
input.form-text:focus,
input.form-tel:focus,
input.form-email:focus,
input.form-url:focus,
input.form-search:focus,
input.form-number:focus,
input.form-color:focus,
input.form-date:focus,
input.form-time:focus,
select:focus,
textarea.form-textarea:focus,
.hasText input.form-autocomplete,
.hasText input.form-text,
.hasText input.form-tel,
.hasText input.form-email,
.hasText input.form-url,
.hasText input.form-search,
.hasText input.form-number,
.hasText input.form-color,
.hasText input.form-date,
.hasText input.form-time,
.hasText select,
.hasText textarea.form-textarea {
    /*-webkit-box-shadow: inset 0 -2px 0 0 #008bd6;*/
    /*box-shadow: inset 0 -2px 0 0 #008bd6;*/
    padding-left: 10px;
}

textarea.form-textarea {
    height: 50px;
    font-size: 16px;
    background: transparent;
}

.hasText textarea.form-textarea {
    height: 150px;
}

input.form-autocomplete,
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
select {
    width: 100%;
    background: transparent;
    min-height: 38px;
}

input.form-number,
input.form-date {
    min-height: 38px;
}

input[type=checkbox]:checked,
input[type=checkbox]:disabled:checked,
input[type=radio]:checked,
input[type=radio]:disabled:checked {
    background-color: #000;
}

input[type=checkbox]:hover,
input[type=checkbox]:focus,
input[type=radio]:hover,
input[type=radio]:focus {
    border: 1px solid #000;
}

input[type=checkbox],
input[type=radio] {
    margin: 0 10px 0 0;
}

input[type=checkbox]:before,
input[type=radio]:before {
    font-family: 'Font Awesome 5 Free';
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    font-weight: 700;
    margin-top: -2px;
    padding-top: 1px;
    text-align: center;
    background: #fff;
    font-size: 11px;
    color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

input[type=radio]:before {
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

input[type=checkbox]:checked:before,
input[type=radio]:checked:before {
    content: "\f00c";
    color: #1c99df;
    border: 2px solid #1c99df;
}

input[type=radio]:checked:before {
    content: "\f111";
}

/*///////////////////////////////////////*/
/* //////// FIN FORMULAIRE //////////// */
/*/////////////////////////////////////*/

body #tarteaucitronRoot div#tarteaucitronAlertBig {
    max-width: 590px !important;
    padding: 20px 0 !important;
    background-position: center top 25px !important;
}