Syalinnov : PageCss

.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;

}

}
/

.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;
}

#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;

}

/

.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;

}

/

.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;
- }

}
/

/
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;

}
/

.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;

}

/

.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;

}

/

.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;

}

/

.module-content .launch-module{color:var(--secondary-color-1);}
.activities-action .btn-primary{background-color:var(--secondary-color-1);}

.collecte-name {max-width:350px;}