body {
  background: #e9e6e2;
  font-size: 12px;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  background-image: url("https://www.lacor.info/gnrl/logo/white_texture.jpg");
}
@media screen and (min-width: 320px) {
  body {
    font-size: calc(12px + 10 * ((100vw - 320px) / 960));
  }
}
@media screen and (min-width: 1280px) {
  body {
    font-size: 22px;
  }
}
background-size 10px,
:::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.51);
  background-color: rgba(19,46,5,0.51);
  border-radius: 10px;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: rgba(255,255,255,0.2);
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #111;
  background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#3b2777), to(#b8c78a), color-stop(0.6, #4405ff));
}
em {
  font-style: italic;
}
b {
  font-family: 'Shadows Into Light', cursive;
  font-weight: bold;
}
button,
.titre {
  align-self: center;
  width: 100%;
  max-height: 100px;
  position: relative;
  left: 50%;
  margin-top: 0;
  transform: translateX(-50%);
  background: transparent;
  padding: 0 1em;
  transition: all 0.5s ease;
  color: #e63e00;
  outline: none;
  box-shadow: 20px 38px 34px -26px #aaa;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
}
button:hover,
.titre:hover {
  box-shadow: 2px 8px 4px -6px #aaa;
}
button.dashed.thin,
.titre.dashed.thin {
  border: dashed 2px #ff6347;
}
.titre {
  background: #eee;
  padding: -4em 1em 0;
  margin: 0;
}
.titre.dashed.thin {
  border-top: dashed 0 #ff6347;
  border-right: dashed 0 #ff6347;
  border-left: dashed 0 #ff6347;
}
#date--asso:after {
  content: '05 04 2012';
}
#date--scic:after {
  content: '18 04 2018';
}
#date--pref:after {
  content: 'JJ 04 2018';
  background: #ff0;
  padding: 0 0.5em;
}
#cap--min:after {
  content: '----- €';
  background: #ff0;
  padding: 0 0.5em;
}
#cap--init:after {
  content: '----- €';
  background: #ff0;
  padding: 0 0.5em;
}
#fondateurs {
  background: #ff0;
  font-style: italic;
}
#fondateurs:before {
  content: '« nom et prénom de chaque fondateur ';
}
#fondateurs:after {
  content: '(faisant partie du collège fondateurs et porteurs du projet) »';
}
#N--parts:after {
  content: '---';
  background: #ff0;
  padding: 0 0.5em;
}
#part--nomin:after {
  content: '-- €';
  background: #ff0;
  padding: 0 0.5em;
}
.ris1 {
  background: #d8f8f1;
}
.ris1:before {
  content: '« Règlement intérieur précisant les règles imposées aux salarié-e-s, bénévoles, partenaires et visiteur-teuses de l’entreprise (LA SOCIÉTÉ) »';
  font-style: italic;
}
.ris1:after {
  content: ' (RIS1) ';
}
.ris2,
.riss2 {
  background: #d8f8f1;
}
.ris2:before,
.riss2:before {
  content: '« règlement intérieur précisant l’application de certaines dispositions des statuts »';
  font-style: italic;
}
.ris2:after {
  content: ' (RIS2). ';
}
.riss2:after {
  content: ' (RIS2) ';
}
i {
  background: rgba(255,125,77,0.2);
  padding: 0 0.2em;
  font-style: normal;
}
k {
  background: rgba(188,88,52,0.4);
  padding: 0 0.2em;
  font-style: normal;
}
j {
  background: rgba(255,125,77,0.5);
}
.accordion a {
  color: #ff7d4d;
  padding: 1em 3em 1em 1em;
  font-size: 0.8em;
  font-weight: 100;
  border-bottom: 1px solid #e5e5e5;
}
.accordion a:before {
  content: '📌 ';
}
.accordion a::after {
  font-family: 'Ionicons';
  content: '\f218';
  position: absolute;
  float: right;
  right: 1rem;
  font-size: 0.8em;
  color: #e63e00 !important;
  padding: 5px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #e63e00;
  text-align: center;
}
.accordion a.active::after {
  font-family: 'Ionicons';
  content: '\f209';
  color: #ff6347;
  border: 1px solid #e63e00;
}
.accordion .content {
  opacity: 0;
  padding: 0 1em 2em;
  background: rgba(255,125,77,0.1);
  max-height: 0;
  border: 1px solid rgba(255,125,77,0.5);
  border-radius: 100px;
  overflow: hidden;
  clear: both;
  transition: all 0.2s ease 0.15s;
  margin-bottom: 1em;
}
.accordion .content p,
.accordion .content ul li {
  font-size: 0.8em;
  font-weight: 100;
  padding-top: 0.2em;
}
.accordion .content p:first-child,
.accordion .content ul li:first-child {
  padding-top: 0;
}
.accordion .content.active {
  opacity: 1;
  border-top: 0px dashed rgba(255,125,77,0);
  border-left: 1px dashed rgba(255,125,77,0.4);
  border-right: 1px dashed rgba(255,125,77,0.4);
  border-bottom: 1px dashed rgba(255,125,77,0.4);
  border-radius: 10px;
  padding: 1em;
  max-height: 100%;
  transition: all 0.35s ease 0.15s;
}
.section.toggle {
  width: 90%;
  max-width: 900px;
  margin: 1em auto;
  position: relative;
}
.section.toggle .section__title {
  cursor: pointer;
  position: relative;
  z-index: 2;
  padding: 1em;
  background: #e9e6e2;
  margin: 0;
}
.section.toggle .section__body {
  background: #e9e6e2;
  padding: 1em;
}
/*
////////////////////////////////////////
 Absolute Centering
//////////////////////////////////////// 
*/
.Absolute-Center {
  height: 50% /* Set your own height percents, ems, whatever! */;
  width: 50% /* Set your own width percents, ems, whatever! */;
  overflow: auto /* Recommended in case content is larger than the container */;
  margin: auto /* Center the item vertically & horizontally */;
  position: absolute /* Break it out of the regular flow */;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0 /* Set the bounds in which to center it, relative to its parent/container */;
}
/* //////////////////////////////////////// */
/* Make sure our center blocks stay in their container! */
.Center-Container {
  position: relative;
}
/* //////////////////////////////////////// */
/* Fixed floating element within viewport */
.Absolute-Center.is-Fixed {
  position: fixed;
  z-index: 999;
  margin-top:10vh;
}
/* //////////////////////////////////////// */
/* Min/Max Width */
.Absolute-Center.is-Responsive {
  width: 60%;
  height: 60%;
  min-width: 200px;
  max-width: 400px;
  padding: 40px;
}
/* //////////////////////////////////////// */
/* Align Right, still vertically centered */
.Absolute-Center.is-Right {
  left: auto;
  right: 20px;
  text-align: right;
}
/* //////////////////////////////////////// */
/* Align Left, still vertically centered */
.Absolute-Center.is-Left {
  right: auto;
  left: 20px;
  text-align: left;
}
/* //////////////////////////////////////// */
/* Responsive image, still absolutely centered! Apply the classes to the image itself. */
.Absolute-Center.is-Image {
  width: 50%;
  height: auto;
  padding: 0;
}
.Absolute-Center.is-Image img {
  width: 100%;
  height: auto;
}
/* Set content overflow if your content may go too long */
.Absolute-Center.is-Overflow {
  height: 250px;
  max-height: 100%;
  overflow: auto;
}
/* //////////////////////////////////////// */
/* Variable content height with display table 
Breaks cross browser compatibility, but now has a Modernizr test available!

Modernizr test adds ".absolutecentercontent" to <html> if the browser will center correctly with a variable height, and ".no-absolutecentercontent" if it will not be centered with a variable height so that you can add fallback styles in your CSS or use Javascript to manually center it. */
.absolutecentercontent .Absolute-Center.is-Variable {
  display: table;
  height: auto /* Only necessary because height was already declared */;
}
/* //////////////////////////////////////// */
/* Allow the user to resize */
.Absolute-Center.is-Resizable {
  min-width: 20%;
  max-width: 90%;
  min-height: 20%;
  max-height: 80%;
  resize: both;
}
.absolutecentercontent .Absolute-Center.is-Resizable {
/* necessary to override settings from .is-Variable, if used */
  display: block !important;
}
/* 
////////////////////////////////////////
 Other Techniques  
//////////////////////////////////////// 
*/
/* //////////////////////////////////////// */
/* Negative Margin Technique */
.Center-Block.is-Negative {
  width: 300px;
  height: 200px;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -170px /* (width + padding)/2 */;
  margin-top: -120px /* (height + padding)/2 */;
}
/* //////////////////////////////////////// */
/* Display Table Technique */
.Center-Container.is-Table {
  display: table;
}
.is-Table .Table-Cell {
  display: table-cell;
  vertical-align: middle;
}
.is-Table .Center-Block {
  width: 50%;
  margin: 0 auto;
}
/* //////////////////////////////////////// */
/* Inline-Block Technique */
.Center-Container.is-Inline {
  text-align: center;
  overflow: auto;
}
.Center-Container.is-Inline:after,
.is-Inline .Center-Block {
  display: inline-block;
  vertical-align: middle;
}
.Center-Container.is-Inline:after {
  content: " ";
  height: 100%;
  margin-left: -0.25em /* to offset spacing. may vary with fonts */;
}
.is-Inline .Center-Block {
  text-align: left;
  max-width: 80% /* Prevents issues with long content causes the content block to be pushed to the top */;
/* max-width calc(100% - 0.25em) /* Only for IE9+ */
}
/* //////////////////////////////////////// */
/* Transform Technique */
.is-Translated {
  width: 50%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* //////////////////////////////////////// */
/* Flexbox Technique */
.Center-Container.is-Flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
/* 
////////////////////////////////////////
 Presentational Code. You can ignore this!
//////////////////////////////////////// 
*/
.Shaw-Button {
  display: block;
  width: 50px;
  margin: 0 0 auto auto;
  padding: 10px 10px;
  text-align: center;
  background: #ff6347;
  color: #f5f5f5;
  font-weight: bold;
}
.header {
  display: block;
  float: right;
  margin-top: -10px;
}
.Shaw-Button:hover {
  background: #ff7359;
  color: #f5f5f5;
  text-decoration: none;
}
.Center-Container {
  background: #ff6347;
  color: #e63e00;
  width: 100%;
  height: 200px;
  margin: 20px auto 40px;
  clear: both;
}
.Center-Remarque {
  background: #7ae6ce;
  color: #e63e00;
  padding: 20px;
  margin-bottom: 1em;
}
.Center-Remarque:before {
  font-size: 1.1em;
  font-weight: bold;
  content: 'Remarque ▾ \A';
  white-space: pre;
}
.Center-Remarque:after {
  content: ' ';
  margin-top: 1em;
}
.Center-Block {
  background: #e63e00;
  color: #f5f5f5;
  padding: 20px;
}
.Center-Block .Title {
  padding: 0;
  margin: 0 0 0.5em;
  line-height: 1em;
}
h1.Statuts {
  font-size: 1.5em !important;
  line-height: 1 !important;
  letter-spacing: 1px;
}
h1.Statuts:before {
  content: 'ACOR';
  white-space: pre;
}
h1.Statuts:after {
  content: '\A CHARTE DE CONFIDENTIALITÉ \A (25 05 2018) \A';
  font-size: 0.5em;
  white-space: pre;
}
.Center-Content {
  overflow: auto;
}
html,
body {
  height: 100%;
  width: 100%;
  line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5 {
  line-height: 1.5em;
  margin: 0 0 0.5em;
}
h1 {
  font-size: 4em;
}
h2 {
  font-size: 3em;
}
h3 {
  padding-top: 0.5em;
  font-size: 1.7em;
  font-family: 'Shadows Into Light', cursive;
  color: #ffa493;
}
h4 {
  font-size: 1.2em;
  margin-top: 3em;
  font-family: 'Shadows Into Light', cursive;
  font-weight: bold;
  color: #ffa493;
}
h5 {
  font-size: 1.1em;
  background: #ff6347;
  color: #f5f5f5;
  padding: 0.5em 1em;
  letter-spacing: 1px;
}
.sst,
a.sstt,
.sstt {
  font-family: 'Shadows Into Light', cursive;
  font-size: 1.2em;
  font-weight: bold;
  color: #ff6347;
  padding: 1em 0;
  letter-spacing: 0;
}
.maj {
  text-align: center;
}
h4 span.un:after,
.h7 span.un:after,
li span.un:after {
  content: ' (Types d’informations personnelles)';
  font-size: 0.7em;
  font-family: $font-princ !important;
  font-weight: normal;
  color: #ff7d4d;
}
h4 span.un:after a,
.h7 span.un:after a,
li span.un:after a {
  color: #fff;
}
h4 span.deux:after,
.h7 span.deux:after,
li span.deux:after {
  content: ' (Finalités du traitement)';
  font-size: 0.7em;
  font-family: $font-princ;
  font-weight: normal;
  padding: 0.5em 0;
  color: #ff7d4d;
}
h4 span.trois:after,
.h7 span.trois:after,
li span.trois:after {
  content: ' (Destintataires des informations)';
  font-size: 0.7em;
  font-family: $font-princ;
  font-weight: normal;
  padding: 0.5em 0;
  color: #ff7d4d;
}
h4 span.quatre:after,
.h7 span.quatre:after,
li span.quatre:after {
  content: ' (Durée de conservation des données)';
  font-size: 0.7em;
  font-family: $font-princ;
  font-weight: normal;
  padding: 0.5em 0;
  color: #ff7d4d;
}
h4 span.cinq:after,
.h7 span.cinq:after,
li span.cinq:after {
  content: ' (Droits d’accès, de modification, de portabilité et de suppression)';
  font-size: 0.7em;
  font-family: $font-princ;
  font-weight: normal;
  padding: 0.5em 0;
  color: #ff7d4d;
}
h4 span.six:after,
.h7 span.six:after,
li span.six:after {
  content: ' (Identité des responsables du traiement à l’ACOR)';
  font-size: 0.7em;
  font-family: $font-princ;
  font-weight: normal;
  padding: 0.5em 0;
  color: #ff7d4d;
}
h4 span.sept:after,
.h7 span.sept:after,
li span.sept:after {
  content: ' (Sécurité)';
  font-size: 0.7em;
  font-weight: normal;
  padding: 0.5em 0;
  color: #ff7d4d;
}
h4 span.huit:after,
.h7 span.huit:after,
li span.huit:after {
  content: ' (CNIL  informations et réclamations)';
  font-size: 0.7em;
  font-weight: normal;
  padding: 0.5em 0;
  color: #ff7d4d;
}
a.h7 {
  color: #fff;
}
h6 {
  font-size: 1.3em;
  color: #e63e00;
  font-family: 'Shadows Into Light', cursive;
  line-height: 1;
  text-align: center;
  margin: 1em;
}
.note {
  font-size: 0.7em;
  padding: 1em;
  border-top: 1px dotted #7ae6ce;
}
.sup {
  color: #ad005d;
}
.h7 {
  font-family: 'Shadows Into Light', cursive;
  font-size: 1.2em;
  font-weight: bold;
  color: #ff6347;
  padding: 0;
  letter-spacing: 0;
}
ul,
ol {
  padding-left: 20px;
  text-align: justify;
}
ol li {
  text-align: justify;
  padding-top: 1em;
  margin-left: 2em;
}
ol li:first-child {
  padding-top: 0;
}
ol li.alpha {
  text-align: justify;
  padding-top: 1em;
  margin-left: 2em;
  list-style-type: upper-alpha;
}
ol li.alpha:first-child {
  padding-top: 0;
}
.indent {
  text-align: justify;
  padding-top: 0.5em;
  margin-left: 2em;
}
.indent:first-child {
  padding-top: 0;
}
.coche {
  text-align: justify;
  padding: 0.5em 0;
  text-indent: -1em;
  margin-left: 2.1em;
}
.coche:before {
  content: '✓ ';
}
ul li.square {
  list-style-type: square;
  text-align: justify;
  padding: 0.5em 0;
  margin-left: 2em;
}
ul li.circle {
  list-style-type: circle;
  text-align: justify;
  padding: 0.5em 0;
  margin-left: 4em;
}
ul li.circle a {
  color: #ad005d;
}
ul li.circle:first-child {
  padding: 0;
}
ul span {
  text-align: justify;
  padding: 0.5em 0;
  margin-left: 4em;
}
sup {
  vertical-align: -5px;
  font-size: x-smaller;
}
p {
  margin: 0 0 20px;
  text-align: justify;
}
p:last-child,
.Technique:last-child,
section:last-child,
.Container:last-child {
  margin-bottom: 2em;
}
a {
  color: #e63e00;
  font-weight: bold;
  text-decoration: none;
  transition: all 150ms ease;
  border-bottom: dotted 1px transparent;
}
a:hover {
  color: #ff6347;
  text-decoration: none;
}
table {
  font-size: 1em;
  line-height: 1.1em;
  text-align: left;
  width: 100%;
}
table th,
table td {
  padding: 2px 5px;
}
table td {
  border: 1px dotted #e63e00;
}
.colleges {
  font-size: 0.7em;
  line-height: 1;
  padding: 0;
  margin: 0;
}
.colleges code {
  font-size: 1em;
  margin-left: 25px;
  text-indent: none;
}
.colleges span:before {
  content: ' COLLÈGE DE VOTE \A \A';
  font-size: 0.8em;
  white-space: pre;
  margin-left: 25px;
}
.colleges .prctg {
  text-align: center;
}
.colleges td,
.colleges th {
  border: 1px dotted #e63e00;
}
table .College-NN {
  width: 50%;
}
table .College-name {
  width: auto;
}
table .College-prctg {
  width: 70px;
}
.cat {
  font-weight: 700;
  background: #ff8e7a;
  text-align: center;
  color: #fff;
}
.apports td,
.apports th {
  border: 1px dotted #e63e00;
}
table .apports-name {
  width: auto;
  padding: 0.5em 1em;
}
table .apports-name:before {
  content: 'Structure et/ou NOM Prénom \A';
  white-space: pre;
}
table .apports-name:after {
  content: 'Adresse postale complète';
}
table .apports-parts {
  width: 70px;
  text-align: right;
  padding: 0.2em;
}
table .apports-parts:before {
  content: '--';
  white-space: pre;
  background: #ff0;
}
table .apports-euros {
  width: 70px;
  text-align: right;
  padding: 1em 0.2em;
}
table .apports-euros:before {
  content: '---- €';
  white-space: pre;
  background: #ff0;
}
table .Article-NN {
  width: 100px;
  font-size: 0.9em;
}
table .Article-mm {
  width: 40px;
  color: #e63e00;
  font-size: 0.8em;
}
table .Article-title {
  font-weight: bold;
  width: 40vw;
}
th.Technique-Title2 {
  width: 40vw;
  font-size: 1.3em;
  line-height: 1.2;
  padding-bottom: 15px;
}
th.Technique-Title,
th.Technique-Title2 {
  color: #e63e00;
}
.border,
.Sous-titre {
  width: 40vw;
  color: #e63e00;
  text-align: justify;
  font-size: 0.7em;
  text-indent: -1em;
  margin-left: 2.1em;
}
.table-container {
  max-width: 100%;
  overflow-y: auto;
}
.no-js .is-Fixed {
  display: none;
}
#Main-Title {
  height: 200px;
}
#Main-Title .Title {
  font-size: 2.5em;
  width: 80%;
  text-align: center;
}
.absolutecentercontent #Main-Title .Title {
  background: transparent;
}
.Modal {
  border: solid 5px #ff6347;
  box-shadow: 0 0 20px rgba(0,0,0,0.25);
}
.Modal-Background {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #18184e;
  background: fade(#000, 85%);
  z-index: 3;
}
.legend {
  padding: 0 1em;
  font-size: 1.1em;
  line-height: 1.8;
  font-weight: normal;
  color: rgba(245,245,245,0.6);
}
.legend span {
  color: #f5f5f5;
}
.toggle-Modal {
  cursor: pointer;
}
.is-Hidden {
  display: none;
}
.Notification {
  font-size: 0.9em;
  line-height: 1.3em;
  color: #766841;
  background: #f5f5f5;
  border: solid 1px #f1e7b4;
  padding: 20px 25px;
  border-radius: 5px;
  margin: 40px auto;
}
#Navigation {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 10px 10px;
  background: #e63e00;
  z-index: 2;
  font-size: 0.6em;
  letter-spacing: 1px;
  line-height: 20px;
  box-shadow: inset 0 -20px 20px -20px #ff6347;
}
#Navigation a {
  color: #f5f5f5;
  display: inline-block;
  padding: 0px 5px;
  border-radius: 2px;
}
#Navigation a.is-Current {
  background: #ff6347;
  text-decoration: none;
}
.Content {
  width: 80vw;
  max-width: 1000px;
  margin: 0 auto;
}
header,
section {
  margin: 0;
  padding: 50px 0 10px;
  border-bottom: dotted 1px #ccc;
}
header:last-child,
section:last-child {
  border-bottom: 0;
}
section.tit {
  border-bottom: 0;
}
.Sub-Section {
  margin: 80px 0;
  padding: 0;
}
.Technique {
  border-top: solid 1px #ddd;
}
.Technique .Container {
  background: #f16d55;
}
.Technique .Center-Block {
  background: #d54611;
}
pre,
code {
  background: #7ae6ce;
  padding: 0 7px;
  border-radius: 3px;
  font-weight: bold;
  font-size: 0.8em;
  font-family: 'Shadows Into Light', cursive;
}
b a {
  background: #7ae6ce;
  padding: 0 0.5em;
  color: #000 !important;
}
.Center-Block code {
  color: #555;
}
pre {
  display: block;
  width: 55%;
  padding: 10px 10px;
  margin: 20px auto;
  box-shadow: inset 1px 1px 4px #ddd;
  border-radius: 5px;
  line-height: 1.25em;
  overflow: auto;
  box-sizing: border-box;
}
.Float-Left,
.Float-Right {
  margin-bottom: 20px;
  max-width: 40%;
}
.Float-Right {
  float: right;
  margin-left: 20px;
}
.Float-Left {
  float: left;
  margin-right: 20px;
}
.Float-Left pre,
.Float-Right pre {
  width: 100%;
  margin: 0;
  font-size: 0.6em;
  padding: 1em !important;
}
#Explanation ol li {
  margin-bottom: 20px;
}
.Reference {
  display: block;
  font-size: 1em;
  color: #666;
}
q {
  font-style: italic;
}
.Caveats {
  color: #a73529;
}
.Advantages {
  color: #ff6347;
}
.Advantages,
.Caveats {
  font-size: 0.9em;
  line-height: 1.25em;
}
.Advantages ul,
.Caveats ul {
  margin: 0 0 20px;
}
.Clear {
  clear: both;
}
.clearfix {
  background: #eee;
  padding: 1em 1.8em;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
hr {
  border: 0;
  margin: 1.35em auto;
  max-width: 100%;
  background-position: 50%;
  box-sizing: border-box;
}
.flair {
  width: 65%;
  height: 30px;
  border-style: solid;
  border-color: #e63e00;
  border-width: 1px 0 0 0;
  border-radius: 15px;
}
.flair:before {
  display: block;
  height: 30px;
  margin-top: -31px;
  border-style: solid;
  border-color: color;
  border-width: 0 0 1px 0;
  border-radius: 15px;
}