/*MENU*/
.rubrique {
	cursor: pointer;
}

.menu--click .rubrique:hover .sous-rubriques {
	transition: none;
}

/* COMMUN */
/* Container - 1440px max */
.container-1440 > .container-content {
  width: 100%;
  max-width: 1440px;
  margin: auto;
}

.pave-a-droite .pave {
	display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/* Marge 15% + 15% */
.pave-marge-15-15 {
  max-width: 66.6666%;
  margin: auto;
}

/* PUCES */
.pageatrium .paginate-index .next,
.pageatrium .paginate-index .prev {
  display: block;
  font-size: 2rem;
  color: #654cfe;
  cursor: pointer;
}

.pageatrium .paginate-index .page-puce {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.25rem;
  border-radius: 50%;
  border: 1px solid #654cfe;
  color: #654cfe;
  background-color: #fff;
  cursor: pointer;
}

.pageatrium .paginate-index .page-puce::before {
  color: #654cfe;
  font-size: 15px;
}

.pageatrium .paginate-index .page-puce.actif {
  background-color: #654cfe;
  color: #fff;
}

.pageatrium .paginate-index .page-puce.actif::before {
  color: #fff;
}

/* Container - Fond dégradé - Violette */
.pageatrium .structure-container.container-degrade-violette {
  background: #7692b3;
  background: -webkit-gradient(linear, left top, right top, from(#7692b3), to(#a9b3ee));
  background: -o-linear-gradient(left, #7692b3 0%, #a9b3ee 100%);
  background: linear-gradient(90deg, #7692b3 0%, #a9b3ee 100%);
  color: #fff;
}

/* LIEN BOUTON */
.bouton-lien a {
  margin-top: 5px;
	margin-bottom: 5px;
  display: inline-block;
  background-color: #fff;
  border-radius: 25px;
  color: #654cfe;
  font-weight: bold;
  padding: 1rem 2rem;
  border: 2px solid transparent;
  -webkit-transition: border-color 0.25s;
  -o-transition: border-color 0.25s;
  transition: border-color 0.25s;
}

/* Suppression barre de séparation pagination */
.pageatrium .paginate-links {
	border: 0;
  padding-top: 0;
}

.bouton-lien a:hover {
  border-color: #654cfe;
  text-decoration: none;
}

/* PUBLIC */
/* Multi Images */
.pave-mi-partenaires .ressource-liste > div {
  display: flex;
	align-items: center;
}

/* Pavé Public - Multi images */
.pave-public-multiImages {
  max-height: 40vh;
  overflow: hidden;
  border-bottom: 10px solid #654cfe;
}

.pave-public-multiImages > .pave {
	height: 100%;
}

.pave-public-multiImages [class*="paginate-"] {
	height: 100%;
}

.pave-public-multiImages .ressource-liste {
  display: block;
	height: 100%;
}

.pave-public-multiImages .ressource-liste > div {
	height: 100%;
}

.pave-public-multiImages .content-image {
	height: 100%;
}

.pave-public-multiImages .content-image > img {
	height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.pave-public-multiImages .content-image__caption__titre {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 0;
}

.pave-public-multiImages .content-image__caption__description {
    font-size: 1.5rem;
}

.pageatrium .pave-public-multiImages .pave-multi-images .titre-descriptif-bas-gauche-image .content-image .caption {
  background-color: transparent;
  padding: 2rem;
  height: auto;
  max-height: 100%;
}

/* Multi Images - Chiffres clés */
.pageatrium .pave-chiffresCles .pave-multi-images .content-image > img {
  display: block;
  margin: auto;
}

.pageatrium .pave-chiffresCles .pave-multi-images .content-image .content-image__caption {
	position: static;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  min-width: auto;
  background-color: transparent;
  text-align: center;
  color: #000;
}

.pageatrium .pave-chiffresCles .pave-multi-images .content-image .content-image__caption__titre {
	font-size: 2rem;
  margin: 0;
}

.pageatrium .pave-chiffresCles .pave-multi-images .content-image .content-image__caption__description {
  font-size: 1rem;
  font-weight: bold;
  color: #848484;
}

/* Multi Images - Nos solutions */
.pageatrium .pave-nosSolutions .pave-multi-images .content-image {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.pageatrium .pave-nosSolutions .pave-multi-images .content-image > img {
  display: block;
  height: 120px;
  margin: 0 auto 1rem;
}

.pageatrium .pave-nosSolutions .pave-multi-images .content-image .content-image__caption {
	position: static;
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  min-width: auto;
  background-color: #2dc973;
  color: #fff;
  text-align: center;
}

.pageatrium .pave-nosSolutions .pave-multi-images .content-image .content-image__caption__titre {
  margin: 1rem 0;
}



/*********/
/* PRIVE */
/*********/

/* FOND ILLUSTRATION EVENEMENTS */
.pageatrium .structure-container.container-fond-illustration {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 340px;
  padding: 1.5rem 0;
  background: url(/css/theme/images/paves/illustration_pave.svg) no-repeat center top/cover, -o-linear-gradient(315deg, #20d1fd 0%, #8d00ff 100%);
  background: url(/css/theme/images/paves/illustration_pave.svg) no-repeat center top/cover, linear-gradient(135deg, #20d1fd 0%, #8d00ff 100%);
  color: #fff;
}

.pageatrium .structure-container.container-fond-illustration .pave__header h3::before {
	color: #fff
}

.pave-evenements .imagegauche-date-titre-resume .article {
  grid-template-areas:
    "grid__date grid__titre"
    "grid__date grid__resume"
    "grid__date grid__motscles"
    "grid__date grid__link";
  grid-template-columns: 0fr 1fr;
  align-items: center;
  padding: 0.25rem;
  transition: 0.25s;
}

.pave-evenements .imagegauche-date-titre-resume .article:hover {
  background-color: #00000040;
  box-shadow: 0 0 13px #0000005c;
  transform: matrix3d(1, 0, 0, -0.00015, 0, 1, 0, 0, 0, 0, 1, 0, -0, -5, 0, 1);
  border: 0;
  border-radius: 5px;
}

.pave-evenements .imagegauche-date-titre-resume .article__image {
	display: none;
}

.pave-evenements .imagegauche-date-titre-resume .article__date {
  display: flex;
  align-items: center;
	font-size: 1.75rem;
}

.pave-evenements .imagegauche-date-titre-resume .article__date::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 1.5rem;
  border-radius: 50%;
  border: 3px solid #edca5c;
}

.pave-evenements .imagegauche-date-titre-resume .article__titre {
	font-size: 1.1rem;
}

/* ENCADRE VIOLET PAR ITEM */
.pave-encadre-violet-item .article {
	height: 100%;
  padding: 1rem;
  border: 1px solid #654cfe;
  transition: border-color 0.25s;
}

.pave-encadre-violet-item .article:hover {
	border-color: #6dc4a3;
}

/* FOND VIOLET PAR ITEM */
.pave-fond-violet-item .article {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 0.5rem;
  background-color: #654cfe;
  color: #fff;
  border: 5px solid transparent;
  transition: 0.25s;
}

.pave-fond-violet-item .article:hover {
  border-color: #6dc4a3;
}


/*mots clefs pavé GR - on peut le copier sur toutes les coops - changer couleur*/

.motscles_pavethematique .c-000000 { background-color: #000000; color: #fff; }
.motscles_pavethematique .c-0666B0 { background-color: #0666B0; color: #fff; }
.motscles_pavethematique .c-3391c2 { background-color: #3391c2; color: #fff; }
.motscles_pavethematique .c-FAB900 { background-color: #FAB900; color: #fff; }
.motscles_pavethematique .c-719456 { background-color: #719456; color: #fff; }
.motscles_pavethematique .c-EC7607 { background-color: #EC7607; color: #fff; }
.motscles_pavethematique .c-7F5EA0 { background-color: #7F5EA0; color: #fff; }
.motscles_pavethematique .c-D10A11 { background-color: #D10A11; color: #fff; }
.motscles_pavethematique .c-0ad17e { background-color: #0ad17e; color: #fff; }
.motscles_pavethematique .c-4B4B4A { background-color: #4B4B4A; color: #fff; }
.motscles_pavethematique .c-823318 { background-color: #823318; color: #fff; }
.motscles_pavethematique .c-7F5EA0 { background-color: #7F5EA0; color: #fff; }
.motscles_pavethematique .c-D10A11 { background-color: #D10A11; color: #fff; }
.motscles_pavethematique .c-0ad17e { background-color: #0ad17e; color: #fff; }
.motscles_pavethematique .c-4B4B4A { background-color: #4B4B4A; color: #fff; }

/*mots clefs sur GR - on peut le copier sur toutes les coops - changer couleur

.motscles_ressource .c-000000 { background-color: #000000; color: #fff; }
.motscles_ressource .c-0666B0 { background-color: #0666B0; color: #fff; }
.motscles_ressource .c-3391c2 { background-color: #3391c2; color: #fff; }
.motscles_ressource .c-FAB900 { background-color: #FAB900; color: #fff; }
.motscles_ressource .c-719456 { background-color: #719456; color: #fff; }
.motscles_ressource .c-EC7607 { background-color: #EC7607; color: #fff; }
.motscles_ressource .c-7F5EA0 { background-color: #7F5EA0; color: #fff; }
.motscles_ressource .c-D10A11 { background-color: #D10A11; color: #fff; }
.motscles_ressource .c-0ad17e { background-color: #0ad17e; color: #fff; }
.motscles_ressource .c-4B4B4A { background-color: #4B4B4A; color: #fff; }
.motscles_ressource .c-823318 { background-color: #823318; color: #fff; }
.motscles_ressource .c-D10A11 { background-color: #D10A11; color: #fff; }
.motscles_ressource .c-0ad17e { background-color: #0ad17e; color: #fff; }
.motscles_ressource .c-4B4B4A { background-color: #4B4B4A; color: #fff; }

*/



/* pave-texteDansImage-bas */

.pave-texteDansImage-bas .ressource-liste {
  /*grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/
}
.pave-texteDansImage-bas .ressource-liste > article {
  position: relative;
  min-height: 310px;
}
.pave-texteDansImage-bas .ressource-liste .article {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 100%;
}
.pave-texteDansImage-bas .article > *:not(.article__image) {
  width: 100%;
  margin: 0 auto;
  background: #000000a6;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  color: #fff;
  z-index: 1;
}
.pave-texteDansImage-bas .article > *:not(.article__image):empty {
  display: none;
}
.pave-texteDansImage-bas .article > *:not(.article__image):first-child {
  padding-top: 1rem;
}
.pave-texteDansImage-bas .article__image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
.pave-texteDansImage-bas .article__image img {
  height: 100%;
  object-fit: cover;
}
.pave-texteDansImage-bas .article__image + * {
  padding-top: 1rem;
}
.pave-texteDansImage-bas .article__titre {
  min-height: 90px;
  font-family: "Playfair Display";
  font-size: 1.3rem
}
.pave-texteDansImage-bas .article__resume * {
  color: #fff !important;
  font-weight: normal !important;
  font-size: 1rem !important;
}
.pave-texteDansImage-bas .paginate-links {
  margin-top: 1rem;
}

.padding-inline-15: {
  padding-inline: 15%;
}



/*        Tests S. GABORIT */
/*-------------------------*/
/*style spécifiques par défaut du service message - message header-services - bandeau dans le service - SG - septembre 2021*/
body .message_header_service {
    color: #000;
    font-size: 1.15rem;
    background-color: azure;
    padding: 0.5rem 1rem;
    background-color: #eee;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-image: url("/css/theme/coop/images/063-information-2.png");
    background-position: center;
    background-position: 1%;
    background-size: 10%;
    background-origin: padding-box;
    background-clip: border-box;
    border-radius: 1rem;
    border-color: #654cfe;
    border-width: medium;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #0f0f0f;
}

.message_header_service > * {
  padding-left: 15%;
 }

.large-modal .modal-container {
    width: 90vw;
    background-color: #d4e6ec;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-image: url("/css/theme/coop/images/063-information-2.png");
    background-position: center;
    background-position: 1%;
    background-size: 10%;
    background-origin: padding-box;
    background-clip: border-box;
    border-color: #654cfe;
    border-width: medium;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #0f0f0f;
    font-size: 24px;
}

.large-modal .modal-container  > * {
  padding-left: 15%;
 }

.message_popup .window-body .link {
    align-self: flex-end;
    font-style: italic;
}

.large-modal .modal-container .window-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    min-height: 1rem;
    padding: 7px 7px 7px 1rem;
        padding-left: 1rem;
    background-color: #d4e6ec;
}

.large-modal .modal-container .window-header h3 {
    margin: 0;
    font-size: 2rem;
    font-weight: bold;
}

.window-header h1, .window-header h2, .window-header h3, .window-header h4 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: normal;
}

.message_popup .window-body {
    display: flex;
    flex-direction: column;
    font-size: 20px;
}

/* ---------------------------------------------------------- */


/* pour affichage en mode blog by SG */
[servid="5050381"] .affichage_blog {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

/*redmine 79555*/

[servid="5050352"] {
  display: flex;
  max-width: 1440px;
  margin: 0 auto;
}

/*PARTIE GAUCHE*/
#acs-5050352 .titlebar {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex: 1 0 0%;
  margin: 0 0 1rem 0;
  padding: 0;
}

#acs-5050352 .titlebar > *:not(:last-child) {
  margin-right: 1rem;
}

[servid="5050352"] .liste-ress {
  flex-direction: column;
  flex-wrap: nowrap;
}

.vue-container > #acs-5050352 {
  flex: 2 0 0%;
  overflow: auto;
}

.vue-container > #acs-5050352 .freehtml img {
  margin: 0;
}

.vue-container > #acs-5050352 .container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 0;
}

.vue-container > #acs-5050352.a-Memos > .container nav {
  order: 3;
}

/*PARTIE DROITE*/
[servid="5050352"] .theme-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

[servid="5050352"] .theme-list ul li {
  margin: 4px;
  padding: 0.25rem 0.5rem;
  border-radius: 25px;
  background-color: #e4e4e4;
  text-align: center;
}

[servid="5050352"] .theme-list ul li:hover {
  background-color: #ded9ff;
}

[servid="5050352"] .theme-list ul li.active {
  background-color: #654cfe;
  color: #fff;
}

.vue-container > #acs-5050352 + aside {
  flex: 1 0 0%;
  margin-left: 1rem;
  padding: 1rem;
  border-top: none;
  background-color: #f6f6f6;
}

.vue-container > #acs-5050352 + aside > .container .ressource-liste .item .image {
  width: 15%;
  height: auto;
  text-align: center;
}

.vue-container > #acs-5050352 + aside > .container .ressource-liste .item .image img {
  width: auto;
  height: auto;
  object-fit: contain;
}

.vue-container > #acs-5050352 + aside > .container .liste-ress > .theme-ress,
.vue-container > #acs-5050352 + aside > .container .liste-ress > .memos-list,
.vue-container > #acs-5050352 + aside > .container .transversalite {
  margin: 0 0 2rem 0;
  padding: 0;
}

.vue-container > #acs-5050352 + aside > .container .liste-ress > .memos-list > h3 {
  align-self: center;
}

@media (max-width: 900px) {
  [servid="5050352"] {
    flex-direction: column;
  }

  .vue-container > #acs-5050352 + aside  {
    margin-left: 0;
  }
}

.fond-gris {
	border-bottom-width: 0;
	border-bottom-style: solid;
	background-color: #7793b5;
}

.fond-gris-leger {
	border-bottom-width: 0;
  border-bottom-style: solid;
  background-color: #F5F5F5;
 }

.fond-gris-prononce {
	border-bottom-width: 0;
  border-bottom-style: solid;
	background-color: #aaaaaa;
}

.fond-beige-logo {
	border-bottom-width: 0;
  border-bottom-style: solid;
	background-color: #D3C5B3;
}

.fond-bleu-logo {
	border-bottom-width: 0;
  border-bottom-style: solid;
	background-color: #6597C7;
}

.fond-violet {
	border-bottom-width: 0;
  border-bottom-style: solid;
	background-color: #654CFE;
}

.fond-argent {
 	border-bottom-width: 0;
	border-radius: 10px 10px 10px 10px;
	border-bottom-style: solid;
	background-color: #D3C6B3; 
	padding-left :	20px ;
	padding-right: 20px;
	margin-bottom : 20px;
	margin-top : 20px
}

.fond-bleu {
	border-bottom-width: 0;
	border-bottom-style: solid;
	background-color: #654CFE;
}

.fond-image-important01 {
  background-image: url("/css/theme/coop/images/picto-important01.png");
  background-position : top left;
	background-size: 15%;
  background-repeat: no-repeat;
  padding-left: 16%;
	padding-right: 10px;
	padding-top: 10px;
}

.fond-image-important02 {
  background-image: url("/css/theme/coop/images/picto-main01.png");
  background-position : top left;
	background-size: 15%;
  background-repeat: no-repeat;
  padding-left: 16%;
	padding-right: 10px;
	padding-top: 10px;
}


.fond-image-important03 {
  background-image: url("/css/theme/coop/images/picto-important03.png");
  background-position : top left;
	background-size: 25%;
  background-repeat: no-repeat;
  padding-left: 5%;
	padding-right: 10px;
	padding-top: 5%;
}
  
.fond-image-bas3traits {
  background-image: url("/css/theme/coop/images/picto-bas3traits.png");
  background-position : bottom right;
	background-size: 15%;
  background-repeat: no-repeat;
  padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.fond-image-bas-picto-hautcoin01 {
  background-image: url("/css/theme/coop/images/picto-hautcoin01.png");
  background-position : top left;
	background-size: 15%;
  background-repeat: no-repeat;
  padding-left: 10%;
	padding-right: 10px;
	padding-top: 10px;
}

.fond-image-haut-picto-atrium01 {
  background-image: url("/css/theme/coop/images/picto-atrium01.png"),url("/css/theme/coop/images/picto-bastriangles.png");
  background-position : top left,bottom right;
	background-size: 15%,15%;
  background-repeat: no-repeat,no-repeat;
  padding-left: 16%;
	padding-right: 10px;
	padding-top: 10px;
}

.fond-image-haut-picto-atrium02 {
  background-image: url("/css/theme/coop/images/picto-atrium02.png"),url("/css/theme/coop/images/picto-bastriangles.png");
  background-position : top left,bottom right;
	background-size: 15%,15%;
  background-repeat: no-repeat,no-repeat;
  padding-left: 16%;
	padding-right: 10px;
	padding-top: 10px;
}


.fond-image-picto-bastriangles {
  background-image: url("/css/theme/coop/images/picto-bastriangles.png");
  background-position : bottom right;
	background-size: 15%;
  background-repeat: no-repeat;
  padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.fond-image-picto-inscription {
background-image: url("/css/theme/coop/images/picto-inscription.png");
background-position: center left;
background-size: 10%;
background-repeat: no-repeat;
padding-left: 11%;
padding-right: 10px;
padding-top: 10px;
}



/*TGO*/
/*Safari pwd*/
input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/*Ariane mobile*/
@media screen and (max-width: 900px) {
  body .ariane {
    display: none;
  }
}
/*TGO FIN*/

/*Vidéothèque fiches et manuels*/

/*vidéothèque pour les chartes avec liste ressources sur le côté*/
[servid="5050340"] {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}

[servid="5050340"] .transversalite {
display: none;
}

#acs-5050340 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
max-width: 1440px;
margin: 0 auto 1rem;
padding: 0;
}

#acs-5050340.a-Memos > .container article {
display: -ms-grid;
display: grid;
grid-template-areas: "description image" "description resume" ". questionnaire" "commentaire commentaire";
-ms-grid-columns: auto minmax(auto 1fr);
grid-template-columns: auto minmax(auto 1fr);
-ms-grid-rows: auto 1fr;
grid-template-rows: auto 1fr;
}

#acs-5050340.a-Memos > .container article.img-hidden {
grid-template-areas: "description titre" "description resume" ". questionnaire" "commentaire commentaire";
}

#acs-5050340.a-Memos > .container article .description {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  grid-area: description;
  margin: 0;
  margin-right: 3%;
  padding: 0;
}

#acs-5050340.a-Memos > .container article .description p:first-child {
  margin-top: 0;
}

#acs-5050340.a-Memos > .container article .titre.titre-ressource {
display: block;
font-size: 1.1rem;
font-weight: bold;
}

#acs-5050340.a-Memos > .container article .resume {
font-weight: normal;
}

#acs-5050340.a-Memos > .container article .titre {
-ms-grid-row: 1;
-ms-grid-column: 2;
grid-area: titre;
margin-bottom: 0.5rem;
}

#acs-5050340.a-Memos > .container article .resume {
-ms-grid-row: 2;
-ms-grid-column: 2;
grid-area: resume;
padding: 0;
background-color: transparent;
}

#acs-5050340.a-Memos > .container article .image {
-ms-grid-row: 1;
-ms-grid-column: 2;
grid-area: image;
}

#acs-5050340.a-Memos > .container article .date-diffusion {
display: none;
}

#acs-5050340.a-Memos > .container article .contact-comment {
-ms-grid-row: 4;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-area: commentaire;
}

#acs-5050340.a-Memos > .container article .questionnaire {
-ms-grid-row: 3;
-ms-grid-column: 2;
grid-area: questionnaire;
}

#acs-5050340 + aside .transversalite {
display: none;
}

#acs-5050340 + aside {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: 0;
padding: 2rem 0;
}

#acs-5050340 + aside > .container {
  max-width: 1440px;
  margin: 0 auto;
}

#acs-5050340 + aside > .container .liste-ress > .theme-ress {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333%;
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
}

#acs-5050340 + aside > .container .liste-ress > .theme-ress > h3 {
margin-top: 0;
margin-bottom: 7px;
font-family: "Din", "Century-Gothic", arial;
font-weight: bold;
}

#acs-5050340 + aside > .container .liste-ress > .theme-ress .theme-list > ul > li {
padding: 5px;
border-bottom: solid 1px #ccc;
font-size: 16px;
}

#acs-5050340 + aside > .container .liste-ress > .theme-ress .theme-list > ul > li:hover {
color: #654cfe;
cursor: pointer;
}

#acs-5050340 + aside > .container .liste-ress .search-ress {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}

#acs-5050340 + aside > .container .liste-ress .ressource-liste {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -0.5rem;
}

#acs-5050340 + aside > .container .liste-ress .ressource-liste > .item {
-webkit-box-flex: 0;
-webkit-flex: 1 0 33.33%;
-ms-flex: 1 0 33.33%;
flex: 1 0 33.33%;
max-width: calc(33.33% - 1rem);
margin: 0.5rem;
padding: 0;
}

#acs-5050340 + aside > .container .liste-ress .ressource-liste > .item > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

#acs-5050340 + aside > .container .liste-ress .ressource-liste > .item > a:hover .titre {
  color: #654cfe;
}

#acs-5050340 + aside > .container .liste-ress .ressource-liste > .item .image {
  width: 100%;
  max-width: 100%;
  max-height: initial;
}

#acs-5050340 + aside > .container .liste-ress .ressource-liste > .item img {
max-height: 200px;
margin-bottom: 1rem;
padding-right: 0;
}

#acs-5050340 + aside > .container .liste-ress .ressource-liste > .item .resume {
font-weight: normal;
}

#acs-5050340 + aside > .container .liste-ress .search-ress {
width: 100%;
margin: 0;
-webkit-box-pack: end;
-ms-flex-pack: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}

#acs-5050340 + aside > .container .liste-ress .search-ress input[type="search"] {
max-width: 80%;
width: 33.3333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333%;
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
}

@media screen and (max-width: 1440px) {
  #acs-5050340 + aside {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (max-width: 1024px) {
  #acs-5050340 + aside > .container .liste-ress > .theme-ress {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    -webkit-flex: 1 0 100%;
    flex: 1 0 100%;
  }
}

@media screen and (max-width: 900px) {
  #acs-5050340.a-Memos > .container article.img-hidden {
    grid-template-areas: "titre" "description" "resume" "questionnaire" "commentaire";
    grid-template-columns: 1fr;
  }
}

/*changement couleur resumé*/


body .vue-container .a-service-texte > .container > article.img-left .resume{
	
	background : #7793b5;

}

body .a-service-texte > .container .img-left .abstract, body .a-Evenement .img-left .abstract{
	
	background : #7793b5;
}

/* début style ajouté par Sebastien GABORIT
*/

.margedroitegauche20px {
  margin-left: 20px;
	margin-right: 20px;
}

.font1-5em {
    font-size: 1.5em;
}

.fond-gris {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	border-bottom-width: 0;
	border-bottom-style: solid;
	background-color: #7793b5;
}

.fond-argent {
 	border-bottom-width: 0;
	border-radius: 10px 10px 10px 10px;
	border-bottom-style: solid;
	background-color: #D3C6B3; 
	padding-left :	20px ;
	padding-right: 20px;
	margin-bottom : 20px;
	margin-top : 20px
}

.fond-bleu {
	padding-left : 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom-width: 0;
	border-radius: 10px 10px 10px 10px;
	border-bottom-style: solid;
	background-color: #654CFE;
}

.encadre_violet {
	margin-block-end : 0.5rem;
	margin-block-start : 0.5rem;
	border: 1px solid;
	border-color: #654CFE;
    padding-inline : 0.5rem;
	padding-top : 0.5rem;

}
.encadre_photo {
	margin-block-end : 0.5rem;
	margin-block-start : 0.5rem;
	padding-inline : 1rem;
	padding-top : 1rem;
	padding-bottom : 1rem;
}
.separateur-bleu {
	margin-top: 10px;
	margin-left:150px;
	margin-right:150px;
	margin-bottom:10px;
	border-bottom-width: 0;
	border-radius: 10px 10px 10px 10px;
	border-bottom-style: none;
	background-color: #654CFE;
}

.video-small {
	margin-top: 10px;
	margin-left:100px;
	margin-right:100px;
	margin-bottom:10px;
	}

.gestionRessource__blog__article {
    margin: 1rem 0 2rem;
    padding-bottom: 2rem;
    border-bottom: 5px solid #654CFE;
	border-radius :	2px 2px 2px 2px;
}
.content_date_sg {
	font-style : italic;
}
.padding_100px {
	padding-left :	100px;
	padding-right : 100px;
}
.padding_20pour100 {
	padding-left :	20%;
	padding-right : 20%;
}

.affichage-sessions > .titre_article {
  display : none;
}

.affichage-sessions.session-description {
  display : none;
}
   
.style-bouton {
  border-radius: 20px;
  padding: 0.5rem 1rem;
  background-color: #654cfe;
  color: #fff;
  border: 0;
  cursor: pointer;
}

.fond-image-bandeau-vegetal {
background-image: url("/css/theme/coop/images/bandeau-cereales-1980x200-3.png");
background-repeat: no-repeat;
padding-left: 5%;
padding-right: 5%;
padding-top: 10px;
background-color: #f2eee4;
background-size: cover;
opacity : 0.8;
}

/* fin style ajouté par Sebastien GABORIT
/* repriss style TinyMCE */
@font-face {
 font-family: "icomoon-uac";
 src: url(fonts/icomoon-uac/icomoon-uac.svg) format("svg"),
      url(fonts/icomoon-uac/icomoon-uac.ttf) format("truetype"),
      url(fonts/icomoon-uac/icomoon-uac.woff) format("woff");
 font-weight: normal;
 font-style: normal;
}

body {
  font-size: 15px;
  font-family: 'Segoe UI', sans-serif, arial;
}

.titre1 {
  font-size: 25px;
  font-weight: bold;
}

.titre2 {
  font-size: 22px;
  font-weight: bold;
}

.titre-et-trait {
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: bold;
}

.titre-et-trait::after {
  flex: 1 0 0%;
  content: "";
  display: inline-block;
  margin-left: 1rem;
  border-bottom: 1px solid #654cfe;
}

.titre-puce-violette {
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: bold;
}

.titre-puce-violette::before {
  content: "\e900";
  display: inline-block;
  margin-right: 0.5rem;
  color: #654cfe;
  font-family: "icomoon-uac";
  font-size: 1.5rem;
}

.titre-puce-noire {
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: bold;
}

.titre-puce-noire::before {
  content: "\e900";
  display: inline-block;
  margin-right: 0.5rem;
  color: #000;
  font-family: "icomoon-uac";
  font-size: 1.5rem;
}

.titre-aplat-violet {
  display: block;
  padding: 0.5rem;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  background-color: #654cfe;
}

.aplat-violet {
  display: block;
  padding: 0.5rem;
  color: #fff;
  background-color: #654cfe;
}

.titre-gros {
	font-size: 1.25rem;
}

.taille-texte1-25rem {
	font-size: 1.25rem;
}

.taille-texte1-5rem {
	font-size: 1.5rem;
}

.taille-texte1-75rem {
	font-size: 1.75rem;
}

.aplat-violet2 {
  display: block;
  padding: 0.5rem;
  color: black;
  background-color: #d2cbff;
  }

/* Fin repriss style TinyMCE */

/* ajustements SG */

.gestionRessource .telechargement .titre {
    font-size: 0.75em;
    font-weight: 700;
    color: #000;
    text-align: center;
}

/* $MESSAGE COMMUNICATION */
/*****************************************************/

body .message_header_service {
background-color:transparent;

color: #000;

}

/* fin ajustements SG */
/* motcles SG*/
.gestionRessource .mots-cles li {
    margin: .25rem;
    padding: .25rem .5rem;
    border-radius: 5px;
    background-color: #e4e4e4;
	color : #000;
	cursor: pointer;
}
.gestionRessource .mots-cles li:hover {
    /*opacity: .9;*/
    background-color: #ded9ff;
	color: #000;
}
.gestionRessource .mots-cles li:active {
	background-color: #654cfe;
    color : #fff;
}
body .gestionRessource .mots-cles .c-violet {
  background-color: #654cfe;
  color: #fff;
}
body .gestionRessource .mots-cles .c-bleu {
  background-color: #4983fe;
  color: #fff;
}
body .gestionRessource .mots-cles .c-rouge {
  background-color: #f90b0b;
  color: #fff;
}
body .gestionRessource .mots-cles .c-marron {
  background-color: #895303;
  color: #fff;
}
.motscles_ressource span {
    margin-bottom: .25rem;
    padding: .25rem .5rem;
    background-color: #654cfe;
    color: #fff;
    border-radius: 5px;
    font-size: 0.65rem;
}
/*.gestionRessource .mots-cles .c-violet li {
    margin: .25rem;
    padding: .25rem .5rem;
    border-radius: 5px;
    background-color: #c4c3f0;
    cursor: pointer;
}*/
/* SG forcer l'alignement centré des images dans un bloc image */
.gestionRessource figure.content-image {
    text-align: center;
}
/* SG forcer l'alignement en haut du bloc (visionneure pdf) */
.gestionRessource .visionneuse{
     justify-content: start;
}
/* SG cacher le bloc (résumé par exemple) */
.cachebloc {
    display: none;
}
.titre2rem {
  font-size: 2rem;
 }
 
.encadre-bleu {
  border: 5px #0051BA solid;
  border-radius: 20px
}

.miseEnAvant {
box-shadow: 10px 10px 10px black;	
background-color: #e6e6e6;
}

/* ----------------------------------------------------------------------- */
/*														  Tests Sebastien																 */
/* ----------------------------------------------------------------------- */

/* service todolis */

.tache-item .titre {
font-size: 18px;
font-weight: bolder;
}



/* ----------------------------------------------------------------------- */
/*														  Tests Cyril																 */
/* ----------------------------------------------------------------------- */

.pingouin-linux-1 {
	background-color: #f9f9f9;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url("/css/theme/coop/images/001-linux.png");
	background-position : center;
	background-position : 3% 20%;
	background-size: 15%; 
	background-origin: padding-box;
	background-clip: border-box;
	border-radius: 1rem;
	border-color:#654cfe;
	border-width: medium;
	border-style: solid;
	margin-top : 10px;
	margin-bottom : 10px;
}


.pingouin-linux-2 {
  background-image: ;
	background : url("/css/theme/coop/images/Images Cyril/001-linux-1.png") 1% 50% no-repeat, url("/css/theme/coop/images/Images Cyril/002-linux-2.png") 99% 50% no-repeat;
}


.pingouin-linux-3 {
  background-image: url("/css/theme/coop/images/001-linux.png");
	background-position : center;
	background-position : 95% 50%;
}


.rotation {
transform-origin: bottom right 60px;
}


.picto-70px img {
  width: 70px;
	margin: auto;
}


.lettres-noires {
    color: #000000
}




----------------------------------
/* Trouvé sur https://www.web-eau.net/blog/15-effets-css3-pour-vos-images */
----------------------------------

/* 1. Zoom */

/* Passons aux choses sérieuses !
Ici, nous allons afficher un effet "zoom" sur l'image au survol de la souris.
La fonction CSS scale de la propriété CSS transform permet d'obtenir un agrandissement (ou une réduction) de l'élément HTML concerné.
C'est ce qu'il nous faut ! */


/* Zoomer */
.zoom div img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.zoom div:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

----------------------------------

/* 2. Rotation */

/* Ici, nous allons basculer l'image sur un côté grâce à la propriété rotate. */


/* Rotation */
.rotate div img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.rotate div:hover img {
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

-----------------------------------

/* 3. Dézoomer */

/* Après avoir zoomé sur les images, nous allons maintenant dézoomer !
Si vous avez compris le principe du premier exemple, celui-ci ne devrait pas vous poser de problèmes : c'est "presque" pareil !


/* Dézoomer */
.zoom-out div img {
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.zoom-out div:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

------------------------------------

/* 4. Image ronde */

/* Plutôt que de vous embetter à découper vos images avec un logiciel de retouche photo, utilisez un peu de CSS pour rendre une image ronde ! */


/* Image ronde */
.rounded div img {
  width: 200px; /* largeur de l'image */
  height: auto; /* hauteur de l'image */
  -webkit-transition: .3s ease-in-out !important; 
  transition: .3s ease-in-out !important; 
}
.rounded div:hover img:hover {
  width: 150px; /* on affiche l'image au carré */
  height: 150px;
  border-radius: 50%; 
}

/* Explications : pour avoir une image ronde avec la propriété border-radius,
il faut que l'image de départ soit carrée. A défaut, vous obtiendrez une image ovale (ce qui est joli aussi). */

------------------------------------

/* 5. Slide */

/* Le slide est un effet visuel qui simule un déplacement latéral de l'image. Voyons à quoi ressemble le code : */


/* Slide */
.slide div img {
	margin-left: 0px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.slide div:hover img {
	margin-left: -30px;
}

/* Explications : pour avoir un effet slide dans l'autre sens, il vous suffit de remplacer la propriété margin-left
par la propriété margin-right ou d'appliquer une valeur positive à margin-left. */

------------------------------------

/* 6. Rotation et Dézoome */

/* Toujours plus fort grâce à CSS3, nous allons tourner et dézoomer nos images en même temps !
Encore une fois, vous allez voir que ce n'est pas très compliqué à mettre en oeuvre. */


/* Rotation et dézoome */
.rotate-zoom-out div img {
	-webkit-transform: rotate(10deg) scale(1.25);
	transform: rotate(10deg) scale(1.25);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.rotate-zoom-out div:hover img {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
}

-------------------------------------

/* 7. Flou */

/* Flouter une image peut être intéressant afin de masquer une image ou pour "forcer" vos visiteurs
à passer leur souris dessus afin de l'afficher parfaitement nette. C'est ce que nous allons voir ici. */


/* Flou */
.blur div img {
	-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.blur div:hover img {
	-webkit-filter: blur(0);
	filter: blur(0);
}

/* Explications : pour avoir un flou plus prononcé, il vous suffit d'augmenter la valeur indiquée à la propriété blur : 5px, par exemple. */

--------------------------------------

/* 8. Noir et blanc */

/* La magie et la poésie des images en noir et blanc, on ne s'en lasse pas !
CSS va vous en faire voir de toutes les couleurs grâce au filtre grayscale ! */


/* Noir et blanc */
.grayscale div img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.grayscale div:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

/* Explications : vous pouvez utiliser des valeurs intermédiaires pour la propriété grayscale : 25%, 42%, 77%, etc. */

--------------------------------------

/* 9. Sépia

Le sépia, c'est cette teinte délicieusement rétro qu'ont les photographies de nos grands-parents.
CSS3 vous permet de voyager dans le temps et de revenir à cette époque ! */


/* Sepia */
.sepia div img {
	-webkit-filter: sepia(100%);
	filter: sepia(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.sepia div:hover img {
	-webkit-filter: sepia(0);
	filter: sepia(0);
}

---------------------------------------

/* 10. Morph */

/* Attention, on commence à mélanger les effets entre eux.
Ici, on va arrondir les images et les faire tourner sur elles-mêmes en utilisant simplement des propriétés CSS3. */


/* Morph */
.morph div img {
  width: 200px;
  height: 150px;
  -webkit-filter: grayscale(0) blur(0px);
  filter: grayscale(0) blur(0px);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.morph div:hover img {
  width: 150px; /* on affiche l'image au carré */
  height: 150px;
  border-radius: 50%;  /* on arrondit l'image */
  -webkit-transform: rotate(360deg); /* rotation de l'image */
  transform: rotate(360deg);
}

----------------------------------------

/* 11. Opacité */

/* CSS3 permet également de rendre opaque ou d'éclaircir une image grâce à la propriété opacity.
Une valeur de 1 n'effecte pas l'image. Une valeur supérieure l'assombrira (1.3, par exemple)
et une valeur inférieur va l'éclaircir (.5, par exemple). */


/* Opacité */
.opacity1 div img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.opacity1 div:hover img {
	opacity: .5;
}

-----------------------------------------

/* 12. Opacité colorée */

/* Par défaut, l'opacité applique un filtre noir sur l'image si l'on souhaite l'assombrir.
Mais grâce à la puissance de CSS3, il est possible de choisir une autre couleur ! */


.opacity-color div {
background: #184a7d;
}
.opacity-color div img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.opacity-color div:hover img {
	opacity: .5;
}

/* Explications : des couleurs de fond différentes ont été définies dans les balises div pour obtenir des effets différents. */

------------------------------------------
/* Et pour terminer, je vous propose de voir une série de 3 effets visuels assez sympa à appliquer à vos images :
le flash, le reflet et le halo lumineux ! */
------------------------------------------

/* 13. Flash */

/* Flash */
.flash div:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

-------------------------------------------

/* 14. Reflet */

/* Reflet */
.shine div {
	position: relative;
}
.shine div::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.shine div:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

-------------------------------------------

/* 15. Halo lumineux */

/* Halo lumineux */
.light div {
	position: relative;
}
.light div::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.light div:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}


.encadre-rouge {
  border: 5px #DB1702 solid;
  border-radius: 30px
}


.titre-aplat-atrium {
  display: block;
  padding: 0.5rem;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(135deg, #20d1fd 0%, #8d00ff 100%);
}


.titre-aplat-noir-blanc {
  display: block;
  padding: 0.5rem;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(135deg, #000000 0%, #ffffff 100%);
}


.titre-aplat-rouge-blanc {
  display: block;
  padding: 0.5rem;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(135deg, #ff2d00 0%, #ffffff 100%);
}


.titre-aplat-rouge-orange {
  display: block;
  padding: 0.5rem;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(135deg, #c0392b 0%, #f39c12 100%);
}


/* ------------------------------------------- */
/*        Fin des tests Cyril                  */
/* --------------------------------------------*/


/*Gestion documents_mise en avant des docs récents*/

.doc-recent::before {
  background: url("/images/morte_saison/nouveaute.svg") no-repeat;
  content: ' ';
  position: relative;
  top: 45px;
  left: -4px;
  width: 103px;
  min-height: 50px;
  z-index: 1;
  margin-top: -45px;
}
.doc-recent:hover::before {
  display:none; 
}


/* suivi activite - indicateur ratio
.progress-indicator__legends {
  display: none;
}


/* GestionDocument Appliquer un ordre sur les filtres "Catégories" et "Natures*/

.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.order-13 {
  order: 13;
}
.order-14 {
  order: 14;
}
.order-15 {
  order: 15;
}
.order-16 {
  order: 16;
}
.order-17 {
  order: 17;
}
.order-18 {
  order: 18;
}
.order-19 {
  order: 19;
}
.order-20 {
  order: 20;
}



.encadre-bleu {
  border: 5px #0051BA solid;
  border-radius: 20px
}


*/ SG - test CCS sur le service démo bovins */

    /* Cible le titre de la première colonne */
.tableau-synthese1 .table th:nth-child(1) {
        font-size: 25px;
    }

    /* Cible le titre de la deuxième colonne */
.tableau-synthese1  .table th:nth-child(2) {
        font-size: 20px;
    }

indicateur-style-1 .content-table-liste .table.table--responsive tr {
    line-height: unset !important;
    padding: 1rem;
    background-color: transparent !important;
    border: 3px solid var(--coop-main-color);
}
.indicateur-style-1 .content-table-liste .table.table--responsive .intitule_compte {
    font-size: 1.15rem;
    font-weight: 500;
    text-transform: uppercase;
}
.indicateur-style-1 .content-table-liste .table.table--responsive td {
    min-height: auto;
}
indicateur-style-1 .content-table-liste .table.table--responsive .solde_compte {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    font-size: 2rem;
    font-weight: 600;
}
.indicateur-style-1 .content-table-liste .table.table--responsive [data-title="Mode de paiement"] {
    color: var(--coop-main-color);
}

/* masquer le bloc */
.masquerbloc {
  display: none;
}