.home{height:95vh!important;}
.pentagone{
  • background-size:contain;
  • padding:30px 30px 40px 30px;
}
.pentagone.container{
  • width:80%;
}
.pentagone h3 {
  • color: var(--secondary-color-1);
  • font-size: 2.3rem;
    • margin-top:0;
  • margin-bottom:0;
}
.pentagone h4 {
  • color:var(--secondary-color-3);
  • font-size: 2.3rem;
}

.pentagone h5 {
  • color:var(--neutral-color);
  • font-size: 1.3rem;
}
.pentagone .lead {
  • font-size:18px;
}
.pentagone .row{
margin-right:50px;
margin-left:50px;
}

.pentagone .bazar-list {
  • color: var(--secondary-color-2);
  • font-family: Omnes Semibold;
  • font-size: 4rem !important;
  • line-height: .6em;
  • margin-top:20px;
}
.pentagone a:hover{
  • text-decoration:none;
  • opacity:0.8;
}


.sous-titre {
  • margin-top: -70px;
  • z-index: 1;
  • position: relative;
  • background-color: #fff;
  • border-radius: 10px;
  • padding:1em;
  • margin-left:-1em;
  • margin-right:-1em;
}
.sous-titre h2{
  • color:var(--neutral-color);
  • text-align:center;
  • }
.home_actu h1{
  • color:var(--secondary-color-3);
  • font-size:3.5em;
  • letter-spacing:initial;
}
@media only screen and (max-width: 1270px) {
  • .logo_desktop img{
    • display:none;
  • }
}
@media (min-width: 600px) and (max-width: 1300px) {
  • .logo_desktop img{
    • display:none;
  • }
  • .presentation_desktop {
    • display:none;
  • }
  • .pentagone{
    • max-width:430px;
    • height:480px!important;
  • }
.pentagone h4 {
  • margin-bottom:0;
  • }
  • .pentagone h5 {
    • font-size: 1rem;
  • }
  • .pentagone .bazar-list {
    • font-size: 3rem !important;
    • margin-top:0;
    • }
  • }
  • @media only screen and (max-width: 600px) {
  • .logo_desktop img{
    • display:none;
  • }
  • .presentation_desktop {
    • display:none;
  • }
  • .indicateurs_desktop{
    • display:none;
  • }
  • .pentagone{
    • height:380px!important;
  • }
  • .pentagone h3 {
    • font-size: 1.8rem;
  • }
  • .pentagone h4 {
    • font-size: 1.6rem;
    • margin-bottom:0;
  • }
  • .pentagone .lead {
  • font-size:16px;
}

}
/*
  • - Template act_grille pour les actus en page d'accueil

  • */
.actu-container{
  • display: flex;
  • flex-flow: row wrap;
  • justify-content: space-around;
  • align-items:flex-start;
}
.actu-entry-container{
  • width: 30%;
  • /*margin: 3px;*/
  • position: relative;
  • border:3px solid var(--primary-color);
  • border-radius:20px;
  • }
@media only screen and (max-width: 600px) {
  • .actu-entry-container{
    • max-width: 350px;
    • width:100%;
    • margin-bottom:10px;
    • }
}
.actu-entry-container h5 {
  • color: var(--secondary-color-2);
  • font-size: 1.1rem;
  • font-family: affogato;
  • text-align: right;
  • padding-right: .8em;
  • min-height:50px;
}
.actu-entry-container h4 {
  • color: var(--secondary-color-1);
  • /*font-size: 1rem;*/
  • /*font-family: affogato;*/
  • text-align: right;
  • padding-right: .8em;
}

.actu-subtitle {
  • text-align:justify;
}

.image-container {
  • position: relative;

}

.actu-image {
  • display: block;
  • width: 100%;
  • height: auto;
  • border-bottom-left-radius: 17px;
  • border-bottom-right-radius: 17px;
  • border-top-left-radius: 0px;
  • border-top-right-radius: 0px;
}

.actu-overlay {
  • position: absolute;
  • bottom: 100%;
  • left: 0;
  • right: 0;
  • background-color: #fff;
  • overflow: hidden;
  • width: 100%;
  • height: 0;
  • transition: .5s ease;
  • border-radius: 17px;
  • border-bottom-right-radius: 17px;
  • border-top-left-radius: 0px;
  • border-top-right-radius: 0px;
}

.image-container:hover .actu-overlay {
  • bottom: 0;
  • height: 100%;
}

.actu-text {
  • white-space: normal;
  • color: var(--neutral-color);
  • position: absolute;
  • overflow: hidden;
  • top: 50%;
  • left: 50%;
  • transform: translate(-50%, -50%);
  • ms-transform: translate(-50%, -50%);
  • width:100%;
  • height:100%;
  • text-align:justify;
  • padding:1em;
}
.actu-text a {
  • position: absolute;
  • color:var(--secondary-color-2);
  • font-weight:bold;
  • font-size:1rem;
  • bottom:0;
  • right:0;
  • padding:1em;
}
.separateur img{
  • margin-top:10px;
  • }
/*
  • - Footer

  • */
#yw-footer .container{
  • padding-left:0;
  • padding-right:0;
}
.bg_white{
  • background-color:var(--neutral-light-color);
  • padding:10px;
}
.bg_white a{
  • color:var(--secondary-color-1)!important;
  • }
.footer_middle{
  • border-left:1px solid var(--primary-color);
  • border-right:1px solid var(--primary-color);
}
#yw-footer b{
  • font-size:.8em;
}

#yw-footer a{
  • color:var(--neutral-light-color);
  • padding:0;
}
#yw-footer i{
  • color:var(--primary-color);
  • padding:0;
}
#yw-footer h4 {
  • font-size:1.3em;
  • color:var(--secondary-color-1)!important;
  • padding:0;
}
#yw-footer .attached_file.left{
  • margin:0;
}

.footerpage{
  • line-height:1.1em;
}
.logo_footer img{
  • height:50px;
  • width:auto;
}
@media only screen and (max-width: 600px) {
  • #yw-footer .text-left{
    • text-align:center;
  • }
  • #yw-footer .attached_file.left{
  • float:inherit;
}
.bg_white{
padding:50px;}
.footer_middle{
  • border-top:1px solid var(--primary-color);
  • border-bottom:1px solid var(--primary-color);
  • border-left:none;
  • border-right:none;
  • margin:10px;
  • padding:10px;
}
}

  • .form-inline .form-control {

  • width: 400px;

}
.partenaires{
  • display:flex;
  • flex-flow: row wrap;
  • justify-content: space-around;
}

/*
  • - Bandeau pages de contenu

  • */

.entete_page {
  • background-image: url('/custom/themes/syalinnov/images/bandeau_hexagone.png')!important;
  • background-repeat: no-repeat!important;
  • background-position: center!important;
}

.panel-body .entete_page {
  • display:none;
  • }
/*flo*/

#yw-main {
  • padding: 0 2rem 1.5rem 2rem !important;

}

/*
  • - Template liste_indicateurs Etape6

  • */
.indicateur-row-flex {
  • display: flex;
  • flex-direction: row;
    • align-items: center;
}
.dimension {
  • writing-mode: sideways-lr;
  • webkit-writing-mode : vertical-rl;
-ms-writing-mode : tb-rl ; /* ancien IE */
-ms-writing-mode : vertical-rl;
/*writing-mode : vertical-rl;*/
  • font-size: 2em;
  • text-transform: uppercase;
}
.indicateur{
  • /*border:2px solid;*/
  • border-radius:10px;
  • margin-bottom:1.3em;
  • display: flex;
  • align-items: center;
  • justify-content: space-between;
  • overflow:hidden;
  • height:60px;
  • }
.indicateur:hover{
  • opacity:0.8;
}
.indicateur h4{
  • text-align:center;
  • flex-grow:1;
  • width:50%;
}
.title-indicateur a{
  • color:#fff!important;

  • text-decoration:none;
}

.summary_indicateur{
  • background-color:#fff;
  • padding:.3em;
  • color:var(--neutral-color);
  • border-radius:10px;
  • text-decoration:capitalize;
  • margin:2px;
  • align-self:normal;
  • width:50%;
  • flex-grow:0;
}
@media only screen and (max-width: 600px) {
  • .summary_indicateur{
    • display:none;
    • }
  • }
  • @media only screen and (max-width: 991px) {
    • .dimension {
    • writing-mode:inherit;
    • }
}
/*
  • - Template Fiche indicateurs id=6

  • */
  • h1.title-indicateur {
  • color:var(--neutral-light-color);
  • font-size:2rem;
  • width:100%;
  • }


  • h4.rubrique-indicateur {
  • color: var(--primary-color);
  • background-color: #f5f5f5;
  • height: 80px;
  • padding: 10px;
  • border-radius: 10px;
}
  • .picto-rubrique{
  • height:100px;
  • }

.desc-indicateur{
  • padding:10px;
}
.table-indicateur h3{
  • background-color:var(--primary-color);
  • color:var(--neutral-light-color);
}
.table-indicateur tr:first-child > td {
  • background-color:var(--primary-color)!important;
  • color:var(--neutral-light-color);
}
.table-indicateur table, tr, td {
  • border: 2px solid var(--primary-color);
  • padding: .3em;
}
.fc .table-bordered, .table-bordered td, .table-bordered th{
  • border:2px solid var(--primary-color);!important;
}
/*
  • Template projets

*/
.resume_popup {
  • font-size:.8em;
  • text-align:justify;
}
.nav-projet > li > a {
  • background: var(--secondary-color-1);
  • color: var(--neutral-color);
  • opacity: 0.6;
  • border-radius: 4px 4px 0 0;
}
.nav-projet > li > a:hover {
  • background: var(--secondary-color-1);
  • color: var(--neutral-color);
  • opacity: 1;

}
  • .nav-projet > li.active > a, .nav-projet > li.active > a:focus, .nav-projet > li.active > a:hover, .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  • opacity:1;
    • background: var(--secondary-color-1);
  • color: var(--neutral-color);
}
.id5 h2{
  • background-color:var(--secondary-color-1);
  • color:var(--neutral-light-color);
  • text-transform:uppercase;
  • text-align:center;
/* margin:0;*/
  • padding:1em;
}
.picto_etape{
  • display: block;
  • height:80px;
  • margin-top:-20px;
  • margin-left: 15px;
}
.id5 h3{
  • color:var(--secondary-color-2);
  • font-size:1rem;
}

.tab-content > .tab-pane {
  • border: 2px solid var(--secondary-color-1);
  • border-bottom-left-radius:10px;
  • border-bottom-right-radius:10px;
  • height: max-content;
min-height: 350px;
}
.modal-sm.modal-body{
  • padding:0;
}
.col-right-etape2{
  • border-left:2px dashed var(--secondary-color-2);
  • padding:1.5em;
}
.col-etape2{

  • padding:1.5em;
}

/*
  • Template fiche 1 praticien

*/ .sans-puce ul{list-style:none;}
.primary i
  • {
  • color: var(--primary-color);
  • margin-left: -10px;
}

.embed-responsive.pdf-landscape {
  • margin-bottom: 30px;
}

.menupage{
  • background-color:#fff;
  • padding:.5em;
}

/*
  • Formulaire resultats 11

*/
.panel-small {
  • border-color:var(--neutral-soft-color)!important;
  • border-width:2px!important;
  • opacity:0.8;
}
.panel-small .panel-heading {
  • padding: 0.1rem 1rem ;
    • background-color:var(--neutral-soft-color)!important;
  • border-color:var(--neutral-soft-color)!important;
}