/
.topressource-subtitle{
.BAZ_label{
.btn-info, .btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info:active:focus {
}
.btn-secondary-1{
.btn-secondary-2{
#yw-header .btn {
#yw-header .btn-secondary-1 {
}
#yw-header img{
#yw-header h5{
/
#yw-header .background-image {
.bulle-marron{
.bulle-marron a{
color:white;
}
.bulle-marron a:hover{
opacity:0.7;
text-decoration: none;
}
.bulle-bleue{
.bulle-bleue a{
.bulle-bleue a:hover{
opacity:0.7;
text-decoration: none;
}
.bulle-blanche{
.bulle-beige{
.bulle-beige a{
color:white;
}
.bulle-blanche .img-blog{
.bulle-res-eau-foncee{
.bulle-res-eau-foncee a{
color:white;
}
.bulle-res-eau-foncee a:hover{
opacity:0.7;
text-decoration: none;
}
.bulle-res-eau-claire{
.bulle-res-eau-claire a{
color:white;
}
.bulle-res-eau-claire a:hover{
opacity:0.7;
text-decoration: none;
}
.agenda-container .agenda-entry .date {
.agenda-entry .date {
}
.agenda-container .agenda-entry fig-caption::before {
.agenda-container .agenda-entry p{
.agenda-entry-container {
.agenda-entry h5 {
#footer-projet {
}
#footer-partenaire {
#yw-footer {
/
.carousel-inner{
.hero h1 {
.hero{
.btn.btn-hero, .btn.btn-hero:hover, .btn.btn-hero:focus {
h5{
font-family: var(--main-text-fontfamily);
font-weight:100;
}
yw-header h5 {
#diigo_linkroll{
#calendar3{
background: #FFFFFF;
box-shadow: 6px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 20px;
}
.bulle-bleue {
.bulle-bleue a{
.bulle-bleue h2 a {
.bulle-bleue a:hover {
.bulle-blanche h2 a{
.bulle-blanche h2{
.bulle-res-eau-foncee h2 a{
.bulle-res-eau-foncee a:hover {
.bulle-res-eau-foncee a{color:#35c2ca;}
.bulle-blanche #bazar-list-2{
}
.bulle-bleue .bazar-list-dynamic-container{
}
i.fab.fa-twitter {
color:var(--secondary-color-2);
}
@media only screen and (min-width: 901px) {
#footer-projet {
}
@media (max-width: 900px) {
#footer-projet {
.logo_resothem img {
a.fc-more {
tr .fc-event-container:nth-child(odd) a {
tr .fc-event-container:nth-child(even) a {
/ Couleur de la date sur le calendrier /
.fc .fc-daygrid-day-number {
- Webfont
- baloo-2-regular - latin
- Chrome 26+, Opera 23+, Firefox 39+
- Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ / } / baloo-2-800 - latin
- Chrome 26+, Opera 23+, Firefox 39+
- Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ / } / fira-sans-regular - latin
- IE9 Compat Modes
- IE6-IE8
- Super Modern Browsers
- Modern Browsers
- Safari, Android, iOS
- Legacy iOS / } / CSS variables
- Links
- contained page
- Conflit avec theme margot
- Chrome 26+, Opera 23+, Firefox 39+
- background-color:var(--secondary-color-1);
- height:65px;
- }
- Adaptation à cause de valeurs de listes trop long sur 2 lignes dans form ressources*/
- margin-top: 10px!important;
- margin-bottom: 10px!important;
- padding-top:7px!important;
.topressource-subtitle{
- margin-bottom:30px;
.BAZ_label{
- color:var(--secondary-color-2);
.btn-info, .btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info:active:focus {
- background:transparent;
- border : 2px solid var(--secondary-color-1);
- color: var(--primary-color);
}
.btn-secondary-1{
- color:#fff;
.btn-secondary-2{
- color:#fff;
#yw-header .btn {
- padding: .5em 3em;
- margin-top: 1em;
- margin-right: 15em;
- width: 12em;
#yw-header .btn-secondary-1 {
- margin-top: 2em;
}
#yw-header img{
- margin-left:10em;
#yw-header h5{
- margin-left:11em;
/
- /
#yw-header .background-image {
- background-size: contain;
- padding: 0;
.bulle-marron{
- background-image: url(../images/bulle-marron.png);
- padding-top:3rem;
- background-size: contain;
- background-repeat:no-repeat;
.bulle-marron a{
color:white;
}
.bulle-marron a:hover{
opacity:0.7;
text-decoration: none;
}
.bulle-bleue{
- background-image: url(custom/themes/margot/images/bulle-bleue.png);
- padding-left:6rem;
- padding-top:4rem;
- background-size: contain;
- background-repeat:no-repeat;
.bulle-bleue a{
- color:var(--secondary-color-2);
.bulle-bleue a:hover{
opacity:0.7;
text-decoration: none;
}
.bulle-blanche{
- background-image: url(custom/themes/margot/images/bulle-blanche.png);
- padding:3rem;
- background-size: contain;
- background-repeat:no-repeat;
.bulle-beige{
- background-image: url(custom/themes/margot/images/bulle-beige.png);
- padding:3rem;
- background-size: contain;
- background-repeat:no-repeat;
.bulle-beige a{
color:white;
}
.bulle-blanche .img-blog{
- width:380px;
- border-radius:15px;
.bulle-res-eau-foncee{
- background-image: url(custom/themes/margot/images/bulle-res-eau-foncee.png);
- padding-top:3rem;
- background-size: contain;
- background-repeat:no-repeat;
.bulle-res-eau-foncee a{
color:white;
}
.bulle-res-eau-foncee a:hover{
opacity:0.7;
text-decoration: none;
}
.bulle-res-eau-claire{
- background-image: url(custom/themes/margot/images/bulle-res-eau-claire.png);
- padding-top:3rem;
- background-size: contain;
- background-repeat:no-repeat;
.bulle-res-eau-claire a{
color:white;
}
.bulle-res-eau-claire a:hover{
opacity:0.7;
text-decoration: none;
}
.agenda-container .agenda-entry .date {
- color: #fff;
.agenda-entry .date {
- background-color: var(--primary-color)!important;
}
.agenda-container .agenda-entry fig-caption::before {
- background: #fff;
- opacity: .8;
.agenda-container .agenda-entry p{
- color:var(--neutral-color);
.agenda-entry-container {
- width: 230px!important;
- margin-left:auto;
- margin-right:auto;
.agenda-entry h5 {
- color: var(--secondary-color-2) !important;
#footer-projet {
- background-color:var(--primary-color);
- background-image: url(custom/themes/margot/images/BANDEAUBAS-CDR-BIODIV.png);
- padding:30px;
- background-repeat: no-repeat;
- background-size: cover;
}
#footer-partenaire {
- background-color:white;
- padding:1em;
- }
- display:flex;
- justify-content:space-around;
#yw-footer {
- padding: 0;
/
- /
- @media (max-width: 768px) {
- #yw-header .btn{margin-right:5em;}
- #yw-header img{ margin-left:2em;}
- #yw-header h5{ margin-left:2.5em;}
- @media (max-width: 600px) {
- .yw-topnav-fast-access {display:none; }
- .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-left: 0;}
- .background-image {display: block;} / propriété flex entrainait une reduction de la colonne sur mobile/
- .bulle-marron { padding:1em;}
- .bulle-bleue {padding:1em;}
- .bulle-blanche {padding:1em;}
- .topressource-subtitle{font-size:.7em;}
.carousel-inner{
- margin-top:-1em;
.hero h1 {
- font-size: 1.5em!important;
- font-weight: bold;
- color:var(--neutral-color);
.hero{
- background-color: #fff9;
- border-radius:20px;
- text-shadow:none!important;
- padding:1em;
- width:420px;
- left:30%!important;
- top:60%!important;
.btn.btn-hero, .btn.btn-hero:hover, .btn.btn-hero:focus {
- color: var(--neutral-light-color)!important;
- background-color: var(--secondary-color-1)!important;
- border-color: var(--secondary-color-1)!important;
h5{
font-family: var(--main-text-fontfamily);
font-weight:100;
}
yw-header h5 {
- margin-left: 9em!important;
#diigo_linkroll{
- border-radius:20px;
#calendar3{
background: #FFFFFF;
box-shadow: 6px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 20px;
}
.bulle-bleue {
- padding-left: 0;
.bulle-bleue a{
- color:#fff;
.bulle-bleue h2 a {
- color: #fff;
- text-transform:uppercase;
.bulle-bleue a:hover {
- opacity: 0.9;
- text-decoration: underline;
.bulle-blanche h2 a{
- color:var(--primary-color);
- text-transform:uppercase;
- text-align:center;
.bulle-blanche h2{
- text-align:center;
.bulle-res-eau-foncee h2 a{
- color: #fff;
- text-transform:uppercase;
- text-align:center;
.bulle-res-eau-foncee a:hover {
- opacity: 0.9;
- text-decoration: underline;
.bulle-res-eau-foncee a{color:#35c2ca;}
.bulle-blanche #bazar-list-2{
- background: rgba(255, 255, 255, 0.46);
}
.bulle-bleue .bazar-list-dynamic-container{
- background: rgba(255, 255, 255, 0.46);
}
i.fab.fa-twitter {
color:var(--secondary-color-2);
}
@media only screen and (min-width: 901px) {
#footer-projet {
- background-color:#fff;
- background-image: url(/files/PageMedia_RESEAU_BandeauBas_1920_20211029124104_20211029124104.png);
- height:250px;
}
@media (max-width: 900px) {
#footer-projet {
- background-color:#fff;
- background-image: none;
- }
.logo_resothem img {
- background-color: #fff;
- padding: 1em;
- border-radius: 10px;
a.fc-more {
- color:var(--secondary-color-2);
tr .fc-event-container:nth-child(odd) a {
- background-color: var(--primary-color);
tr .fc-event-container:nth-child(even) a {
- background-color: var(--secondary-color-2);
/ Couleur de la date sur le calendrier /
.fc .fc-daygrid-day-number {
- color: #333;