/* Reset. */
*:focus {
    outline: none;
}

.clear {
    clear: both;
}

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;
}

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

body {

    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

p {
    font-size: 100%;
    text-align: justify;
    margin: 0px 5px 5px 10px;
    line-height: 140%;
}

strong, b {
    font-weight: 800;
}

/* FlexGRID. */
.wrapper {
    width: 100%;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 4%;
    margin: 0%;
    margin-bottom: 2%;

}

body .wrapper:first-child {
    margin: 0;
}

.row {
    clear: both;
    max-width: 92%;

    margin: 0 auto;
}

.rowmobile {
    clear: both;
    max-width: 92%;
    height: 100%;
    margin: 0 auto;
}

.row:after, .rowmobile:after {
    content: "";
    display: table;
    clear: both;
}

.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12, .col_13, .col_14, .col_15, .col_16 {
    font-size: 100%;
    float: left;
    width: 100%;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-word;

}

.rowmobile .col_1, .rowmobile .col_2, .rowmobile .col_3, .rowmobile .col_4, .rowmobile .col_5, .rowmobile .col_6, .rowmobile .col_7, .rowmobile .col_8, .rowmobile .col_9, .rowmobile .col_10, .rowmobile .col_11, .rowmobile .col_12, .rowmobile .col_13, .rowmobile .col_14, .rowmobile .col_15, .rowmobile .col_16 {
    font-size: 100%;
    float: left;
    width: 100%;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-word;
    margin: 4% 0 0;
}

.rowmobile .col_1 {
    width: 4.375%;
}

.rowmobile .col_2 {
    width: 10.75%;
}

.rowmobile .col_3 {
    width: 17.125%;
}

.rowmobile .col_4 {
    width: 23.5%;
}

.rowmobile .col_5 {
    width: 29.875%;
}

.rowmobile .col_6 {
    width: 36.25%;
}

.rowmobile .col_7 {
    width: 42.625%;
}

.rowmobile .col_8 {
    width: 49%;
}

.rowmobile .col_9 {
    width: 55.375%;
}

.rowmobile .col_10 {
    width: 61.75%;
}

.rowmobile .col_11 {
    width: 68.125%;
}

.rowmobile .col_12 {
    width: 74.5%;
}

.rowmobile .col_13 {
    width: 80.875%;
}

.rowmobile .col_14 {
    width: 87.25%;
}

.rowmobile .col_15 {
    width: 93.625%;
}

.rowmobile .col_16 {
    width: 100%;
    margin: 0;
}

.last {
    margin: 0;
}

.wrapper .row .col_1, .wrapper .row .col_2, .wrapper .row .col_3, .wrapper .row .col_4, .wrapper .row .col_5, .wrapper .row .col_6, .wrapper .row .col_7, .wrapper .row .col_8, .wrapper .row .col_9, .wrapper .row .col_10, .wrapper .row .col_11, .wrapper .row .col_12, .wrapper .row .col_13, .wrapper .row .col_14, .wrapper .row .col_15, .wrapper .row .col_16,
.wrapper .rowmobile .col_1, .wrapper .rowmobile .col_2, .wrapper .rowmobile .col_3, .wrapper .rowmobile .col_4, .wrapper .rowmobile .col_5, .wrapper .rowmobile .col_6, .wrapper .rowmobile .col_7, .wrapper .rowmobile .col_8, .wrapper .rowmobile .col_9, .wrapper .rowmobile .col_10, .wrapper .rowmobile .col_11, .wrapper .rowmobile .col_12, .wrapper .rowmobile .col_13, .wrapper .rowmobile .col_14, .wrapper .rowmobile .col_15, .wrapper .rowmobile .col_16 {
    padding: 10px;
    margin-bottom: 2%;
}

.no_padding, .row.no_padding .col_1, .row.no_padding .col_2, .row.no_padding .col_3, .row.no_padding .col_4, .row.no_padding .col_5, .row.no_padding .col_6, .row.no_padding .col_7, .row.no_padding .col_8, .row.no_padding .col_9, .row.no_padding .col_10, .row.no_padding .col_11, .row.no_padding .col_12, .row.no_padding .col_13, .row.no_padding .col_14, .row.no_padding .col_15, .row.no_padding .col_16,
.rowmobile.no_padding .col_1, .rowmobile.no_padding .col_2, .rowmobile.no_padding .col_3, .rowmobile.no_padding .col_4, .rowmobile.no_padding .col_5, .rowmobile.no_padding .col_6, .rowmobile.no_padding .col_7, .rowmobile.no_padding .col_8, .rowmobile.no_padding .col_9, .rowmobile.no_padding .col_10, .rowmobile.no_padding .col_11, .rowmobile.no_padding .col_12, .rowmobile.no_padding .col_13, .rowmobile.no_padding .col_14, .rowmobile.no_padding .col_15, .rowmobile.no_padding .col_16 {
    padding: 0 !important;
}

.no_margin, .row.no_margin .col_1, .row.no_margin .col_2, .row.no_margin .col_3, .row.no_margin .col_4, .row.no_margin .col_5, .row.no_margin .col_6, .row.no_margin .col_7, .row.no_margin .col_8, .row.no_margin .col_9, .row.no_margin .col_10, .row.no_margin .col_11, .row.no_margin .col_12, .row.no_margin .col_13, .row.no_margin .col_14, .row.no_margin .col_15, .row.no_margin .col_16,
.rowmobile.no_margin .col_1, .rowmobile.no_margin .col_2, .rowmobile.no_margin .col_3, .rowmobile.no_margin .col_4, .rowmobile.no_margin .col_5, .rowmobile.no_margin .col_6, .rowmobile.no_margin .col_7, .rowmobile.no_margin .col_8, .rowmobile.no_margin .col_9, .rowmobile.no_margin .col_10, .rowmobile.no_margin .col_11, .rowmobile.no_margin .col_12, .rowmobile.no_margin .col_13, .rowmobile.no_margin .col_14, .rowmobile.no_margin .col_15, .rowmobile.no_margin .col_16 {
    margin-top: 0;
    margin-bottom: 0;
}


.row .no_padding .prefix_1 {
    padding-left: 4.375%;
}

.row .no_padding .prefix_2 {
    padding-left: 10.75%;
}

.row .no_padding .prefix_3 {
    padding-left: 17.125%;
}

.row .no_padding .prefix_5 {
    padding-left: 29.875%;
}

.row .no_padding .prefix_6 {
    padding-left: 36.25%;
}

.row .no_padding .prefix_7 {
    padding-left: 42.625%;
}

.row .no_padding .prefix_8 {
    padding-left: 49%;
}

.row .no_padding .prefix_9 {
    padding-left: 55.375%;
}

.row .no_padding .prefix_10 {
    padding-left: 61.75%;
}

.row .no_padding .prefix_11 {
    padding-left: 68.125%;
}

.row .no_padding .prefix_12 {
    padding-left: 74.5%;
}

.row .no_padding .prefix_13 {
    padding-left: 80.875%;
}

.row .no_padding .prefix_14 {
    padding-left: 87.25%;
}

.row .no_padding .prefix_15 {
    padding-left: 93.625%;
}


/* Your styles go here. */
html, body {
    height: 100%;
    width: 100%;
    font-family: Raleway, sans-serif;
    background: #ffffff;
    line-height: 1.5;
    font-weight: 400;
}

.designgrid .row .col_1, .designgrid .row .col_2, .designgrid .row .col_3, .designgrid .row .col_4, .designgrid .row .col_5, .designgrid .row .col_6, .designgrid .row .col_7, .designgrid .row .col_8, .designgrid .row .col_9, .designgrid .row .col_10, .designgrid .row .col_11, .designgrid .row .col_12, .designgrid .row .col_13, .designgrid .row .col_14, .designgrid .row .col_15, .designgrid .row .col_16,
.designgrid .rowmobile .col_1, .designgrid .rowmobile .col_2, .designgrid .rowmobile .col_3, .designgrid .rowmobile .col_4, .designgrid .rowmobile .col_5, .designgrid .rowmobile .col_6, .designgrid .rowmobile .col_7, .designgrid .rowmobile .col_8, .designgrid .rowmobile .col_9, .designgrid .rowmobile .col_10, .designgrid .rowmobile .col_11, .designgrid .rowmobile .col_12, .designgrid .rowmobile .col_13, .designgrid .rowmobile .col_14, .designgrid .rowmobile .col_15, .designgrid .rowmobile .col_16 {
    border-radius: 20px;
}

h1 {
    font-family: Dosis;
    font-size: 200%;
    text-align: center;
}

h2 {
    font-family: Dosis;
    font-size: 150%;
    text-align: center;
}

h3 {
    font-family: Dosis;
    font-size: 130%;
    font-weight: 500;
    margin-bottom: 5px;
}

h4 {
    font-family: Dosis;
    font-size: 120%;
    font-weight: 500;
    margin-bottom: 5px;
}

blockquote {
    font-family: Dosis;
    font-size: 120%;
    text-align: center;
    font-style: italic;

}

ul {
    margin: 10px 15px 0px 20px;
    padding: 20px;
    /* R201601b.02
    background: url(../img/ul.jpg) no-repeat top left ; */
    list-style-type: none;
}

ul li {
    background: url(../img/li.jpg) no-repeat top left;
    line-height: 16px;
    padding-left: 20px;
    padding-bottom: 5px;
    min-height: 15px;
    _height: 15px;

}

p {
    margin-bottom: 10px;
    font-size: 100%;
    color: #333333;
}

a {
    text-decoration: underline;
    text-align: center;
    color: #333333;
    font-size: 100%;

}

.center {
    text-align: center;
}

.right {
    text-align: right;
}


.menu {
    background-image: url('../img/menu.png');
    background-position: top;
    background-repeat: repeat-x;
    border-bottom: 1px dashed #555555;
    color: #ffffff;
    min-height: 80px;
}

.newmenu {
    background-image: url('../img/newmenu.png');
    background-position: top;
    background-repeat: repeat-x;
    color: #ffffff;
    min-height: 150px;
    max-height: 150px;

}

.newsubmenu {
    background-image: url('../img/newsubmenu.png');
    background-position: bottom;
    background-repeat: repeat-x;
    color: #ffffff;
    min-height: 66px;
}

.cv {
    position: absolute;
    top: 19px;
    width: 100%;
    border-radius: 20px;
    min-width: 300px;
    max-width: 400px;
}

.menubutton {
    display: block;
    float: left;
    width: 25%;
    max-width: 25%;
    line-height: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.menubutton a {
    display: block;
    width: 100%;
    height: 100%;

}

.menubutton a:hover {
    background-color: #444444;
}

.menubutton span {
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    font-size: 80%;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.menuuser span {
    font-size: 70%;
    font-weight: normal;
}

.submenu {
    border-bottom: 1px solid #333333;
    background-color: #d6dfe7;

}

.wrapper .row .logo_adresse {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #444444;
    border-radius: 0px;
    margin: 0px;

}

.logo_adresse .UserNom {
    font-size: 1.2em;
    font-weight: bold;
}

.logo_adresse .SpeNom {
    font-size: 0.8em;
    font-style: italic;
}

.logo {
    line-height: 80px;
    padding-left: 5px;

    min-height: 80px;
    text-align: center;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.logo img {
    padding-top: 5px;
    padding-left: 10px;
    width: 80px;
    float: left;
}

.logo span {
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    font-family: Dosis;
    font-size: 110%;
}

.adresse {
    padding: 0px;
    margin: 0px;
    font-size: 75%;
    background-color: #444444;
    color: #fff;
    text-align: center;
    min-height: 55px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;


}

.loguser {
    position: absolute;
    right: 7%;
    top: 25px;
    color: #fff;
    font-size: 100%;
    text-shadow: 2px 2px #000;
}

.loguser img {
    width: 24px;
    vertical-align: middle;
}

.wrapper .row .monagenda_telsvi {
    border: 2px solid #fff;

    background-color: #cc0000;
    border-radius: 10px;
    background-position: top;
    background-repeat: repeat-x;
    margin-top: 70px;
    height: 100px;
    min-height: 100px;
    max-height: 100px;


}

.wrapper .row .monagenda_telsvi img {
    vertical-align: middle;
}

.monagenda, .telsvi {
    border-radius: 0px;
    line-height: 80px;
    text-align: center;
}

monagenda {
    height: 100px;
    min-height: 100px;
    max-height: 100px;
}

.monagenda a, .telsvi span {
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 0px;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    font-family: Dosis;
    font-size: 110%;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    padding-top: 20px;
}

.telsvi {
    min-height: 55px;
    line-height: 55px;
}

.telsvi span {
    font-size: 100%;
}

.menumobile, .submenumobile {
    display: none;
}


.menuitems, .newsubmenu {
    margin: 0px;
    padding: 0px;

}

.menuitems {
    direction: rtl;

}

.menuitems p, .newsubmenu p {
    text-align: right;
    color: #fff;

    line-height: 80px;
    white-space: nowrap;


}

.menuitems p img, .newsubmenu p img {
    vertical-align: middle;
    margin-left: 20px;
}

.wrapper .row .menuitems, .wrapper .row .newsubmenu {
    margin-top: 80px;
}

.menuitems ul, .newsubmenu ul {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 2px;

}

.menuitems ul li, .newsubmenu ul li {
    display: block;
    float: left;
    background-image: url('../img/barre_verticale.png');
    background-position: right;
    background-repeat: no-repeat;
    padding-top: 5px;

}

.menuitems ul li:last-child, .newsubmenu ul li:last-child {
    background-image: none;
}

.menuitems ul li a, .newsubmenu ul li a {
    color: #666666;
    font-size: 100%;
    text-decoration: none;
    margin: 0px 15px 0px 0px;
    padding: 2px;
}

.menuitems ul li a:hover, .newsubmenu ul li a:hover {
    background-color: #444444;
    color: #ffffff;
}

.wrapper .row .menusubitems {
    margin: 0px;
    padding: 0px;

}

.designgrid h1, .col_header {
    color: #fff;
}


.box_service {
    background-color: #a6d7ff;
}

.box_service h1 {
    color: #000;
}

.box_service img {
    max-width: 129px;
    width: 100%;
    transition: all 0.3s ease-out;
}

.box_service .box_bleu, .box_bleu {
    background-color: #86adcd;
    color: #ffffff;
}

.box_service .box_bleu h2, .box_bleu h2 {
    min-height: 80px;
    color: #5a758b;
    text-shadow: #000 0 1px 0;
}

.box_pourquoi {
    background-color: #f6d1a7;
}

.box_pourquoi h1 {
    color: #000;
}

.box_pourquoi img {
    max-width: 129px;
    width: 100%;
    transition: all 0.3s ease-out;
}

.box_pourquoi .box_orange, .box_orange {
    background-color: #f6921e;
    color: #ffffff;
}

.box_pourquoi .box_orange h2, .box_orange h2 {
    min-height: 80px;
    color: #b56b16;
    text-shadow: #000 0 1px 0;
}

.box_comment h1 {
    color: #000;
}

.box_comment {
    background-color: #b2c67b;
}

.box_comment img {
    max-width: 129px;
    width: 100%;
    transition: all 0.3s ease-out;
}

.box_comment .box_vert, .box_vert {
    background-color: #9fc632;
    color: #ffffff;
}

.box_comment box_vert h2, .box_vert h2 {
    color: #6f8b23;
    text-shadow: #000 0 1px 0;
}

.box_tarifs h1 {
    color: #000;
}

.box_tarifs {
    background-color: #f0b0af;
}

.box_tarifs img {
    max-width: 129px;
    width: 100%;
    transition: all 0.3s ease-out;
}

.box_tarifs .box_rouge, .box_rouge {
    background-color: #f06766;
    color: #ffffff;
}

.box_tarifs .box_rouge h2, .box_rouge h2 {
    color: #913e3e;
    text-shadow: #000 0 1px 0;
}

.box_chiffres h1 {
    color: #000;
}

.box_chiffres {
    background-color: #84d1ce;
}

.box_chiffres img {
    max-width: 129px;
    width: 100%;
    transition: all 0.3s ease-out;
}

.box_chiffres .box_bleugris, .box_bleugris {
    background-color: #6fb0ad;
    color: #ffffff;
}

.box_chiffres .box_bleugris h2, .box_bleugris h2 {
    color: #2f4a49;
    text-shadow: #000 0 1px 0;
}

.box_faq h1 {
    color: #000;
}

.box_faq {
    background-color: #b8cfba;
}

.box_faq img {
    max-width: 129px;
    width: 100%;
    transition: all 0.3s ease-out;
}

.box_faq .box_verteau, .box_verteau {
    background-color: #93cf97;
    color: #ffffff;
}

.box_faq .box_verteau h2, .box_verteau h2 {
    color: #4c6b4e;
    text-shadow: #000 0 1px 0;
}

.box_info h1 {
    color: #000;
}

.box_info {
    background-color: #e3e2d5;
}

.box_info img {
    max-width: 129px;
    width: 100%;
    transition: all 0.3s ease-out;
}

.box_info .box_blanc, .box_blanc {
    background-color: #ffffff;
    color: #444444;
}

.box_info .box_blanc h2, .box_blanc h2 {
    color: #444444;
    text-shadow: #000 0 1px 0;
}

.box_bleu a, .box_orange a, .box_rouge a, .box_bleugris a, .box_vert a, .box_verteau a {
    color: #ffffff;
}

.box_blanc a {
    color: #444444;


}

.box_mespro {
}

.box_mespro img {
    float: left;
    width: 64px;
    padding: 10px;
}

.form_mrdv {
}

.row_element, .row_button, .row_static {
    background-color: #ffffff;
}

.row_hide {
    display: none;
}

.row_message, .row_nomessage {
    min-height: 50px;

}

.row_message .col_message p {
    padding-right: 80px;
    position: relative;
    text-align: center;
}

.row_message img {
    position: absolute;
    right: 0;
    top: -30px;
}

.wrapper .row_static {
    padding-bottom: 0;
    margin-bottom: 0;
}

.wrapper .row_static .col_static {
    padding-bottom: 0;
    margin-bottom: 0;
}

.col_label {
    text-align: right;
}

.col_label label {
    line-height: 28px;
}

.col_loginleft {
}

.group_element {

}

.subform .row:first-of-type {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-top: 30px;
}

.subform .row:last-of-type {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #fff;
    padding-bottom: 30px;
}

.col_input, .col_faux_button {
    height: 18px;
}

.col_textarea {
    height: 120px;
}

input, textarea {
    font-family: Dosis;
    font-size: 100%;
    padding: 2px 10px 2px 10px;
    height: 110%;
    border-radius: 5px;
    border: 1px solid #aaa;
}

input:focus, textarea:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1);
}

textarea {
    height: 90%;
    overflow: hidden;
}

select {
    font-family: Dosis;
    font-size: 100%;
    padding: 2px 10px 2px 10px;
    height: 155%;
    border-radius: 5px;
    border: 1px solid #aaa;
}

.text_medium, .textarea_medium {
    width: 60%
}

.text_large, .textarea_large {
    width: 100%
}

.select_medium {
    width: 64%
}

.select_small {
    width: 30%
}

.button_medium, .faux_button {
    font-family: Dosis;
    font-size: 100%;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
    padding: 10px;
    text-decoration: none;
    cursor: pointer;
}

.button_medium {
    display: block;
    width: 100%;
}

.faux_button {
    padding: 5px;
    color: #333;
}

.mini-button {
    background-color: #fff;
    border: none;
    color: #333333;
    font-family: Raleway;
    font-size: 100%;
    text-decoration: underline;
    text-align: center;

}


/* Cachons la case à cocher */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

/* on prépare le label */
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative; /* permet de positionner les pseudo-éléments */
    padding-left: 25px; /* fait un peu d'espace pour notre case à venir */
    cursor: pointer; /* affiche un curseur adapté */

}

/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 17px;
    height: 17px; /* dim. de la case */
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px; /* angles arrondis */
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3) /* légère ombre interne */
}

/* Aspect général de la coche */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 0px;
    left: 4px;
    font-size: 16px;
    color: #09ad7e;
    transition: all .2s; /* on prévoit une animation */
}

/* Aspect si "pas cochée" */
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0; /* coche invisible */
    transform: scale(0); /* mise à l'échelle à 0 */
}

/* Aspect si "cochée" */
[type="checkbox"]:checked + label:after {
    opacity: 1; /* coche opaque */
    transform: scale(1); /* mise à l'échelle 1:1 */
}

.row_error {
    background-color: #f66;

}

.row_error + .row_element {
    background-color: #f66;
    padding-top: 0;
    border-bottom: 1px solid #fff;


}

.col_error {
    color: #fff;
    font-weight: 600;
    text-align: center;
    font-family: Dosis;
    width: 80%;
    margin-left: 10%;
}

.col_message {
    font-size: 100%;
    background-color: #fff;
    font-style: italic;

}

.col_requirednote {
    font-size: 80%;
}

.col_legende {
    font-size: 80%;
}

.darkblue, #displayagecolor_s_popup .blue .popup_header, #displayagecolor_s_popup .blue .button_small, #displayagecolor_s_popup .blue .button_medium {
    background: url('../../outils/RDV/images/typerdv_blue.png');
    color: #ffffff;
}

.lightblue, #displayagecolor_s_popup .blue .faux_button, #displayagecolor_s_popup .blue .col_faux_button input, #displayagecolor_s_popup .blue .col_input, #displayagecolor_s_popup .blue .col_textarea {
    background: url('../../outils/RDV/images/typerdv_lightblue.png');
    color: #000000;
}

.NAblue {
    background: url('../../outils/RDV/images/typerdv_NAblue.png');
    color: #000000;
}

.darkgreen, #displayagecolor_s_popup .green .popup_header, #displayagecolor_s_popup .green .button_small, #displayagecolor_s_popup .green .button_medium {
    background: url('../../outils/RDV/images/typerdv_green.png');
    color: #ffffff;
}

.lightgreen, #displayagecolor_s_popup .green .faux_button, #displayagecolor_s_popup .green .col_faux_button input, #displayagecolor_s_popup .green .col_input, #displayagecolor_s_popup .green .col_textarea {
    background: url('../../outils/RDV/images/typerdv_lightgreen.png');
    color: #000000;
}

.NAgreen {
    background: url('../../outils/RDV/images/typerdv_NAgreen.png');
    color: #000000;
}

.darkorange, #displayagecolor_s_popup .orange .popup_header, #displayagecolor_s_popup .orange .button_small, #displayagecolor_s_popup .orange .button_medium {
    background: url('../../outils/RDV/images/typerdv_orange.png');
    color: #ffffff;
}

.lightorange, #displayagecolor_s_popup .orange .faux_button, #displayagecolor_s_popup .orange .col_faux_button input, #displayagecolor_s_popup .orange .col_input, #displayagecolor_s_popup .orange .col_textarea {
    background: url('../../outils/RDV/images/typerdv_lightorange.png');
    color: #000000;
}

.NAorange {
    background: url('../../outils/RDV/images/typerdv_NAorange.png');
    color: #000000;
}

.darkpurple, #displayagecolor_s_popup .purple .popup_header, #displayagecolor_s_popup .purple .button_small, #displayagecolor_s_popup .purple .button_medium {
    background: url('../../outils/RDV/images/typerdv_purple.png');
    color: #ffffff;
}

.lightpurple, #displayagecolor_s_popup .purple .faux_button, #displayagecolor_s_popup .purple .col_faux_button input, #displayagecolor_s_popup .purple .col_input, #displayagecolor_s_popup .purple .col_textarea {
    background: url('../../outils/RDV/images/typerdv_lightpurple.png');
    color: #000000;
}

.NApurple {
    background: url('../../outils/RDV/images/typerdv_NApurple.png');
    color: #000000;
}

.darkyellow, #displayagecolor_s_popup .yellow .popup_header, #displayagecolor_s_popup .yellow .button_small, #displayagecolor_s_popup .yellow .button_medium {
    background: url('../../outils/RDV/images/typerdv_yellow.png');
    color: #000000;

}

.lightyellow, #displayagecolor_s_popup .yellow .faux_button, #displayagecolor_s_popup .yellow .col_faux_button input, #displayagecolor_s_popup .yellow .col_input, #displayagecolor_s_popup .yellow .col_textarea {
    background: url('../../outils/RDV/images/typerdv_lightyellow.png');
    color: #000000;
}


.NAyellow {
    background: url('../../outils/RDV/images/typerdv_NAyellow.png');
    color: #000000;
}

.darkbrown, #displayagecolor_s_popup .brown .popup_header, #displayagecolor_s_popup .brown .button_small, #displayagecolor_s_popup .brown .button_medium {
    background: url('../../outils/RDV/images/typerdv_brown.png');
    color: #ffffff;
}

.lightbrown, #displayagecolor_s_popup .brown .faux_button, #displayagecolor_s_popup .brown .col_faux_button input, #displayagecolor_s_popup .brown .col_input, #displayagecolor_s_popup .brown .col_textarea {
    background: url('../../outils/RDV/images/typerdv_lightbrown.png');
    color: #000000;
}

.NAbrown {
    background: url('../../outils/RDV/images/typerdv_NAbrown.png');
    color: #000000;
}

.darkturquoise, #displayagecolor_s_popup .turquoise .popup_header, #displayagecolor_s_popup .turquoise .button_small, #displayagecolor_s_popup .turquoise .button_medium {
    background: url('../../outils/RDV/images/typerdv_turquoise.png');
    color: #000000;
}

.lightturquoise, #displayagecolor_s_popup .turquoise .faux_button, #displayagecolor_s_popup .turquoise .col_faux_button input, #displayagecolor_s_popup .turquoise .col_input, #displayagecolor_s_popup .turquoise .col_textarea {
    background: url('../../outils/RDV/images/typerdv_lightturquoise.png');
    color: #000000;
}

.NAturquoise {
    background: url('../../outils/RDV/images/typerdv_NAturquoise.png');
    color: #000000;
}

.darkpink, #displayagecolor_s_popup .pink .popup_header, #displayagecolor_s_popup .pink .button_small, #displayagecolor_s_popup .pink .button_medium {
    background: url('../../outils/RDV/images/typerdv_pink.png');
    color: #ffffff;
}

.lightpink, #displayagecolor_s_popup .pink .faux_button, #displayagecolor_s_popup .pink .col_faux_button input, #displayagecolor_s_popup .pink .col_input, #displayagecolor_s_popup .pink .col_textarea {
    background: url('../../outils/RDV/images/typerdv_lightpink.png');
    color: #000000;
}

.NApink {
    background: url('../../outils/RDV/images/typerdv_NApink.png');
    color: #000000;
}

.darkolive, #displayagecolor_s_popup .olive .popup_header, #displayagecolor_s_popup .olive .button_small, #displayagecolor_s_popup .olive .button_medium {
    background: url('../../outils/RDV/images/typerdv_olive.png');
    color: #ffffff;
}

.lightolive, #displayagecolor_s_popup .olive .faux_button, #displayagecolor_s_popup .olive .col_faux_button input, #displayagecolor_s_popup .olive .col_input, #displayagecolor_s_popup .olive .col_textarea {
    background: url('../../outils/RDV/images/typerdv_lightolive.png');
    color: #000000;
}

.NAolive {
    background: url('../../outils/RDV/images/typerdv_NAolive.png');
    color: #000000;
}

.darksable, #displayagecolor_s_popup .sable .popup_header, #displayagecolor_s_popup .sable .button_small, #displayagecolor_s_popup .sable .button_medium {
    background: url('../../outils/RDV/images/typerdv_sable.png');
    color: #000000;
}

.lightsable, #displayagecolor_s_popup .sable .faux_button, #displayagecolor_s_popup .sable .col_faux_button input, #displayagecolor_s_popup .sable .col_input, #displayagecolor_s_popup .sable .col_textarea {
    background: url('../../outils/RDV/images/typerdv_lightsable.png');
    color: #000000;
}

.NAsable {
    background: url('../../outils/RDV/images/typerdv_NAsable.png');
    color: #000000;
}

.darkred, #displayagecolor_s_popup .red .popup_header, #displayagecolor_s_popup .red .button_small, #displayagecolor_s_popup .red .button_medium {
    background: url('../../outils/RDV/images/typerdv_red.png');
    color: #ffffff;
}

.lightred, #displayagecolor_s_popup .red .faux_button, #displayagecolor_s_popup .red .col_faux_button input, #displayagecolor_s_popup .red .col_input, #displayagecolor_s_popup .red .col_textarea {
    background: url('../../outils/RDV/images/typerdv_lightred.png');
    color: #000000;
}

.NAred {
    background: url('../../outils/RDV/images/typerdv_NAred.png');
    color: #000000;
}

.lightgray {
    background: url('../../outils/RDV/images/typerdv_lightgray.png');
    color: #666666;
}

.spacing {
    background: url('../../outils/RDV/images/gridrdv_spacing.png');
    color: #666666;

}

.arrowdown {
    background: url('../../outils/RDV/images/gridrdv_arrowdown.png') top center repeat-y;
    color: #666666;

}

.darkyellow a {
    color: #8a7700;
}

.darkblue a,
.darkgreen a,
.darkorange a,
.darkpurple a,
.darkbrown a,
.darkturquoise a,
.darkpink a,
.darkolive a,
.darkred a {
    color: #ffffff;
}

.lightyellow a,
.lightblue a,
.lightgreen a,
.lightorange a,
.lightpurple a,
.lightbrown a,
.lightturquoise a,
.lightpink a,
.lightolive a,
.lightred a,
.NAyellow a,
.NAblue a,
.NAgreen a,
.NAorange a,
.NApurple a,
.NAbrown a,
.NAturquoise a,
.NApink a,
.NAolive a,
.NAred a {
    color: #000000;
}

.lightgray a,
.NAgray a {
    color: #999999;
}


.simultane .rdv_hour,
.prerecord .rdv_hour,
.cancel .rdv_hour {
    text-decoration: line-through;
}

.simultane .rdv_rdvnom,
.prerecord .rdv_rdvnom,
.cancel .rdv_rdvnom {
    font-weight: normal;
    font-style: italic;
    color: #666666;
}

.slogan {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
    color: #fff;
    background: url('../img/mrdvslogan.jpg') no-repeat bottom center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.slogan .slogan-body {
    display: table-cell;
    vertical-align: middle;
}

.slogan .slogan-body .slogan-text, .slogan .slogan-body .slogan-search {
    margin: 0;
    padding-top: 50px;
    padding-bottom: 50px;
    font-weight: 800;
    font-family: Verdana;
    margin-bottom: 200px;
    text-align: center;


}

.slogan .slogan-body .slogan-text {
    text-shadow: #333 2px 2px 2px;
    font-size: 200%;
    border-right: 1px solid #fff;
    border-radius: 0px;
    color: #567b9e;
}

.slogan .slogan-body .slogan-text a {
    font-size: 60%;
    line-height: 90%;
    text-shadow: #000 0 0px 0;


}

.slogan .slogan-body .slogan-search {
    font-size: 140%;
    text-shadow: #333 2px 2px 2px;
    padding-top: 70px;
    color: #567b9e;
}

.slogan .slogan-body .slogan-search input[type=text] {
    height: 30px;
    max-height: 30px;
    min-height: 30px;
    font-size: 100%;
}

.slogan .slogan-body .slogan-search input[type=submit] {
    height: 36px;
    max-height: 36px;
    min-height: 36px;
    font-size: 85%;
    line-height: 90%;
    margin: 0;
    padding: 0;
}


#displayagecolor_s_popup {
    position: absolute;
    z-index: 22;
    top: 0;
    left: 0;
    width: 400px;
    height: auto;
    background-color: #ffffff;
    display: none;
    padding: 0px;
    overflow: auto;
    border-radius: 5px;
    border-top: 1px solid #555555;
    border-left: 1px solid #555555;
    border-bottom: 2px solid #555555;
    border-right: 2px solid #555555;

}

#displayagecolor_s_popup p {
    line-height: 20px;
    margin: 0px;
    padding: 0px;
}

#displayagecolor_s_popup_closebox {
    position: absolute;
    top: 0px;
    right: 10px;
    cursor: hand;
}

#displayagecolor_s_popup_closebox a {
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    display: block;
    width: 17px;
    height: 19px;
    text-align: center;
    line-height: 15px;
    display: block;


}

.displayagecolor_s_popup_hour {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

.displayagecolor_s_popup_hour img {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
}

.displayagecolor_s_popup_title {
    line-height: 18px;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    margin: 5px 0px 10px 0px;

}

#displayagecolor_s_popup #displayagecolor_s_popup_inputtable {
    width: 90%;
    margin: 0px;
    padding: 0px;
}

#displayagecolor_s_popup .displayagecolor_s_popup_inputlabel {
    text-align: right;
    width: 30%;
}

#displayagecolor_s_popup .displayagecolor_s_popup_input {
    text-align: left;
    width: 70%;
}


.displayagecolor_s_popup_links a {
    font-size: 10px;
}

#displayagecolor_s_popup #displayagecolor_s_popup_rdvcomment {
    font-size: 10px;
    font-style: italic;
    margin: 0px;
    padding: 0px;
    line-height: 10px;
}

#displayagecolor_s_popup #displayagecolor_s_popup_rdvuser {
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
    line-height: 10px;
}

#displayagecolor_s_popup #displayagecolor_s_popup_rdvuser b {
    font-weight: bold;
    color: black;
    font-size: 10px;
}

#displayagecolor_s_popup #displayagecolor_s_popup_rdvuser a {
    font-size: 10px;
}

#displayagecolor_s_popup .displayagecolor_s_popup_cancelrdv {
    font-size: 10px;
    font-weight: bold;
}

#displayagecolors_legende {
    text-align: right;
    margin: 5px;
    margin-bottom: 10px;
    font-size: 10px;
    clear: both;
    line-height: 25px;
}

#displayagecolors_legende span {
    padding: 2px 5px 2px 5px;
    border: 1px solid #999999;
}


#cmdCancel, #displayagecolor_s_popup #cmdCancel {
    background: none;
    background-color: #999999;
}

.spanOptColor {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 0px;
    border: 2px solid white;
    cursor: pointer;
    float: left;
}

.spanOptColorSelected {
    border: 2px solid black;


}

footer {
    margin-top: 20px;
    background-color: #555555;
    min-height: 150px;
    border-top: 1px solid #999999;
    font-size: 0.8em;
    font-family: Verdana;
    padding-bottom: 30px;

}

footer p, footer a {
    color: #fff;

}

footer b {
    font-weight: 600;
}

footer .UserNom {
    font-weight: 600;
    font-size: 1.2em;
    color: #fff;
}

footer .SpeNom {
    font-style: italic;
}

.label_required {
    font-weight: 600;
}

.divTchat {
    position: fixed;
    bottom: 2px;
    z-index: 99;
    font-family: Dosis;
    margin: 0px;
    padding: 0px;


}

.divTchat .box {
    border: 1px solid #cccccc;
    font-size: 120%;
}

.divTchat .box .titlebar {
    background-color: black;
    color: white;
    height: 20px;
    font-size: 110%;
    padding: 5px;
    line-height: 100%;
}

.divTchat .box .closebox {
    float: right;
    line-height: 15px;
    padding-right: 5px;
    font-weight: bold
}

.divTchat .box .closebox a {
    color: #ffffff;
    text-decoration: none;
}

.divTchat .tchatusers {
    margin: 0px;
    padding: 0px;
}

.divTchat .tchatusers li {
    list-style: none;
    margin: 0px;
    text-align: left;
    padding: 2px 5px 2px 5px;
}

.divTchat .tchatusers li a {
    text-decoration: none;
    color: black;
    line-height: 20px;
    display: block;
    padding-left: 25px;
}

.divTchat .tchatusers .actif {
    background: url(../../outils/RDV/images/actif.png) no-repeat 5px center;
}

.divTchat .tchatusers .nonactif {
    background: url(../../outils/RDV/images/nonactif.png) no-repeat 5px center;
}

.divTchat .tchatusers .actif:hover {
    background: #eeeeee url(../../outils/RDV/images/actif.png) no-repeat 5px center;
}

.divTchat .tchatusers .nonactif:hover {
    background: #eeeeee url(../../outils/RDV/images/nonactif.png) no-repeat 5px center;
}

.divTchat .box .body {
    height: 150px;
    min-height: 150px;
    background-color: white;
    overflow: auto;
    padding: 3px 0px 3px 0px;
}

#divTchat0 .box .body {
    height: 200px;
    min-height: 200px;
    background-color: white;
    overflow: auto;
    padding: 3px 0px 3px 0px;

}

.divTchat .box .open {
    display: block;
}

.divTchat .box .hide {
    display: none;
}

.divTchat .box .body p {
    font-size: 100%;
    text-align: left;
    line-height: 110%;
    margin: 0px 3px 0px 3px;
    padding: 0px;
    word-wrap: break-word;
}

.divTchat .box .body .sender {
    color: #444444;
    font-style: italic;
    font-size: 80%;
}

.divTchat .box .body .message {
    margin-bottom: 5px;
}

.divTchat .box .textbox {
    height: 50px;
    min-height: 50px;
    background-color: white;
}

.divTchat .box .textbox td {
    height: 50px;
}

.divTchat .box .textbox textarea {
    min-width: 85%;
    width: 85%;
    max-width: 85%;
    margin: 0;
    border: 1px solid #000000;
    height: 40px;
}

.divTchat .box .textbox button {
    text-align: center;
    height: 45px;
    width: 100%;
    background-color: black;
    color: white;
    font-size: 100%;

}

.agenda_link {
    text-align: center;
    padding: 5px;
    font-size: 80%;
}

/* R20190621 */
#cboUserNomSearch {
    width: 99.5%;
    height: 250px;
    background-color: white;
    border: 1px solid #ccc;
    display: none;
    overflow: auto;


}

#cboUserNomSearch ul {
    padding: 0px;;
    margin: 0px;
    margin-right: 10px;
}

#cboUserNomSearch ul li {
    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 0px;
    background: none;
}

#cboUserNomSearch ul li.falseuser span.rdvnom, #cboUserNomSearch ul li span.json {
    display: none;
}

#cboUserNomSearch ul li.trueuser span.rdvnom {
    font-weight: bold;
}

#cboUserNomSearch ul li a {
    color: #272727;
    text-decoration: none;

    padding: 5px;
    width: 100%;
    display: block;
    text-align: left;
    font-size: 10px;
    border-bottom: 1px solid #ddd;
}

#cboUserNomSearch ul li a.selected, #cboSearch ul li a:hover {
    background-color: #ddd;
    color: #000;
}

#displayagecolor_s_popup #staSelectedUser, #staSelectedUser {
    background-color: #fff;
    display: none;
    position: relative;
}

#staSelectedUser #infosUser {
    background-color: #fafafa;
    padding: 5px;
    font-size: 100%;
}

#staSelectedUser a {
    display: block;
    position: absolute;
    top: 10px;
    right: 15px;
    height: 16px;
    width: 16px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;

}
#divWaitingRoomTemplate {
    display:none
}
.divWaitingRoom {
    position: fixed;
    width: 100%;
    height: auto;
    z-index: 999;
    text-align: center;
}

.divWaitingRoomP {
    text-align: center;
    margin-top: 15px;
}

.divWaitingRoomRdv {
    background-color: darkseagreen;
    font-size: 12px;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid darkseagreen;
    color: white;
    font-family: Verdana;

}

.divWaitingRoom button {
    background-color: white;
    color: black;
    border: 1px solid green;
    border-radius: 3px;
    font-family: Verdana;
    cursor: pointer;

}

.wr-close-popup {
    font-weight: bold;
    padding-left:5px;
    cursor: pointer;
}

.wr-blink {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0.6;
    }
}

.trueuser,.falseuser {
    position: relative;
}
.deleteSearchUser,.deleteSearchUserDisabled {
    position: absolute;
    top: 1px;
    right: 0px;
}
.deleteSearchUser {
    cursor: pointer;
}

.invoice-alert {
    text-align: center;
    color:white;
    padding:10px;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: auto;
    z-index: 998;
    border-bottom: 1px solid white;
    vertical-align: middle;
    line-height: 30px;
    display:none;
    font-weight: normal;

}
.invoice-alert span {
    font-size: 0.8rem;
}
#invoice-new {
    background-color:#666;
}
#invoice-late {
    background-color:tomato;
}
.invoice-alert a {
    color:white;

}
.invoice-alert img {
    height:18px;
    padding-top:2px
}
#invoices-notice .col_13 {
    border:1px solid tomato;
    padding:20px;
    margin-bottom:10px;
    border-radius: 0;
    background-color: #ffecee;
}
.invoice-alert-close {

    position: absolute;
    top:calc(50% - 20px);
    right:50px;
    font-size:2rem;
    width:auto;

}
.gridrdv_rdv_firsttype {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left:1px solid #bbb;
}
.gridrdv_rdv_lasttype {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right:1px solid #555;
}
.pla-click {
    cursor: pointer;
}
.button_disabled {
    background: none !important;
    background-color:#CCCCCC !important;
    border-color:#888888 !important;
    color:#ddd !important;
}