.navbar-link,
.navbar-nav .dropdown>a {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 2em;
}

.navbar-link:hover,
.navbar-link:focus {
    background-color: rgba(0, 0, 0, .4);
}
.navbar .navbar-nav li a:hover,
.navbar-inverse .navbar-nav li a:hover {
    color: #fff;
    background-color: #933;
}

.navbar .navbar-nav li a,
.navbar-inverse .navbar-nav li a {
    color: #9d9d9d;
    background-color: #333;
}

.navbar .navbar-brand {
    background-color: unset;
}

.navbar .navbar-brand:focus {
    background-color: unset;
}


.navbar-inverse .navbar-brand {
    background-color: unset;
}

.navbar-inverse .navbar-brand:focus {
    background-color: unset;
}

.ql-editor {
    border: outset 1em rgb(238, 144, 62);
    padding: 1em;
}

.badge {
    margin: 1em;
}

.badge img {
    height: 2em;
}

.row img {
    max-width: 100%;
    max-height: 6em;
}

main img {
    max-width: 100%;
    max-height: 100%;
}

.userinfo {
    display: block;
    padding: .8em;
    margin: .6em;
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: contain;
    background-image: url('/images/lis.svg');
    overflow: auto;
    padding-left: 2em;
}

.performer {
    border-radius: 1.5em;
    background-color: #f1e4f1;
    padding: 1em;
}

.performer ul {
    margin-left: 2.5em;
}

.smalltofhol {
    align-self: left;
    padding: .1em;
    border-radius: 50%;
}

.commentmeta {
    margin: .5em;
    padding: .5em;
    border-right: #444 dashed 1px;
    border-top: #444 solid 1px;
}

.price {
    font-weight: bold;
    font-size: large;
    padding: .2em;
    margin: .2em;
}

.total {
    font-weight: bold;
    font-size: xx-large;
    background-color: #f8f;
    border: solid black 3px;
    border-radius: 1em;
    padding: .2em;
    margin: .2em;
}

.blog {
    padding: 1em;
}

.blog a {
    font-weight: 900;
}

.blog a:active,
.blog a:hover {
    outline: 0;
}

.discussion {
    color: black;
}

.notif {
    color: #555;
}

.pv {
    color: #540;
    font-style: bold;
}

.discussion {
    font-family: monospace;
}

.notif {
    color: #006;
    font-family: monospace;
}

.pv {
    color: #251;
    font-family: monospace;
    font-style: bold;
}

#targets {
    display: block;
}

tr.visiblepost {
    max-height: 3em;
}

tr.visiblepost img {
    max-height: 3em;
}

tr.hiddenpost {
    max-height: 2em;
    background-color: #888;
    font-size: smaller;
}

tr.hiddenpost img {
    max-height: 3em;
}

a.bloglink {
    font-weight: bold;
    text-shadow: 0px 0px 8px black;
}

a {
    font-weight: 900;
}

a:active,
a:hover {
    outline: 0;
}

.panel {
    display: inline-block;
    padding: 1em;
    margin: 1em;
    color: #0d5175;
    background-color: inherit;
    border: solid #306cc6 1px;
}


/* Set widths on the form inputs since otherwise they're 100% wide */

input,
select,
button,
textarea {
    background-color: #bbb;
    color: #000;
}

.jumbotron {
    padding: .5em;
}

.carousel .item .carousel-caption-s {
    -webkit-transition: -webkit-transform 2s background-color 2s color 2s;
    -moz-transition: transform 2s background-color 2s color 2s;
    transition: transform 2s;
    transform: scale3d(0, 0, 0);
    -webkit-transform: scale3d(0, 0, 0);
}

.carousel .item.active .carousel-caption-s {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.disabled {
    color: #999;
    background-color: #555;
}


/* Set widths on image and video, since otherwise they use their native resolution */

.smallphoto {
    max-height: 4em;
}


/* .navbar-reac */


/* Carousel */

.carousel-caption-s p {
    -webkit-text-shadow: 3px 3px 7px rgb(0, 0, 0);
    animation: mymove 4s infinite;
    font-family: "Arial";
    font-weight: 800;
    font-size: x-large;
    text-shadow: 3px 3px 7px rgb(0, 0, 60);
    color: #fff;
    background-color: rgba(94, 24, 194, .15);
    border-radius: .5em;
}

.carousel-caption-s {
    right: 3em;
    top: 1em;
    left: 3em;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    min-height: 16em;
    overflow: auto;
}

.carousel-inner .item {
    /* background-color: #301010; */
    padding-left: 15%;
    /* la taille du carousel-control */
    padding-right: 15%;
    /* la taille du carousel-control */
}

.carousel-indicators {
    position: absolute;
    z-index: 15;
    padding: 0;
    text-align: center;
    list-style: none;
    top: .1em;
    height: 1em;
}

main.container {
    padding-right: 1em;
    padding-left: 1em;
    margin-left: 1em;
    margin-right: 1em;
}

@media (max-width: 767px) {
    main.container {
        padding-right: .3em;
        padding-left: .3em;
        margin-left: .3em;
        margin-right: .3em;
    }
    .carousel-caption-s p {
        margin: 0.2em;
        padding: .2em;
    }
}

@-webkit-keyframes mymove {
    from {
        text-decoration-color: red;
    }
    50% {
        text-decoration-color: blue;
    }
    to {
        text-decoration-color: red;
    }
}


/* Standard syntax */

@keyframes mymove {
    from {
        text-decoration-color: red;
    }
    50% {
        text-decoration-color: blue;
    }
    to {
        text-decoration-color: red;
    }
}

ul.actiongroup li {
    display: inline;
}

ul.actiongroup li a:hover {
    background-color: rgba(200, 200, 200, .6);
    color: #400;
}

footer {
    vertical-align: bottom;
    padding: 1.5em;
}

.display-field {
    font-kerning: none;
    display: inline-flex;
    color: #008;
}

.display-label {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-stretch: condensed;
    display: inline-flex;
    color: #ff8;
    padding: .1em;
    border-radius: .5em;
    background-color: #210912;
}

footer {
    color: rgb(128, 128, 128);
    font-weight: bolder;
    font-size: x-small;
}

.meta {
    color: #444;
    font-style: italic;
    font-size: smaller;
}

.activity {
    font-family: fantasy
}

.blogtitle {
    display: inline-block;
    font-size: x-large;
}

.blogphoto {
    margin: 1em;
    max-width: 100%;
    max-height: 100%;
    image-orientation: from-image; /* Utilise les données EXIF 
                                  de l'image */

}

body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

p {
    font-size: 20px;
}

p.small {
    font-size: 16px;
}

.smalltext {
    font-size: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
}


div.chatbar {
    border-bottom: rgb(24, 24, 167) solid 2px;
    display: flex;
    justify-content: space-between;
  }

div.chatctl {
  display: inline;
}
 
div.roomlist {
    display:inline-block;
  }
div.chatlist {
    color: #008;
    background-color:  rgb(231, 229, 199);
  overflow: auto;
  max-height: 16em;
}

.chatlist {
  max-height: 100%;
}

#chatview ul.notifs li.error {
    color: #a94442;
    background-color: white;
    font-style: italic;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    border-bottom-style: ridge;
    border-bottom-width: 1pt;

}

img.ptcroix {
    margin: .4em;
}
