/* ------DEPLIER------ */

.accordion:after {
    content: '+';
}
.active:after {
    content: "-";
}
.text-accordeon:hover {
    text-decoration: none;
}
/* ------FONT------ */

@font-face {
    font-family: 'montserratmedium_italic';
    src: url('font/montserrat-mediumitalic-webfont.woff2') format('woff2'), url('font/montserrat-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratsemibold';
    src: url('font/montserrat-semibold-webfont.woff2') format('woff2'), url('font/montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratbold';
    src: url('font/montserrat-bold-webfont.woff2') format('woff2'), url('font/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* ------FONT SPECIAL------ */

.italic {
    font-style: italic;
}
.bold {
    font-weight: bold;
}
.underline {
    text-decoration: underline;
}
p {
    font-size: 14px;
    font-family: 'Libre Franklin', sans-serif;
    line-height: 24px;
}
.no-padding>[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}
ul.spip {
    list-style: none;
    margin: 15px 0;
    padding: 0 0 0 15px;
}
ul.spip li {
    background: url(../img/gtv-departementaux/point-gtv-depart.png) 0 5px no-repeat;
    padding-left: 20px;
}
a.bttn_yellow {
    background-color: #f5d266;
    margin-top: 20px;
    font-size: 14px;
    padding-top: 4px;
    display: inline-block;
    color: #535353;
    font-weight: bold;
    padding: 5px 10px;
}
.spip_documents img {
    max-width: 100%;
    height: auto;
}
li .spip_logo {}
/* ------COULEUR------ */

body {
    color: #535353;
}
.blanc {
    color: #ffffff;
}
.gris {
    color: #939393;
}
.gris-clair {
    color: #d9d9d9;
}
.noir {
    color: #535353;
}
.vert {
    color: #8cc63f;
}
.jaune {
    color: #f5d266;
}
/* ------HN------ */

h1 {
    font-family: 'Chivo', sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 24px;
    position: relative;
}
h2 {
    font-family: 'Chivo', sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    position: relative;
}
h3 {
    font-family: 'Chivo', sans-serif;
    font-size: 18px;
    line-height: 24px;
    position: relative;
}
h4 {
    font-family: 'Chivo', sans-serif;
    font-size: 18px;
    line-height: 24px;
    position: relative;
}
h1 span.yellow, h2 span.yellow, h3 span.yellow, h4 span.yellow {
    background-color: #f5d266;
    width: 30px;
    display: inline-block;
}
h1 span.text, h2 span.text, h3 span.text, h4 span.text {
    margin-left: -30px;
    display: inline-block;
}
/* ------TOP BAR------ */

.section_top_menu {
    background-color: #3f90ce;
}
.texte_top_menu {
    text-align: center;
    font-size: 15px;
    padding: 7px;
    font-family: 'montserratmedium_italic';
    margin-top: 5px;
}
.rechercher_top_menu {
    font-size: 14px;
    margin-top: 4px;
    padding: 7px;
    background-color: #3f90ce;
    border: 1px solid #3f90ce;
    width: 120px;
}
.col_rechercher_top_menu {
    text-align: center;
    font-family: 'montserratsemibold';
}
.social_top_menu {
    margin-top: 6px;
    text-align: center;
    padding-bottom: 7px;
}
/* ------MENU------ */

@media (min-width: 768px) and (max-width:1199px) {
    .navbar-brand {
        margin-top: 20px;
        width: 150px;
    }
}
@media (min-width: 620px) and (max-width: 767px) {
    .navbar-brand {
        margin-top: 5px;
        width: 200px;
    }
}
@media (max-width: 619px) {
    .navbar-brand {
        width: 50%;
        margin-top: 20px;
    }
}
.menu_gtv {
    margin-top: 0px;
    margin-bottom: 5px;
    position: relative;
    z-index: 999;
}
.navbar .navbar-nav {
    display: inline-block;
    float: none;
}
.nav>li>a {
    padding-left: 5px;
    padding-right: 5px;
}
.navbar .navbar-collapse {
    text-align: center;
}
@media (max-width: 500px) {
    .navbar .navbar-collapse {
        text-align: center;
        width: 100%
    }
}
.navbar-header {
    position: absolute;
    transform: translateX(-10%);
    top: -20px;
}
.navbar {
    margin-top: 5px;
}
.font_navbar_gtv {
    font-family: 'montserratbold';
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 15px;
}
.barre-sous-menu {
    background-color: #FFF;
    box-shadow: 0px 1px 5px #939393;
    position: relative;
    z-index: 999;
}
/* ------FOOTER------ */

.footer {
    height: 100%;
    margin-top: 50px;
    background-image: url('../img/fond-gtv.jpg');
    background-color: #77bd33;
    background-repeat: repeat-x;
    background-position: bottom;
}
.footer-2 {
    height: 100%;
    background-image: url('../img/fond-gtv.jpg');
    background-color: #77bd33;
    background-repeat: repeat-x;
    background-position: bottom;
    color: #FFF;
}
.footer-2 a {
    color: #FFF;
    text-decoration: underline;
}
.titre-gtv-footer-1 {
    margin-top: 20px;
    margin-bottom: 50px;
    color: #ffffff;
}
.titre-gtv-footer-2 {
    margin-top: 20px;
    margin-bottom: 50px;
    color: #ffffff;
}
.titre-gtv-footer-3 {
    margin-top: 20px;
    margin-bottom: 50px;
    color: #ffffff;
}
@media (max-width:991px) {
    .titre-gtv-footer-1 {
        margin-top: 20px;
        margin-bottom: 0px;
        color: #ffffff;
    }
    .titre-gtv-footer-2 {
        margin-top: 20px;
        margin-bottom: 0px;
        color: #ffffff;
    }
    .titre-gtv-footer-3 {
        margin-top: 20px;
        margin-bottom: 50px;
        color: #ffffff;
    }
}
/* ------RECHERCHE------ */

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #ffffff;
    font-family: 'montserratsemibold';
}
:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ffffff;
    opacity: 1;
    font-family: 'montserratsemibold';
}
::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ffffff;
    opacity: 1;
    font-family: 'montserratsemibold';
}
:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ffffff;
    font-family: 'montserratsemibold';
}
::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #ffffff;
    font-family: 'montserratsemibold';
}
/* ------PAGE PRINCIPALE------ */

.contenu-gtv-index-1 {
    background-image: url('../img/gtv-departementaux/fond-section-2.jpg');
    background-repeat: repeat;
    position: relative;
}
.titre-gtv-index-1 {
    margin-top: 50px;
    padding-bottom: 0px;
}
.point-gtv-index-1 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.lien-gtv-occitanie-div {
    margin-top: 30px;
}
.lien-gtv-occitanie {
    background-color: #f5d266;
    width: 228px;
    height: 100%;
    float: left;
    margin-top: 20px;
    font-size: 14px;
    padding-top: 4px;
    text-align: :center;
    margin-bottom: 50px;
}
.lien-2-gtv-occitanie {
    background-color: #f5d266;
    width: 198px;
    height: 100%;
    float: left;
    margin-top: 20px;
    font-size: 14px;
    padding-top: 4px;
    text-align: :center;
    margin-bottom: 50px;
}
.lien-3-gtv-occitanie {
    background-color: #f5d266;
    width: 263px;
    height: 100%;
    float: left;
    margin-top: 20px;
    font-size: 14px;
    padding-top: 4px;
    text-align: center;
    margin-bottom: 50px;
}
.lien-4-gtv-occitanie {
    background-color: #3f90ce;
    width: 195px;
    height: 100%;
    float: left;
    font-size: 14px;
    padding-top: 4px;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
}
.lien-5-gtv-occitanie {
    background-color: #3f90ce;
    width: 210px;
    height: 100%;
    float: left;
    font-size: 14px;
    padding-top: 4px;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
}
.lien-gtv-occitanie-2 {
    padding: 5%;
    color: #535353;
    font-weight: bold;
}
.lien-gtv-occitanie-3 {
    /*padding:5%;*/
    color: #ffffff;
    /*	font-weight:bold;*/
}
.fleche-gtv-index {
    margin-left: 5px;
}
.titre-2-gtv-index-1 {
    margin-top: 10px;
    margin-bottom: 25px;
}
.texte-actu-index-gtv-1 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
}
.date-2-gtv-index-1 {
    margin-right: 20px;
}
.date-1-gtv-index-1 {
    margin-top: 10px;
}
.separateur-index-gtv-1 {
    height: 1px;
    width: 100%;
    background: #d9d9d9;
    margin-bottom: 15px;
}
.gtv-junior-1 {
    margin-bottom: 20px;
}
.titre-gtv-index-2 {
    margin-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}
#quote-carousel .carousel-control {
    background: none;
    color: #ffffff;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-control.left {
    left: -12px;
    margin-top: 75px;
}
#quote-carousel .carousel-control.right {
    right: -12px !important;
    margin-top: 75px;
}
.item blockquote {
    border-left: none;
    margin: 0;
    text-align: center;
}
.item blockquote img {
    margin-bottom: 10px;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
@media (min-width: 992px) and (max-width:1199px) {
    #quote-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
        margin-top: 30px;
    }
    /* Previous button  */
    #quote-carousel .carousel-control.left {
        margin-top: 35px;
    }
    /* Next button  */
    #quote-carousel .carousel-control.right {
        margin-top: 35px;
    }
}
@media (min-width: 769px) and (max-width:991px) {
    #quote-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
        margin-top: 30px;
    }
    /* Previous button  */
    #quote-carousel .carousel-control.left {
        margin-top: 180px;
    }
    /* Next button  */
    #quote-carousel .carousel-control.right {
        margin-top: 180px;
    }
}
@media (max-width: 768px) {
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}
.padding-image:hover {
    opacity: 0.6;
}
.texte-document-ressource {
    padding-left: 25px;
}
.texte-2-document-ressource:hover {
    text-decoration: underline;
}
.plus-gtv-2 {
    background-color: #3f90ce;
    width: 30px;
    height: 30px;
    float: right;
    margin: auto;
    font-size: 30px;
    padding-top: 4px;
    text-align: center;
}
/* ------GTV DEPARTEMENTAUX------ */

.contenu-gtv-depart {
    margin-top: 20px;
}
.image-depart-2 {
    margin-top: 50px;
}
.contenu-gtv-depart-3 {
    margin-top: 30px;
    min-height: 360px;
    background-image: url('../img/gtv-departementaux/fond-section-2.jpg');
    background-repeat: repeat;
}
.titre-gtv-depart-2 {
    text-decoration: underline;
    text-decoration-color: #f5d266;
}
.plus-gtv {
    background-color: #f5d266;
    width: 30px;
    height: 30px;
    float: right;
    margin: auto;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    display: flex;
}
.plus-gtv>svg {
    display: block;
    margin: auto;
}
.titre-gtv-depart-3 {
    margin-top: 50px;
    text-align: center;
}
.contenu-gtv-depart-4 {
    margin-top: 50px;
    height: 100%;
}
.titre-gtv-depart-4 {
    margin-top: 50px;
    margin-bottom: 50px;
}
.en-savoir-plus-gtv {
    background-color: #f5d266;
    width: 120px;
    height: 100%;
    float: left;
    margin-top: 20px;
    font-size: 14px;
    padding-top: 4px;
    text-align: left;
    margin-bottom: 50px;
    margin-top: -1px;
    text-align: center;
}
.en-savoir-plus-gtv-2 {
    padding: 5%;
    color: #535353;
    font-weight: bold;
}
/* ------ARTICLE------ */

.contenu-gtv-article {
    margin-top: 20px;
}
.contenu-gtv-article-2 {
    margin: 30px 0;
    padding-top: 20px;
    padding-bottom: 50px;
    background-image: url('../img/gtv-departementaux/fond-section-2.jpg');
    background-repeat: repeat;
}
.image-article-1 {
    margin-top: 20px;
}
.titre-gtv-article-1 {
    margin-top: 50px;
    padding-bottom: 20px;
}
.date-1-gtv-article {
    margin-right: 0px;
}
.date-2-gtv-article {
    margin-right: 5px;
}
.texte-article-1 {
    margin-top: 15px;
}
.plus-gtv-article {
    background-color: #3f90ce;
    width: 30px;
    height: 30px;
    float: right;
    margin: auto;
    font-size: 30px;
    padding-top: 4px;
    text-align: center;
    margin-top: 20px;
}
@media (min-width: 550px) and (max-width:1199px) {
    .plus-gtv-article {
        margin-top: 0px;
    }
}
@media (max-width: 549px) {
    .plus-gtv-article {
        margin-top: 30px;
    }
}
.ressource-article {
    margin-top: 50px;
    margin-bottom: 70px;
}
/* ------ACTUALITES------ */

.contenu-actualites {
    margin-top: 20px;
}
.image-actualites-1 {
    width: 200%;
    margin-top: 20px;
}
.bloc-actualite-1 {
    background-color: white;
    height: 100%;
    width: 100%;
    margin-top: 60px;
    box-shadow: 0px 1px 5px #939393;
    padding: 35px;
}
@media (min-width: 550px) and (max-width:992px) {
    .image-actualites-1 {
        width: 100%;
    }
    .bloc-actualite-1 {
        background-color: white;
        height: 100%;
        margin-top: 20px;
        box-shadow: 0px 1px 5px #939393;
        padding: 35px;
    }
}
@media (max-width: 549px) {
    .image-actualites-1 {
        width: 100%;
    }
    .bloc-actualite-1 {
        background-color: white;
        height: 100%;
        margin-top: 20px;
        box-shadow: 0px 1px 5px #939393;
        padding: 35px;
    }
}
.titre-actualites {
    margin-top: 30px;
}
.date-1-gtv-actualites {
    margin-left: 20px;
}
.titre-actualites-1 {
    width: 85%;
    margin-top: 5px;
}
.image-actu-bloc {
    margin-right: 5px;
}
.titre-actualites-2 {
    margin-top: 80px;
    margin-bottom: 40px;
}
.image-actualites-2 {
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
}
.texte-actualites {
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
    margin-top: 10px;
}
.date-2-gtv-actualites {
    margin-left: 10px;
}
.texte-actualites-2 {
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
}
.lien-actualites {
    background-color: #f5d266;
    margin: 0 auto;
    margin: 20px 0;
    padding: 5px 15px;
    display: inline-block;
}
.lien-actualites-2 {
    padding: 5%;
    color: #535353;
    font-weight: bold;
}
/* ------DOCUMENTATION------ */

.contenu-documentation {
    background-color: #3f90ce;
    height: 100%;
    position: relative;
    z-index: 2;
    margin-top: -5px;
}
.titre-documentation-1 {
    margin-top: 25px;
}
@media (max-width: 991px) {
    .titre-documentation-1 {
        margin-top: 45px;
    }
}
.formulaire-tri-doc-2 {
    margin-bottom: 30px;
}
.input-doc-1 {
    padding: 11px;
    width: 100%;
}
#idtext:focus {
    color: #535353;
}
select {
    width: 100%;
}
.type-select {
    padding: 11px;
}
.type-select-2 {
    padding: 14px;
}
.titre-documentation-2 {
    margin-top: 50px;
}
.contenu-documentation-1 {
    margin-top: 50px;
    width: 100%;
}
.contenu-documentation-2 {
    margin-bottom: 100px;
}
.contenu-documentation-3 {
    margin-top: 50px;
}
.texte-documentation-1 {
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
}
.barre-documentation {
    border: 1px solid #d9d9d9;
    margin-top: 30px;
}
@media (min-width: 550px) and (max-width:992px) {
    .barre-documentation {
        border: 1px solid #d9d9d9;
        margin-top: 70px;
    }
}
@media (max-width: 549px) {
    .barre-documentation {
        border: 1px solid #d9d9d9;
        margin-top: 70px;
    }
}
.plus-gtv-documentation {
    background-color: #3f90ce;
    width: 30px;
    height: 30px;
    float: right;
    margin: auto;
    font-size: 15px;
    padding-top: 4px;
    text-align: center;
}
/* ------GTV ARIEGE------ */

.contenu-ariege {
    margin-top: 20px;
}
.plus-gtv-ariege {
    background-color: #8cc63f;
    width: 30px;
    height: 30px;
    float: right;
    margin: auto;
    font-size: 30px;
    padding-top: 4px;
    text-align: center;
}
.image-ariège {
    text-align: center;
    position: relative;
    z-index: 2;
}
.image-equipe {
    text-align: center;
    position: relative;
    z-index: 2;
    margin-top: 10px;
}
.image-equipe img {
    border-radius: 50%;
    border: 1px solid #F5F5F5;
    width: 180px;
}
.image-ariège-2 {
    text-align: center;
    margin-top: 50px;
    position: relative;
    z-index: 2;
}
.bloc-ariege-1 {
    background-color: white;
    height: auto;
    width: 200px;
    box-shadow: 0px 1px 5px #939393;
    margin: 0 auto;
    margin-top: -35px;
    position: relative;
    z-index: 4;
    padding: 7px;
    text-align: center;
}
.email-docu {
    font-size: 12px;
}
.btn_blue {
    background-color: #3f90ce;
    color: #FFF;
    margin: 0 auto;
    margin: 20px 0;
    padding: 5px 15px;
    display: inline-block;
}
.btn_blue:hover {
    text-decoration: none;
}
.documents_portfolio ul {
    margin: 10px 0;
    padding: 0;
    list-style: none;
}
.documents_portfolio ul li {
    display: inline-block;
}
.restreint {
    padding: 30px 0;
}
.restreint .sousrub {
    border: 1px solid #CCC;
    padding: 30px 0;
    margin: 15px;
}
.restreint .fa-folder {
    font-size: 50px;
    color: #337ab7;
}
@media (min-width: 992px) and (max-width:1200px) {
    .bloc-ariege-1 {
        background-color: white;
        height: 60px;
        width: 95%;
        box-shadow: 0px 1px 5px #939393;
        margin: 0 auto;
        margin-top: -35px;
        position: relative;
        z-index: 4;
    }
}
@media (min-width: 550px) and (max-width:992px) {
    .image-ariège {
        text-align: center;
        margin-top: 50px;
        position: relative;
        z-index: 2;
    }
}
@media (max-width: 549px) {
    .image-ariège {
        text-align: center;
        margin-top: 50px;
        position: relative;
        z-index: 2;
    }
}
.contenu-gtv-departemental-ariege-2 {
    margin-top: 80px;
    background-image: url('../img/gtv-departementaux/fond-section-2.jpg');
    background-repeat: repeat;
}
.titre-gtv-ariege-2 {
    margin-top: 50px;
    margin-bottom: 50px;
}
.image-ariege-3 {
    max-width: 100%;
    padding-right: 8px;
}
.image-ariege-4 {
    max-width: 100%;
    padding-left: 8px;
}
.texte-ariege-3 {
    width: 100%;
    padding-right: 8px;
    margin-top: 10px;
}
.texte-ariege-4 {
    width: 100%;
    padding-left: 8px;
    margin-top: 10px;
}
.date-2-gtv-ariege {
    margin-left: 10px;
}
.texte-ariege-5 {
    margin-top: 10px;
}
@media (max-width: 450px) {
    .padding-image {
        width: 40px;
    }
}
.lien-1-ariege {
    background-color: #3f90ce;
    width: 285px;
    height: 100%;
    float: left;
    font-size: 14px;
    padding: 5px;
    text-align: center;
    margin-bottom: 50px;
}
.lien-2-ariege {
    background-color: #3f90ce;
    width: 245px;
    height: 100%;
    float: left;
    margin-top: 30px;
    font-size: 14px;
    padding-top: 4px;
    text-align: center;
    margin-bottom: 100px;
}
.contenu-gtv-departemental-ariege-3 {
    margin-top: 20px;
}
.texte-ul-ariege {
    margin-bottom: 50px;
}
.texte-ul-ariege-2 {
    margin-top: 30px;
}
.texte-2-ul-ariege {
    margin-bottom: 100px;
}
.plus-gtv-ariege-2 {
    background-color: #8cc63f;
    width: 30px;
    height: 30px;
    margin: auto;
    font-size: 13px;
    padding-top: 3px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
}
.contenu-gtv-departemental-ariege-2-2 {
    margin-bottom: 15px;
}

.pagination-items{
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    flex-flow: row wrap;
}

.pagination-item{
    margin: 10px;
}

.pagination-item.on.active::after{
    content: "";
}