/* body {
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
      background: url(../gestio-images/fr/bg_rx.jpg)  #304193; 
} */
#auth {
    background: #6c757d;
    min-height: calc(100vh - 42px);
    padding-top: 20px;
    padding-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
    background-image: url(../gestio-images/synfony-bg.jpg);
	background-repeat: no-repeat;
    background-size: cover;
}

#auth img {
	max-width: 150px;
    padding-bottom: 35px;
}

textarea {
    overflow: auto;
}

a {
	color: #24306c;
	text-decoration: none;
}

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

.btn-primary {
	background-color: #304193;
	border-color: #304193;
}

.btn-group-sm>.btn, .btn-sm {
    padding: .400rem 0.5rem !important;
}

.btn-check:focus+.btn-primary, .btn-primary:focus, .btn-primary:hover {
	color: #fff;
	background-color: #24306c;
	border-color: #24306c;
}

.btn-outline-primary {
	color: #304193;
	border-color: #304193;
}

.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
	color: #fff;
	background-color: #24306c;
	border-color: #24306c;
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: #24306c;
	border-color: #24306c;
}

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: #304193;
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 10px;
    height: 11px;
}

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

.accordion h3.ui-state-active {
    background-color: #304193;
    border: 1px solid #c5c5c5;
}

.accordion h3.ui-state-active span {
    color: #ffffff;
}

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

#cookiePopup > div {
	width: calc(100% - 40px);
}

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

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

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

hr {
    height: 1px;
    width: 100%;
    color: #304193;
    border: 0;
    background-color: #304193;
	margin: 2rem 0 !important;
	opacity: 1;
}

.sidebar-wrapper .sidebar-header img {
	max-width: 165px;
	height: auto;
}

.hidden {
    display: none;
}


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

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


label.is-invalid {
	color: #dc3545;
}

.form-group {
    position: relative;
}

.rapports table tr td a {
    font-weight: 700;
    color: #304193;
}

.table-small select {
    font-size: 16px;
}

.table > tr > td,
.table > tbody > tr > td,
.table > thead > tr > td,
.table > tfoot > tr > td {
    padding: 5px 2rem;
	font-size: 16px;
}

.table tr > th,
.table > thead > tr > th,
.table > tfoot > tr > th {
    padding: 5px 2rem;
    font-size: 16px;
}

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

.table th {
    padding: 5px 2rem;
	font-size: 16px;
}

.table tfoot {
	background: #46598e;
	color: #fff;
}

/* ADDED for clean table */

.autodatatable tbody tr,
.autodatatable tbody {
    border-color: transparent;
}

.autodatatable tfoot tr.subtotal td {
    border-top: 1px dotted #ffffff;
}

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

.autodatatable tfoot tr.total td {
    border-top: 1px solid #ffffff;
}

.table-small select,
.table-small input,
.table-small option,
.table-small label,
.table-small i,
.table-small i:before {
    font-size: 16px;
}

.table tfoot td,
.table tfoot th,
.table tfoot td *,
.table tfoot th * {
    color: #fff;
}

.table tfoot th strong,
.table tfoot td strong {
    font-weight: bold !important;
}

.table-small tbody td,
.table-small tbody th {
    padding: 5px 2rem;
	font-size: 16px;
}

input[type="file"].btn.btn-primary {
    padding: .467rem .467rem;
}

.autodatatable a {
	font-weight: 700;
}

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

.autodatatable .money {
    white-space: nowrap;
    text-align: right;
}
/*
.regform input {

    border: 1px solid #304193;
    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.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: #304193;
    border: 1px double #304193;
    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;
}



.button_par {
    margin-top: 20px;
}

.form-select,
.form-select * {
    font-family: 'Roboto', sans-serif !important;
}

/*.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 #304193;
    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: #304193;
    border: 1px double #304193;

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

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

.horzform textarea {
    font-family: 'Roboto', sans-serif;
    border: 1px solid #304193;
    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: #304193;
    text-decoration: none;
}

.bg_top .fermer a:hover {
    font-weight: bold;
    color: #304193;
    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: #304193;
    font-weight: bold;
}

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

.nav1_menu {
    clear: both;
    height: 22px;
    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: #304193;
}

#main_nav1 a.nohand {
    cursor: default;
}

#main_nav1 a:hover {
    color: #24306c;
}

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

#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-bottom: 15px;
    font-family: Roboto, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #304193;
}

h2 {
    font-family: Roboto, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #304193;
}

h3 {
    font-size: 20px;
    font-family: Roboto, sans-serif;
    font-weight: bold;
    color: #304193;

}

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

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

.membreTab.active,
.membreTab:hover {
    border-color: #009715 !important;
    background-color: #009715 !important;
    color: #ffffff !important;
}

.personneLieTab {
    color: #731383;
    font-weight:600;
}

.decesTab{
    color: #b60000;
    font-weight:600;
}

.fiducieTab{
    color: #009715;
    font-weight:600;
}

.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: #304193;
    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: #304193;
    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: #304193;
    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 */

.tab_container.active {
    display:block;
}

.tabs table:hover.tab_void {
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #304193;
    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;
}

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

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

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

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

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

/*
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;
    border-collapse: separate;
    border-spacing: 2px;
}

.horraire_head {
	background: #304193;
	/*border-right: 2px solid #fff;
	border-left: 2px solid #fff;*/
    border-collapse: separate;
    border-spacing: 2px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
}

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

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

.rowcolor1 {
    background: #f2f2f2;
    /*border-bottom: 1px solid #dfe3e7;*//
}

.rowcolor2 {
    background: #d8d8d8;
    /*border-bottom: 1px solid #dfe3e7;*/
}

/*
==================================
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 #304193;
    padding: 4px;
}

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

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

.parametre_contour {
    border: solid 1px #304193;
    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;
    font-size: 20px;
    line-height: 1em;
}

.table .table-striped > tbody > tr:nth-of-type(2n) {
    background-color: #ffffff !important;
}

.table .table > :not(caption) > tr:nth-of-type(2n) > td {
    box-shadow: none !important;
}

.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: #304193;
}

.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;*/
    min-height: 50px;
    /*min-width: 95%;*/
    top: 8px;
    padding: 10px;
    border: 1px #666 solid;
    background-color: #AAA;
    font-size: 11px;
    /*z-index: 999;*/
    overflow: overlay;
    box-sizing: border-box;
	display: flex;
	align-items: center;
	/*background: #304193 !important;*/
    font-weight: 700;
	color: #000;
	border-radius: 10px;
	cursor: pointer;
	margin-top: 2px;
	margin-bottom: 2px;
}
.RDV span {
    padding-right: 5px;
}

#main .RDV a i {
	font-size: 15px;
}

.RDV2 {
    min-height: 50px;
    width: 70px;
    padding: 10px;
    border: 1px #666 solid;
    background-color: #AAA;
    font-size: 10px;
    z-index: 999;
    overflow: hidden;
    box-sizing: border-box;
	display: flex;
	align-items: center;
	/*background: #304193 !important;*/
    font-weight: 700;
	color: #000;
	border-radius: 10px;
	cursor: pointer;
}

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

}

.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: overlay;
    position: relative;
}

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

.rdvEmployeList {
    display: inline-block;
    /*height: 25px;*/
    position: relative;
}

.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: 1000px !important;
	width: 100%;
}

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

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

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

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

.calendrier div.Hheure, .calendrier div.Hjour, .calendrier div.Hhebdo,
.calendrier div.heure, .calendrier div.jour, .calendrier div.hebdo {
    border-right: none !important;
    border-bottom: none !important;

    /*min-height: 75px !important;*/
    float: none !important;
}

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

span.page-link {
    align-content: center;
}

.pull-right {
    float:right;
}

.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 #304193;
    /*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: 50px;
    margin-bottom: 10px;
}
*/

.admin-ul li i {
    /*position: absolute;
    left: 0;
    top: -4px;*/
    padding-right: 8px;
    color: #304193;
}

.admin-categorie th {
    height: 50px;
    text-align: left;
    /*border-bottom: 1px solid #304193;*/
}

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

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

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

div:hover.block_selected {
    background: #c1dcb1;
    border: 2px solid #304193;
    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: Roboto;
    font-weight: 100;
}

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

.table-responsive {
    overflow-x: overlay;
	position: relative;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
	z-index: 10;
	transition: opacity 0.3s ease-in-out; /* Fade effect on hover */
}



.searchResult table {
    display: inline-block;
}

.searchResult.clearFont td {
    color: #555555;
}

.searchResult.clearFont tr td {
    border: none;
}

.searchResult.clearFont > tbody > tr > td {
    border-bottom: 1px solid #222222 !important;
    padding: 5px;
}

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

.smallSpacing td,
.smallSpacing th {
    padding: 8px;
}

.smallSpacing table td {
    padding: 3px;
}

.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: #c1ffc8;
}

.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, .erreur_loc span {
    color: #dc3545;
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
}

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

/* Styling it Everywhere */
.pagination {
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    float: none !important;
    margin-top: .5rem !important;
}

.pagination li {
    display: inline-flex;
    margin: 2px 0px;
    vertical-align: middle;
}

.pagination li a {
    align-content: center;
}

/* .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;
}

#musicList td {
    border-bottom: 1px solid #304193;
    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 .commentEditDate {
    font-style: italic;
    font-size: 0.8em;
    color: #999;
}

#commentForm {
    margin-top: 15px;
}

#commentForm textarea {
    width: 100%;
}

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


.versement_deleted {
    opacity: 0.7;
}

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

/******* NEW CSS FROM VISUAL UPDATE **********/

.card {
	box-shadow: -6px 7px 11px rgba(25, 42, 70, .13);
}

.btn-reverse {
	color: #304193 !important;
	background: #fff;
	border-color: #fff;
}

.btn-reverse:hover {
	background: rgba(255, 255, 255, .7);
	border-color: rgba(255, 255, 255, .7);
}

#main nav.navbar {
	background-color: #304193;
}

#main .navbar a{
	color: #fff;
}

#main .navbar #account-dropdownSubMenu a {
	color: #304193;
}

#account-dropdown {
	display: flex;
	align-items: center;
}

#account-dropdown > i{
	color: #fff;
	font-size: 24px;
	height: 24px;
	margin-right: 5px;
}

#menu-global-search {
	padding: 0 1.5rem 2rem;
}

#menu-global-search button{
	padding: 0 20px;
    position: absolute;
    right: 0;
    height: 100%;
	z-index: 999999999;
}

#menu-global-search button i {
	color: #304193;
	font-size: 20px;
    height: 20px;
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover {
	color: #fff !important;
	background-color: #304193;
}

#divPrint {
	background-color: #f6f6f6;
}

#header-sous-menu {
	background: #fff;
	padding: 15px 1.5rem;
}

#header-sous-menu a {
	color: #304193;
}



.sidebar-wrapper {
	box-shadow: none;
}

.sidebar-toggler {
	color: #fff;
	height: 28px;
}

.sidebar-toggler:hover {
	color: #fff;
}

.sidebar-toggler i {
	font-size: 28px;;
}



.sidebar-wrapper .menu .sidebar-link>span {
	color: #304193;
}

.sidebar-wrapper .menu .sidebar-link>i {
	color: #304193;
	font-size: 20px;
    height: 20px;
    width: 20px;
}

.no-underline {
	text-decoration: none;
}

#main-sidebar-close {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
}

#main-sidebar-close i {
	font-size: 32px;
}

#cremation_button_info {
	float: right;

}
.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;
}
#sidebar a:hover{
	text-decoration: none !important;
}

.sidebar-wrapper .menu {
	margin-top: 0;
}

.sidebar-wrapper .menu .sidebar-link {
	font-size: .95rem;
}

.sidebar-wrapper .menu .sidebar-link.active {
	background: #304193;
}

.sidebar-wrapper .menu .sidebar-link.active > i {
	color: #fff;
}

.sidebar-wrapper .menu .sidebar-link.active > span {
	color: #fff;
}



.sidebar-wrapper .menu .submenu li a {
	font-size: .85rem;
}

a.btn {
	text-decoration: none;
}

.navbar .dropdown a:hover {
	text-decoration: none;
}

#account-dropdownSubMenu {
	top: 100%;
}

.account-name {
	padding: .25rem 1rem;
	color: #304193;
	font-weight: 500;
}

.sidebar-toggler {
	margin-right: 25px;
}

.produits_services{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -30px;
}

.produits_services > div{
	flex: 0 0 calc(33% - 50px);
	margin: 0 25px 25px 25px;
}

@include media-breakpoint-up(sm) { 
.produits_services > div{
	flex: 0 0 calc(50% - 100px);
}
}

@include media-breakpoint-up(lg) { 
.produits_services > div{
	flex: 0 0 calc(33.3333% - 100px);
}
}
@include media-breakpoint-up(xl) { 
.produits_services > div{
	flex: 0 0 calc(25% - 100px);
}
}

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

.list-group-item.active {
	background: #304193 !important;
	border-color: #304193 !important;
    color: #fff !important;
    font-weight:normal;
}
.list-group-item-action:focus, .list-group-item-action:hover {
	background: #fff;
}
.list-group-item-action {
	background-color: #eef1ff;
    border: 1px solid rgb(0 0 0 / 21%);
}

.titre_boutons{
	display: flex;
	justify-content: space-between;

}
.interligne {
	line-height: 1.1;
}
.form-right {
	position: absolute;
	right: 0;
	top: 50px;
	width: 600px;
}

.rowInfoParents, .rowInfoConjoint {
	display: none;
}

.mt-n1 {
	margin-top: 2rem !important;
	margin-right: 2rem !important;
	margin-left: 2rem !important;
}

.pointer-souris{
	cursor: pointer;
}

.position-bottom{
	margin-bottom:30px;
}

.cursor-pointer{
	cursor: pointer;
}
.icon-container {
	display: flex;
	align-items: center;
}
.icon-container i {
	margin: 0 10px;
}
.input-group-append {
	cursor: pointer;
}

.input-group-prepend .input-group-text .fa {
    height: auto;
    line-height: inherit;
    font-size: 0.855rem;
}

.h2{
	color: #304193;
}

#main .main-content {
	min-height: calc(100vh - 160px);
    padding: 1rem 1.5rem;
}

.rapports table hr {
    margin: 0.2rem 0;
}

.alert strong {
    color: #ffffff;
}

.alert li {
	list-style-type: none;
}

.alert-info li {
	color: #fff;
}

.calendar-container {
	max-width: 100%;
	overflow-x: overlay;
}

.calendrier {
	border-radius: 15px;
	min-width: 2000px;
}

.calendrier {
	min-width: inherit !important;
}

.calendrier th {
	padding:4px 0 4px 0; 
	width:60px;
	background: #304193;
	border: 1px solid #fff;
}

.calendrier th .heure{
	color: #fff;
	font-family: "Roboto";
	font-weight: 700;
	font-size: 16px;
	display:flex; 
	align-items: center; 
	justify-content: center; 
	padding: 5px;
}

.calendrier .cal-box-info {
	display: flex;
	align-items: center;
	width: 100%;
}

.calendrier .cal-box-info .cal-box-text {
	flex-grow: 1;
	font-size: 12px;
}

.calendrier .cal-box-info .cal-box-text u {
	color: black;
}

.calendrier .cal-box-info a {
	padding: 8px 9px 10px 10px;
	border-radius: 100px;
}

.calendrier .cal-box-info a:hover {
	background-color: rgb(255,255,255,0.2);
}

.calJourButtons .form-select {
	display: block;
	width: auto;
	cursor: pointer;
}

.cal-table-options {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 10px 50px;
}

.cal-table-options .cal-table-date-change {
	display: flex;
}

.cal-table-options .cal-table-date-change .cal-table-jour-change {
	display: flex;
    align-items: center;
}

.cal-table-options .cal-table-date-change form {
	margin-left: 10px;
	margin-right: 10px;
}

/*.cal-table-options .cal-table-jour-change i {
	font-size: 20px;
	padding: 25px;
	background: blue;
	color: #fff;
}*/

.endAdorment-input {
	position: relative;

}

.endAdorment-input i {
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
    justify-content: center;
    align-items: center;
	height: 100%;
	width: 40px;
    font-size: 18px;
    color: #304193;
}

.endAdorment-input img {
	position: absolute;
	right: 0;
	top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
	max-height: 25px;
    color: #304193;
}

.cal-table-options .table-print-button {
	position: absolute;
	bottom: 10px;
	right: 10px;
	height: 32px;
}

.cal-table-options .table-print-button i {
	font-size: 32px;
}

/** SHADOW BOX STYLE CHANGE **/

#sb-body {
	border: none !important;
}

#sb-info {
	position: absolute !important;
	top: 0;
	right: 0;
}

.form-check-input:checked {
	background-color: #304193;
	border-color: #304193;
}

.logo-title {
	text-align: center;
}
  
  .h2{
	color: #1e88cc;
  }

  .double-chevron-left i {
    margin-right: 2px; 
  }
  .double-chevron-right i {
    margin-left: 2px; 
  }
  .affiche-droite{
	display: flex;
	justify-content: flex-end; 
	margin: 5px;
}

.page-item i {
	width: auto;
}

.form-control:focus, .form-select:focus {
	border-color: #304193
}

.form-select:focus {
	box-shadow: 0 0 0 .2rem rgb(23 35 73 / 25%);
}

#main table a i {
	font-size: 22px;
}

#header-sous-menu {
	color: #000;
}

#header-sous-menu a{
	font-weight: 700;
}

#interne_info{
	border: 2px solid #304193;
    padding: 15px;
}
a i {
	color: #304193;
}

.produit-service-title-section {
	margin-bottom: 10px;
}

.produit-service-title-section h3 {
	margin: 0;
}

.produit-service-title-section > div{
	padding-right: 10px;
}

.produit-service-title-section > div i{
	font-size: 22px;
	height: 22px;
}


a.sidebar-toggler i {
	color: #fff;
}

.produit-service-title-section {
	margin-bottom: 10px;
}

.produit-service-title-section h3 {
	margin: 0;
}

.produit-service-title-section > div{
	padding-right: 10px;
}

.produit-service-title-section > div i{
	font-size: 22px;
	height: 22px;
}

.rapports-sections {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 50px;
	-moz-column-gap: 50px;
	column-gap: 50px;
}

.rapports_group {
	break-inside: avoid-column;
	page-break-inside: avoid;
	-webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-bottom: 9px;;
}

#sidebar .bottin-link, #sidebar .feuille-temps-link {
	display: block;
}




#sidebar .last_id_client-menu {
	display: none;
}

.mx-width-450 {
	max-width: 450px;
}

.navbar {
	height: auto;
	padding: 5px 1.5rem;
}

form label {
	font-weight: 700;
	font-size: .9rem;
}

/*.form-group {
	margin-bottom: 0;
}*/

.form-group label {
	font-size: 16px;
	font-weight: 700;
}

.navbar #account-dropdown * {
	color: #fff;
}

#account-dropdownSubMenu .dropdown-item:hover i {
	color: #fff;
}

.no-wrap {
	text-wrap: "nowrap";
}

#client-etiquette-dropdownSubMenu {
	right: 20px;
}

/* Add if multiple forms in the page */
.section-border {
	border: 1px solid #304193;
	padding: 10px;
	margin-top: 10px;
}

#sb-wrapper {
	position: fixed;
    width: 80vw !important;
    left: 10vw !important;
    top: 10vh !important;
}

#sb-body {
	height: 80vh !important;
}

.forfait-block-parent {
	display:flex;
	flex-wrap: wrap;
}

.forfait-block-child {
	flex: 0 0 50%;
}



form .form-group em {
	position: absolute;
	margin-top: -3px;
	color: #333333a6;
}

#sb-nav-close {
	display: block !important;
}

.inpage-calendar {
	z-index: 97 !important;
}

/* Styles for the top scrollbar */
.dummy-scrollbar {
	height: 20px; /* Height of the dummy scrollbar */
	overflow-x: auto;
	overflow-y: hidden;
}

.dummy-scroll-content {
	height: 1px;
	/* The width should match the content width of the actual scrollable area */
	width: 2000px; /* Adjust this to match your content width */
}

.table-striped tbody > tr {
	border-bottom: 1px solid #a9a9a9 !important;
}

#upload_photo_iframe {
	overflow: hidden !important;
}

.clientSearchTable div {
	background: transparent !important;
}

.clientSearchTable.table-small i:before {
	font-size: 25px;
}
  
.tableauBordParent {
	display: flex;
	flex-wrap: wrap;
}

.tableauBord1 {
	flex-grow: 1;
}
.tableauBord2 {
	flex-grow: 1;
}
.tableauBord3 {
	flex-grow: 1;
}
.tableauBord4 {
	flex-grow: 1;
	
}
.tableauBord5 {
	/*padding-top: 20px;
	flex: 1 0 450px;*/
    flex-grow: 1;
}

.question_block {
	padding-left: 15px;
}

.list-indicator > div {
	border-left: 5px solid #304193;
	margin-bottom: .7rem;
	padding-left: .7rem;
}

.list-indicator > div > .form-group:last-child  {
	margin-bottom: 0;
}

.table-striped-3tr>tbody>tr:nth-child(6n-3) {
	background-color: #f2f2f2;
}

.table-striped-3tr>tbody>tr:nth-child(6n-4) {
	background-color: #f2f2f2;
}

.table-striped-3tr>tbody>tr:nth-child(6n-5) {
	background-color: #f2f2f2;
}
.table-striped-3tr>tbody>tr{
	border-bottom: 1px solid #a9a9a9 !important;
}

.btn-save {
	background: #B8368B;
    color: #fff;
    border-color: #B8368B;
}

.btn-check:focus+.btn-save, .btn-save:focus, .btn-save:hover {
	color: #fff;
	background-color: #842663;
	border-color: #842663;
}

.btn-check:focus+.btn-save, .btn-save:focus {
	box-shadow: 0 0 0 .2rem rgba(132,38,99,.25);
}

#synfony-menu-logo {
	padding: 10px;
}
#auth #synfony-menu-logo {
	text-align: center;
}

#auth #synfony-menu-logo img {
	max-width: 150px;
}

#synfony-menu-logo img {
	max-width: 100%;
}

.table-date-seperator tr.date-tr {
	background: rgba(48,65,147,.25);
	color: #fff;
}

@media only screen and (min-height: 800px) {
	#synfony-menu-logo img {
		max-width: calc(100% - 20px);
		position: absolute;
		bottom: 10px;
	}

	#auth #synfony-menu-logo img {
		max-width: 200px;
		position: relative;
		bottom: initial;
	}
}

.btn-outline-primary i {
	color: #304193;
}

.btn-outline-primary:hover i {
	color: #fff;
}

button.accordion {
	background-color: #304193 !important;
}

button.accordion:hover {
	background-color: #24306c !important;
}

#spinner-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.spinner-background {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5); /* fond semi-transparent */
}

.spinner-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Style du loader en rotation */
.loader {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*#calendrier-jour-succursale #divHeures > div {
	color: #fff;
	background: #304193;
	padding: 0;
	border-color: #fff;
	height: 70px;
	overflow: overlay;
	display: flex;
	align-items: center;
	justify-content: center;
}

#mainContainerRDV #divHeures > .heure {
	background: #5a70b4;
	color: #fff;
	font-weight: 700;
	padding: 10px 5px;
	text-align: center;
	min-height: 22px;
}

#mainContainerRDV #divHeures > .jour {
	background: #5a70b4;
	color: #fff;
	font-weight: 700;
	min-height: 22px;

}*/



.horraire_table.sticky-header {
	display: block;
    max-height: 400px;
    overflow-y: auto;
}

.horraire_table.sticky-header tbody tr:first-child {
	position: sticky;
  	top: 0;
  	/*background-color: #fff;*/
  	z-index: 1; 
  	/*box-shadow: 0 2px 5px rgba(0,0,0,0.2);*/
  }

.horraire_table.sticky-header tbody tr td {
	width: 25%;
}

#main_nav1z > li.sidebar-item a {
	margin-left: 0 !important;
}

#main_nav1z > li.sidebar-item .submenu a {
	padding: 10px 15px 10px 25px;
}

#main_nav1z > li.sidebar-item a:hover {
	background: #e0e0e0;
}

#main_nav1z > li.sidebar-item a.active:hover {
	background: #304193;
}

.sidebar-wrapper .menu .sidebar-link>span {
	font-size: 14px;
}

.sidebar-wrapper .menu .submenu {
	padding-left: 0;
}

#logoSynfony{
    display: flex; 
    align-items: center; 
    justify-content: center; 
    width: 100%; 
    background-color: #f8f8f8; 
}

.table-striped .table.no-style {
  width:auto !important;
}

.table-striped .table.no-style tbody tr:nth-of-type(odd) {
  background-color: #ffffff !important;
}

.table-striped .table.no-style td,
.table-striped .table.no-style th,
.table-striped .table.no-style tr {
  border-bottom: none !important;
  vertical-align: inherit;
}

table .no-style td,
table .no-style th,
table .no-style tr {
  border-bottom: none !important;
  vertical-align: inherit;
}

.table.no-style td,
.table.no-style th,
.table.no-style tr {
  border-bottom: none !important;
  vertical-align: inherit;
}

.tab_gestion_client{
    box-shadow: -6px 7px 11px rgba(25, 42, 70, .13);
    font-size: 18px;
}


.tab_gestion_client .list-group-item:last-child, .list-group-horizontal-md>.list-group-item:last-child, .list-group-horizontal-sm>.list-group-item:last-child{
    border-bottom-right-radius: initial !important;
}

.tab_gestion_client .list-group-item:first-child, .list-group-horizontal-md>.list-group-item:first-child, .list-group-horizontal-sm>.list-group-item:first-child{
    border-bottom-left-radius: initial !important;
}



.blank_image{
    background-color: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    min-width: 90px;
}

.client_image{
    height: auto;
    max-width: 140px;
}

@media only screen and (min-width: 768px) {
	.fix-calendar-height {
		height: 220px;
	}
}

@media only screen and (max-width: 1024px) {
	#div7_tabs_pages {
		flex-direction: column !important;
	}
}

@media only screen and (min-width : 1200px) { 
	.calcul-versements {
		max-width: 500px;
	}
}

@media only screen and (min-width : 1920px) { 
	.radio-margin-top-xl {
		margin-top: 24px;
	}

	.border-right-xl {
		border-right: 1px solid #304193;
	}	
}

@media only screen and (max-width : 1919px) { /* xs 320px to 767px */
    .rapports-sections {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 25px;
		-moz-column-gap: 25px;
		column-gap: 25px;
	}
	.forfait-block-child {
		flex: 0 0 100%;
	}
}

@media only screen and (max-width : 1399px) { /* xs 320px to 767px */
    .rapports-sections {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}

@media only screen and (max-width : 1260px) { /* xs 320px to 767px */
	#account-dropdown {
		background: #fff;
		border-radius: 50px;
		padding: 5px 9px;
	}

	#account-dropdown span{
		display: none;
	}

	.navbar #account-dropdown > i {
		color: #304193;
		margin-right: 0;
	}

	#account-dropdownSubMenu {
		right: 0;
	}
}

@media only screen and (max-width : 1199px) { /* xs 320px to 767px */
    .rapports-sections {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	
	.order-last-lg {
		order: 6;
	}
}

@media only screen and (max-width : 991px) { /* xs 320px to 767px */
	#main {
        margin-left: 0;
    }

	#main-sidebar-close {
		display: block;
	}

	#sidebar.active {
		right: 0;
		left: 0;
		top: 0;
		bottom: 0;
		position: fixed;
		background: rgba(0, 0, 0, .7);
		z-index: 99;
	}

    .rapports-sections {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

    form .row {
        align-items: flex-end;
    }
	
	
}

@media only screen and (max-width : 767px) { /* xs 320px to 767px */
	#sidebar .premier-appel-link {
		display: block;
	}

	.navbar-nav li.premier-appel-link {
		display: none;
	}

	#sidebar .last_id_client-menu {
		display: block;
	}

	.navbar-nav .last_id_client-toolbar {
		display: none;
	}

	.btn {
		text-wrap: wrap;
	}
	.tableauBord5 {
		flex-shrink: 1;
	}
}
  

@media only screen and (max-width : 471px) { /* xs 320px to 767px */
	#upload_photo_iframe {
		height: 140px !important;
	}
}