@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

body {
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: url(../gestio-images/fr/bg_r.jpg) top left repeat-x #2a92d4;
}

textarea {
    overflow: auto;
}

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

a:hover {
    color: #003399;
    text-decoration: underline;
}

p {
    margin-bottom: 8px;
    margin-top: 3px;
}

.zoom_img:hover {
    transform: scale(2);
}

input[type="text"][readonly="readonly"] {
    background: #dedede;
    color: #4e4e4e;
    border: 1px solid #8e8e8e !important;
}

.newsContainer {
    float: left;
    margin-bottom: 15px;
}

.newsContainer.accueil {
    width: 30%;
    margin-right: 15px;
}

.newsContainer p {
    text-align: justify;
}

.titreNews {
    color: #1e88cc;
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 10px;
    height: 11px;
}

.container-banner-footer {
    position: relative;
    height: 80px;
    display: block;
}

#cookiePopup {
    font-family: 'Roboto', sans-serif;  
}

.banner-footer {
    background-color: #ffffff;
    position: absolute;
    display: table;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 64px;
    font-family: 'Roboto', sans-serif;  
    font-weight: 400;  
    font-size: 12px;  
    line-height: 1em; 
}

.banner-footer .col {
    padding: 20px 5%;
    width: 23.3333%;
    height: calc(100% - 40px);
    vertical-align:middle;
    display: table-cell;
}

.newsContainer a {
    color: #1e88cc;
    clear: both;
}
.newsContainer.nouvelles {
    width: 100%;
}

hr {
    height: 1px;
    width: 100%;
    color: #035294;
    border: 0;
    background-color: #035294;
}

.nocellspacding {
    border-spacing: 0;
}

.nocellspacding td {
    padding: 0;
}

.hidden {
    display: none;
}

.msg_erreur {
    font-weight: bold;
    text-align: center;
    padding: 8px;
    margin: 6px;
    border: 2px solid #CC0000;
    color: #CC0000;
    background-color: #FED8D8;
    margin-top: 8px;
}

div.msg_erreur {
    text-align: left;
}

.msg_success {
    font-weight: bold;
    text-align: center;
    padding: 8px;
    margin: 6px;
    border: 2px solid #009900;
    color: #009900;
    background-color: #DBFFCE;
    margin-top: 8px;
}

.erreur_loc {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #CC0000;
    font-size: 11px;
    font-style: italic;
    /*display: block;*/
    margin-left: 0px;
}

.autodatatable {
    border: 1px solid #035294;
    border-spacing: 0;
}

.autodatatable select {
    font-size: 11px;
}

.autodatatable td {
    padding: 5px;
}

.autodatatable.top td {
    vertical-align: top;
}

.autodatatable th {
    padding: 5px;
    font-size: 11px;
    border-bottom: 1px solid #000000;
    background-color: #FFFFFF;
}

.autodatatable tr.subtotal td {
    border-top: 1px dotted #000;
    font-weight: bold;
    padding-bottom: 5px;
}

.autodatatable tr.separation td {
    border-top: 1px dotted #000;
}

.autodatatable tr.total td {
    border-top: 2px solid #000;
    font-weight: bold;
}

.autodatatable .td1 {
    padding: 5px;
    font-size: 11px;
    background-color: #EEEEEE;
}

.autodatatable .td2 {
    padding: 5px;
    font-size: 11px;
    background-color: #DDDDDD;
}

.autodatatable .td3 {
    padding: 5px;
    font-size: 11px;
    border-bottom: #ECEAEA 1px solid;
    background-color: #FFFFFF;
}

.autodatatable .table_separateur td {
    border-top: 1px solid black;
    padding: 10px 5px 0;
}

.autodatatable .money {
    white-space: nowrap;
    text-align: right;
}

.regform input {

    border: 1px solid #237ac1;
    height: 13px;
    font-size: 10px;
    padding: 0px;
    padding-left: 3px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;

}

input.readonly {
    color: #9a9a9a;
    font-style: italic;
}

input.button, button.button {
    height: auto;
    width: 1px;
    overflow: visible;
    width: auto;

    padding: 2px 10px;
    margin: 0px;
    border: 0px;
    font-weight: 200;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #267fb8;
    border: 1px double #8ad1ff;
    cursor: pointer;
    border-radius: 4px;
}

input.button.big_button, button.button.big_button {
    padding: 5px 20px;
    font-size: 14px;
}

input.button2, .button2 {
    height: auto;
    width: 1px;
    overflow: visible;
    width: auto;

    padding: 2px 10px;
    margin: 0px;
    border: 0px;

    font-size: 10px;
    /*font-weight:bold;
    color:#FFFFFF;
    background-color: #267fb8;*/
    border: 1px double;
    border-radius: 4px;
}

input.button3, button.button3 {
    height: auto;
    width: 1px;
    overflow: visible;
    width: auto;

    padding: 2px 10px;
    margin: 0px;
    border: 0px;
    font-weight: bold;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #267fb8;
    border: 1px double #8ad1ff;
    border-radius: 4px;
}

input.button4, .button4 {
    height: auto;
    width: 1px;
    overflow: visible;
    width: auto;
    display: inline-block;
    padding: 2px 10px;
    margin: 0px;
    border: 0px;
    font-weight: bold;
    font-size: 10px;
    color: #fff;
    background-color: #178a45;
    border: 1px double #19b854;
    border-radius: 4px;
    text-decoration: none;
}

input.button4:hover, .button4:hover {
    color: #fff;
    background-color: #178a45;
    border: 1px double #19b854;
    text-decoration: none;
}

input.button_enr, button.button_enr {
    height: auto;
    width: 1px;
    overflow: visible;
    width: auto;
    padding: 2px 10px;
    margin: 0px;
    border: 0px;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #b82926;
    border: 1px double #ec5e00;
    cursor: pointer;
    border-radius: 4px;
}

.button_par {
    margin-top: 20px;
}

.regform input.radio {
    border: none;
    font-size: 10px;
}

/*
.regform textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #000;
	font-size: 10px;
	padding-left: 5px;
}
*/
.regform textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #237ac1;
    font-size: 11px;
    padding-left: 5px;
}

.regform select {
    /*border: 1px solid #000;*/
    /*height: 13px;*/
    font-size: 10px;
    padding-left: 5px;
}

/*.regform label{
	clear: both;
	float:left;
	width: 175px;
	margin-right: 8px;
	text-align: right;
	font-weight: bold;
}*/

.regform label.radio {
    clear: none;
    float: none;
    margin-left: 3px;
    text-align: right;
    font-weight: bold;
}

.horzform input {
    border: 1px solid #237ac1;
    height: 13px;
    font-size: 10px;
    padding: 0px;
    padding-left: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.horzform input.button {
    height: auto;
    width: 1px;
    overflow: visible;
    width: auto;

    padding: 0px;
    margin: 0px;
    border: 0px;
    font-weight: bold;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #267fb8;
    border: 1px double #8ad1ff;

    padding-left: 10px;
    padding-right: 10px;
}

.horzform input.radio {
    border: none;
    font-size: 10px;
}

.horzform textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #237ac1;
    font-size: 10px;
    padding-left: 5px;
}

.horzform select {
    /*border: 1px solid #000;*/
    /*height: 13px;*/
    font-size: 10px;
    padding-left: 5px;
}

.horzform label {
    clear: both;
    float: left;
    margin-right: 8px;
    font-weight: bold;
}

.horzform label.radio {
    clear: none;
    float: none;
    margin-left: 3px;
    text-align: right;
    font-weight: bold;
}

.border_produit {
    border-bottom: solid #000000 1px;
}

.bg_top {
    background: url(../gestio-images/fr/bg_top.gif) top left no-repeat;
    width: 912px;
    height: 28px;
    padding: 1px;
    color: #2b92d4;
    font-size: 11px;
}

.bg_top .utilisateurdiv {
    margin-left: 85px;
    margin-top: 8px;
    float: left;
    width: 250px;
}

.bg_top .dernier_client {
    margin-top: 6px;
    width: 250px;
    float: left;
}

.bg_top .dernier_client select {
    font-size: 11px;
    color: #000000;
    width: 150px;
}

.bg_top .fermer {
    margin-top: 6px;
    margin-right: 15px;
    float: right;
}

.bg_top .fermer a {
    font-weight: bold;
    color: #2b92d4;
    text-decoration: none;
}

.bg_top .fermer a:hover {
    font-weight: bold;
    color: #2b92d4;
    text-decoration: underline;
}

.bg_logo {
    background: url(../gestio-images/fr/bg_logo.jpg) top left no-repeat;
    width: 914px;
    height: 63px;
    position: relative;
}

.imgLogo {
    position: absolute;
    left: 0;
    top: -30px;
}

.nomCoop {
    position: absolute;
    left: 186px;
    top: 30px;
    color: #2b92d4;
    font-weight: bold;
}

.premierappel {
    position: absolute;
    left: 531px;
    top: 28px;
    color: #2b92d4;
    font-weight: bold;
}
.formulaire_nuit {
    position: absolute;
    left: 730px;
    top: 35px;
    color: #2b92d4;
    font-weight: bold;
}

.searchform {
    float: right;
    margin-right: 18px;
    margin-top: 23px;
}

.searchform input {
    width: 217px;
    height: 16px;
    border: 1px solid #2b93d4;
    font-size: 10px;
    font-style: italic;
    color: #a9a6a6;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 0px;
    padding-top: 3px;
    padding-left: 5px;
}

.searchform .button {
    width: auto;
    height: auto;
    border: none;
    padding: 0px;
}

.nav1_menu {
    clear: both;
    height: 29px;
    background: url(../gestio-images/fr/nav1_nomenu.jpg) top left no-repeat;
    position: relative;
    z-index: 998;
}

#main_nav1 {
    position: relative;
    display: block;
    padding: 1px 0 0;
    margin: 0 auto;
    text-align: center;
}

#main_nav1 a {
    text-decoration: none;
    color: #2b92d4;
}

#main_nav1 a.nohand {
    cursor: default;
}

#main_nav1 a:hover {
    color: #0c3d5e;
}

#main_nav1 > li {
    position: relative;
    display: inline-block;
}

#main_nav1 > li + li {
    margin-left: -15px;
}

#main_nav1 > li span.l {
    display: inline-block;
    padding: 11px 9px 0 30px; /*padding-left:21px; padding-top:11px; */
    height: 17px;
    /* vertical-align: top; */
    background: url(../gestio-images/interface/main_menu_left.png) bottom left no-repeat;
}

#main_nav1 > li span.r {
    content: "";
    display: inline-block;
    width: 21px;
    height: 28px;
    vertical-align: top;
    background: url(../gestio-images/interface/main_menu_right.png) bottom right no-repeat;
}

#main_nav1 ul {
    position: absolute;
    top: 28px;
    left: 5px;
    display: none;
    background: #fff;
    padding: 0;
    margin: 0;
    list-style: none;
}

#main_nav1 ul > li {
    margin: 0;
    white-space: nowrap;
    text-align: left;
    border-top: 1px solid #2F95D5;
}

#main_nav1 ul > li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 7px 10px;
}

#main_nav1 > li:hover ul {
    display: block;
}

form {
    margin: 0px;
    padding: 0px;
}

.nav2_bg {
    background: url(../gestio-images/fr/nav2_bg.jpg) top left no-repeat;
    width: 824px;
    height: 26px;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 10px;
    color: #FFFFFF;
}

.nav2_bg p {
    margin: 0px;
    padding: 0px;
}

.nav2_bg a {
    color: #FFFFFF;
    text-decoration: none;
    background: url(../gestio-images/arrow.png) top left no-repeat;
    padding-left: 20px;
    padding-top: 1px;
}

.nav2_bg a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.page {
    background: url(../gestio-images/fr/bg_content_r.gif) top left repeat-y;
}

.contenu {
    background: url(../gestio-images/fr/bg_content_top.jpg) top left no-repeat;

    min-height: 74.5vh;
    height: auto !important;
    height: 500px;
    padding: 30px;
    padding-top: 10px;
}

h1 {
    margin-top: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 22px;
    color: #1e88cc;
}

h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #1e88cc;
}

h3 {
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #1e88cc;

}

h4 {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    clear: both;
    padding-top: 8px;
}

h5 {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    clear: both;
    padding: 0;
    margin: 5px 15px;
}

.tabs {
    background: url(../gestio-images/fr/tab_bg.gif) bottom left repeat-x;
    font-weight: bold;
    padding-left: 5px;
}

.tabs table.tab_live {
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #1e88cc;
    float: left;

    cursor: pointer;
}

.tabs table:hover.tab_live {
    display: block;
    text-decoration: none;
    float: left;
}

.tabs table.tab_live p {
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.tabs table.tab_live .tab_mid {
    height: 27px;
    padding-top: 5px;
    background: url(../gestio-images/fr/tab_mid.gif) top left repeat-x;
}

.tabs table.tab_live .tab_left {
    background: url(../gestio-images/fr/tab_left.gif) bottom right no-repeat;
    width: 6px;
    height: 32px;
}

.tabs table.tab_live .tab_right {
    background: url(../gestio-images/fr/tab_right.gif) bottom left no-repeat;
    width: 6px;
    height: 32px;
}

/*
tabs link hover

*/

.tabs table:hover.tab_live {
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #1e88cc;
    float: left;

    cursor: pointer;
}

.tabs table:hover.tab_live .tab_mid {
    height: 27px;
    padding-top: 5px;
    background: url(../gestio-images/fr/tab_mid_o.gif) top left repeat-x;
}

.tabs table:hover.tab_live p {
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.tabs table:hover.tab_live .tab_left {
    background: url(../gestio-images/fr/tab_left_o.gif) bottom right no-repeat;
    width: 6px;
    height: 32px;
}

.tabs table:hover.tab_live .tab_right {
    background: url(../gestio-images/fr/tab_right_o.gif) bottom left no-repeat;
    width: 6px;
    height: 32px;
}

/*
tabs link selected

*/

.tabs table.tab_void {
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #1e88cc;
    float: left;
    cursor: default;
}

.tabs table.tab_void p {
    margin-left: 10px;
    margin-right: 10px;
}

.tab_mid a {
    text-decoration: none;
    color: inherit;
}

.tab_void .tab_mid a {
    text-decoration: none;
    color: inherit;
    cursor: default;
}

.tabs table.tab_void .tab_mid {
    height: 27px;
    padding-top: 5px;
    background: url(../gestio-images/fr/tab_mid_sel.gif) top left repeat-x;
}

.tabs table.tab_void .tab_left {
    background: url(../gestio-images/fr/tab_left_sel.gif) bottom right no-repeat;
    width: 6px;
    height: 32px;
}

.tabs table.tab_void .tab_right {
    background: url(../gestio-images/fr/tab_right_sel.gif) bottom left no-repeat;
    width: 6px;
    height: 32px;
}

/* tabs link selected HOVER */

.tabs table:hover.tab_void {
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #1e88cc;
    float: left;
    cursor: default;
}

.tabs table:hover.tab_void p {
    margin-left: 10px;
    margin-right: 10px;
}

.tabs table:hover.tab_void .tab_mid {
    height: 27px;
    padding-top: 5px;
    background: url(../gestio-images/fr/tab_mid_sel.gif) top left repeat-x;
}

.tabs table:hover.tab_void .tab_left {
    background: url(../gestio-images/fr/tab_left_sel.gif) bottom right no-repeat;
    width: 6px;
    height: 32px;
}

.tabs table:hover.tab_void .tab_right {
    background: url(../gestio-images/fr/tab_right_sel.gif) bottom left no-repeat;
    width: 6px;
    height: 32px;
}

/*
rest du tableau tabs
*/

.tab_content_top {
    clear: both;
    padding: 5px 0 0 0 !important;
    background: url(../gestio-images/fr/tab_content_top.gif) top left no-repeat;
}

.tab_content_mid {
    padding: 10px 20px 20px !important;
    background: url(../gestio-images/fr/tab_content_mid.gif) top left repeat-y;
}

.tab_content_bot {
    clear: both;
    padding: 7px 0 0 0 !important;
    background: url(../gestio-images/fr/tab_content_bot.gif) top left no-repeat;
}

/*
style des buttons :normal
*/
.form_button {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.form_button p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

.form_button .btn_left {
    background: url(../gestio-images/fr/rbtn_left.png) top right no-repeat;
    height: 33px;
    width: 8px;
}

.form_button .btn_right {
    background: url(../gestio-images/fr/rbtn_right.png) top left no-repeat;
    height: 33px;
    width: 8px;
}

.form_button .btn_mid {
    background: url(../gestio-images/fr/rbtn_mid.png) top left repeat-x;
    height: 30px;
    padding-top: 3px;
}

/*
style des buttons :hover
*/

a:hover.form_button {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

a:hover.form_button p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

a:hover.form_button .btn_left {
    background: url(../gestio-images/fr/rbtn_left_o.png) top right no-repeat;
    height: 33px;
    width: 8px;
}

a:hover.form_button .btn_right {
    background: url(../gestio-images/fr/rbtn_right_o.png) top left no-repeat;
    height: 33px;
    width: 8px;
}

a:hover.form_button .btn_mid {
    background: url(../gestio-images/fr/rbtn_mid_o.png) top left repeat-x;
    height: 30px;
    padding-top: 3px;
}

/*
style des buttons :normal SMALL
*/
.form_button_sm_gris {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.form_button_sm_gris p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

.form_button_sm_gris .btn_left_sm {
    background: url(../gestio-images/fr/sm_rbtn_left_gris.png) top right no-repeat;
    height: 23px;
    width: 8px;
}

.form_button_sm_gris .btn_right_sm {
    background: url(../gestio-images/fr/sm_rbtn_right_gris.png) top left no-repeat;
    height: 23px;
    width: 8px;
}

.form_button_sm_gris .btn_mid_sm {
    background: url(../gestio-images/fr/sm_rbtn_mid_gris.png) top left repeat-x;
    height: 22px;
    padding-top: 1px;
}

/*
style des buttons :hover SMALL
*/

a:hover.form_button_sm_gris {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

a:hover.form_button_sm_gris p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

a:hover.form_button_sm_gris .btn_left_sm {
    background: url(../gestio-images/fr/sm_rbtn_left_o_gris.png) top right no-repeat;
    height: 23px;
    width: 8px;
}

a:hover.form_button_sm_gris .btn_right_sm {
    background: url(../gestio-images/fr/sm_rbtn_right_o_gris.png) top left no-repeat;
    height: 23px;
    width: 8px;
}

a:hover.form_button_sm_gris .btn_mid_sm {
    background: url(../gestio-images/fr/sm_rbtn_mid_o_gris.png) top left repeat-x;
    height: 22px;
    padding-top: 1px;
}

/* BOUTONS POUR RESERVE MAIS PAS COMPLET */

.form_button_sm_bleu {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.form_button_sm_bleu p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

.form_button_sm_bleu .btn_left_sm {
    background: url(../gestio-images/fr/sm_rbtn_left_bleu.png) top right no-repeat;
    height: 23px;
    width: 8px;
}

.form_button_sm_bleu .btn_right_sm {
    background: url(../gestio-images/fr/sm_rbtn_right_bleu.png) top left no-repeat;
    height: 23px;
    width: 8px;
}

.form_button_sm_bleu .btn_mid_sm {
    background: url(../gestio-images/fr/sm_rbtn_mid_bleu.png) top left repeat-x;
    height: 22px;
    padding-top: 1px;
}

/*
style des buttons :hover SMALL
*/

table:hover.form_button_sm_bleu {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

table:hover.form_button_sm_bleu p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

table:hover.form_button_sm_bleu .btn_left_sm {
    background: url(../gestio-images/fr/sm_rbtn_left_o_bleu.png) top right no-repeat;
    height: 23px;
    width: 8px;
}

table:hover.form_button_sm_bleu .btn_right_sm {
    background: url(../gestio-images/fr/sm_rbtn_right_o_bleu.png) top left no-repeat;
    height: 23px;
    width: 8px;
}

table:hover.form_button_sm_bleu .btn_mid_sm {
    background: url(../gestio-images/fr/sm_rbtn_mid_o_bleu.png) top left repeat-x;
    height: 22px;
    padding-top: 1px;
}

/* BOUTONS POUR RESERVE COMPLET */

.form_button_sm_rouge {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.form_button_sm_rouge p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

.form_button_sm_rouge .btn_left_sm {
    background: url(../gestio-images/fr/sm_rbtn_left_rouge.png) top right no-repeat;
    height: 23px;
    width: 8px;
}

.form_button_sm_rouge .btn_right_sm {
    background: url(../gestio-images/fr/sm_rbtn_right_rouge.png) top left no-repeat;
    height: 23px;
    width: 8px;
}

.form_button_sm_rouge .btn_mid_sm {
    background: url(../gestio-images/fr/sm_rbtn_mid_rouge.png) top left repeat-x;
    height: 22px;
    padding-top: 1px;
}

/*
style des buttons :hover SMALL
*/

a:hover.form_button_sm_rouge {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

a:hover.form_button_sm_rouge p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

a:hover.form_button_sm_rouge .btn_left_sm {
    background: url(../gestio-images/fr/sm_rbtn_left_o_rouge.png) top right no-repeat;
    height: 23px;
    width: 8px;
}

a:hover.form_button_sm_rouge .btn_right_sm {
    background: url(../gestio-images/fr/sm_rbtn_right_o_rouge.png) top left no-repeat;
    height: 23px;
    width: 8px;
}

a:hover.form_button_sm_rouge .btn_mid_sm {
    background: url(../gestio-images/fr/sm_rbtn_mid_o_rouge.png) top left repeat-x;
    height: 22px;
    padding-top: 1px;
}

/* BOUTONS POUR RESERVE SELECTED */

.form_button_sm_vert {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.form_button_sm_vert p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

.form_button_sm_vert .btn_left_sm {
    background: url(../gestio-images/fr/sm_rbtn_left_vert.png) top right no-repeat;
    height: 23px;
    width: 8px;
}

.form_button_sm_vert .btn_right_sm {
    background: url(../gestio-images/fr/sm_rbtn_right_vert.png) top left no-repeat;
    height: 23px;
    width: 8px;
}

.form_button_sm_vert .btn_mid_sm {
    background: url(../gestio-images/fr/sm_rbtn_mid_vert.png) top left repeat-x;
    height: 22px;
    padding-top: 1px;
}

/*
style des buttons :hover SMALL
*/

a:hover.form_button_sm_vert {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

a:hover.form_button_sm_vert p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

a:hover.form_button_sm_vert .btn_left_sm {
    background: url(../gestio-images/fr/sm_rbtn_left_o_vert.png) top right no-repeat;
    height: 23px;
    width: 8px;
}

a:hover.form_button_sm_vert .btn_right_sm {
    background: url(../gestio-images/fr/sm_rbtn_right_o_vert.png) top left no-repeat;
    height: 23px;
    width: 8px;
}

a:hover.form_button_sm_vert .btn_mid_sm {
    background: url(../gestio-images/fr/sm_rbtn_mid_o_vert.png) top left repeat-x;
    height: 22px;
    padding-top: 1px;
}

/* fin buttons */

.horraire_table {
    font-size: 11px;
}

.horraire_block {
    padding: 5px;
}

.horraire_col1 {

}

.horraire_head {
    background: url(../gestio-images/calendar_imgs/timespan_th_bg.gif) top left repeat-x;
}

.horraire_col1 {

}

.horraire_innercols {
}

.horraire_innercols_td {

}

.hor_top {
    border-bottom: 5px solid #FFFFFF;
}

.horraire_selcols {
    /*background:#A5C2D1;*/
}

.hor_newrow {
    border-bottom: 5px solid #FFFFFF;
}

.hor_firstcol {
    border-left: 5px solid #FFFFFF;
}

.hor_lastcol {

}

.rowcolor1 {
    background: #dcf0ff;
    border-bottom: 5px solid #FFFFFF;
}

.rowcolor2 {
    background: #c4e6ff;
    border-bottom: 5px solid #FFFFFF;
}

/*
==================================
Boutons de colombarium
==================================
*/

/* Double :Normal */

.c_btn_double {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 100px;
}

.c_btn_double p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

.c_btn_double .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_top.png) top right no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_double .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_bot.png) top left no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_double .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_mid.png) top left repeat-y;

}

/* Double :Hover */

div:hover.c_btn_double {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 100px;
}

div:hover.c_btn_double p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

div:hover.c_btn_double .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_top_o.png) top right no-repeat;
    height: 5px;
}

div:hover.c_btn_double .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_bot_o.png) top left no-repeat;
    height: 5px;
}

div:hover.c_btn_double .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_mid_o.png) top left repeat-y;
}

/* Simple :Normal */

.c_btn_simple {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 74px;
}

.c_btn_simple p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

.c_btn_simple .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_simple_top.png) top right no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_simple .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_simple_bot.png) top left no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_simple .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_simple_mid.png) top left repeat-y;
}

/* Simple :Hover */

div:hover.c_btn_simple {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 74px;
}

div:hover.c_btn_simple p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

div:hover.c_btn_simple .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_simple_top_o.png) top right no-repeat;
    height: 5px;
}

div:hover.c_btn_simple .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_simple_bot_o.png) top left no-repeat;
    height: 5px;
}

div:hover.c_btn_simple .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_simple_mid_o.png) top left repeat-y;
}

/* Familliale :Normal */

.c_btn_fam {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 200px;
}

.c_btn_fam p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

.c_btn_fam .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_fam_top.png) top right no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_fam .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_fam_bot.png) top left no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_fam .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_fam_mid.png) top left repeat-y;
}

/* Familliale :Hover */

div:hover.c_btn_fam {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 200px;
}

div:hover.c_btn_fam p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

div:hover.c_btn_fam .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_fam_top_o.png) top right no-repeat;
    height: 5px;
}

div:hover.c_btn_fam .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_fam_bot_o.png) top left no-repeat;
    height: 5px;
}

div:hover.c_btn_fam .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_fam_mid_o.png) top left repeat-y;
}

/* div4 :Normal */

.c_btn_div {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    background: url(../gestio-images/fr/c_btn_small.png) top left no-repeat;
    width: 50px;
    height: 23px;
}

.c_btn_div p {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 2px;
}

/* div4 :Hover */

div:hover.c_btn_div {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    background: url(../gestio-images/fr/c_btn_small_o.png) top left no-repeat;
    width: 50px;
    height: 23px;
}

div:hover.c_btn_div p {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 2px;
}

/* div4_2 :Normal */

.c_btn_div2 {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    background: url(../gestio-images/fr/c_btn_small2.png) top left no-repeat;
    width: 50px;
    height: 35px;
}

.c_btn_div2 p {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 8px;
}

/* div4_2 :Hover */

div:hover.c_btn_div2 {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    background: url(../gestio-images/fr/c_btn_small2_o.png) top left no-repeat;
    width: 50px;
    height: 35px;
}

div:hover.c_btn_div2 p {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 8px;
}

/* Double :vert */

.c_btn_double_vert {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 100px;
}

.c_btn_double_vert p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

.c_btn_double_vert .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_top_vert.png) top right no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_double_vert .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_bot_vert.png) top left no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_double_vert .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_mid_vert.png) top left repeat-y;

}

/* Double :Hover */

div:hover.c_btn_double_vert {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 100px;
}

div:hover.c_btn_double_vert p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

div:hover.c_btn_double_vert .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_top_vert_o.png) top right no-repeat;
    height: 5px;
}

div:hover.c_btn_double_vert .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_bot_vert_o.png) top left no-repeat;
    height: 5px;
}

div:hover.c_btn_double_vert .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_mid_vert_o.png) top left repeat-y;
}

/* Simple :vert */

.c_btn_simple_vert {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 74px;
}

.c_btn_simple_vert p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

.c_btn_simple_vert .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_simple_top_vert.png) top right no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_simple_vert .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_simple_bot_vert.png) top left no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_simple_vert .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_simple_mid_vert.png) top left repeat-y;
}

/* Simple :Hover */

div:hover.c_btn_simple_vert {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 74px;
}

div:hover.c_btn_simple_vert p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

div:hover.c_btn_simple_vert .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_simple_top_vert_o.png) top right no-repeat;
    height: 5px;
}

div:hover.c_btn_simple_vert .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_simple_bot_vert_o.png) top left no-repeat;
    height: 5px;
}

div:hover.c_btn_simple_vert .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_simple_mid_vert_o.png) top left repeat-y;
}

/* Familliale :vert */

.c_btn_fam_vert {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 200px;
}

.c_btn_fam_vert p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

.c_btn_fam_vert .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_fam_top_vert.png) top right no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_fam_vert .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_fam_bot_vert.png) top left no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_fam_vert .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_fam_mid_vert.png) top left repeat-y;
}

/* Familliale :Hover */

div:hover.c_btn_fam_vert {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 200px;
}

div:hover.c_btn_fam_vert p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

div:hover.c_btn_fam_vert .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_fam_top_vert_o.png) top right no-repeat;
    height: 5px;
}

div:hover.c_btn_fam_vert .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_fam_bot_vert_o.png) top left no-repeat;
    height: 5px;
}

div:hover.c_btn_fam_vert .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_fam_mid_vert_o.png) top left repeat-y;
}

/* div4 :vert */

.c_btn_div_vert {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    background: url(../gestio-images/fr/c_btn_small_vert.png) top left no-repeat;
    width: 50px;
    height: 23px;
}

.c_btn_div_vert p {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 2px;
}

/* div4 :Hover */

div:hover.c_btn_div_vert {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    background: url(../gestio-images/fr/c_btn_small_vert_o.png) top left no-repeat;
    width: 50px;
    height: 23px;
}

div:hover.c_btn_div_vert p {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 2px;
}

/* div4_2 :vert */

.c_btn_div2_vert {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    background: url(../gestio-images/fr/c_btn_small2_vert.png) top left no-repeat;
    width: 50px;
    height: 35px;
}

.c_btn_div2_vert p {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 8px;
}

/* div4_2 :Hover */

div:hover.c_btn_div2_vert {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    background: url(../gestio-images/fr/c_btn_small2_vert_o.png) top left no-repeat;
    width: 50px;
    height: 35px;
}

div:hover.c_btn_div2_vert p {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 8px;
}

/* Double :rouge */

.c_btn_double_rouge {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 100px;
}

.c_btn_double_rouge p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

.c_btn_double_rouge .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_top_rouge.png) top right no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_double_rouge .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_bot_rouge.png) top left no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_double_rouge .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_mid_rouge.png) top left repeat-y;

}

/* Double :Hover */

div:hover.c_btn_double_rouge {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 100px;
}

div:hover.c_btn_double_rouge p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

div:hover.c_btn_double_rouge .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_top_rouge_o.png) top right no-repeat;
    height: 5px;
}

div:hover.c_btn_double_rouge .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_bot_rouge_o.png) top left no-repeat;
    height: 5px;
}

div:hover.c_btn_double_rouge .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_mid_rouge_o.png) top left repeat-y;
}

/* Simple :rouge */

.c_btn_simple_rouge {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 74px;
}

.c_btn_simple_rouge p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

.c_btn_simple_rouge .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_simple_top_rouge.png) top right no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_simple_rouge .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_simple_bot_rouge.png) top left no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_simple_rouge .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_simple_mid_rouge.png) top left repeat-y;
}

/* Simple :Hover */

div:hover.c_btn_simple_rouge {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 74px;
}

div:hover.c_btn_simple_rouge p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

div:hover.c_btn_simple_rouge .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_simple_top_rouge_o.png) top right no-repeat;
    height: 5px;
}

div:hover.c_btn_simple_rouge .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_simple_bot_rouge_o.png) top left no-repeat;
    height: 5px;
}

div:hover.c_btn_simple_rouge .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_simple_mid_rouge_o.png) top left repeat-y;
}

/* Familliale :rouge */

.c_btn_fam_rouge {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 200px;
}

.c_btn_fam_rouge p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

.c_btn_fam_rouge .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_fam_top_rouge.png) top right no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_fam_rouge .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_fam_bot_rouge.png) top left no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_fam_rouge .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_fam_mid_rouge.png) top left repeat-y;
}

/* Familliale :Hover */

div:hover.c_btn_fam_rouge {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 200px;
}

div:hover.c_btn_fam_rouge p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

div:hover.c_btn_fam_rouge .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_fam_top_rouge_o.png) top right no-repeat;
    height: 5px;
}

div:hover.c_btn_fam_rouge .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_fam_bot_rouge_o.png) top left no-repeat;
    height: 5px;
}

div:hover.c_btn_fam_rouge .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_fam_mid_rouge_o.png) top left repeat-y;
}

/* div4 :rouge */

.c_btn_div_rouge {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    background: url(../gestio-images/fr/c_btn_small_rouge.png) top left no-repeat;
    width: 50px;
    height: 23px;
}

.c_btn_div_rouge p {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 2px;
}

/* div4 :Hover */

div:hover.c_btn_div_rouge {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    background: url(../gestio-images/fr/c_btn_small_rouge_o.png) top left no-repeat;
    width: 50px;
    height: 23px;
}

div:hover.c_btn_div_rouge p {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 2px;
}

/* div4_2 :rouge */

.c_btn_div2_rouge {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    background: url(../gestio-images/fr/c_btn_small2_rouge.png) top left no-repeat;
    width: 50px;
    height: 35px;
}

.c_btn_div2_rouge p {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 8px;
}

/* div4_2 :Hover */

div:hover.c_btn_div2_rouge {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    background: url(../gestio-images/fr/c_btn_small2_rouge_o.png) top left no-repeat;
    width: 50px;
    height: 35px;
}

div:hover.c_btn_div2_rouge p {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 8px;
}

/* Double :gris */

.c_btn_double_gris {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 100px;
}

.c_btn_double_gris p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

.c_btn_double_gris .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_top_gris.png) top right no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_double_gris .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_bot_gris.png) top left no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_double_gris .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_mid_gris.png) top left repeat-y;

}

/* Double :Hover */

div:hover.c_btn_double_gris {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 100px;
}

div:hover.c_btn_double_gris p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

div:hover.c_btn_double_gris .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_top_gris_o.png) top right no-repeat;
    height: 5px;
}

div:hover.c_btn_double_gris .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_bot_gris_o.png) top left no-repeat;
    height: 5px;
}

div:hover.c_btn_double_gris .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_mid_gris_o.png) top left repeat-y;
}

/* Simple :gris */

.c_btn_simple_gris {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 74px;
}

.c_btn_simple_gris p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

.c_btn_simple_gris .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_simple_top_gris.png) top right no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_simple_gris .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_simple_bot_gris.png) top left no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_simple_gris .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_simple_mid_gris.png) top left repeat-y;
}

/* Simple :Hover */

div:hover.c_btn_simple_gris {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 74px;
}

div:hover.c_btn_simple_gris p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

div:hover.c_btn_simple_gris .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_simple_top_gris_o.png) top right no-repeat;
    height: 5px;
}

div:hover.c_btn_simple_gris .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_simple_bot_gris_o.png) top left no-repeat;
    height: 5px;
}

div:hover.c_btn_simple_gris .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_simple_mid_gris_o.png) top left repeat-y;
}

/* Familliale :gris */

.c_btn_fam_gris {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 200px;
}

.c_btn_fam_gris p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

.c_btn_fam_gris .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_fam_top_gris.png) top right no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_fam_gris .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_fam_bot_gris.png) top left no-repeat;
    height: 5px;
    font-size: 4px;
}

.c_btn_fam_gris .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_fam_mid_gris.png) top left repeat-y;
}

/* Familliale :Hover */

div:hover.c_btn_fam_gris {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    width: 200px;
}

div:hover.c_btn_fam_gris p {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

div:hover.c_btn_fam_gris .c_btn_double_top {
    background: url(../gestio-images/fr/c_btn_fam_top_gris_o.png) top right no-repeat;
    height: 5px;
}

div:hover.c_btn_fam_gris .c_btn_double_bot {
    background: url(../gestio-images/fr/c_btn_fam_bot_gris_o.png) top left no-repeat;
    height: 5px;
}

div:hover.c_btn_fam_gris .c_btn_double_mid {
    background: url(../gestio-images/fr/c_btn_fam_mid_gris_o.png) top left repeat-y;
}

/* div4 :gris */

.c_btn_div_gris {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    background: url(../gestio-images/fr/c_btn_small_gris.png) top left no-repeat;
    width: 50px;
    height: 23px;
}

.c_btn_div_gris p {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 2px;
}

/* div4 :Hover */

div:hover.c_btn_div_gris {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    background: url(../gestio-images/fr/c_btn_small_gris_o.png) top left no-repeat;
    width: 50px;
    height: 23px;
}

div:hover.c_btn_div_gris p {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 2px;
}

/* div4_2 :gris */

.c_btn_div2_gris {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    background: url(../gestio-images/fr/c_btn_small2_gris.png) top left no-repeat;
    width: 50px;
    height: 35px;
}

.c_btn_div2_gris p {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 8px;
}

/* div4_2 :Hover */

div:hover.c_btn_div2_gris {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    background: url(../gestio-images/fr/c_btn_small2_gris_o.png) top left no-repeat;
    width: 50px;
    height: 35px;
}

div:hover.c_btn_div2_gris p {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 8px;
}

#tab2 ul {
    margin: 15px;
}

#tab2 li {
    padding-bottom: 10px;

}

.print {
    display: none;
}

.bordure_separation {
    border: solid 1px #1e88cc;
    padding: 4px;
}

.finaliser {
    color: #003300;
    font-weight: bold;
}

.non_finaliser {
    color: #990000;
    font-weight: bold;
}

.parametre_contour {
    border: solid 1px #1e88cc;
    padding: 10px;
}

.parametre_contour h2 {
    padding-top: 0px;
    margin-top: 0px;
}

#formFormulaires label {
    float: left;
    width: 225px;
    font-weight: bold;
}

#formFormulaires br {
    clear: both;
    margin-bottom: 7px;
}

tr.Annuler td {
    color: #000000;
}

.red_star {
    width: 20px;
    margin-left: 5px;
    color: #ff0000;
}

.rowInfoParents, .rowInfoConjoint {
    display: none;
}

.rendezVousTable {
    clear: both;
}

.rendezVousTable td {
    min-width: 75px;
    height: 25px;
    cursor: pointer;
    border-right: 1px solid #000;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.rendezVousTable td.hebdo {
    height: 50px;
    cursor: pointer;
}

.rendezVousTable td:hover {
    background-color: #69F;
}

.rendezVousTable td.heure:hover {
    background: none;
    cursor: auto;
}

.rendezVousTable th {
    min-width: 75px;
    border-bottom: 2px solid #000;
    border-right: 1px solid #000;
}

.RDV {
    /*     position: absolute; */
    top: 0px;
    left: 8px;
    min-height: 25px;
    width: 70px;
    padding: 2px;
    border: 1px #666 solid;
    background-color: #AAA;
    font-size: 10px;
    z-index: 999;
    overflow: hidden;
}

.RDV2 {
    min-height: 25px;
    width: 70px;
    padding: 2px;
    border: 1px #666 solid;
    background-color: #AAA;
    font-size: 10px;
    z-index: 999;
    overflow: hidden;
    box-sizing: border-box;
}

a.modRDV, a.delRDV {
    color: #fff;
}

.autodatatable a.modRDV, .autodatatable a.delRDV {
    color: #000;
}

#hoverDiv {
    position: absolute;
    width: 250px;
    border: 2px #666 solid;
    background-color: #fff;
    padding: 10px;
    font-size: 12px;
    overflow: hidden;
    z-index: 1000;
}

#mainContainerRDV {
    height: 70vh;
    overflow: scroll;
    position: relative;
}

.rdvEmployeListHover{
    position: fixed;
    background: #d2d5d9;
    margin-top: 5px;
    visibility: hidden;
    padding: 10px;
    min-width: 175px;
    z-index: 9999;
}

.rdvEmployeList {
    display: inline-block;
    height: 25px;
}

.rdvEmployeList:hover .rdvEmployeListHover {
    visibility: visible;
}
.rdvEmployeListHover:hover {
    visibility: visible;
}

.rdvEmployeListHover >  a {
    display: block;
    margin-top: 5px;
}


.fullRDV {
    position: absolute;
    top: 0px;
    left: 109px;
    width: 250px;
    border: 2px #666 solid;
    background-color: #fff;
    padding: 10px;
    font-size: 12px;
    display: none;
    z-index: 10000;
    overflow: hidden;
}

.fullRDVlast {
    position: absolute;
    top: 0px;
    left: -280px;
    width: 250px;
    border: 2px #666 solid;
    background-color: #fff;
    padding: 10px;
    font-size: 12px;
    display: none;
    z-index: 10000;
    overflow: hidden;
}

#divHeures {
    min-width: 815px;
}

#divHeures div.Hheure,
#divHeures div.heure {
    clear: both;
    min-width: 75px;
}

#divHeures div.Hjour, #divHeures div.Hhebdo,
#divHeures div.jour, #divHeures div.hebdo {
    min-width: 150px;
}

#divHeures div.Hjour.gray, #divHeures div.Hhebdo.gray,
#divHeures div.jour.gray, #divHeures div.hebdo.gray {
    background-color: #cdcdcd;
}

#divHeures.header div.Hjour, #divHeures.header div.Hheure, #divHeures.header div.Hhebdo {
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid #000;
    padding-top: 8px;
}

#divHeures div.Hheure, #divHeures div.Hjour, #divHeures div.Hhebdo,
#divHeures div.heure, #divHeures div.jour, #divHeures div.hebdo {
    border-right: 1px solid #000;
    border-bottom: 1px solid #ddd;

    min-height: 25px;
    position: relative;
    float: left;
}

#formAjout label {
    float: left;
    width: 200px;
    font-weight: bold;
    margin-bottom: 5px;
}

#formAjout div.field {
    float: left;
    width: 350px;
    margin-bottom: 5px;
}

#formAjout br {
    clear: both;
}

.presenceTable {
    clear: both;
}

.presenceTable td {
    border-bottom: 1px solid #ddd;
    padding: 5px;
}

.presenceTable th {
    text-align: left;
    border-bottom: 2px solid #000;
}

.presenceCalendar {
    clear: both;
}

.presenceCalendar td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

.presenceCalendar th {
    padding: 3px 0;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

/* Columbariums */
div.cbm_border {
    border: #fff 2px solid;
    border-radius: 10px;
    color: #000000;
    text-align: center;
}

#paiementTable tr.list {
    cursor: pointer;
}

#paiementTable tr.edit {
    cursor: default;
}

#divAjoutPaiement, #divAjoutPaiement_CD, #divFiltreEDC,
#divAjoutInteretAP, #divAjoutInteretCD, #divAjoutPaiementFID {
    border: 1px solid #1E88CC;
    padding: 5px 10px 15px 10px;
    margin-bottom: 15px;
    margin-top: 15px;
}

#divAjoutPaiement input, #divAjoutPaiement select, #divAjoutPaiementFID input, #divAjoutPaiementFID select, #divAjoutPaiement_CD input, #divAjoutPaiement_CD select, #divFiltreEDC input, #divFiltreEDC select {
    margin-bottom: 3px;
}

a.button {
    height: auto;
    width: 1px;
    overflow: visible;
    width: auto;

    padding: 2px;
    margin: 0px;
    border: 0px;
    font-weight: 200;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #267fb8;
    border: 1px double #8ad1ff;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
}

a.button:hover {
    text-decoration: none;
}

.recouvrementStatut {
    position: absolute;
    top: 24px;
    right: 40px;
    font-size: 14px;
}

.soldeEDC {
    position: absolute;
    top: 54px;
    right: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #CC0000;
}

.mainEDC {
    border: 1px solid #1E88CC;
    padding: 5px 10px 15px 10px;
    margin-bottom: 15px;
    position: relative;
}

.admin-ul {
    padding-left: 15px;
    margin: 12px 0 0 0;
    list-style: none;
}

.admin-ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

.admin-ul li i {
    position: absolute;
    left: 0;
    top: -4px;
    color: #2670A3;
}

.admin-categorie th {
    height: 60px;
    text-align: left;
    border-bottom: 1px solid #1e88cc;
}

div.block_forfait {
    background: #ddf1fb;
    display: block;
    color: #000000;
    cursor: pointer;
    text-decoration: none;
    padding: 10px;
    border: 1px solid #2987c4;
    margin: 2px;
}

div:hover.block_forfait, div.block_forfait_hover {
    background: #bfe4f7;
    display: block;
    color: #000000;
    text-decoration: none;
    padding: 10px;
    border: 1px solid #2987c4;
    margin: 2px;
}

div.block_selected {
    background: #deedd9;
    border: 2px solid #2987c4;
    margin: 2px;
}

div:hover.block_selected {
    background: #c1dcb1;
    border: 2px solid #2987c4;
    margin: 2px;
}

.questionnaire_padding li {
    margin: 4px;
    padding: 4px;
}

.questionnaire_padding li ul {
    margin: 4px 10px 10px 20px;
    padding: 0px;
    list-style-type: none;
}

.questionnaire_padding li ul li {
    margin: 2px;
    padding: 0px;
    list-style-type: none;
}

.questionnaire_question {
    font-size: 12pt;
    font-family: Helvetica;
    font-weight: 100;
}

.questionnaire_hint {
    color: #666;
    font-family: Helvetica;
    font-weight: 100;
    font-size: 9pt;
}

.searchResult table {
    display: inline-block;
}

.searchResult table:first-child {
    width: 100%;
}

.searchResult td {
    padding: 2px;
}

.searchResult div {
    background: white;
    float: right;
    padding: 27px 12px;
    min-width: 66px;
    min-height: 70px;
}

.searchResult div img:first-child {
    margin-right: 5px;
}

.searchResult tr.td1.membreRow td, div.membreRow {
    background-color: #fcf8c7;
}

.searchResult tr.td2.membreRow td {
    background-color: #ebe7b8;
}

.searchResult tr.td1.contratRow td, div.contratRow {
    background-color: #b1fcb8;
}

.searchResult tr.td2.contratRow td {
    background-color: #86bf8c;
}

.searchResult tr.td1.contractantRow td, div.contractantRow {
    background-color: #c3d2fc;
}

.searchResult tr.td2.contractantRow td {
    background-color: #b1bfe5;
}

.searchResult tr.td1.persLieeRow td, div.persLieeRow {
    background-color: #eeadfc;
}

.searchResult tr.td2.persLieeRow td {
    background-color: #d499e0;
}

div.autreRow {
    background-color: #eeeeee;
}

div.membreRow, div.contratRow, div.contractantRow, div.persLieeRow, div.autreRow {
    float: left;
    width: 20px;
    height: 20px;
    border: 1px solid #000000;
    margin-right: 10px;
}

div.labelLegende {
    float: left;
    font-weight: bold;
    margin-right: 10px;
    padding-top: 5px;
}

.btn_offset {
    position: relative;
    top: -10px;
}

.mini_img {
    max-height: 100px;
    max-width: 100px;
    width: auto;
    height: auto;
}

.messageBox_information,
.messageBox_error,
.messageBox_success {
    padding: 10px 10px 10px 40px;
    margin-bottom: 10px;
    border: 1px solid black;
    color: black;
    font-size: 14px;
}

.messageBox_information {
    background: url(../gestio-images/messageBox/messageBox_information.png) no-repeat 8px 6px #8AD0FF;
}

.messageBox_error {
    background: url(../gestio-images/messageBox/messageBox_error.png) no-repeat 8px 6px #FF8A8A;
}

.messageBox_success {
    background: url(../gestio-images/messageBox/messageBox_success.png) no-repeat 8px 6px #8AFF94;
}

.erreur_loc, .fieldError {
    color: #a94442;
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
}

.question_block {
    margin-bottom: 30px;
}

.question_block .question_title {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}

.question_block .question {
    font-weight: bold;
    margin-top: 10px;
}

.sortable_ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sortable_ul li {
    background: #EEEEEE;
    cursor: pointer;
    margin-top: 2px;
    border: 1px solid black;
    width: 100%;
    padding: 10px 0;
}

.sortable_ul li span {
    margin-left: 10px;
}

.sortable_employe {
    list-style: none;
    padding: 0;
    margin: 0 17px 0 0;
    width: 32%;
    min-height: 1px;
    float: left;
}

.sortable_employe_titre {
    margin: 0 17px 0 0;
    width: 32%;
    float: left;
    font-size: 16px;
    font-weight: bold;
}

.pagination_wrapper {
    margin: 15px 0;
    height: 24px;
}

.pagination_wrapper .pagination_block {
    margin-right: 4px;
    width: 33%;
    float: left;
    min-height: 1px;
}

.pagination_wrapper .pagination_block:last-child {
    margin: 0;
    text-align: right;
}

.pagination_wrapper .pagination_block .pagination_pagelist {
    text-align: center;
    white-space: nowrap;
}

.pagination_wrapper .pagination_block .pagination_pagelist ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pagination_wrapper .pagination_block .pagination_pagelist ul li {
    display: inline-block;
}

.pagination_wrapper .pagination_block .pagination_pagelist ul li * {
    padding: 5px 5px;
}

a.mauvais_payeur {
    color: #993300;
    text-decoration: none;
}

a.mauvais_payeur:hover {
    color: #993300;
    text-decoration: underline;
}

td.td_mauvais_payeur {
    color: #993300;
    text-decoration: none;
}

.gestion_client__vignette {
    border: 1px solid rgb(168, 168, 168);
    padding: 0 15px 15px;
    box-shadow: 5px 5px 5px -5px;
    margin-top: 15px;
}

.gestion_client__vignette div {
    margin-bottom: 15px;
}

.gestion_client__vignette h4 {
    margin: 25px 0 15px;
}

.gestion_client__vignette textarea {
    width: 99%;
    height: 75px;
    resize: vertical;
}

.gestion_client__vignette select {
    height: 17px;
}

#musicList td {
    border-bottom: 1px solid #1e88cc;
    padding: 10px 0px;
}

#musicList .musicListTh {
    font-weight: bold;
}

.editOff {
    display: block;
}

.editOn {
    display: none;
}

.audiojs {
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 5px;
}

.audiojs .play {
    background: url("/gestio/include/bower_components/audiojs/audiojs/player-graphics.gif") -7px -6px no-repeat;
}

.audiojs .pause {
    background: url("/gestio/include/bower_components/audiojs/audiojs/player-graphics.gif") -6px -96px no-repeat;
}

.audiojs .error {
    background: url("/gestio/include/bower_components/audiojs/audiojs/player-graphics.gif") -6px -66px no-repeat;
}

.audiojs .loading {
    background: url("/gestio/include/bower_components/audiojs/audiojs/player-graphics.gif") -6px -36px no-repeat;
}

.audiojs .play-pause {
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 0px;
    float: left;
    overflow: hidden;
    border-right: 1px solid #000;
}

.audiojs p {
    display: none;
    width: 16px;
    height: 16px;
    margin: 0px;
    cursor: pointer;
    padding: 0px;
}

.tag {
    font-weight: bold;
    color: rgba(0, 0, 0, .3);
    margin-right: 5px;
    margin-bottom: 1px;
    display: inline-block;
    font-size: 13px;
    line-height: 15px;
    padding: 8px;
    cursor: pointer;
    border-radius: 3px;
    -webkit-user-select: none;
    color: #55545F;
    background-color: #F1F0D0;
}

.tag:hover {
    text-decoration: line-through;
}

.nowrap {
    white-space: nowrap;
}

.commentBox {
    border-bottom: 1px #5e5e5e solid;
    padding-bottom: 10px;
    margin-top: 15px;
    width: 550px;
}

.commentBox .commentHeader {
    overflow: hidden;
    clear: both;
}

.commentBox .commentAuthor {
    font-weight: bold;
    float: left;
}

.commentBox .commentTimestamp {
    font-style: italic;
    float: right;
    color: #999;
}

.commentBox .commentOptions {
    display: block;
    width: 100%;
    padding-top: 5px;
    text-align: right;
}

.commentBox .comment {
}

.commentBox .commentEditDate {
    font-style: italic;
    font-size: 0.8em;
    color: #999;
}

#commentForm {
    margin-top: 15px;
}

#commentForm label {
    font-weight: bold;
}

#commentForm textarea {
    width: 100%;
}

.pourcentage em {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

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

.versement_deleted {
    opacity: 0.7;
}

#cendre__info_supp_famille__lieu,
.cendre__info_supp__lieu {
    max-width: 100%;
}

.logolink {
    display: block;
    width: 170px;
    height: 70px;
    position: absolute;
    top: 0px;
}

#cremation_button_info {
	float: right;
	margin-right: 40px;

}
.cremation_button_status{

	color: white;
	font-weight: bold;
	font-size: 16px;
	padding: 10px;

}

#stop_cremation_button {
	background-color: red;
}

#ok_cremation_button {
	background-color: green;
}

.search-gestion-produit{
	max-width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}