/* --- admin ---*/
a#admin-link {
  display:block;
  font-size:1.3rem;
  line-height:1.3rem;
  padding:1rem 2rem 1rem 1.3rem;
  background-color:black;
  color:var(--main-white);
  position:fixed;
  bottom:0;
  right:0;
}

/* --- VIEWPORT --- */
div.viewport {
  max-width:100rem;
  margin:auto;
}

/* ---- HEADER --- */
header.top {
  display:flex;
  flex-wrap: wrap;
  padding-bottom:0.5rem;
}

header.top h1{
  flex-grow: 1;
}

header.top h1 img.logo.titre, header.top h1 img.logo.suite {
  height:2rem;
  max-width:100%;
}

header.top h1 img.logo.titre {
  padding-right:1rem;
}

/*---- LANGUAGE MENU ---*/

div.menu.language {
  margin-right:1rem;
}

div.menu.language p.display {
  font-size:1.2rem;
  padding:0.2rem;
  cursor:default;
  font-weight:600;
  color:rgba(0,0,0,0.3);
  transition: color 0.2s;
}

div.menu.language form {
  display:none;
}

div.menu.language:hover form, div.menu.language:focus form {
  display:block;
  position:absolute;
  width:8rem;
  left:0;
  z-index:10;
  background-color:#5cc1ff;
  overflow:hidden;
  animation-name: menu;
  animation-duration: 0.5s;
  border-radius: var(--main-radius);
}

div.menu.language:hover p.display, div.menu.language:focus p.display {
  color:rgba(0,0,0,0.6);
}

div.menu.language form input[type="radio"] {
  display:none;
}

div.menu.language form input[type="radio"] + label {
  display:block;
  cursor:pointer;
  font-size:1.1rem;
  padding:0.6rem 1rem;
  transition: background-color 0.2s;
  border-bottom:1px solid rgba(255,255,255,0.5);
}

div.menu.language form input[type="radio"] + label:hover {
  background-color:rgba(255,255,255,0.2);
}

div.menu.language form input[type="radio"]:checked + label:hover {
  background-color:rgba(255,255,255,0);
}

div.menu.language form input[type="radio"]:checked + label {
  color:rgba(0,0,0,0.5);
  cursor:default;
}


/*---- LOGIN MENU ---*/
ul.anonymous {
  display:flex;
}

ul.anonymous li {
  padding-right:1rem;
}

ul.anonymous li a {
  display:block;
  font-size:1.2rem;
  font-weight:600;
  padding:0.2rem;
  color:rgba(0,0,0,0.6);
  transition: color 0.2s;
}

ul.anonymous li a:hover, ul.anonymous li a:focus {
  color:rgba(0,0,0,0.9);
}

/* ---- USER MENU --- */
div.connected {
  display:flex;
}

div.connected>div{
  margin-right:1rem;
}

div.connected p{
  font-size:1.2rem;
  padding:0.2rem;
  cursor:default;
  font-weight:600;
}

div.connected ul {
  display:none;
}

div.profile:hover ul, div.profile:focus ul,
div.cotisations:hover ul, div.cotisations:focus ul{
  display:block;
  position:absolute;
  width:15rem;
  left:0;
  z-index:10;
  background-color:#5cc1ff;
  overflow:hidden;
  animation-name: menu;
  animation-duration: 0.5s;
  border-radius: var(--main-radius);
}

div.connected ul li.name{
  padding:0.6rem 1rem;
  font-size:1.2rem;
  font-weight: bold;
  color:rgba(0,0,0,0.9);
}

div.connected ul li a{
  display:block;
  font-size:1.1rem;
  padding:0.6rem 1rem;
  transition: background-color 0.2s;
  border-bottom:1px solid rgba(255,255,255,0.5);
}

div.connected ul li a:hover{
  background-color:rgba(0,0,0,0.9);
  color:#5cc1ff;
}

@keyframes menu {
  0% {
    max-height:0rem;
    opacity:0.5;
  }
  100% {
    max-height:30rem;
    opacity:1;
  }
}

/* ---- MAIN MENU --- */

nav.main ul {
  display:flex;
  flex-wrap: wrap;
}

nav.main ul li {
  padding-right:1rem;
}

nav.main ul li a {
  display:block;
  padding:0.1rem 0rem;
  margin-bottom:0.5rem;
  letter-spacing:0.05rem;
  border-bottom:2px solid var(--main-white);
  font-size:1.4rem;
  font-weight:600;
  color:rgba(0,0,0,0.45);
  transition: color 0.2s;
}

nav.main ul li a:hover {
  color:rgba(0,0,0,0.8);
}

nav.main.home ul li.home a,
nav.main.workshop ul li.workshop a,
nav.main.news ul li.news a,
nav.main.partners ul li.partners a,
nav.main.library ul li.library a
{
  border-bottom:2px solid var(--main-orange);
  color:var(--main-orange);
}

nav.main.news.member ul li.news a,
nav.main.home.member ul li.home a,
nav.main.members ul li.members a,
nav.main.forum ul li.forum a,
nav.main.blog ul li.blog a,
nav.main.podcast ul li.podcast a,
nav.main.ads ul li.ads a,
nav.main.directory ul li.directory a
{
  border-bottom:2px solid var(--main-blue);
  color:var(--main-blue);
}

nav.main ul li.birthday a{
  color:var(--main-green);
}

/*--- CLONE MAIN MENU ---*/
div.clone-parent {
  display:none;
  z-index:20;
  position:fixed;
  top:0;
  left:0;
  padding:1rem 0rem 0.6rem 0rem;
  width:100%;
  background-color:var(--main-white);
  margin-top:-10rem;
  transition:margin 0.2s;
}

div.clone-parent.show {
  margin-top:0;
}

div.clone-parent nav.main{
  max-width: 100rem;
  margin: auto;
  padding: 0rem 3rem;
}


/*--- CONTENT ---*/
div.viewport.content {
  padding-top:2rem;
  padding-bottom:10rem;
}

/* --- COTOSATION ADVERTISEMENT --- */
a.cotisation-advertisement {
  display:block;
  padding:1rem;
  background-color:var(--main-blue);
  margin-bottom:2rem;
  color:var(--main-white);
  font-size:1.3rem;
  animation-name: background-change;
  animation-duration: 20s;
  animation-iteration-count: infinite;
}

a.cotisation-advertisement p.line1 {
  font-size:1.5rem;
  font-weight:bold;
}

@keyframes background-change {
  0% {background-color:var(--main-blue);}
  50% {background-color:#4c3ea3;}
  100% {background-color:var(--main-blue);}
}

/* ---- MAIN TITLE --- */

h1.main.title{
  font-size:3rem;
  line-height:3.3rem;
  margin-bottom:2rem;
}

/* --- MAIN SUBTITLE --- */
h3.subtitle.underlined {
  display:inline-block;
  padding-bottom:0.6rem;
  margin-bottom:1rem;
  font-size:1.2rem;
  background-image:url('../img/underline.svg');
  background-position:bottom left;
  background-repeat: no-repeat;
  background-size: 15rem;
}

/* --- MARKDOWN TEXT  --- */

.text.markdown{
  overflow:hidden;
  font-size:1.1rem;
}

.text.markdown a{
  text-decoration: none;
  color:#3e86b2;
  transition:0.2s;
}

.text.markdown a:hover, .text.markdown a:focus{
  text-decoration: underline;
  color:#006dae;
}

.text.markdown p{
  padding-bottom:1rem;
  font-size:1.1rem;
}

.text.markdown h1, .text.markdown h2, .text.markdown h3, .text.markdown h4, .text.markdown h5, .text.markdown h6{
  font-weight:normal;
  padding-top:1rem;
  padding-bottom:0.2rem;
}

.text.markdown h1 {
  font-size:1.4rem;
  padding:1rem 0;
}

.text.markdown h2 {
  font-size:1.2rem;
  padding:1rem 0;
}

.text.markdown h3, .text.markdown h4, .text.markdown h5, .text.markdown h6 {
  font-size:1.1rem;
  padding:1rem 0;
}

.text.markdown ul{
  padding-bottom:1rem;
}

.text.markdown li{
  list-style: disc;
  list-style-position: inside;
}

.text.markdown img{
  display:block;
}

.text.markdown iframe, .text.markdown img{
  max-width:100%;
}

/* --- PAGINATION --- */
div.pagination {
  border-width:1px 0 0 0;
  border-style: solid;
  border-color: black;
  padding:1rem 0 1rem 0;
  text-align:center;
  line-height:1.1rem;
  font-size:1.1rem;
}

div.pagination a{
  display:inline-block;
  padding:0 0.5rem 0 1rem;
  transition:padding 0.2s;
}

div.pagination a.next{
  padding:0 1rem 0 0.5rem;
}

div.pagination a:hover{
  padding:0 1rem 0 0.5rem;
}

div.pagination a.next:hover{
  padding:0 0.5rem 0 1rem;
}

div.pagination a img{
  width:auto;
  height:1rem;
}

div.pagination span{
  display:inline-block;
  padding:0 0rem;
  vertical-align: top;

}


/* --- WORKSHOPS --- */

section.workshops h1.main.title {
  margin-bottom:0.5rem;
}

section.workshops form.workshop.choices {
  display:flex;
  flex-wrap: wrap;
  padding-bottom:3rem;
}

section.workshops form.workshop.choices p {
  padding-right:1rem;
  padding-bottom:0.6rem;
}

section.workshops form.workshop.choices label {
  border-bottom:1px solid var(--main-white);
  cursor: pointer;
  color:rgba(0,0,0,0.6);
  transition:color 0.2s;
}

section.workshops form.workshop.choices label:hover {
  color:rgba(0,0,0,1);
}

section.workshops form.workshop.choices input[type='radio'] {
  display:none;
}

section.workshops form.workshop.choices input[type='radio']:checked + label {
  border-bottom:1px solid var(--main-orange);
  cursor: default;
  color:var(--main-orange);
}

section.workshops div.description {
  font-size:1.2rem;
  padding-bottom:4rem;
}


/* --- workshop thumbnail --- */

a.workshop-thumbnail {
  display:block;
  border-radius: var(--main-radius);
}

a.workshop-thumbnail figure img{
  display:block;
  width:100%;
  height:auto;
  border-radius: var(--main-radius) var(--main-radius) 0 0;
}

a.workshop-thumbnail span.coming {
  display:block;
  position:absolute;
  z-index:5;
  top:-0.5rem;
  left:-0.5rem;
  padding:0.5rem;
  background-color:#ff3939;
  color:var(--main-white);
  -ms-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

a.workshop-thumbnail div{
  background-color:#ededed;
  height:7rem;
  margin-top:0;
  transition:all 0.2s;
  padding:1rem;
  overflow:hidden;
  border-radius: 0 0 var(--main-radius) var(--main-radius);
}

a.workshop-thumbnail:hover div,
a.workshop-thumbnail:focus div{
  background-color:#9ca8e2;
  margin-top:-3rem;
  height:10rem;
}

a.workshop-thumbnail.irkutsk:hover div,
a.workshop-thumbnail.irkutsk:focus div{
  background-color:#3ba2ff;
}

a.workshop-thumbnail.africain:hover div,
a.workshop-thumbnail.africain:focus div{
  background-color:#ffb43b;
}

a.workshop-thumbnail.pro:hover div,
a.workshop-thumbnail.pro:focus div{
  background-color:#8dd36c;
}

a.workshop-thumbnail div h3 {
  font-size:1.1rem;
  letter-spacing:0.02rem;
}

a.workshop-thumbnail div p {
  letter-spacing:0.02rem;
  font-size:1rem;
  line-height:1.3rem;
}

/* --- WORKSHOP DETAIL --- */

article.workshop.detail div.main.columns{
  background-color:rgba(156, 168, 226, 0.1);
  background-image: url(../img/ray.svg);
  background-size: 6px 6px;
}

article.workshop.detail div.main.columns.irkutsk{
  background-color:rgba(59, 162, 255, 0.2);
}

article.workshop.detail div.main.columns.africain{
  background-color:rgba(255, 180, 59, 0.2);
}

article.workshop.detail div.main.columns.pro{
  background-color:rgba(141, 211, 108, 0.2);
}

article.workshop.detail div.column.main {
  background-color:var(--main-white);
  align-self: stretch;
}

article.workshop.detail div.columns.plus {
  height:100%;
  background-color:var(--main-white);
  padding-bottom:3rem;
}

article.workshop.detail div.columns.plus div.column{
}

article.workshop.detail div.header {
  font-size:1.4rem;
  font-weight:600;
  color:#9ca8e2;
  margin-bottom:0.2rem;
}

article.workshop.detail div.header.irkutsk {
  color:#3ba2ff;
}

article.workshop.detail div.header.africain {
  color:#ffb43b;
}

article.workshop.detail div.header.pro {
  color:#8dd36c;
}

article.workshop.detail div.header span.city,
article.workshop.detail div.header span.country,
article.workshop.detail div.header span.type {
  margin-right:1rem;
}

article.workshop.detail div.subtitle {
  font-size:1.8rem;
  margin-bottom:3rem;
}

article.workshop.detail div.columns.plus div.column>div{
  margin-bottom:3rem;
}

article.workshop.detail p.dates.scheldule {
  font-size:1.3rem;
  margin-bottom:1.2rem;
  font-weight:600;
}

article.workshop.detail div.partners {
  padding-top:4rem;
}

/*---- DOCUMENTS DOWNLOAD -----*/
ul.documents.download li {
  border-bottom:1px dotted black;
}

ul.documents.download li:last-child {
  border-bottom:0px dotted black;
}

ul.documents.download li a {
  display:block;
  padding:1rem 0rem;
  transition:background-position 0.2s;
  display:grid;
  grid-template-columns: 6rem auto;
  grid-gap:0.5rem;
  word-break: break-word;
}

ul.documents.download li a p.title{
    font-size:1.1rem;
    letter-spacing:0.03rem;
    font-weight:bold;
    color:rgb(80,80,80)
}

ul.documents.download li a:hover p.title,
ul.documents.download li a:focus p.title{
  color:black;
}

ul.documents.download li a p.meta{
    font-size:0.9rem;
}

ul.documents.download li a p.meta span {
    padding-right:1rem;
    color:rgba(0,0,0,0.3);
}

ul.documents.download li img.preview {
  border:1px solid rgb(160, 160, 160);
  width:6rem;
  height:auto;
}


/* --- NEWS --- */

a.news.thumbnail {
  display:block;
  border:1px solid rgba(0,0,0,0.15);
  padding:1rem;
  border-radius:var(--main-radius);
}

a.news.thumbnail article{
  display:grid;
  grid-template-columns: 1fr 2fr;
  grid-gap:1rem;
}

a.news.thumbnail.linear article{
  grid-template-columns: 1fr;
}

a.news.thumbnail.linear div.header{
  grid-column: 1 / 2;
}

a.news.thumbnail div.header{
  grid-column: 1 / 3;
  font-size:0.9rem;
  line-height:1rem;
  margin-top:-2rem;
  margin-left:-2rem;
  margin-right:-2rem;
  display:flex;
}

a.news.thumbnail div.header div.tags{
  padding:0.5rem;
  border-radius: var(--main-radius);
  padding:0.5rem 1rem;
  color:var(--main-white);
}

a.news.thumbnail div.header div.tags.type{
  color:var(--main-orange);
  background-color:rgb(245,245,245);
}

a.news.thumbnail div.header div.tags.type.member{
  color:var(--main-blue);
}

a.news.thumbnail div.header div.tags.date{
  background-color:var(--main-white);
  color:black;
}

a.news.thumbnail h2 {
  font-size:1.5rem;
  line-height:1.6rem;
  transition: color 0.5s;
  padding-bottom:0.5rem;
}


a.news.thumbnail:hover,
a.news.thumbnail:focus{
  border:1px solid rgba(0,0,0,0.3);
  background-color: rgba(0,0,0,0.05);
}


a.news.thumbnail figure {
  overflow:hidden;
}

a.news.thumbnail figure img {
  width:100%;
  height:auto;
  border-radius: var(--main-radius);
}



/*---- NEWS SECTIONS ----*/


a article.section.thumbnail {
  background-color:rgba(0,0,0,0.1);
  overflow:hidden;
  border-radius:var(--main-radius);
}

a article.section.thumbnail figure{
  position:relative;
  z-index:1;
}

a article.section.thumbnail figure img {
  display:block;
  width:100%;
  height:auto;
}

a article.section.thumbnail h2{
  z-index:3;
  background-color:rgb(120,120,120);
  color:var(--main-white);
  font-size:1.6rem;
  line-height:1.8rem;
  padding:1rem;
}

a article.section.thumbnail.news h2{
  background-color:var(--main-orange);
}

a:hover article.section.thumbnail.news h3 {
  background-color:var(--main-orange);
}

a article.section.thumbnail.blog h2{
  background-color:var(--main-blue);
}

a:hover article.section.thumbnail.blog h3 {
  background-color:var(--main-blue);
}

a article.section.thumbnail h3{
  z-index:2;
  font-size:1.4rem;
  background-color:#ededed;
  color:black;
  line-height:1.5rem;
  padding:1rem;
  transition:all 0.2s;
  height:8rem;
}

a:hover article.section.thumbnail h3{
  background-color:rgb(120,120,120);
  margin-top:-2rem;
  height:10rem;
}

a article.section.thumbnail p{
  display:none;
  font-size:1.1rem;
}

/*---- NEWS FOCUS ----*/

article.focus {
  margin-bottom:2rem;
  padding:2rem;
  background-color:#f5f5f5;
  border-radius:var(--main-radius);
}

article.focus h1.main.title{
  font-size:2.2rem;
  line-height:2.6rem;
}

article.focus figure.illustration {
  margin-bottom:1rem;
}

article.focus figure.illustration img{
  max-width:100%;
  height:auto;
}

article.focus div.introduction {
  font-size:1.3rem;
  margin-bottom:1rem;
}

article.focus div.documents {
  margin-top:1rem;
}


/* ---- NEWS AGENDA --- */

div.agenda {
  align-self: stretch;
  background-color:rgba(156, 168, 226, 0.1);
  background-image: url(../img/ray.svg);
  background-size: 6px 6px;
}

section.agenda {
  padding:1.6rem 2rem;
  margin-bottom:1rem;
}

section.agenda h2 {
  font-size:2.5rem;
  color:rgb(255,0,0);
  margin-bottom:1rem;
}

section.agenda h3 {
  font-size:1.5rem;
  color:rgb(255,0,0);
  margin-bottom:1rem;
}

section.agenda div.date {
  margin-bottom:2rem;
}

section.agenda div.date:last-of-type {
  margin-bottom:0.8rem;
}

section.agenda div.date p.date {
  display:inline-block;
  color:rgb(255,0,0);
  border-bottom:1px solid rgb(255,0,0);
  margin-bottom:0.5rem;
}

section.agenda div.date div.text p{
  font-size:1.2em;
  padding-bottom:0.5rem;
}

section.agenda div.date div.text h1,
section.agenda div.date div.text h2{
  font-size:1.3em;
  padding-bottom:0.5rem;
}

/* ---- NEWS DETAIL --- */

article.news.detail div.header{
  margin-bottom:2rem;
}

article.news.detail div.type {
  display:inline-block;
  font-size:1.2rem;
  color:var(--main-orange);
  background-color:rgb(245,245,245);
  padding:0.5rem 1rem;
  border-radius: var(--main-radius);
  font-weight:bold;
}

article.news.detail div.type.member{
  color:var(--main-blue);
}

article.news.detail div.section {
  display:inline-block;
  font-size:1.2rem;
  color:var(--main-white);
  background-color:rgb(120,120,120);
  padding:0.5rem 1rem;
  border-radius: var(--main-radius);
  font-weight:bold;
}

article.news.detail p.date{
  font-size:1rem;
  margin-bottom:1rem;
  border-bottom:1px solid black;
  display:inline-block;
}

article.news.detail h1.main.title {
  margin-bottom:1rem;
  width:100%;
}

article.news.detail div.introduction {
  margin-bottom:2.5rem;
  font-size:1.7rem;
  font-weight:600;
  width:100%;
}

article.news.detail div.empty {
  background-color:rgba(156, 168, 226, 0.1);
  background-image: url(../img/ray.svg);
  background-size: 6px 6px;
  align-self: stretch;
}

article.news.detail div.extra {
  background-color: var(--main-white);
}

article.news.detail div.documents {
  padding-top:1rem;
}



div.news-detail-sisters {
  margin-top:7rem;
  padding-top:3rem;
  border-top:1px solid black;
}


/* --- NEWS SECTION BIRTHDAY ---*/
section.birthday img.birthday_logo{
  display:block;
  margin: 0 auto;
  width:50%;
  height:auto;
}

/* --- BLOGS --- */

section.blogs section.list article {
  padding:2rem 0 0 1rem;
}

section.blogs section.list a {
  display:block;
  margin-bottom:3rem;
}

section.blogs section.list article h2{
  position:absolute;
  width:75%;
  z-index:2;
  background-color:#9ca8e2;
  margin:-2rem 0 0 -1rem;
  padding:2rem 3rem 2rem 2rem;
  font-size:1.7rem;
  line-height:2rem;
  color:var(--main-white);
}

section.blogs section.list article h2:after{
  content:"";
  position:absolute;
  z-index:3;
  width: 0;
	height: 0;
  top:0;
  left:0;
	border-top: 1rem solid var(--main-white);
	border-right: 1rem solid transparent;
}

section.blogs section.list article figure img{
  display:block;
  width:100%;
  height:auto;
}

section.blogs section.list article div.introduction {
  padding:1rem ;
  border-style: solid;
  border-width: 0px 1px 0px 1px;
  border-color: #cccccc;
}

section.blogs section.list article div.footer {
  padding:1rem;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #cccccc;
  color:#cccccc;
}

section.blogs section.list article div.footer p{
  display:inline-block;
}

section.blogs section.list article div.footer p.tags{
  padding-left:2rem;
}


section.blogs section.list article div.footer p.tags span::after{
  content: ' • ';
}

section.blogs section.list article div.footer p.tags span:last-child::after{
  content: '';
}

/*---- BLOG ---*/

article.blog.detail div.introduction {
  margin-bottom:1.5rem;
  font-size:1.4rem;
  font-weight:600;
}

/* ---- FORUM --- */

article.forum-dashboard{
  background-color:var(--main-gray);
  border-radius: var(--main-radius);
}

article.forum-dashboard header{
  background-color:var(--main-blue);
  display:grid;
  grid-template-columns: minmax(1.5rem, 3.2rem) 1fr;
  grid-gap:1rem;
  padding: var(--main-block-padding);
  padding-bottom:0.5rem;
  border-radius: var(--main-radius) var(--main-radius) 0 0;
}

article.forum-dashboard h2{
  color:var(--main-white);
  font-size:1.6rem;
}

article.forum-dashboard h2 a{
  display:block;
}

article.forum-dashboard h3{
  color:var(--main-blue);
  font-size:1rem;
  font-weight:bold;
  padding-bottom:1rem;
}

article.forum-dashboard .groups a,
article.forum-dashboard .groups a > *{
  display:block;
}

article.forum-dashboard .groups a {
  margin-bottom:1rem;
  background-color:var(--main-white);
  color:black;
  border-radius: var(--main-radius);
}

article.forum-dashboard .groups a:last-child {
  margin-bottom:0rem;
}

article.forum-dashboard .groups a span{
  padding:var(--main-block-padding);
  font-weight:bold;
  background-color:#ededed;
  transition: all 0.2s;
  height:8rem;
}

article.forum-dashboard:hover .groups a span {
  background-color: var(--main-blue);
  margin-top: -2rem;
  height: 10rem;
}

article.forum-dashboard .groups img{
  border-radius:0 0 var(--main-radius) var(--main-radius) ;
}

section.forum a.group-thumbnail {
  display:block;
  font-size:2rem;
  border:2px solid var(--main-blue);
  margin-bottom:2rem;

}

section.forum a.group-thumbnail img{
  display:block;
  width:100%;
  height:auto;
}

section.forum a.group-thumbnail span{
  display:block;
  padding:1rem;
  color:var(--main-white);
  background-color:var(--main-blue);
  transition:0.2s;
}

section.forum ul.nav li a{
  display:inline-block;
  font-size:2rem;
  padding:1rem 0;
  border-bottom:1px solid var(--main-blue);
}

section.forum ul.nav.threads li a.threads{
  color: var(--main-blue);
}

section.forum ul.nav.library li a.library{
  color: var(--main-blue);
}

section.forum ul.nav.participant li a.participant{
  color: var(--main-blue);
}


section.forum div.thread_list h2.category {
  font-weight:normal;
  font-size:2rem;
  color: var(--main-blue);
}

section.forum div.thread_list a.new.thread {
  margin-bottom:2rem;
  margin-top:1rem;
  padding:0.3rem;
  font-size:0.9rem;
  display:inline-block;
  width:auto;
}

section.forum div.thread_list ul li a{
  display:block;
  padding:0.6rem 0;
  border-bottom:1px solid #c0c0c0;
}

section.forum div.thread_list ul li a span.title {
  font-size:1.3rem;
}

section.forum div.thread_list ul li a div.details {
  display:inline-block;
  font-size:1rem;
  margin-left:0rem;
  padding-left:2rem;
  opacity:0.3;
  transition: all 0.2s;
}

section.forum div.thread_list ul li a div.details span.counter {
  margin-right:2rem;
}

section.forum div.thread_list ul li a:hover div.details {
  margin-left:1rem;
  opacity:1;
}


/*--- THREAD ---*/
section.thread.detail h2.category.title{
  font-weight:normal;
  font-size:2rem;
  color: var(--main-blue);
}

section.thread.detail h2.thread.title{
  font-weight:normal;
  font-size:2rem;
  color: #000000;
  padding-bottom:1rem;
}

section.thread.detail ul.messages{
  padding-bottom:2rem;
}

section.thread.detail ul li.message{
  padding-top:0.5rem;
  margin-top:2rem;
  border-top:1px solid #c0c0c0;
}

section.thread.detail ul li.message div.header{
  margin-bottom:1rem;
  font-size:0.9rem;
  font-weight:600;
  display:flex;
  justify-content: space-between;
}

section.thread.detail ul li.message div.header div.infos{
  display:flex;
}

section.thread.detail ul li.message div.header div.user {
  margin-right:2rem;
  color:var(--main-blue);
}

section.thread.detail ul li.message div.header div.date {
  color:rgba(0,0,0,0.3);
}

section.thread.detail ul li.message div.actions {
  display:flex;
}

section.thread.detail ul li.message a.reply{
  flex-grow:1;
  padding-left:1.5rem;
  background-image:url('../img/reply.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1rem;
  display:block;
  opacity:0.3;
  transition:all 0.1s;
}

section.thread.detail ul li.message a.reply:hover{
  opacity:1;
  background-position: 0.2rem center;
}

form.flag button {
  display:block;
  width:1rem;
  height:1rem;
  border:0; padding:0; margin:0;
  background-image:url('../img/flag.svg');
  background-repeat: no-repeat;
  background-color: var(--main-white);
  font-size:0.1rem;
  cursor:pointer;
  opacity:0.3;
  transition: opacity 0.2s;
}

form.flag button:hover {
  width:auto;
  font-size:0.8rem;
  opacity:1;
  background-image:none;
}

form.write.message {
  background-color:#fafafa;
  padding:1rem;
  transition:0.1s;
}

form.write.message label {
  display:none;
}

form.write.message textarea {
  height:10rem;
}

form.write.message div.action.textarea.markdown div.help {
  background-color:#efefef;
  margin-top:-1rem;
  margin-bottom:1rem;
}

form.write.message div.action.textarea.markdown div.help a{
  display:inline-block;
  padding:0.5rem;
  cursor:pointer;
}

form.write.message div.action.textarea.markdown div.help a:hover{
  background-color:#dfdfdf;
}

form.write.message div.disclaimer{
  margin-bottom:2rem;
}

form.write.message div.file{
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding:1rem;
  margin-bottom:1rem;
}

form.write.message div.file label{
  display:inline-block;
}


form.write.message div.file.ok{
  background-color:var(--main-blue);
}

form.write.message div.file.hidden{
  display:none;
}

form.write.message div.file div.top{
  display:flex;
  justify-content: space-between;
}

form.write.message div.file div.top.hidden{
  display:none;
}

form.write.message div.file.ok div.top div.edit{
  font-weight:600;
}

form.write.message div.file.new div.delete{
  display:none;
}

form.write.message div.file div.delete label{
  cursor: pointer;
}

form.write.message div.file div.fields.hidden {
  display:none;
}

form.write.message div.file div.edit.clickable {
  cursor:pointer;
}

form.write.message div.file div.fields label{
  display:block;
}

form.write.message div.file div.fields div{
  padding-bottom:0.5rem;
  margin-bottom:0.5rem;
}

form.write.message div.file div.fields div.filefield a{
  word-break: break-all;
}

form.write.message.new textarea {
  height:8rem;
  transition:0.2s height;
}

form.write.message.new.js textarea{
  height:10rem;
}

form.write.message.new.small textarea{
  height:3.4rem;
}

form.write.message.new.small.js {
  background-color: var(--main-blue);
}

form.write.message.new.small input[type='submit'],
form.write.message.new.small div.help,
form.write.message.new.small div.extra{
  display:none;
}

/* --- FORUM LIBRARY ---*/
section.forum h2.library-category {
  font-size:1.7rem;
  padding-bottom:1rem;
}

section.forum ul.document_list {
  margin-bottom:2rem;
}


section.forum ul.document_list li a{
  display: inline-block;
  margin: 0 0 2rem 0;
  padding: 1.5rem;
  background-color: #efefef;
  background-image: url('../img/file.svg');
  background-repeat: no-repeat;
  background-size: 3rem;
  background-position: 2rem -3.5rem;
  padding-left: 8rem;
  width: 100%;
  min-height:6rem;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size:1.2rem;
}

section.forum ul.document_list li a:hover{
  background-position: 2rem 1.5rem;
  transition:0.3s;
}

section.forum ul.document_list li a span.title{
  display:block;
  font-size:1.3rem;
}

section.forum ul.document_list li a span.filename{
  display:block;
  font-size:0.8rem;
}

section.forum ul.video_list li{
  display:block;
  margin-bottom:2rem;
}

section.forum ul.video_list li iframe{
  max-width:100%;
}

/* --- ADS --- */
section.ads div.intro {
  padding-bottom:2rem;
}

section.ads div.intro p {
  font-size:1.3rem;
}

section.ads a.add.ad {
  display:inline-block;
  width:auto;
  vertical-align:bottom;
  text-align:center;
  font-size:1.3rem;
  margin-top:2rem;
}

section.ads article.ad {
  margin-bottom:1rem;
}

section.ads article.ad div.header{
  padding:1rem;
  background-color:#9ca8e2;
  color:var(--main-white);
}

section.ads article.ad.demand div.header {
  background-color:#8dd36c;
}

section.ads article.ad div.header p{
  display:inline-block;
}

section.ads article.ad div.header p.user{
  margin-right:2rem;
}

section.ads article.ad a.edit {
  border:0;
}

section.ads article.ad div.text{
  padding:1rem;
  border-style: solid;
  border-color: #ccc;
  border-width: 0 1px 1px 1px;
}

section.ads article.ad a.download,
section.thread div.document a.download{
  display:inline-block;
  margin:2rem 1rem 2rem 0;
  padding:1.5rem;
  background-color:#efefef;
  background-image:url('../img/file.svg');
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: 1rem -2.3rem;
  padding-left:3.5rem;
  width: auto;
  text-overflow: ellipsis;
  overflow:hidden;
}

section.thread div.document iframe {
  display:block;
  margin-bottom:2rem;
  max-width:100%;
}

section.ads article.ad div.text form.flag {
  text-align:right;
}

section.ads article.ad div.text form.flag button{
  display:inline-block;
}

/* ---- COTISATIONS --- */
section.cotisations > p {
  margin-bottom:2rem;
}

section.cotisations form.cotisation-form {
  width:20rem;
  border:1px solid #ccc;
  padding:1rem;
}

section.cotisations form.normalize.cotisation-form p {
  padding:0;
  margin:0;
}

section.cotisations form.cotisation-form input[type='radio']{
  display:none;
}

section.cotisations form.cotisation-form input[type='radio'] + label{
  cursor:pointer;
  display:inline-block;
  width:100%;
  padding:0.5rem 0;
  border-bottom:2px solid var(--main-white);
  color:rgba(0,0,0,0.5);
  transition:color 0.2s;
}

section.cotisations form.cotisation-form input[type='radio'] + label:hover{
  color:rgba(0,0,0,0.8);
}


section.cotisations form.cotisation-form input[type='radio']:checked + label {
  color:rgba(0,0,0,1);
}

section.cotisations form.cotisation-form input[type='radio']:checked + label span{
  border-bottom:2px solid black;
}

section.cotisations ul.detail.table li{
  display:flex;
  border-bottom:1px solid #ccc;
  padding:0.5rem 0;
}

section.cotisations ul.detail.table li.legend{
  color:#aaa;
}

section.cotisations ul.detail.table li span{
  display:block;
  width:10rem;
}

/* --- COTISATIONS REGRESSION ---*/

section.cotisations div.choix {
  margin-bottom:2rem;
}

section.cotisations div.choix > h2 {
  font-size:1.3rem;
  margin-bottom:1rem;
}

section.cotisations div.choix > p {
  margin-bottom:1rem;
}

/* ---- MEMBERS  --- */

section.member.area .password_reset{
  margin-top:2rem;
  font-size:1rem;
  padding:0.4rem;
  display:inline-block;
  width:auto;
}

section.member.area h1.main.title{
  font-size:3rem;
  line-height:2rem;
  margin-bottom:0rem;
  color:var(--main-blue);
}

section.member.area h2.main.title{
  font-size:2rem;
  line-height:2rem;
  padding-bottom:2rem;
}

section.member.area h1.already {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

section.member.area div.signin {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}

section.member.area h1.join {
  grid-column: 2 / 4;
  grid-row: 1 / 2;
}

section.member.area div.arguments {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}

section.member.area div.register {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
}

section.member.area div.arguments article {
  margin-bottom:2rem;
}

section.member.area div.arguments article h2 {
  font-size:1.6rem;
  color:var(--main-blue);
  padding-bottom:0.5rem;
}

section.member.area div.arguments article p{
  font-size:1.1rem;
}

section.member.area div.register div {
  margin-bottom:1rem;
}

section.member.area div.register h2 {
  font-size:1.1rem;
  padding-bottom:0.5rem;
}

section.member.area div.register p{
  padding-bottom:0.3rem;
}

section.member.area div.register p.extra{
  color:#666;
  font-size:0.9rem;
}

section.member.area div.register a{
  margin-top:2rem;
}

h1.premium_content{
  font-size:2rem;
  padding:2rem;
  margin-bottom:4rem;
  text-align:center;
  background-color:var(--main-blue);
  color:var(--main-white);
  border-radius:var(--main-radius);
}

/* --- PASSWORD RESET ---*/
section.password.reset p.instructions{
  margin-bottom:2rem;
}

/* --- REGISTRATION ---*/
section.registration form fieldset {
  margin-bottom:3rem;
}

section.registration form fieldset legend{
  margin-bottom:3rem;
}

section.registration form p.hidden{
  display:none;
}

section.registration form fieldset span.password a{
  text-decoration: underline;
}

/* --- PROFILE --- */

section.profile h2{
  font-size:1.5rem;
  padding-bottom:1rem;
  padding-top:1rem;
}

section.profile div.field{
  padding-bottom:1rem;
}

section.profile p.label{
  color:rgb(142, 142, 142);
}

section.profile a.button{
  display:inline-block;
  width:auto;
  margin-top:2rem;
}


/* --- NOTIFICATIONS ---*/
section.notification p.infos{
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom:1px solid black;
  font-weight: bold;
}


section.notification ul li.notification {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom:1px solid black;
}

section.notification ul li.notification.off {
  opacity:0.5;
}

section.notification ul li.notification form{
  justify-content: left;
}

section.notification ul li.notification div{
  padding-bottom:0;
}

section.notification ul li.notification div.button{
  width:auto;
}

section.notification ul li.notification div.button input{
  font-size:0.9rem;
  padding:0.4rem;
}

/* --- DIRECTORY --- */



section.directory div.menu .anchor{
  display:none;
}

section.directory div.menu .target{
  display:none;
}

section.directory div.menu .anchor#search:target ~ .target,
section.directory div.menu .anchor#workshop:target ~ .target,
section.directory div.menu .anchor#country:target ~ .target {
  display:none;
}

section.directory div.menu .anchor#search:target ~ #target_search,
section.directory div.menu .anchor#workshop:target ~ #target_workshop,
section.directory div.menu .anchor#country:target ~ #target_country{
  display:block;
}

section.directory div.menu .anchor#search:target ~ .link,
section.directory div.menu .anchor#workshop:target ~ .link,
section.directory div.menu .anchor#country:target ~ .link{
  color:black;
}


section.directory div.menu .anchor#search:target ~ #link_search,
section.directory div.menu .anchor#workshop:target ~ #link_workshop,
section.directory div.menu .anchor#country:target ~ #link_country{
  color:var(--main-blue);
}


section.directory div.menu .target:first-of-type{
  display:block;
}

section.directory div.menu .link:first-of-type{
  color:var(--main-blue);
}

section.directory div.menu h3 {
  font-size:1.6rem;
  padding-bottom:1rem;
}

section.directory div.menu form {
  padding-bottom:3rem;
}

section.directory form.directory.choices p {
  display:block;
  padding:0;
  margin:0;
  border:0;
}

section.directory form.directory.choices label {
  display:inline-block;
  width:auto;
  margin:0 0.5rem 0.5rem 0;
  padding:0;
  border-bottom:1px solid var(--main-white);
  cursor: pointer;
  color:rgba(0,0,0,0.6);
  transition:color 0.2s;
  font-size:1.1rem;
}

section.directory form.directory.choices label:hover {
  color:rgba(0,0,0,1);
}

section.directory form.directory.choices input[type='radio'] {
  display:none;
}

section.directory form.directory.choices input[type='radio']:checked + label {
  border-bottom:1px solid var(--main-blue);
  cursor: default;
  color:var(--main-blue);
}

section.directory ul.members > li{
  margin-bottom:5rem;
  padding:1rem;
  background-color:#efefef;
}

section.directory ul.members > li .name{
  font-size:1.4rem;
  background-color:var(--main-blue);
  color:var(--main-white);
  margin:-1rem -1rem 1rem -1rem;
  padding:1rem;
  text-transform: capitalize;
}

section.directory ul.members > li .location{
  padding-bottom:0.5rem;
  border-bottom:1px solid black;
  margin-bottom:0.5rem;
}

section.directory ul.members > li .location.without-border{
  border-bottom:0px;
  margin-bottom:0;
}

section.directory ul.members > li .location span{
  display:block;
}

section.directory ul.members > li .location span.city{
  text-transform: capitalize;
}

section.directory ul.members > li .details {
  padding-bottom:1rem;
}

section.directory ul.members > li .details span.title{
  display:block;
  color:rgba(0,0,0,0.5);
}

section.directory ul.members > li .participation {
  padding-top:0.5rem;
  border-top:1px solid black;
}

section.directory ul.members li span.workshop {
  display: inline-block;
}

section.directory ul.members li span.type {
  display: inline-block;
  margin-right:1rem;
  color:rgba(0,0,0,0.5);

}

/* --- CONFIRMATION --- */
section.confirmation > p{
  margin-bottom:1rem;
  text-align:center;
}

/*---- HOME ---*/

section.home img.birthday{
  margin-bottom:2rem;
}

section.home h3.underlined,
section.home h3.underlined {
  margin:0;
  justify-self: start;
}

section.home section.news-dashboard{
  grid-column: auto;
  grid-row: auto;
}


section.home section.workshops-dashboard{
  grid-column: auto;
}

section.home section.forums{
  grid-column: auto;
}


section.home section.workshops section.list{
  display:block;
}

section.home a.plus {
  display:block;
  background-image: url('../img/ribbon-horizontal.svg');
  background-position:right center;
  background-repeat:no-repeat;
  background-size:110%;
  padding:0.7rem;
  font-size:1.3rem;
  color:var(--main-white);
  font-weight:600;
  transition:all 0.2s;
  opacity:0.7;
}

section.home a.plus:hover {
  background-position:left center;
  padding-left:3rem;
  opacity:1;
}

section.home a.become.member {
  display:block;
  height:30rem;
  background-image: url('../img/member.jpg');
  background-size: cover;
  text-align: center;
  border-radius:var(--main-radius);
}

section.home a.become.member div.box{
  color:var(--main-white);
  font-size:2.3rem;
  line-height:2.4rem;
  height:10rem;
  background-image: url('../img/ribbon.svg');
  background-position:center bottom;
  background-repeat:no-repeat;
  background-size:100%;
  border-radius:var(--main-radius);
  transition: height 0.2s;
}

section.home a.become.member div.box h2{
  display:block;
  width:100%;
  position: absolute;
  font-weight:normal;
}

section.home a.become.member div.box h2 span.bold{
  display:block;
  font-weight:bold;
}

section.home a.become.member div.box h2.line1{
  opacity:1;
  animation-name: become;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

section.home a.become.member div.box h2.line2{
  opacity:0;
  animation-name: become;
  animation-duration: 6s;
  animation-delay: 3s;
  animation-iteration-count: infinite;
}

@keyframes become {
  0% {opacity:0; margin-top:-5rem;}
  10%, 50% {opacity:1; margin-top:2rem;}
  60%, 100% {opacity:0; margin-top:5rem;}
}

section.home a.become.member:hover div.box{
  height:11rem;
}


section.home div.presentation {
  margin-bottom:2rem;
}

section.home div.newsletter {
  display:none;
  background-color:#aaab7c;
  padding:2rem;
  background-image: url('../img/newsletter.svg');
  background-position:2rem 2rem;
  background-repeat:no-repeat;
  background-size:4rem;
  margin-bottom:2rem;
}

section.home div.newsletter h4{
  padding-left:6rem;
  font-size:1.5rem;
  line-height:1.7rem;
  color:var(--main-white);
  padding-bottom:1rem;
}

section.home a.facebook {
  display:block;
  background-color:var(--main-blue);
  padding:2rem;
  border-radius: var(--main-radius);
}

section.home a.facebook p{
  color:var(--main-white);
  font-weight:600;
  font-size:1.2rem;
  padding-bottom:0.5rem;
}

section.home a.facebook img{
  display:block;
  width:100%;
}

/*---- MEMBER HOME ---*/
section.home.member .forums{
  grid-area: auto;
}

section.home.member .news-section-dashboard{
  grid-area: auto;
}

section.home.member .news-dashboard{
  grid-area: auto;
}

section.home.member article.forum-dashboard .groups a span{
  height:8rem;
  font-size:1.4rem;
}

section.home.member article.forum-dashboard .groups a:hover span{
  margin-top: -2rem;
  height: 10rem;
}

/* --- SECTION LIBRARY ---*/
section.library div.library {
  background-color:rgba(0,0,0,0.05);
}

section.library div.library h2{
  font-size:2rem;
  padding: 2rem;
}

section.library div.library h2.small{
  font-size:1.5rem;
  padding:2rem;
  padding-bottom:0;
}

section.library div.library article.focus {
  margin-bottom:0;
}

section.library div.document_list{
  padding:2rem;
  padding-top:0;
}

section.library div.document_list div.workshop_title{
  height: 4rem;
  padding-top: 1rem;
}

section.library div.document_list ul.documents.download {
  display:grid;
  grid-gap:2rem;
  grid-template-columns: repeat(2, 1fr);
}


section.library div.document_list ul.documents.download h3.subtitle.underlined{
  font-size:1.1rem;
}

section.library div.document_list ul.documents.download li{
  border:0;
}

section.library div.document_list ul.documents.download li a{
  grid-template-columns: 1fr;
  padding:0;
}

section.library div.document_list ul.documents.download li img.preview{
  width:100%;
}

section.library div.document_list ul.documents.download li a p.title{
  font-size:1.1rem;
  line-height:1.2rem;
  padding-bottom:0.5rem;
}

section.library div.document_list ul.documents.download li a p.meta{
  font-size:0.9rem;
  line-height:1rem;
}

/*--- SECTION ABOUT US ---*/


section.about div.menu {
  padding-bottom:2rem;
}

section.about div.menu ul{
  display:flex;
  flex-wrap: wrap;
}

section.about div.menu ul li{
  padding-right:2rem;
}

section.about article div.images img{
  width:100%;
  height:auto;
}

section.about div.documents {
  margin-top:2rem;
}

section.about h3.subtitle.underlined {
  font-size:2rem;
  background-image:none;
}

section.about article.partners p{
  max-width:50rem;
  margin-top:2rem;
  margin-bottom:4rem;
}

/*--- PARTNERS ---*/

ul.partners{
  display:flex;
  flex-wrap: wrap;
}

ul.partners li{
  margin:0rem 2rem 2rem 0rem;
}

ul.partners li img{
  width:100%;
  height:auto;
}

ul.partners li.category10 {
  width:12rem;
}

ul.partners li.category10.reduced130{
  width:15.6rem;
}

ul.partners li.category10.reduced120{
  width:14.4rem;
}

ul.partners li.category10.reduced110{
  width:13.2rem;
}

ul.partners li.category10.reduced90{
  width:10.8rem;
}

ul.partners li.category10.reduced80{
  width:9.6rem;
}

ul.partners li.category10.reduced70{
  width:8.4rem;
}

ul.partners li.category10.reduced60{
  width:7.2rem;
}

ul.partners li.category20{
  width:8rem;
}

ul.partners li.category20.reduced130{
  width:10.4rem;
}

ul.partners li.category20.reduced120{
  width:9.6rem;
}

ul.partners li.category20.reduced110{
  width:8.8rem;
}

ul.partners li.category20.reduced90{
  width:7.2rem;
}

ul.partners li.category20.reduced80{
  width:6.4rem;
}

ul.partners li.category20.reduced70{
  width:5.6rem;
}

ul.partners li.category20.reduced60{
  width:4.8rem;
}

ul.partners li.category30,
ul.partners li.category40,
ul.partners li.category50{
  width:6rem;
}

ul.partners li.category30.reduced130,
ul.partners li.category40.reduced130,
ul.partners li.category50.reduced130{
  width:7.8rem;
}

ul.partners li.category30.reduced120,
ul.partners li.category40.reduced120,
ul.partners li.category50.reduced120{
  width:7.2rem;
}

ul.partners li.category30.reduced110,
ul.partners li.category40.reduced110,
ul.partners li.category50.reduced110{
  width:6.6rem;
}

ul.partners li.category30.reduced90,
ul.partners li.category40.reduced90,
ul.partners li.category50.reduced90{
  width:5.4rem;
}

ul.partners li.category30.reduced80,
ul.partners li.category40.reduced80,
ul.partners li.category50.reduced80{
  width:4.8rem;
}

ul.partners li.category30.reduced70,
ul.partners li.category40.reduced70,
ul.partners li.category50.reduced70{
  width:4.2rem;
}

ul.partners li.category30.reduced60,
ul.partners li.category40.reduced60,
ul.partners li.category50.reduced60{
  width:3.6rem;
}


/* ---- MAIN FOOTER --- */

footer.main {
  font-size:0.9rem;
  border-top:1px solid #dddddd;
  padding-top:2rem;
  padding-bottom:2rem;
  color:#bbbbbb;
}

footer.main {
  display:flex;
  flex-wrap: wrap;
}

footer.main div.logo {
  width:8rem;
  padding-top:0.2rem;
  margin-right:1rem;
  padding-bottom:0.5rem;
}

footer.main div.adresse {
  width:25rem;
  margin-right:1rem;
  padding-bottom:0.5rem;
}

footer.main div.contact p.facebook img{
  height:1rem;
  width:auto;
}

/* ---- PARTNER FOOTER --- */
footer.partners {
  padding-bottom:6rem;
  font-size:0.9rem;
  border-top:1px solid #dddddd;
  padding-top:2rem;
  color:#bbbbbb;
}

footer.partners p {
  margin-bottom:2rem;
}

footer.partners ul.partners li.category10 {
  width:8rem;
}

footer.partners ul.partners li.category10.reduced130{
  width:10.4rem;
}

footer.partners ul.partners li.category10.reduced120{
  width:9.6rem;
}

footer.partners ul.partners li.category10.reduced110{
  width:8.8rem;
}

footer.partners ul.partners li.category10.reduced90{
  width:7.2rem;
}

footer.partners ul.partners li.category10.reduced80{
  width:6.4rem;
}

footer.partners ul.partners li.category10.reduced70{
  width:5.6rem;
}

footer.partners ul.partners li.category10.reduced60{
  width:4.8rem;
}

footer.partners ul.partners li.category20{
  width:6rem;
}

footer.partners ul.partners li.category20.reduced130{
  width:7.8rem;
}

footer.partners ul.partners li.category20.reduced120{
  width:7.2rem;
}

footer.partners ul.partners li.category20.reduced110{
  width:6.6rem;
}

footer.partners ul.partners li.category20.reduced90{
  width:5.4rem;
}

footer.partners ul.partners li.category20.reduced80{
  width:4.8rem;
}

footer.partners ul.partners li.category20.reduced70{
  width:4.2rem;
}

footer.partners ul.partners li.category20.reduced60{
  width:3.6rem;
}

/* --- ACTIONS --- */

.action.target-hidden {
  display:none;
}

.action.target-hidden:target {
  display:block;
}