@charset "UTF-8";

@font-face {
    font-family: 'UnistraA';
    src: url(051ca07914cae523839b6ffe720fb427.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UnistraA';
    src: url(29c2fba910a0a7c918414332974d9565.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'UnistraA';
    src: url(37820a307a7486734e311ae61c0f6a29.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}



/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

div, form {
    box-sizing: border-box;
}

div, p, form {
    font-size: 18px;
    line-height: 23px;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}




html {
    margin:0;
    padding: 0;
}

body, div, header, footer, nav {
    font-family: "UnistraA", "Helvetica", Arial, sans-serif;;
    margin:0;
    padding: 0;
    box-sizing: border-box;
}

header {
    font-family: "UnistraA", "Helvetica", Arial, sans-serif;
    min-height: 50px;
    border-bottom: solid 1px #ddd5ce;
    padding: 30px 0;
}

.vues-container {
    padding-bottom: 50px;
}

footer {
    padding: 40px 0;
}

h1, footer {
    background-color: #f1ece8;
}

nav {
    padding: 20px 10px;
    min-height: 50px;
}

div.component-container {
    padding: 0;
}

div.component-container p {
    margin:20px 0 30px;
}

a {
    color: #763237;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

nav a {
    display:inline-block;
    text-decoration: none;
    color: #303030;
}

nav a.router-link-exact-active {
    color: #763237;
    font-weight: bold;
}


nav a:after {
    content:'|';
    display:inline-block;
    padding-left: 5px;
    margin: 0;
}

nav a:last-child:after {
    display: none;
}

.vues-container {
    min-height: calc(100vh - 150px);
}


h1 {
    padding: 38px 10px 40px 10px;
    font-size:20px;
    font-weight: bold;
}


.full-width {
    width: 100%;
}

.center-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

label {
    display: inline-block;
    margin: 10px 0;
    width: 100%;
}

label input[type=text],
label input[type=email],
label input[type=password] {
    display: block;
    border: solid 1px #763237;
    padding: 10px;
    box-sizing: border-box;
    margin-left: 0;
    width: 100%;
}

label.invalid-email input[type="email"] {
    border: solid 1px #FF3237;
}

label span.label-text {
    display: block;
    width: 100%;
    padding: 5px;
}


a.button,
a.share-network-twitter,
a.share-network-facebook,
button,
input[type="submit"] {
    color: #FFFFFF;
    background-color: #763237;
    border: none;
    margin: 20px 0;
    padding: 10px 20px;
}

a.button:hover,
a.share-network-twitter:hover,
a.share-network-facebook:hover,
button:hover,
input[type="submit"]:hover {
    background-color: #c09f80;
    text-decoration: none;
    cursor: pointer;
}

button:disabled,
input[type="submit"]:disabled {
    opacity: 0.25;
    pointer-events: none;
}


/* Placeholder */

input[type=password]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: "UnistraA", "Helvetica", Arial, sans-serif;
    font-style: italic;
    font-size: 18px;
    color: #999999;
}

input[type=password]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=text]::-moz-placeholder { /* Firefox 19+ */
    font-family: "UnistraA", "Helvetica", Arial, sans-serif;
    font-style: italic;
    font-size: 18px;
    color: #999999;
}

input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder { /* IE 10+ */
    font-family: "UnistraA", "Helvetica", Arial, sans-serif;
    font-style: italic;
    font-size: 18px;
    color: #999999;
}

input[type=password]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=text]:-moz-placeholder { /* Firefox 18- */
    font-family: "UnistraA", "Helvetica", Arial, sans-serif;
    font-style: italic;
    font-size: 18px;
    color: #999999;
}

canvas {
    display: none;
}

.spinning-wheel{
    display: block;
    margin: 10px 0;
}

.spinning-wheel img {
    height: 40px;
}

strong {
    font-weight: bold;
}

#signature-unistra {
    transform: scale(1);
}

.sun {
    font-size: 1.38889em;
    line-height: 1.2em;
    font-family: "UnistraA", sans-serif;
    margin: 0;
    padding: 0;
}

.sun-row:first-child {
    margin-top: 0;
}

.sun-row {
    display: -webkit-flex;
    display: flex;
    padding: 0 1px;
    margin-top: -1px;
    max-height: 39px;
}

.sun-cell.sun-empty-1 {
    width: .2667em;
}

.sun-row.sun-offset-2 {
    margin-left: 1.38889em;
}

.sun-cell {
    margin-left:-1px;
    display:inline-block;
    background-color:#fff;
    white-space:nowrap;
    position:relative;
    z-index:2;
    border-width:1px;
    border-color:#c09f80;
    border-style:solid;
    color:#303030;
    margin-top:0;
    padding:.1em .5em .3em;
}

.sun-cell[class*="sun-empty"] {
    padding: 0;
    margin-top: 0;
}

header .sun-cell {
    font-family: "UnistraA", "Helvetica", Arial, sans-serif;
    font-size: 35px;
    line-height: 45px;
}


a.sun-cell,
button.sun-cell {
    background-color: rgba(255,255,255, 0.95);
    text-decoration:none;
    -webkit-transition:background .3s ease,color .3s ease;
    -o-transition:background .3s ease,color .3s ease;
    transition:background .3s ease,color .3s ease
}

a.sun-cell.sun-hover,
a.sun-cell:hover,
a.sun-cell:focus,
button.sun-cell.sun-hover,
button.sun-cell:hover,
button.sun-cell:focus {
    background-color:#763237;
    color:#fff
}


.centered-with-padding {
    padding-left: calc( 50% - 640px );
    padding-right: calc( 50% - 640px );
}

span.required::after {
    content: '*';
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    vertical-align: top;
    color:#763237;
    margin-left:4px;
}


@media (max-width: 1360px) {

    .centered-with-padding {
        padding-left: 20px;
        padding-right: 20px;
    }

}

@media (max-width: 640px) {

    .centered-with-padding {
        padding-left: 12px;
        padding-right: 12px;
    }
}



@media (min-width: 500px) {

    label {
    }

    label span.label-text {
    }

    label > input[type=text],
    label > input[type=email],
    label > input[type=password] {
    }
}



header[data-v-7ba5bd90] {
    background: url(76349cecc548d4ff984d01e9acc42309.png) top left / auto 125px repeat-x;
    height: 125px;
}
header .sun-cell[data-v-7ba5bd90] {
    padding: .05em .5em;
}
.social[data-v-7ba5bd90] {
    font-size: 20px;
    text-align: right;
    margin-top: 6px;
    color:#666666;
    margin-bottom: 20px;
}
.vues-container[data-v-7ba5bd90] {
    width:100vw;
    overflow: hidden;
}
footer .sun[data-v-7ba5bd90] {
    display: inline-block;
}
.copyright[data-v-7ba5bd90] {
    float:right;
    padding-top: 25px;
    color: #303030;
}
footer[data-v-7ba5bd90]::after {
    content:"";
    display: block;
    clear: both;
}
@media (max-width: 640px) {
header .sun-cell[data-v-7ba5bd90] {
        font-size: 25px;
        line-height: 37px;
}
header[data-v-7ba5bd90] {
        background: url(76349cecc548d4ff984d01e9acc42309.png) top left / auto 95px repeat-x;
        height: 95px;
}
.copyright[data-v-7ba5bd90] {
        float:none;
        text-align: right;
}
}



.dropbox {
    outline: 2px dashed grey; /* the dash box */
    outline-offset: -10px;
    background-color: #f1ece8;
    border-color: #763237;
    color: #303030;
    padding: 10px 10px;
    margin-bottom: 10px;
    min-height: 200px; /* minimum height */
    position: relative;
    cursor: pointer;
    font-size: 14px;
}
.input-file {
    opacity: 0; /* invisible but it's there! */
    width: 100%;
    height: 200px;
    position: absolute;
    cursor: pointer;
}
.accept-image {
    margin-top: 10px;
}
.accept-data {
    margin-bottom: 10px;
}
.accept-image label,
.accept-data label {
    line-height: 19px;
    font-size: 17px;
}
label > .sous-le-masque > input[type="email"],
label > .sous-le-masque > input[type="text"] {
    padding-left: 112px;
}
.sous-le-masque {
    position: relative;
    display: block;
}
.sous-le-masque:after {
    position: absolute;
    display: inline;
    content: "Sous le masque";
    left:10px;
    top:7px;
    color: #763237;
    width: 120px;
}
.dropbox:hover {
    border-color: #763237; /* when mouse over to the drop zone, change color */
}
.dropbox p {
    font-size: 1.2em;
    text-align: center;
    padding: 50px 0;
}
.imagePreviewWrapper {
    width: 100%;
    height: 200px;
    display: block;
    cursor: pointer;
    margin: 5px auto;
    background-size: contain;
    background-position: center center;
    background-repeat:no-repeat;
}
.notes {
    margin-top: 20px;
}
.notes h3 {
    color:#999999;
    font-weight: bold;
    margin-bottom: 5px;
}
.notes ul {
    list-style-type: none;
}
.notes li {
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 10px;
}



.card[data-v-0882aa76] {
     margin: 20px 0;
}
.card-scroll-x[data-v-0882aa76] {
     border: 1px solid #CCCCCC;
     max-width: 1000px;
     overflow-x: auto;
}
@media (min-width: 1100px) {
.card-scroll-x[data-v-0882aa76] {
         overflow-x: hidden !important;
}
}
.card-content[data-v-0882aa76] {
    width: 1000px;
    max-height: 100%;
    position: relative;

    transform: none !important;
    transform-origin: top left;
    padding: 0 !important;
    margin: 0 !important;
}
.card-header[data-v-0882aa76] {
    font-size: 25px;
    padding: 10px 15px;
    min-height: 45px;
    overflow: hidden;
}
.card-header .title[data-v-0882aa76] {
    font-weight: bold;
    color: #763237;
}
.card-header .textfield[data-v-0882aa76] {
    color: #000000;
    margin-left: 3px;
}
.images-cards[data-v-0882aa76] {
    display: flex;
    background-color: #f1ece8;
    height: 520px;
    overflow: hidden;
}
.images-cards > div[data-v-0882aa76] {
     flex:0 1 50%;
     margin: 0 10px;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
}
.textfield[data-v-0882aa76] {
}
.input-for-textfield[data-v-0882aa76] {
}
.card-footer[data-v-0882aa76] {
     position: relative;
     width: 100%;
     height: 125px;
     margin-bottom: 20px;
}
.card-footer .infos[data-v-0882aa76] {
     padding: 10px 15px;
}
.card-footer .username[data-v-0882aa76] {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 24px;
    color: #763237;
}
.card-footer .workplace[data-v-0882aa76] {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 20px;
    font-style: italic;
    line-height: 22px;
}
.card-footer .hashtag[data-v-0882aa76] {
     position: absolute;
     left:15px;
     bottom:10px;
     color: #763237;
}
.card-footer .website[data-v-0882aa76] {
     position: absolute;
     right: 10px;
     bottom: 10px;
}
.card-footer .website img[data-v-0882aa76] {
    position: relative;
    top:6px;
     height: 80px;
}
.card-admin-footer[data-v-0882aa76] {
     position: relative;
     margin:5px 0;
     max-width: 1000px;
}
.card-admin-footer > button[data-v-0882aa76] {
     align-items: start;
     margin: 15px 0 5px;
}
.card-admin-footer > button.card-suppress-button[data-v-0882aa76] {
     position: absolute;
     background-color: #FF3237;
     right: 0;
}
.card-admin-footer > .card-admin-footer-loading[data-v-0882aa76] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin:0 10px;
}
.fb-like[data-v-0882aa76] {
    width: 1000px;
    margin: 10px 0 40px;
    text-align: right;
}
.fb-like button[data-v-0882aa76] {
     background-color: #763237 !important;
}



.validated-selector {
    margin: 20px 0 20px -5px;
}
.validated-selector label {
    display: inline;
    margin-right: 20px;
}
.validated-selector label input {
    display: inline;
}



.agile {
	position: relative;
}
.agile--ssr .agile__slides--cloned {
	display: none
}
.agile--ssr .agile__slides > * {
	overflow: hidden;
	width: 0
}
.agile--ssr .agile__slides > *:first-child {
	width: 100%
}
.agile--rtl .agile__track,
.agile--rtl .agile__slides,
.agile--rtl .agile__actions,
.agile--rtl .agile__dots {
	flex-direction: row-reverse;
}
.agile:focus, .agile:active, .agile *:focus, .agile *:active {
	outline: none;
}
.agile__list {
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.agile__track {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.agile__actions {
	display: flex;
	justify-content: space-between;
}
.agile--no-nav-buttons .agile__actions {
	justify-content: center;
}
.agile__slides {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	flex-shrink: unset;
	flex-wrap: nowrap;
	justify-content: flex-start;
}
.agile--disabled .agile__slides {
	display: block;
	width: 100%;
}
.agile__slide {
	display: block;
	flex-grow: 1;
	flex-shrink: 0;
}
.agile__slide,
.agile__slide * {
	-webkit-user-drag: none;
}
.agile--fade .agile__slide {
	opacity: 0;
	position: relative;
	z-index: 0;
}
.agile--fade .agile__slide--active {
	opacity: 1;
	z-index: 2;
}
.agile--fade .agile__slide--expiring {
	opacity: 1;
	transition-duration: 0s;
	z-index: 1;
}
.agile__nav-button[disabled] {
	cursor: default;
}
.agile__dots {
	align-items: center;
	display: flex;
	list-style: none;
	padding: 0;
	white-space: nowrap;
}
.agile__dot button {
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
}


.presentation {
    margin: 0;
}
.presentation h2 {
    font-size: 20px;
    font-weight: bold;
    color:#763237;
}
.presentation .button {
    padding: 5px 10px;
    display: inline-block;
    margin: 10px 0;
}
.presentation ul {
    list-style-type: none;
}
.presentation ul li span.no {
    font-weight: bold;
}
.presentation p.illustration {
    display: block;
    margin: 40px 0;
    width: 100%;
}
.presentation p.illustration img {
    width: 100%;
    max-width: 600px;
}
.carrousel {
    max-width: 1024px;
}
.carrousel .agile__list {
    border: 1px solid #CCCCCC;
}
.carrousel button.agile__nav-button {
    padding: 0;
    margin: 0;
    color: #763237;
    background-color: #FFFFFF;
    font-size: 30px;
    line-height: 30px;
}
.share-network-twitter,
.share-network-facebook {
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    padding-right: 40px !important;
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center right 9px;
}
.share-network-twitter {
    background-image: url(6c4f8ff90797b5f2e5f6f51c387a4321.svg);
}
.share-network-facebook {
    background-image: url(fbf867351605c0fbb1b61b8ddcb9c539.svg);
}



.search-container[data-v-d167571c] {
    width: 100%;
    border-bottom: solid 1px #ddd5ce;
    margin-bottom: 20px;
}
.search-container input[data-v-d167571c] {
    width: calc(100% - 120px);
    border: none;
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: right;
}
.search-button[data-v-d167571c] {
    width:120px;
    height: 36px;
    margin: 0;
    display: inline;
    box-sizing: border-box;
    float: right;
}




.share-network-twitter[data-v-2d7eaeb7],
.share-network-facebook[data-v-2d7eaeb7] {
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    padding-right: 40px;
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center right 9px;
}
.share-network-twitter[data-v-2d7eaeb7] {
    background-image: url(6c4f8ff90797b5f2e5f6f51c387a4321.svg);
}
.share-network-facebook[data-v-2d7eaeb7] {
    background-image: url(fbf867351605c0fbb1b61b8ddcb9c539.svg);
}