a img { border: none; }

input, textarea, select {
    font-family: Arial, Helvetica, sans-serif;
}

a { color: blue; text-decoration: underline; }
a:visited { color: darkblue; }
a:hover { color: purple; text-decoration: none; }

div.clear { clear: both; }

/** FORMULAIRES **/
fieldset {
    border: 1px solid #ccc;
    padding: 0.5em;
}

fieldset legend {
    padding: 0 0.5em;
}

fieldset input, fieldset textarea, fieldset select {
    padding: 0.2em;
    max-width: 100%;
}

fieldset dl dd {
    margin: 0.2em 0 0.4em 1em;
}

fieldset .fullwidth {
    width: 98%;
}

label {
    cursor: pointer;
}

hr {
    height: 1px;
    border: none;
    border-top: 1px solid #999;
    color: transparent;
    background: none;
    margin-bottom: 0.8em;
}

p.alert {
    border: 1px solid #cc0;
    background: #ffc;
    padding: 0.5em;
    margin-bottom: 1em;
}

p.error {
    border: 1px solid #c00;
    background: #fcc;
    padding: 0.5em;
    margin-bottom: 1em;
}

p.confirm {
    border: 1px solid #0c0;
    background: #cfc;
    padding: 0.5em;
    margin-bottom: 1em;
}

div.admin fieldset {
    margin-bottom: 1em;
}

div.admin form {
    margin-bottom: 1em;
}

div.admin fieldset legend {
    font-weight: bold;
}

div.admin fieldset dl dd {
    margin: 0.5em 1em;
}

div.admin fieldset p {
    margin-bottom: 1em;
}

.admin input.submit {
    font-weight: bold;
    font-size: 1.2em;
    cursor: pointer;
}

div.admin label:hover {
    border-bottom: 1px dashed #f99;
}

div.admin label {
    font-weight: bold;
}

/*
 * Trucs généraux
 */

div.rightContent h4 {
    margin-bottom: 0.5em;
}

div.rightContent p {
    margin-bottom: 0.5em;
}

div.rightContent ul li {
    margin-bottom: 0.5em;
}

div.rightContent ul li a {
    display: block;
    margin: 0;
}

div.rightContent h3 {
    margin-bottom: 0.5em;
    color: #000;
}


.adminAction, .adminAction a {
    color: darkred;
}

.rightContent h2.mainAction {
    font-size: 1.2em;
    margin-bottom: 1em;
    border-bottom: 1px solid #999;
    background: no-repeat top left;
    padding-bottom: 10px;
}

.rightContent h2.mainAction a {
    padding: 8px 0 0 40px;
    font-weight: bold;
    display: block;
}

.rightContent h2.mainAction small {
    font-weight: normal;
    padding-left: 40px;
    display: block;
    margin-top: 2px;
}


.infoBox {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc;
}

.infoBox p, .infoBox h3, .infoBox ul {
    margin-bottom: 0.8em;
}

.infoBox ul {
    margin-left: 2em;
    list-style-type: square;
}

ul.pagination {
    text-align: center;
    margin: 1.5em 0;
}

.pagination {
    clear: both;
}

.pagination li {
    display: inline;
    margin-right: 0.5em;
}

.pagination li.current a {
    font-size: 1.3em;
    color: #860;
    font-weight: bold;
}

#pub {
    margin-top: 2em;
}
#pub p {
    display: block;
    margin: 0 auto;
    text-align: center;
}
#pub .pub img {
    border: 1px solid #ccc;
}
#pub .legend {
    margin-top: -5px;
    font-size: 0.9em;
    background: #ccc;
    color: #666;
    padding: 0.2em;
    width: 100px;
}


/******************************************************************************************
  CONTENU / EDITION DE CONTENU */

.content p, .content ul, .content ol {
    margin-bottom: 0.8em;
}

.content ul, .content ol {
    margin-left: 2em;
}

.content img.alignLeft {
    float: left;
    margin-right: 1em;
    margin-bottom: 0.5em;
}

.content img.alignRight {
    float: right;
    margin-left: 1em;
    margin-bottom: 0.5em;
}

.content a.intern {
    border-bottom: 1px solid #DECD87;
    padding-left: 16px;
    background: url("../pics/icon-12.png") no-repeat center left;
}

b.emoticon {
    background: url("../pics/emoticons-sprite.png?3") no-repeat top left;
    overflow: hidden;
    display: inline-block;
    text-indent: -70em;
    vertical-align: bottom;
    margin: 0 2px;
    width: 15px;
    height: 15px;
}

b.em-Angry { background-position: 0px 0px; }
b.em-Blushing { background-position: 0px -15px;}
b.em-Confused { background-position: 0px -30px;}
b.em-Crying { background-position: 0px -45px;}
b.em-Cthulhu { background-position: 0px -60px; height: 16px; }
b.em-Grinning { background-position: 0px -76px;}
b.em-Happy { background-position: 0px -91px;}
b.em-Happy_2 { background-position: 0px -106px;}
b.em-Heart { background-position: 0px -121px; width: 13px; }
b.em-Huh { background-position: 0px -136px;}
b.em-Smiling { background-position: 0px -151px;}
b.em-Thumb_Down { background-position: 0px -166px; width: 12px; height: 14px; }
b.em-Thumb_Up { background-position: 0px -180px; width: 12px; height: 14px; }
b.em-Tongue_Out { background-position: 0px -194px;}
b.em-Uncertain { background-position: 0px -209px;}
b.em-Unhappy { background-position: 0px -224px;}
b.em-Winking { background-position: 0px -239px;}

/* IE6 bordel */
* html b.emoticon {
    display: inline;
    height: auto;
    background: none;
    text-indent: 0;
    font-weight: normal;
    overflow: visible;
    width: auto;
}

ul.editorToolbar {
    height: 2.5em;
}

ul.editorToolbar li {
    float: left;
    margin-right: 0.3em;
    padding-top: 4px;
}

ul.editorToolbar li.spacer {
    margin-right: 1em;
}

ul.editorToolbar li a {
    display: block;
    border: 1px outset #999;
    margin-bottom: 0.2em;
    padding: 2px 5px 2px 5px;
    color: #000;
    text-decoration: none;
}

ul.editorToolbar li a:hover {
    background: #ccc;
    border: 1px inset #000;
}

ul.editorToolbar li.bold a {
    font-weight: bold;
}

ul.editorToolbar li.italic a {
    font-style: italic;
}

ul.editorToolbar li.link a {
    color: blue;
    text-decoration: underline;
}

ul.editorToolbar li.emoticon b {
    cursor: pointer;
}

ul.editorToolbar li.emoticon {
    padding-top: 6px;
}

ul.editorToolbar li.quote a {
    font-style: italic;
    font-family: Georgia, Times New Roman, serif;
}

/** CARTES **/

.miniMap {
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.miniMap img {
    margin-top: 1em;
    border: 1px solid #decd87;
}

.miniMap a:after {
    content: "";
    width: 25px;
    height: 30px;
    margin-top: -15px;
    margin-left: -13px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url("../pics/marker-full.png") no-repeat top left;
    opacity: 0.75;
}

/** FORM DE LOGIN **/

#stickyLoginForm fieldset {
    padding: 0 0.5em 0.5em;
}
#stickyLoginForm legend {
    color: #999;
}

#stickyLoginForm p.login {
    float: left;
    width: 48%;
}

#stickyLoginForm p.password {
    float: left;
    width: 48%;
    margin-left: 4%;
}

#stickyLoginForm #f_login, #stickyLoginForm #f_password {
    padding: 0.1em;
    width: 95%;
    font-size: 0.9em;
}

#stickyLoginForm p.submit {
    float: right;
    margin-top: 0.2em;
}

#stickyLoginForm p.submit input {
    padding: 0 0.2em;
}

#stickyLoginForm p.options {
    padding: 0.3em 0;
    clear: left;
}

#stickyLoginForm p.options a {
    color: #666;
}

form.login legend {
    padding-right: 20px;
    background: no-repeat right center;
    background-image: url("../pics/secure.png");
}

.loggedBox h3 {
    height: 32px;
    margin-bottom: 0.4em;
}

.loggedBox h3 a {
    color: #333;
    text-decoration: none;
    font-size: 1.2em;
}

.loggedBox h3 .avatar {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 0.5em;
    text-align: center;
}

.loggedBox h3 .avatar img {
    opacity: 1;
}

.loggedBox h3 a b {
    float: left;
    margin-top: 0.5em;
    border-bottom: 2px solid #decd87;
}

.loggedBox h3 a:hover b {
    border-bottom-color: #a80;
    color: #000;
}

.loggedBox h3 a:hover .avatar {
    background: #a80;
}

.loggedBox h3 a:hover img {
    opacity: 0.70;
}

.loggedBox ul {
    clear: both;
    margin-left: 0.5em;
}

.loggedBox ul li {
    display: inline-block;
    border-left: 1px solid #ccc;
    margin-left: 0.5em;
    padding-left: 0.5em;
    margin-bottom: 0.3em;
}

.loggedBox ul li a {
    color: blue;
}

.loggedBox ul li.logout a {
    color: #666;
}

.loggedBox ul.admin li {
    border-left-color: #000;
}

.loggedBox ul.admin li a {
    color: #600;
}

/******************************************************************************************
  HOME */

dl.intro dd {
    margin: 0 0 1em 1em;
    color: #666;
}

dl.intro dt {
    margin-bottom: 0.5em;
}

#home .currentHeadline {
    background: url("../pics/travaux.jpg") no-repeat top left;
    padding-left: 170px;
    margin-bottom: 1.5em;
    height: 166px;
}

#home .currentHeadline h3, #home .currentHeadline p {
    margin-bottom: 0.8em;
}

#home #webinde {
    margin: 1em 0;
    text-align: center;
}

#home .rightContent h4 {
    color: #000;
}

#home .rightContent .annuaire {
    background-image: url("../pics/annuaire.png");
}

/******************************************************************************************
 ARTICLES */

.article_in_list {
    margin-bottom: 1em;
    clear: both;
}

.article_in_list h3 {
    margin-bottom: 0.5em;
    font-size: 1.4em;
}

.article_in_list h3 a, .breve_in_list h3 a {
    color: #423200;
}

.article_in_list p {
    margin-bottom: 0.8em;
}

.article_in_list p.chapo {
    font-size: 1.2em;
}

.article_in_list .content {
    margin-left: 1em;
    font-family: Georgia, Times New Roman, Times, serif;
}

.article_in_list .getMore {
    margin-left: 1em;
}

.article_in_list .content h3, .article_in_list h2, .article_in_list h1, .article_in_list h4 {
    font-size: 1em;
}

.article_in_list .video {
    float: right;
    margin-left: 0.5em;
    margin-bottom: 0.5em;
}

.article_in_list .video img {
    width: 150px;
}

.breve_in_list {
    padding-bottom: 0.5em;
}

.breve_in_list strong {
    color: #fff;
    font-size: 0.9em;
    text-transform: uppercase;
    float: left;
    background: #ccbc86;
    padding: 0.1em 0.3em;
}

.breve_in_list h3 {
    font-size: 1em;
    margin-left: 10%;
}

.breve_in_list small {
    font-size: 0.9em;
    font-weight: normal;
    color: #999;
}

.rightContent h2.newArticle {
    background-image: url("../pics/article_new.png");
}

#liste_articles h2.newArticle a {
    padding: 5px 0 5px 40px;
}

#article h2.editArticle {
    background-image: url("../pics/article_edit.png");
}

#article h2.publishArticle {
    background-image: url("../pics/publish.png");
}

#article h2.publishArticle a {
    padding: 0 0 0 40px;
}

div.auteur .presentation {
    clear: left;
    padding-top: 1em;
}

div.auteur h5.eventHost {
    margin-bottom: 1em;
}

div.auteur h3 a {
    font-size: 1.2em;
    color: #000;
}

div.auteur .avatar {
    float: left;
    width: 32px;
    height: 32px;
    padding-bottom: 2em;
    padding-right: 1em;
    border-right: 1px solid #ccc;
    margin-right: 1em;
    text-align: center;
}

div.auteur .location {
    margin-bottom: 0.2em;
    margin-top: 0.2em;
}

div.auteur .website {
    font-size: 0.9em;
}

a.lexique {
    color: #060;
    border-bottom: 1px solid #6c6;
}

.article h1 {
    margin-bottom: 0.4em;
}

.article h3.date {
    color: #666;
}
.article h5.date {
    color: #999;
}

.article p.chapo {
    margin-top: 1em;
    font-size: 1.2em;
    padding-bottom: 0.5em;
    border-bottom: 2px solid #decd87;
}

.article .content {
    margin-top: 1em;
    font-family: Georgia, Times New Roman, Times, serif;
}

.article .content p {
    text-align: justify;
}

.article .content p:first-letter {
    margin-left: 1em;
}

.article .content p:first-child:first-letter {
    font-size: 2.7em;
    line-height: 0.6em;
}

.article .content ul {
    list-style-type: square;
}

.article .content ol {
    list-style-type: decimal;
}

.article .content li {
    margin-bottom: 0.4em;
}

.article .content h3 {
    margin-bottom: 0.8em;
    font-family: Arial, Helvetica, sans-serif;
}

.article .content .illustration p {
    margin: 1em auto;
    display: block;
    text-align: center;
}

.article .content .illustration .source {
    display: block;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #999;
}

.article .content .illustration .source a {
    color: #666;
}

.article .content .video {
    margin: 1em auto;
    display: block;
}

.article .content blockquote {
    text-align: left;
    padding-left: 2.5em;
    background: url("../pics/cite.png") no-repeat 5px 5px;
    margin-left: 0;
}

.answer .content blockquote p {
    border-left: 1px solid #ccc;
    padding: 0.4em;
    margin: 0;
}

.rightContent h2.viewArticle {
    background-image: url("../pics/article.png");
}

.rightContent .themes li.current {
    font-weight: bold;
}

#liste_articles .rightContent .themes {
    margin-top: 1em;
    border-top: 1px solid #decd87;
    padding-top: 1em;
}

/******************************************************************************************
  DISCUSSIONS */

.rightContent h2.discussion, .rightContent h2.joinChat {
    background-image: url("../pics/chat.png");
}

.rightContent h2.newDiscussion {
    background-image: url("../pics/newchat.png");
}

.rightContent h2.myDiscussions {
    background-image: url("../pics/my_discussions.png");
}

.rightContent .searchForm {
    background: url("../pics/find.png") no-repeat left top;
    padding: 5px 0px 10px 40px;
    margin-bottom: 1em;
    border-bottom: 1px solid #999;
}

.rightContent .searchForm input[type=submit] {
    cursor: pointer;
}

.discussionsList .discussion_in_list:nth-child(odd) {
    background-color: #F5EFD6;
}

.discussionSearch form {
    margin-bottom: 1em;
}

.extendSearch {
    text-align: center;
    margin: 2em;
}

.discussionSearch .answer {
    margin-bottom: 1em;
    margin-left: 1em;
    padding-left: 1em;
    border-left: 1px solid #decd87;
    border-top: none;
    margin-top: 0;
}

.discussionSearch h2 {
    margin: .8em 0;
}

.discussionSearch i i {
    background: yellow;
    font-style: normal;
    font-weight: inherit;
}

.discussionsList h3 a {
    color: black;
}

.discussionsList .unreadNew h3 a {
    color: blue;
}

.discussionsList .unread h3 a {
    color: darkblue;
}

.discussion_in_list {
    background: #fff;
    padding: 0.3em;
    clear: left;
}

.discussion_in_list h3 b, .event_in_list address {
    font-weight: normal;
    font-size: 0.7em;
    background: #ccbc86;
    padding: 0.1em 0.3em;
}

.discussion_in_list h3 b.evt {
    color: #c90;
    background: #F5EFD6;
}

.discussionsList div:nth-child(odd) h3 b.evt {
    background: #fff;
}

.discussion_in_list dl {
    font-size: 0.9em;
}

.discussion_in_list .theme {
    float: left;
    width: 40%;
}

.discussion_in_list .reponses {
    float: left;
    width: 30%;
    color: #666;
}

.discussion_in_list dl a {
    color: #999;
}

.discussion_in_list .date {
    text-align: right;
    color: #999;
}

.rules p {
    margin-bottom: 0.6em;
}

.rules {
    margin-top: 2em;
}

#discussion .subject {
    margin-bottom: 1em;
}

#discussion .subject h2 {
    margin-bottom: 0.5em;
}

#discussion .subject h2 a {
    text-decoration: none;
    color: #000;
}

#discussion .subject .themes {
    margin-bottom: 1em;
}

#discussion .subject .themes dd {
    display: inline;
    margin-right: 1em;
}

#discussion .subject .themes dt {
    display: inline;
    margin-right: 1em;
    font-weight: bold;
}

#discussion .subject .themes a {
    font-size: 0.9em;
    color: #999;
}

.answer {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #decd87;
    clear: both;
}

.answer h5 {
    float: right;
    margin-top: 18px;
}

.answer h5 a {
    padding: 2px 5px;
    height: 12px;
    display: block;
    text-decoration: none;
    color: #999;
    background: #eee;
    text-align: center;
}

#discussion .unreadAnswer h5 a {
    background: #decd87;
    color: #000;
}

.answer .avatar {
    margin-right: 10px;
    float: left;
    margin-bottom: 1em;
    text-align: center;
    width: 32px;
    height: 32px;
}

.answer h4 {
    float: left;
    padding-top: 20px;
    margin-right: 1em;
}

.answer h4 em {
    font-weight: normal;
}

.answer .date {
    float: left;
    padding-top: 20px;
    color: #999;
}

.answer .content {
    clear: both;
}

.answer .content blockquote {
    padding-left: 2.5em;
    background: url("../pics/cite.png") no-repeat 5px 5px;
    margin-left: 0;
}

.answer .content blockquote p {
    border-left: 1px solid #ccc;
    padding: 0.4em;
    margin: 0;
}

.answer .content cite {
    font-style: normal;
    font-weight: bold;
    display: block;
    border-bottom: 1px dotted #999;
}
.answer .content p {
    margin-bottom: 0.5em;
}

.answer p.edit {
    color: #999;
    font-size: .8em;
}

.answer .censored p {
    color: #666;
    text-decoration: line-through;
}

.answer .censored .edit {
    margin-bottom: .5em;
    padding-bottom: .5em;
    border-bottom: 1px solid #999;
    color: darkred;
    font-size: 1.2em;
    text-decoration: none !important;
}

.actions {
    text-align: right;
    font-size: 0.9em;
    color: #999;
}

.actions a {
    color: #999;
}

#discussion .actions img {
    vertical-align: middle;
}

#discussion .answerDiscussion a {
    display: block;
    float: right;
    background: url("../pics/newchat.png") no-repeat top left;
    padding: 10px 0 10px 40px;
    font-size: 1.2em;
    font-weight: bold;
}

#discussion .answerForm {
    margin-top: 2em;
}

#discussion .answerForm legend {
    background: url("../pics/newchat.png") no-repeat top left;
    padding: 10px 5px 10px 40px;
    font-size: 1.2em;
    font-weight: bold;
}

/******************************************************************************************
  PROFIL D'UN MEMBRE */

#profil h2.userProfile {
    background-image: url("../pics/profil.png");
}

#profil .presentation {
    margin-bottom: 2em;
    padding-bottom: 1em;
    border-bottom: 2px solid #decd87;
}

#profil h2.sendMessage {
    background-image: url("../pics/newmsg.png");
}

#profil .memberSince {
    margin-top: 1em;
}

.messagesOut .answer {
    margin: 0;
    margin-bottom: 1em;
}

.messagesOut h3 {
    margin: 0;
    font-size: 1em;
    background: #DECD87;
    padding: 0.5em;
    font-weight: normal;
}

#membres #map_location {
    width: 100%;
    height: 350px;
    overflow: hidden;
    position: relative;
}

.map_members {
    color: #999;
    text-align: center;
}

.leaflet-popup-content p {
    margin: 0 !important;
    font-size: .9em;
}

.leaflet-popup-content .avatar {
    float: left;
    margin-right: 5px;
}

.leaflet-popup-content .avatar img {
    vertical-align: bottom;
}

#membres .avatarList a {
    display: block;
    width: 32px;
    height: 32px;
    text-align: center;
    margin: 13px;
    float: left;
}

#membres .stats {
    clear: both;
}

#membres .liste_membres {
    margin-top: 1em;
    width: 100%;
}

#membres .liste_membres th {
    width: 50%;
    text-align: right;
}

#membres .liste_membres .avatar {
    vertical-align: middle;
    display: inline-block;
}

#membres .liste_membres h3 {
    display: inline-block;
    margin-left: 0.5em;
    vertical-align: middle;
    margin-right: 2em;
}

/******************************************************************************************
  EVENEMENTS */

.rightContent h2.newEvent {
    background-image: url("../pics/event.png");
}

.rightContent h2.viewEvent {
    background-image: url("../pics/event.png");
}

.rightContent h2.eventGuests {
    background-image: url("../pics/guest.png");
}

.rightContent h2.eventUpdate {
    background-image: url("../pics/msguser.png");
}

.evenement h1 {
    margin-bottom: 0.4em;
}

.evenement h3.date {
    color: #666;
    font-weight: normal;
}
.evenement h5.date {
    color: #999;
}

.evenement address {
    margin-top: 1em;
    font-size: 1.2em;
    padding-bottom: 0.5em;
    border-bottom: 2px solid #decd87;
    clear: both;
}

.evenement .content {
    margin-top: 1em;
    font-family: Georgia, Times New Roman, Times, serif;
}

#evenement .miniMap {
    float: left;
    width: 48%;
    text-align: center;
    margin-bottom: 1em;
}

.evenement p.guests {
    color: #a80;
    margin-bottom: 1em;
}

.evenement ul.guests li {
    width: 5em;
    text-align: center;
    float: left;
    margin: 0.5em;
}

.evenement ul.guests li h4 {
    font-weight: normal;
    font-size: 0.9em;
}

.event_country_choice {
    margin-bottom: 1em;
    display: block;
}

.event_country_choice li {
    display: inline;
    margin-right: 1em;
}

.event_country_choice a {
    color: darkred;
    font-weight: bold;
}

.event_in_list {
    padding: 0.3em;
}

.event_in_list:after {
    content: "";
    clear: both;
    display: table;
}

.event_in_list h3 a {
    color: black;
}

.event_in_list .date {
    float: left;
    font-size: 0.9em;
}

.event_in_list address {
    text-align: right;
    font-style: normal;
    font-size: 0.9em;
    float: right;
}

.eventsList div:nth-child(odd) {
    background: #F5EFD6;
}

.rightContent .presence {
    margin: 1em 0;
}

.rightContent .presence ul {
    margin-left: 1.5em;
    list-style-type: square;
}

.rightContent .presence .active {
    color: #000;
    font-weight: bold;
}

#adult_warning .mainContent .alert {
    background-image: url("../pics/hand.png");
    background-repeat: no-repeat;
    background-position: 1em;
    padding: 1em;
    padding-left: 5em;
}

.content table {
    border-collapse: collapse;
    margin-bottom: 0.8em;
}

.content table th {
    text-align: left;
}

.content table td, .content table th {
    border: 1px solid #ccc;
    padding: 0.5em;
}

/** campagne de dons **/

#don .donateForm {
    text-align: center;
    margin: 2em 0;
}

#don .donationMethods {
    margin-bottom: 2em;
    border-bottom: 1px solid #999;
    padding-bottom: 1em;
}

#don .donationMethods h3 {
    margin-bottom: 0.8em;
}

#don .donationMethods p {
    margin-left: 1em;
}

#don .donationMethods input[type=submit] {
    font-size: 1.5em;
    padding: 0.5em;
    cursor: pointer;
}

p.promoteDonation {
    margin-bottom: 2em;
    font-size: 0.9em;
    color: #600;
    background: url("../pics/polly.png") no-repeat top left;
    padding-left: 60px;
    padding-top: 80px;
    height: 73px;
}

p.promoteDonation a {
    font-size: 1.5em;
    font-weight: bold;
    color: #900;
    display: block;
}

.leftContent.moneyAccounts table {
    font-size: 0.8em;
}

.leftContent.moneyAccounts tbody th {
    font-weight: normal;
}

.leftContent.moneyAccounts tbody td {
    text-align: center;
    font-weight: bold;
}

#testMode {
    position: absolute;
    top: 5px;
    left: 150px;
    background: yellow;
    padding: 5px;
    border: 3px double red;
    border-radius: 5px;
    font-size: 1.2em;
}
#reboot-soon {
    position: absolute;
    top: 10px;
    text-align: center;
    width: 100%;
    z-index: 1;
}
#reboot-soon p {
    background-color: white;
    padding: 1em;
    border: 1px solid red;
    border-radius: 10px;
    font-size: 1.2em;
    display: inline-block;
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
    font-size: 1.3em;
}