@font-face {
    font-family: "SourceSansPro";
    src: 
        url('../fonts/source_sans_pro_regular.woff2') format("woff2"), 
        url('../fonts/source_sans_pro_regular.woff') format("woff"),
        url('../fonts/source_sans_pro_regular.otf') format("opentype");
}
body {
    font-family: "SourceSansPro", sans-serif;
    overflow-x: auto;
}
#noscript-alert {
    position: fixed;
    width: 100%;
    top: 0;
}
.image-wrapper.fond-agenda {
    background-image: '';
    background-size: cover;
	background-color: #f4f4f4;
}
.image-wrapper.fond-formation {
    background-image: '';
    background-size: cover;
	background-color: #f4f4f4;
}
.image-wrapper.fond-etude {
    background-image: '';
    background-size: cover;
	background-color: #f4f4f4;
}
/*------------------------------------------------------------------------------
PAGE
------------------------------------------------------------------------------*/
.inner-page-title {
    padding-top: 20px;
    padding-bottom: 20px;
}
.inner-page {
    padding-bottom: 20px;
}
.parallax-application {
    background-image: url('../images/parallax-actu.jpg')
}
.parallax-bandeau-page {
    height: 250px;
}
.parallax-image-page {
    height: 200px;
    margin: 20px 0;
}
.post-title {
    text-transform: uppercase;
}
/*------------------------------------------------------------------------------
SLIDER
------------------------------------------------------------------------------*/
.titre-slide {
    z-index: 9; 
    white-space: nowrap; 
    font-size: 50px; 
    line-height: 50px;
}
.sous-titre-slide {
    z-index: 9;
    white-space: nowrap;
    font-size: 25px;
    line-height: 25px;
    color:#faaf1e !important;
}
/*------------------------------------------------------------------------------
COMMENTAIRE
------------------------------------------------------------------------------*/
#list-commentaires small {
    font-size: 80%;
}
/*------------------------------------------------------------------------------
FORMATION
------------------------------------------------------------------------------*/
#list-categorie-formation .categorie-formation {
    border-left: 40px solid #2087ca;
    background-color: #FFF;
    padding: 10px 20px;
    border-radius: 15px;
    margin-bottom: 40px;
}
.categorie-formation h2 {
    text-align: left;
}
.categorie-formation .btn-default a {
    color: #FFF;
}
.btn.btn-black {
    background-color: #333;
}
/*------------------------------------------------------------------------------
@CTU CREAI
------------------------------------------------------------------------------*/
.icone-actu-creai {
    border-radius: 100%;
    color: #fff;
    font-size: 60px;
    height: 100px;
    margin-left: -55px;
    padding-top: 18px;
    text-align: center;
    width: 100px;
}
.titre-etude {
    background-color: gray;
    border-radius: 100%;
    color: #fff;
    display: table-cell;
    font-size: 60px;
    font-weight: bold;
    height: 100px;
    line-height: 1;
    margin-left: -50px;
    padding-top: 18px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100px;
    z-index: 999;
}
#actu-creai .feature {
    padding: 15px 15px 15px 80px;
    background-color: #FFF;
    min-height: 130px;
}
#actu-creai p {
    color: #3d3d3d;
}
#actu-creai .btn.random-color-1, #actu-creai .titre-etude.random-color-1, .icone-actu-creai.random-color-1 {
    background-color: #FFA921;
}
#actu-creai .btn.random-color-2, #actu-creai .titre-etude.random-color-2, .icone-actu-creai.random-color-2 {
    background-color: #008AC1;
}
#actu-creai .btn.random-color-3, #actu-creai .titre-etude.random-color-3, .icone-actu-creai.random-color-3 {
    background-color: #EF0019;
}
#actu-creai .btn.random-color-4, #actu-creai .titre-etude.random-color-4, .icone-actu-creai.random-color-4 {
    background-color: #42902E;
}
#actu-creai .btn.random-color-5, #actu-creai .titre-etude.random-color-5, .icone-actu-creai.random-color-5 {
    background-color: #009596;
}
#actu-creai .btn.random-color-6, #actu-creai .titre-etude.random-color-6, .icone-actu-creai.random-color-6 {
    background-color: #801A97;
}
#categorie-actu-creai > a {
    display: inline-block;
}
#categorie-actu-creai figure {
    background-color: #faaf22;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-pack: center;
    margin: 2em;
    overflow: visible;
}
#categorie-actu-creai figure.icone-categorie-actu-creai .text {
  display: block;
  color: #fff;
  font-size: 1.4em;
  padding-top: 15px;
  text-align: center;
  position: absolute;
  background: transparent !important;
  font-weight: bold;
  text-shadow: 0 0 5px #4d4d4d;
  padding-left: 5px;
  padding-right: 5px;
  min-width: 100%;

}
#categorie-actu-creai figure.icone-categorie-actu-creai {
  width: 12em;
  height: 12em;
  position: relative;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  cursor: pointer;
}
#categorie-actu-creai figure.icone-categorie-actu-creai .t {
 width: 4em;
  height: 4em;
  position: absolute;
  top: -3em;
  left: 4em;
  -webkit-border-radius: 8em;
  -moz-border-radius: 8em;
  border-radius: 8em;
  background-color: #faaf22;
}

#categorie-actu-creai figure.icone-categorie-actu-creai .r {
 width: 4em;
  height: 4em;
  position: absolute;
  top: 4em;
  left: 11em;
  -webkit-border-radius: 8em;
  -moz-border-radius: 8em;
  border-radius: 8em;
  background-color: #faaf22;
}

#categorie-actu-creai figure.icone-categorie-actu-creai .b { 
 width: 3.6em;
  height: 3.6em;
  position: absolute;
  top: 9em;
  left: 4.4em;
  -webkit-border-radius: 8em;
  -moz-border-radius: 8em;
  border-radius: 8em;
  background-color: #f3f5f6;
}

#categorie-actu-creai figure.icone-categorie-actu-creai .l { 
 width: 3.6em;
  height: 3.6em;
  position: absolute;
  top: 4.4em;
  left: -.8em;
  -webkit-border-radius: 8em;
  -moz-border-radius: 8em;
  border-radius: 8em;
  background-color: #f3f5f6;
}
.responsive-circle {
    font-size: 80px;
    font-weight: 700;
    margin: 0 auto 20px;
    width: 80%;
}
.responsive-circle::after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 0;
    margin-bottom: 20px;
    padding-bottom: 100%;
    width: 100%;
}
.responsive-circle div {
    color: white;
    float: left;
    line-height: 1em;
    margin-top: -0.5em;
    padding-top: 50%;
    text-align: center;
    width: 100%;
}
.icone-categorie-actu-creai.random-color-1 {
    background-color: #FFA921;
}
.icone-categorie-actu-creai.random-color-2 {
    background-color: #008AC1;
}
.icone-categorie-actu-creai.random-color-3 {
    background-color: #EF0019;
}
.icone-categorie-actu-creai.random-color-4 {
    background-color: #42902E;
}
.icone-categorie-actu-creai.random-color-5 {
    background-color: #009596;
}
.icone-categorie-actu-creai.random-color-6 {
    background-color: #801A97;
}
/*------------------------------------------------------------------------------
ETUDES
------------------------------------------------------------------------------*/
#etudes .btn.random-color-1, #etudes .titre-etude.random-color-1 {
    background-color: #FFA921;
}
#etudes .btn.random-color-2, #etudes .titre-etude.random-color-2 {
    background-color: #008AC1;
}
#etudes .btn.random-color-3, #etudes .titre-etude.random-color-3 {
    background-color: #EF0019;
}
#etudes .btn.random-color-4, #etudes .titre-etude.random-color-4 {
    background-color: #42902E;
}
#etudes .btn.random-color-5, #etudes .titre-etude.random-color-5 {
    background-color: #009596;
}
#etudes .btn.random-color-6, #etudes .titre-etude.random-color-6 {
    background-color: #801A97;
}
.feature .icon, .feature figure.titre-etude {
    position: static;
}
.titre-etude {    
    background-color: gray;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #fff;
    display: table-cell;
    font-size: 30px;
    font-weight: bold;
    height: 80px;
    line-height: 1;
    padding-top: 0px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 120px;
    z-index: 999;
    margin: 0;
}
#etudes .feature {
    padding: 0;
    background-color: #FFF;
    min-height: 130px;
}
#etudes .feature {
    display: table;
    width: 100%;
}
.titre-etude, .list-pdf-etudes {
    display: table-cell;
}
.titre-etude {
    width: 15%;
}
.list-pdf-etudes {
    padding: 10px 20px;
    width: 85%;
}
/*------------------------------------------------------------------------------
NAVBAR
------------------------------------------------------------------------------*/
.navbar .navbar-nav > li > a {
    color: #3c3c3c !important;
    font-size: 14px;
}
.navbar .navbar-collapse {
    width: 100%;
    background-color: #ececec;
}
.navbar.header1 .navbar-nav, .navbar.header3 .navbar-nav {
    height: auto;
}
.navbar.header1 .navbar-nav > li > a, .navbar.header3 .navbar-nav > li > a {
    line-height: 60px;
}
.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}
.navbar .navbar-collapse {
    text-align: center;
}
.navbar .navbar-brand {
    line-height: 20px;
    margin-top: 15px;
}
/*--Enleve le menu en fixed--*/
.navbar.fixed {
    top: -300px;
}
.header-content {
    padding-top: 30px;
}
.navbar .nav-bars-wrapper {
    vertical-align: top;
    padding-top: 20px;
}
@media (max-width: 992px) {
    .navbar {
        background: #000;
    }
    .navbar-nav .open .dropdown-menu {
        background-color: #0ba5c3;
        text-align: center;
        margin-left: -500px;
        margin-right: -500px;
    }
    .navbar .nav > li.current > a, .navbar .nav > li > a:hover {
        color: #555 !important;
    }
}
/*------------------------------------------------------------------------------
COLPORTEUR
------------------------------------------------------------------------------*/
#image-colporteur {
    position: relative;
    z-index: 2;
    margin-bottom: 40px;
}
#abonnement-colporteur {
    background-color: #fff;
    margin-left: -1500px;
    margin-right: -1500px;
    margin-top: -60px;
    padding-bottom: 20px;
    padding-left: 1500px;
    padding-top: 60px;
    z-index: 1;
}
#connexion-colporteur {
    padding-top: 20px;
    padding-bottom: 20px;
}
/*------------------------------------------------------------------------------
SVG-MAP
------------------------------------------------------------------------------*/
.svg-map {        
    max-width: 100%;
    max-height: 100%;
    text-align: center;
}
.svg-map path {
    fill:#faaf22;
    stroke:#FFFFFF;
    stroke-width:0.6;
    transition: fill 0.2s, stroke 0.3s;
}
.svg-map path:hover {
    fill: #e3474a !important;
    stroke: red;
    cursor: pointer;
}
.svg-map text {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                    not supported by any browser */
    cursor: pointer;
    pointer-events: none;
}
/*------------------------------------------------------------------------------
GOOGLE-MAP
------------------------------------------------------------------------------*/
#contact-map {
    width: 100%;
    height: 450px;
}
/*------------------------------------------------------------------------------
PARALLAX
------------------------------------------------------------------------------*/
.image-wrapper .section-title h2 {
    color: #fff !important;
}
.section-title h2 {
    text-transform: none;
}
.section-title h2 {
    color: #3d3d3d;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.6px;
    line-height: 34px;
    margin: 0;
}
.section-title .lead {
    margin-top: 15px;
}
.parallax.parallax-archive-agenda {
    background-image: url(../images/parallax-archive-agenda.png);
}
.parallax.parallax-agenda {
    background-image: url(../images/parallax-agenda.jpg);
}
.parallax-actu {
    background-image: url(../images/parallax-actu.jpg);
}
.parallax-animation {
    background-image: url(../images/parallax-animation.jpg);
}
.parallax-annuaire {
    background-image: url(../images/parallax-annuaire.jpg);
}
.parallax-colporteur {
    background-image: url(../images/parallax-colporteur.jpg);
}
.parallax-etudes {
    background-image: url(../images/parallax-etudes.jpg);
}
.parallax-creai {
    background-image: url(../images/parallax-creai.jpg);
}
.parallax-formation {
    background-image: url(../images/parallax-inscription-formation.jpg);
}
.parallax-documentation {
    background-image: url(../images/parallax-documentation.jpg);
}
.parallax-emploi {
    background-image: url(../images/parallax-emploi.jpg);
}
.parallax-inscription-formation {
    background-image: url(../images/parallax-inscription-formation.jpg);
    height: 300px;
}
/*------------------------------------------------------------------------------
ACTUALITES
------------------------------------------------------------------------------*/
.actualite img {
    width: 100%;
    height: auto;
}
.actualite .actu-type-container {
    padding: 0;
}
figure a .overlay::after {
    background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
figure a .overlay .info span  {
    font-size: 25px;
    color: #f7fffb;
}
/*------------------------------------------------------------------------------
EMPLOI
------------------------------------------------------------------------------*/
#search_emploi_theRegion label {
    margin: 0 5px;
}
/*------------------------------------------------------------------------------
TROMBINOSCOPE
------------------------------------------------------------------------------*/
.desc-trombi {
    color: #FFF;
    padding-top: 50px;
    height: 150px;
}
#trombinoscope {
    color: #FFF;
    vertical-align: middle;
    text-align: center;
}
#trombinoscope .info {
    font-size: 18px;
    padding: 10px;
}
#trombinoscope .col-sm-3 {
    padding: 0;
}
#trombinoscope img {
    width: 100px;
    border-radius: 100%;
    height: 100px;
    margin: auto;
}
#trombinoscope figure {
    margin-bottom: -50px;
}
#trombinoscope figure a .overlay .info span {
    text-transform: none;
    font-weight: 100;
    line-height: 40px;
}
.photo-trombi {
    display: inline-block;
    width: 280px;
    margin: 25px 10px;
}
.bloc-trombi {
    margin: 25px 0;
}
/*------------------------------------------------------------------------------
AGENDA
------------------------------------------------------------------------------*/
/* Place les dates à l'opposé des textes*/
.timeline .commissions h3 a, #agenda .commissions h3 a {
    color: #1787cf;
}
.timeline .journee-cra h3 a, #agenda .journee-cra h3 a {
    color: #f9ae21;
}
.timeline .autres-evenements h3 a, #agenda .autres-evenements h3 a {
    color: #4a8c32;
}
.timeline .autre h3 a, #agenda .autre h3 a {
    color: #F31414;
}
.timeline .feature.text-right .date-evenement, #agenda .feature .date-evenement {
    right: inherit;
    left: 0;
    margin-left: -35px;
}
.timeline .feature.text-left .date-evenement {
    left: inherit;
    right: 0;
    margin-right: -35px;
}
.timeline .feature, #agenda .feature{
    border: 1px solid #CCC;
    background-color: #fff;
}
.timeline .feature.text-left  {
    padding: 15px 60px 15px 15px;
    border-right: 50px solid #faaf22;
}
.timeline .feature.text-right, #agenda .feature {
    padding: 15px 15px 15px 60px;
    border-left: 50px solid #faaf22;
}
.timeline .commissions.feature.text-right {
    border-left-color: #1787cf;
}
.timeline .commissions.feature.text-left {
    border-right-color: #1787cf;
}
.timeline .commissions.feature.text-right, #agenda .commissions.feature {
    border-left-color: #1787cf;
}
.timeline .commissions.feature .btn, #agenda .commissions.feature .btn {
    background-color: #1787cf;
}
.timeline .journee-cra.feature.text-left {
    border-right-color: #f9ae21;
}
.timeline .journee-cra.feature.text-right, #agenda .journee-cra.feature {
    border-left-color: #f9ae21;
}
.timeline .journee-cra.feature.text-left {
    border-right-color: #f9ae21;
}
.timeline .journee-cra.feature .btn, #agenda .journee-cra.feature .btn {
    background-color: #f9ae21;
}
.timeline .autres-evenements.feature.text-left{
    border-right-color: #4a8c32;
}
.timeline .autres-evenements.feature.text-right, #agenda .autres-evenements.feature  {
    border-left-color: #4a8c32;
}
.timeline .autres-evenements.feature .btn, #agenda .autres-evenements.feature .btn {
    background-color: #4a8c32;
}
.timeline .autre.feature.text-left{
    border-right-color: #F31414;
}
.timeline .autre.feature.text-right, #agenda .autre.feature  {
    border-left-color: #F31414;
}
.timeline .autre.feature .btn, #agenda .autre.feature .btn {
    background-color: #F31414;
}
.date-evenement {
    margin-top: 15px;
    border-radius: 100%;
    color: #fff;
    display: table-cell;
    font-weight: bold;
    height: 60px;
    line-height: 1;
    text-transform: uppercase;
    vertical-align: middle;
    width: 60px;
    background-color: gray;
    z-index: 999;
    text-align: center;
}
.date-evenement .day,  .date-evenement .month{
    color: #fff;
    display:block;
}
.date-evenement .day {
    font-size: 25px;
    padding-top: 5px;
}
.date-evenement .month {
    padding-top:2px;
    font-size: 20px;
}
.feature p {
    color: #858585;
}
/* Les blocs à gauche repassent à droit en responsive */
@media(max-width: 992px) {
    .timeline .feature.text-left .date-evenement {
        margin-left: -35px;
        margin-right: 0;
        left: 0;
        right: inherit;
    }
    .timeline .feature.text-left {        
    }
    .timeline .feature.text-left {
        padding: 15px 15px 15px 60px;
        border-right-color: #ccc !important;
        border-right-width: 1px !important;
        border-left-width: 50px !important;
        margin-left: 75px;
    }
    .timeline .commissions.feature.text-left {
        border-left-color: #1787cf;
    }
    .timeline .journee-cra.feature.text-left  {
        border-left-color: #f9ae21;
    }
    .timeline .autres-evenements.feature.text-left  {
        border-left-color: #4a8c32;
    }
    .timeline .autre.feature.text-left  {
        border-left-color: #F31414;
    }
}
.parallax.parallax-archive-agenda .inner {    
    padding-top: 50px;
    padding-bottom: 50px;
}
/*------------------------------------------------------------------------------
PAGES
------------------------------------------------------------------------------*/
h1.post-title, h2.post-title {
    text-align: left;
}
/*------------------------------------------------------------------------------
CONTENT
------------------------------------------------------------------------------*/
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
    font-size: 95%;
}
.btn-parallax {
    color: #FFF !important;
    text-transform: none;
    border: 2px outset #FFF;
    display: inline-block;
}
#search_structure_theDepartement > input {
    width: 10%;
}

#search_structure_theDepartement > label {
    width: 40%;
}
.inner {
    padding-bottom: 60px;
    padding-top: 60px;
}
.article-accueil {
    margin-bottom: 30px;
}
.light-wrapper .btn {
    background-color: #faaf22;
}
.subtitle-border {
    border-bottom: 3px solid #faaf20;
    margin-bottom: 20px;
    padding-top: 4px;
    width: 50px;
}
.subtitle-border.text-left {
    margin-left: 0;
}
.btn {
    background-color: #2087ca;
}
.btn-parallax {
    background-color: rgba(0, 0, 0, 0);
    padding: 10px;
}
.section-title h3 {
    text-transform: none;
}
h2 {
    text-align: center;
}
/*------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------*/
.footer-content {
    padding-top: 20px;
}
.social li a i {
    color: #f7fffb;
    display: inline-block;
}
footer a {
    color: #f7fffb;
}
footer a:hover {
    color: #FAAF22;
}
#pages-footer {
    margin-top: 10px;
}
footer {
    background-color: #2087ca;
    color: #f7fffb;
}
footer h2 {
    color: #f7fffb;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 7px;
    text-align: left;
}
.social li {
    margin: 0;
    font-size: 18px;
}
.social li a i {
    font-size: 25px;
    padding-left: 10px;
}
.social {
    display: inline;
    font-size: 0;
    line-height: 1;
    margin: 0;
    padding: 0;
    margin-left: 10px;
}
/* ANNUAIRE */
hr.form-hr {
    padding: 0;
    margin: 20px 0px;
}
#search_structure_typeEtablissement_0, 
#search_structure_typeEtablissement_1 {
    display: inline-block;
    margin-right: 10px;
    text-align: left;
    width: 20px;
}
label[for="search_structure_typeEtablissement_0"], 
label[for="search_structure_typeEtablissement_1"] {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 33px);
}
.radio-annuaire-container {
    margin-bottom: 15px;
}
/*MODIFICATION POUR LE CRA*/
.navbar.header1, .navbar.header3 {
    background: #3162a7 none repeat scroll 0 0;
}
.navbar .btn {
    background-color: #fff;
    color: #3162a7 !important;
    text-transform: none;
    padding: 10px 20px;
    border-radius: 2px;
}
.light-wrapper .btn {
    background-color: #e3474a;
}
footer {
    background-color: #3162a7;
    color: #f7fffb;
}
.navbar-header {
    width: 100%;
}
.subtitle-border {
    border-color: #e3474a;
}
.navbar .dropdown-menu li {
    background: #3162a7 none repeat scroll 0 0;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #3162a7;
}
.btn {
    background-color: #3162a7;
}
#logo-footer {
    margin-top: 20px;
}
#logo-base-documentaire {
    margin-left: auto;
    margin-right: auto;
    width: 350px;
    margin-bottom:15px;
}
#logo-autisme {
    margin-left: auto;
    margin-right: auto;
    width: 130px;
    margin-bottom:15px;
}
.section-title .lead {
    text-transform: none;
}
footer a:hover {
    color: #e3474a;
}

#actu-masonry-grid {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.actu-type-container {
    max-width: 100%;
}
#logo-base-documentaire {
    margin-top: 30px;
}
.date-evenement .icon {
    color: #fff;
    display: block;
    font-size: 30px;
    margin-top: 15px;
}