/*+ #region GENERAL */
html{
scroll-behavior: smooth;
}
body{
margin:0;
padding:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
/******* for ancre slow ******/
}
/********* CONT BODY **************/
.cont_body{
margin:0;
padding:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
transition: .15s;
}
.cont_body_R_2_3{
width:80%;
transition: .15s;
}
/********* AGENDA FULL **************/
.cont_agenda_frame{
display:none;
position: fixed;
top:0;
right:0;
height:0;
width:0;
transition: .15s;
}
.cont_agenda_frame_R_1_3{
position: fixed;
top:0;
right:0;
height:100vh;
width:20vw;
display:block;
transition: .15s;
}
.cont_agenda_frame_R_2_2{
position: fixed;
top:0;
right:0;
height:100vh;
width:50vw;
display:block;
transition: .15s;
}
.cont_agenda_frame_full{
position: fixed;
top:0;
right:0;
height:100vh;
width:100vw;
display:block;
transition: .15s;
}
/********* fin de cont body **************/
body,h1,h2,h3,h4,h5,h6,span,input,select,textarea,label{
font-family: "Lato", sans-serif;
font-size:12px;
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
/* font-size:11px; */
}
:root{
--vert: rgb(11, 206, 104);/** #49A842 **/
--vert: rgb(69, 169, 59);/** #45A93B **/
--orange: rgb(247, 146, 30);/** #f7921e **/
--bleu: rgb(56, 172, 236);/** #38ACEC **/
/** --bleu_2: rgb(10,128,175); **/
--bleu_2: rgb(26, 115, 232);
--gris_moyen: rgb(211, 208, 208) ;
--gris_clair: rgb(245, 244, 244) ;/** #F5F4F4 **/
--gris_tres_clair: rgb(253,252,250) ;
--fond_1: rgb(245, 244, 244) ;/** #F5F4F4 **/
--fond_1: #A2D1FF ;/** #F5F4F4 **/
--fond_2: rgb(253,252,250) ;
--shadow_A: rgba(113,128,149,.5) 0 2px 8px;
--shadow_mini: rgba(113,128,149,.1) 0px -2px 4px, rgba(113,128,149,.3) 1px 2px 4px;
--shadow_onglet: rgba(113,128,149,.3) 0px -2px 4px;
--shadow_0: rgba(0,0,0,0.11) 0px 0px 15px -4px;
--shadow_0_hover: rgba(10,128,175, 0.8) 0px 0px 15px -4px;
--shadow_1: rgba(0, 0, 0, 0.15) 0px 5px 10px;
--shadow_2: rgba(0, 0, 0, 0.35) 0px 5px 15px;
--shadow_2_bleu: rgba(56, 172, 236) 0px 5px 15px;
--shadow_off: rgba(0, 0, 0) 0px 0px 0px !important;
--police-A: 'Raleway', sans-serif;/**Voyant en ligne**/
--police-B: Verdana, Arial, Helvetica, sans-serif;/**Voyant en ligne**/
}
/********** PLACEHOLDER FOR CONTENTEDITABLE *************/
.placeholder_editable:empty::before {
content: attr(data-placeholder);
color:grey;
font-weight:normal;
}
.GELI{
font-family:'Bebas Neue', sans serif;
font-weight:500;
font-size:50px !important;
}
/* - #endregion GENERAL */
/*+ #region POPUP_ALERT */
.popup_alert_AG{
padding: 0 !important;
}
.entete_alert{
float: left;
width:100%;
min-height:34px;
border-radius:10px 10px 0 0 ;
background: var(--gris_clair);
}
.icon_geli_alert{
float: left;
margin-left: 10px;
margin-top: 8px;
max-width:20px;
max-height:20px;
}
.title_alert{
float: left;
margin-left: 10px;
margin-top: 3px;
color: var(--bleu);
font-size:22px !important;
}
.btn_alert{
font-size: 10px !important;
}
/*- #endregion */
/*+ #region SHOW_DATA */
.show_data{
position: fixed;
z-index: 200000;
width: 500px;
height:40vh;
max-height:40vh;
bottom:15px;
left:5vw;
overflow:hidden;
background: white;
}
.ic_close_show_data{
position: absolute;
right: 10px;
top:10px;
}
.show_data_donnees{
float: left;
width:94%;
margin-left: 3%;
min-height:calc(100% - 60px);
max-height:calc(100% - 60px);
overflow-x: auto;
overflow-y: scroll;
margin-top: 20px;
}
/*- #endregion SHOW_DATA */
/*+ #region DATEPICKER */
.cont_cont_datepicker{
float:left;
box-shadow: var(--shadow_mini);
-webkit-box-shadow: var(--shadow_mini);
-moz-box-shadow: var(--shadow_mini);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:2px 12px;
}
.cont_cont_datepicker:hover{
box-shadow: var(--shadow_0);
-webkit-box-shadow: var(--shadow_0);
-moz-box-shadow: var(--shadow_0);
}
.date_text_for_date_picker{
float:left;
margin-top:1px;
}
.ic_for_date_picker{
float:left;
margin-left:10px;
font-size:20px;
}
.cont_datepicker {
position: fixed;
z-index:100;
margin-top:30px;
margin-left:0px;
display:none;
}
.ui-widget-content{
border:none !important;
position:absolute !important;
z-index:20;
/* width:18.7% !important; */
width:230px !important;
padding:10px !important;
font-size:10px !important;
font-weight:normal !important;
background:white !important ;
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
}
.ui-datepicker-header, .ui-datepicker-calendar tr{
border:none !important;
}
.ui-datepicker-header,.ui-datepicker-title{
background:white !important;
color:grey !important;
/* font-weight:600 !important; */
font-size:10px !important;
}
.ui-datepicker-prev,.ui-datepicker-next{
background:white !important;
cursor:pointer !important;
opacity:0.5 !important;
}
.ui-datepicker-prev span,.ui-datepicker-next span{
cursor:pointer !important;
opacity:0.5 !important;
}
.ui-icon-circle-triangle-e{
cursor:pointer !important;
opacity:0.5 !important;
}
.ui-datepicker-calendar{
border-collapse : collapse !important;
}
.ui-datepicker-calendar td,.ui-datepicker-calendar th,.ui-datepicker-calendar a,.ui-datepicker-calendar span{
border:none !important;
text-align:center !important;
border-radius:50% !important;
font-size:10px !important;
font-weight:normal !important;
}
.ui-state-default{
background: none !important;
color:black !important;
padding:8px !important;
border:none !important;
}
.ui-priority-secondary{
color:grey !important;
}
.ui-datepicker-other-month{
color:grey !important;
}
.ui-datepicker-unselectable, .ui-state-disabled{
background: none !important;
color:lightgrey !important;
padding:0px !important;
border:none !important;
text-align:center !important;
font-size:10px !important;
}
.ui-datepicker-unselectable span, .ui-state-disabled span{
text-decoration: line-through !important;
}
.ui-state-default:hover{
background: var(--gris_clair) !important;
color:var(--bleu) !important;
padding:8px !important;
}
.ui-state-active{
background: var(--gris_clair) !important;
color:var(--bleu_2) !important;
vertical-align:bottom !important;
padding:8px !important;
font-weight:bold !important;
}
.ui-datepicker-today, .ui-datepicker-current-day {
background: var(--bleu) !important;
color:white !important;
}
.ui-datepicker-today .ui-state-default{
background: var(--bleu) !important;
color:white !important;
}
/* Selecteur de mois et d'années */
.ui-datepicker-month, .ui-datepicker-year{
border:none !important;
margin-top: -2px !important;
text-transform: uppercase;
}
/* N° de semaine */
td.ui-datepicker-week-col{
/* background:var(--gris_clair); */
color:var(--bleu);
border-right : 1px solid var(--gris_clair) !important;
padding-right: 7px;
}
.ui-datepicker-buttonpane {
/* position: absolute; */
position:relative !important;
bottom: 0px;
right: 0px;
padding:0 !important;
margin:0 !important;
}
.ui-datepicker-current {
display:block !important;
float:right !important;
margin:0;
margin-right: 10px;
text-decoration: underline;
color:var(--bleu) !important;
}
/*- #endregion DATEPICKER */
/********** TEST POUR VIGNETTES PUB ANNONCEUR *************/
.vignette_pub_geli_CAT_1{
cursor:pointer;
transition: background-image 1s ease-in-out;
display: flex; /* Encapsule le contenu pour l'alignement */
align-items: flex-end;
background-size:cover;
background-position:50% 50%;
background-repeat:no-repeat !important;
border-radius:5px;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(shadow_2);
}
.vignette_pub_geli_CAT_1:hover {
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(shadow_1);
}
.ici_votre_pub {
cursor:pointer;
float:right;
font-size:9px;
font-weight:normal;
text-transform: uppercase;
color:var(--bleu_2);
margin-bottom:10px;
padding:2px 6px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(shadow_2);
}
.ici_votre_pub:hover {
text-decoration:underline;
box-shadow: var(--shadow_mini);
-webkit-box-shadow: var(--shadow_mini);
-moz-box-shadow: var(--shadow_mini);
}
.ic_voir_vignette_pub_geli {
float:right;
background:white;
font-size:16px;
color:black;
margin-right:10px;
margin-bottom:5px;
margin-left: auto;
padding:2px;
/* background:white; */
/* color:white !important; */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(shadow_2);
-moz-box-shadow: var(--shadow_2);
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
/* IE 5-7 */
filter: alpha(opacity=80);
/* Netscape */
-moz-opacity: 0.8;
/* Safari 1.x */
-khtml-opacity: 0.8;
/* Good browsers */
opacity: 0.8;
}
.ic_voir_vignette_pub_geli::before {
content:"PUB";
font-size:9px;
margin-right:10px;
float:left;
margin-top:3px;
padding-left:5px;
}
.vignette_pub_geli_CAT_1:hover .ic_voir_vignette_pub_geli{
background:var(--bleu);
color:white;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
/* IE 5-7 */
filter: alpha(opacity=100);
/* Netscape */
-moz-opacity: 1;
/* Safari 1.x */
-khtml-opacity: 1;
/* Good browsers */
opacity: 1;
}
/***********************/
.cont_handle:hover .ui-resizable-handle{
background-color: var(--bleu);
/* width: 10px; */
/* height: 10px; */
}
.logo_small{
float:left;
height:6vh;
margin-left:25px;
margin-right:2%;
}
h4{
color:var(--bleu_2);
text-indent:2%;
font-weight:normal;
/* letter-spacing:2px; */
font-size:16px;
margin:0;
/* font-style: italic; */
}
h5{
/* color:black; */
color:var(--bleu_2);
text-indent:1%;
font-weight:bold;
letter-spacing:1px;
font-size:16px ;
text-align:center;
float:left;
width:100%;
white-space:nowrap;
}
h6{
color:black;
text-indent:1%;
font-weight:bold;
letter-spacing:1px;
font-size:15px ;
text-align:left;
float:left;
width:100%;
margin:2px 0;
padding:0;
white-space:nowrap;
background:transparent;
}
.link{
color:grey;
color:OrangeRed; /*** MediumSlateBlue ****/
font-style:italic;
/* font-weight:bold; */
font-weight:normal;
text-decoration:underline;
letter-spacing:0px;
/* font-size:14px; */
cursor:pointer;
}
.link_2{
color:Dimgray;
/* font-weight:bold; */
font-weight:normal;
text-decoration:underline;
letter-spacing:0px;
/* font-size:14px; */
cursor:pointer;
}
.link_url{
color:MediumSlateBlue;
font-style:italic;
/* font-weight:bold; */
font-weight:normal;
text-decoration:underline;
letter-spacing:0px;
/* font-size:14px; */
cursor:pointer;
}
.link:hover,.link_url:hover,.link_2:hover,.bloc_produit_detail:hover .over_underline,.over_underline:hover,.just_underline_over:hover{
color:black;
text-decoration:underline;
cursor:pointer;
}
.shadow_off{
box-shadow: var(--shadow_off) !important;
-webkit-box-shadow: var(--shadow_off) !important;
-moz-box-shadow: var(--shadow_off) !important;
}
.shadow_0,.shadow_0_none,.shadow_0_none{
box-shadow: var(--shadow_0);
-webkit-box-shadow: var(--shadow_0);
-moz-box-shadow: var(--shadow_0);
}
.shadow_0_off{
box-shadow: var(--shadow_off);
-webkit-box-shadow: var(--shadow_off);
-moz-box-shadow: var(--shadow_off);
}
.shadow_0:hover,.shadow_0_hover,.shadow_only_hover:hover{
box-shadow: var(--shadow_0_hover);
-webkit-box-shadow: var(shadow_0_hover);
-moz-box-shadow: var(shadow_0_hover);
}
.shadow_A{
box-shadow: var(--shadow_A);
-webkit-box-shadow: var(--shadow_A);
-moz-box-shadow: var(--shadow_A);
}
.shadow_mini{
box-shadow: var(--shadow_mini);
-webkit-box-shadow: var(--shadow_mini);
-moz-box-shadow: var(--shadow_mini);
}
.shadow_onglet{
box-shadow: var(--shadow_onglet);
-webkit-box-shadow: var(--shadow_onglet);
-moz-box-shadow: var(--shadow_onglet);
}
.shadow_1,.shadow_1_only_hover:hover,.shadow_0_off:hover{
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
}
.shadow_2{
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
}
/* + #region SCROLL_OVERFLOW */
/* Pour les navigateurs basés sur Blink et WebKit */
.my_scrollbar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.3);
background-color: #FAFAFA;
border-radius: 10px;
}
.my_scrollbar::-webkit-scrollbar {
width: 8px;
background-color: #FAFAFA;
}
.my_scrollbar::-webkit-scrollbar:horizontal {
height: 9px;
}
.my_scrollbar::-webkit-scrollbar-thumb {
border-radius: 10px;
background-image: -webkit-gradient(linear,
left bottom,
left top,
color-stop(0.44, rgb(205, 198, 198,0.3)),
color-stop(0.72, rgb(242, 235, 234,0.7)),
color-stop(0.86, rgb(118, 113, 112,0.2)));
}
.my_scrollbar_fonce::-webkit-scrollbar-thumb {
border-radius: 10px;
background-image: -webkit-gradient(linear,
left bottom,
left top,
color-stop(0.44, rgb(242, 235, 234,0.3)),
color-stop(0.72, rgb(205, 198, 198,0.7)),
color-stop(0.86, rgb(118, 113, 112,0.2)));
}
/* Pour Firefox */
.my_scrollbar {
scrollbar-color: #c5e6fa #FAFAFA;
scrollbar-width: thin;
}
/* - #endregion SCROLL_OVERFLOW */
.no_selectionnable{
/* Non selectionnable */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.material-symbols-outlined {
font-variation-settings:
'FILL' 0,
'wght' 300,
'GRAD' 0,
'opsz' 48;
/* color:white; */
font-size:30px;
/* Non selectionnable */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ic_mini{
font-size:17px;
color:grey;
}
.ic_standart{
color:grey;
font-size:22px;
}
.ic_master{
color:green;
color:LightSeaGreen;
/* color:SaddleBrown; */
font-size:22px;
}
.ic_white{
color:white;
cursor:pointer;
}
.ic_done{
color:var(--bleu_2);
font-size:22px;
cursor:defaut;
}
.ic_standart:hover,.ic_mini:hover,.ic_master:hover{
color:black;
cursor:pointer;
}
.ic_white:hover{
color:black !important;
cursor:pointer;
}
.ic_big{
color:grey;
font-weight:normal !important;
float:right;
margin-top:5px;
width:50px;
text-align:center;
font-size:40px;
/* border:3px solid var(--gris_clair); */
}
.aucun_resultat{
font-size:14px;
float:left;
font-weight:bold !important;
width:100%;
margin-top:15px;
text-align:center;
color:var(--bleu_2);
}
.cont_full{
position:fixed;
top:0;
left:0;
width:100%;
max-width:100%;
height:100vh;
max-height:100vh;
overflow-x:hidden;
overflow-y:auto;
background:white;
}
.exeption_repeat_event{
color:DarkOrange !important;
}
/*************** TABLE *************/
table{
width:100%;
border-collapse:collapse;
float:left;
height:auto;
}
.fix_head {
position: sticky;
top: 0;
z-index:1;
}
tr{
height:30px;
border-bottom:1px solid var(--gris_clair);
background:white;
}
.tr:nth-child(even),.tr_off:nth-child(even) {background-color:var(--gris_tres_clair);border-bottom:1px solid var(--gris_tres_clair);cursor:pointer;}
.tr:nth-child(even):hover{background-color:var(--gris_clair);color:black;}
.tr:nth-child(odd),.tr_off:nth-child(odd) {background-color: rgb(255,255,255);border-bottom:2px solid var(--gris_tres_clair);cursor:pointer;}
.tr:nth-child(odd):hover{background-color:var(--gris_clair);;color:black;}
.tr_simple:hover{background-color:var(--gris_clair);;color:black;}
.tr_for_selected{background-color:var(--gris_tres_clair);color:var(--bleu_2);font-weight:bold;cursor:pointer;border-bottom:1px solid lightgrey;}
.tr_for_selected:hover{background-color:var(--gris_clair);}
.tr_selected_WYS{
background-color:var(--gris_tres_clair);color:var(--bleu_2);font-weight:bold;cursor:pointer;border-bottom:1px solid lightgrey;
box-shadow: var(--shadow_A);
-webkit-box-shadow: var(--shadow_A);
-moz-box-shadow: var(--shadow_A);
}
.tr_for_selected_WYS:hover{background-color:var(--gris_clair);}
.no_selectable_for_new_annonce
{
background:var(--gris_clair) !important;
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
}
.ic_add_annonce_no_selectable
{
background:var(--bleu);
color:white;
font-size:15px;
padding:1px;
}
.cont_selected
{
background-image:url('../images/bg_radian_bleu_2.jpg') !important;
background-size: cover !important;
background-repeat:no-repeat !important;
color:white !important;
box-shadow: var(--shadow_A);
-webkit-box-shadow: var(--shadow_A);
-moz-box-shadow: var(--shadow_A);
}
.cont_selected_gris
{
background-image:url('../images/bg_radian_gris_b.jpg') !important;
background-size: cover !important;
background-repeat:no-repeat !important;
color:white !important;
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
}
.cont_selected_vert
{
background-image:url('../images/bg_radian_vert_2_b.jpg') !important;
background-size: cover !important;
background-repeat:no-repeat !important;
color:white !important;
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
}
.cont_selected_orange
{
background-image:url('../images/bg_radian_orange.jpg') !important;
background-size: cover !important;
background-repeat:no-repeat !important;
color:white !important;
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
}
.cont_selected_violet
{
background-image:url('../images/bg_radian_violet.jpg') !important;
background-size: cover !important;
background-repeat:no-repeat !important;
color:white !important;
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
}
.tr_selected,.tr_selected_2,.tr_selected_3
{
/* background-image:url('../images/bg_radian_bleu_2.jpg'); */
/* background-image:url('../images/bg_radian_gris_b.jpg'); */
background-image:url('../images/bg_radian_gris_tres_clair.jpg');
background-size: cover;
/* color:white !important; */
/* background:lightgrey !important; */
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
}
.tr_selected .ic_opacity_0,.tr_selected_2 .ic_opacity_0,.tr_selected_3 .ic_opacity_0
{
color:black !important;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
/* Good browsers */
opacity: 0.5;
}
.tr_selected i:hover,.tr_selected_2 i:hover,.tr_selected_3 i:hover
{
color:dimgray !important;
}
.tr_for_checked{background-color:var(--gris_tres_clair);color:lightgrey;font-weight:normal;cursor:pointer;border-bottom:1px solid var(--gris_clair);}
.tr_for_checked:hover{color:black;}
.tr:hover nav,.tr_simple:hover nav,.tr_for_checked:hover nav,.tr_for_before_checked:hover nav, .bloc_produit_detail:hover nav{cursor:pointer;text-decoration:underline;} /****tr:hover nav,*****/
.tr_for_checked i{color:lightgrey;}
th{
color:grey;
background:white;
font-weight:normal;
letter-spacing:0px;
padding:0;
text-align:left;
}
th,td{
vertical-align:middle;
}
.tab_volet_droit tr {
border:none !important;
}
.tab_volet_droit input[type="text"],.tab_volet_droit input[type="number"],.tab_volet_droit textarea{
width:98%;
border:none !important;
border-bottom:1px solid lightgrey !important;
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
}
.tab_volet_droit td:first-child {
width:30%;
color:grey;
vertical-align:top;
padding-top:6px;
}
.tab_volet_droit td:nth-child(2){
color:black;
vertical-align:top;
}
.tab_volet_droit td:nth-child(2) input[type="text"],.tab_volet_droit td:nth-child(2) input[type="number"]{
padding:5px !important;
margin-top:2px !important;
margin-bottom:2px !important;
}
.tab_volet_droit td:nth-child(2) textarea{
color:grey !important;
max-width:98% !important;
padding:5px !important;
margin:2px !important;
}
.tab_mini{
max-width:100% !important;
}
.tab_mini td{
border:1px solid lightgrey !important;
height:22px;
}
.tab_mini input[type="text"],.tab_mini input[type="number"],.tab_mini textarea{
padding:0 !important;
margin:0 !important;
height:40px !important;
width:99% !important;
max-width:99% !important;
border:none !important;
resize:none;
text-indent:5px !important;
}
.tab_mini input[type="text"]:focus,.tab_mini input[type="number"]:focus,.tab_mini textarea:focus{
width:90%;
max-width:90%;
border:none;
outline:none;
}
input[type="checkbox"]{
margin-left:5px;
width:20px;
height:20px;
}
input[type="radio"]{
margin-left:5px;
width:22px;
height:22px;
}
input[type="button"]{
cursor:pointer;
}
/* Cache les caractères d'un input type text comme un type password */
.pseudo_password {
-webkit-text-security: disc;
/* Pour Safari / Chrome */
text-security: disc;
/* Pour les autres navigateurs */
}
/*************** OUTLINE ****************/
*:focus {
outline: none !important;
}
/**** SEARCH REF CODE BARRE *****/
/**** SEARCH REF CODE BARRE *****/
/**** SEARCH REF CODE BARRE *****/
.cont_body .cont_cont_search_scan_reference{
position:fixed;
z-index:9997;
right:31.2%;
top:3px;
height:auto;
transition: .15s;
}
/* .cont_body_R_2_3 .cont_cont_search_scan_reference{
right:51.2%;
transition: .15s;
} */
.cont_body .cont_cont_search_scan_reference_open{
position:fixed;
z-index:9997;
right:31.2%;
top:3px;
width:250px;
height:auto;
background:white;
transition: .15s;
}
/* .cont_body_R_2_3 .cont_cont_search_scan_reference_open{
right:51.2%;
transition: .15s;
} */
/**** POUR LIGNES DOUANIERES *****/
.ligne_invisible{
display:none;
}
.ligne_visible{
display:table-row;
border:none !important;
}
.cont_mini{
width:100%;
margin-left:0%;
padding:10px;
margin:0px 0;
border:none;
border-radius:3px;
background:var(--gris_tres_clair);
overflow:hidden;
}
.cont_mini tr{
background:var(--gris_tres_clair);
height:15px !important;
}
.cont_mini td:first-child {
width:50% !important;
}
.cont_mini th{
color:lightgrey;
padding:0 !important;
height:20px !important;
}
.cont_mini td{
vertical-align:top !important;
padding:0px !important;
/* text-indent:10px; */
height:20px !important;
}
/********** EDITION **********/
.bloc_edition{
float:left !important;
width:46.8%;
padding:15px 0%;
margin-top:0px;
margin-left:2%;
border-radius:5px;
border:1px solid lightgrey;
/* box-shadow: var(--shadow_1); */
/* -webkit-box-shadow: var(--shadow_1); */
/* -moz-box-shadow: var(--shadow_1); */
}
.bloc_edition h5{
width:90%;
margin:0;
margin-left:5%;
}
.bloc_edition table{
width:90% !important;
margin-left:5% !important;
}
/********************/
.affr_color{
color:DeepPink !important;
}
.top{
vertical-align:top !important;
}
.middle{
vertical-align:middle !important;
}
.bottom{
vertical-align:bottom !important;
}
.left{
text-align:left;
}
.center{
text-align:center;
}
.right{
text-align:right;
}
.pointer{
cursor:pointer;
}
.no_pointer{
cursor:default !important;
}
.not_allowed {
cursor: not-allowed;
}
.bold{
font-weight:bold;
}
.MAJ{
text-transform: uppercase;
}
.Maj{
text-transform: capitalize;
}
.minusc{
text-transform: lowercase;
}
.no_casse{
text-transform: none;
}
.Relief{
background-color: #666666; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; color: transparent;text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}
.None{
display:none;
}
.Fleft{
float:left;
}
.Fright{
float:right;
}
.BORD_none{border:none !important;}
.BORD_lightgrey{border:1px solid lightgrey !important;}
.BORD_gris_moyen{border:1px solid var(--gris_moyen) !important;}
.BORD_gris_clair{border:1px solid var(--gris_clair) !important;}
.BORD_bleu{border:1px solid var(--bleu) !important;}
.BORD_white{border:1px solid white !important;}
.BORD_black{border:1px solid black !important;}
.BORD_red{border:1px solid red !important;}
.BORD_orange{border:1px solid var(--orange) !important;}
.BORD_transparent{border:1px solid transparent !important;}
.BORD_violet{border:1px solid rgb(240, 24, 240) !important;}
.PAD_0{padding:0 !important;}
.M_0{margin:0 !important;}
.ML_50{margin-left:50px;}
.MR_50{margin-right:50px;}
.MT_50{margin-top:50px;}
.MB_50{margin-bottom:50px;}
.ML_40{margin-left:40px;}
.MR_40{margin-right:40px;}
.MT_40{margin-top:40px;}
.MB_40{margin-bottom:40px;}
.ML_30{margin-left:30px;}
.MR_30{margin-right:30px;}
.MT_30{margin-top:30px;}
.MB_30{margin-bottom:30px;}
.ML_20{margin-left:20px;}
.MR_20{margin-right:20px;}
.MT_20{margin-top:20px;}
.MB_20{margin-bottom:20px;}
.ML_15{margin-left:15px;}
.MR_15{margin-right:15px;}
.MT_15{margin-top:15px;}
.MB_15{margin-bottom:15px;}
.ML_10{margin-left:10px;}
.MR_10{margin-right:10px;}
.MT_10{margin-top:10px;}
.MB_10{margin-bottom:10px;}
.ML_9{margin-left:9px;}
.MR_9{margin-right:9px;}
.MT_9{margin-top:9px;}
.MB_9{margin-bottom:9px;}
.ML_8{margin-left:8px;}
.MR_8{margin-right:8px;}
.MT_8{margin-top:8px;}
.MB_8{margin-bottom:8px;}
.ML_7{margin-left:7px;}
.MR_7{margin-right:7px;}
.MT_7{margin-top:7px;}
.MB_7{margin-bottom:7px;}
.ML_6{margin-left:6px;}
.MR_6{margin-right:6px;}
.MT_6{margin-top:6px;}
.MB_6{margin-bottom:6px;}
.ML_5{margin-left:5px;}
.MR_5{margin-right:5px;}
.MT_5{margin-top:5px;}
.MB_5{margin-bottom:5px;}
.ML_3{margin-left:3px;}
.MR_3{margin-right:3px;}
.MT_3{margin-top:3px;}
.MB_3{margin-bottom:3px;}
.ML_2{margin-left:2px;}
.MR_2{margin-right:2px;}
.MT_2{margin-top:2px;}
.MB_2{margin-bottom:2px;}
.ML_0{margin-left:0px;}
.MR_0{margin-right:0px;}
.MT_0{margin-top:0px;}
.MB_0{margin-bottom:0px;}
.IND5{text-indent:5px !important;}
.IND10{text-indent:10px !important;}
.IND15{text-indent:15px !important;}
.IND20{text-indent:20px !important;}
.IND30{text-indent:30px !important;}
.IND40{text-indent:40px !important;}
.IND50{text-indent:50px !important;}
.Black{color:black !important;}
.Grey{color:grey !important;}
.Silver{color:silver !important;}
.Lightgrey{color:lightgrey !important;}
.White{color:white !important;}
.Red{color:red !important;}
.Purple{color:purple !important;}
.Bleu{color:var(--bleu) !important;}
.Blue{color:blue !important;}
.Bleu_2{color:var(--bleu_2) !important;}
.Vert{color:var(--vert) !important;}
.Vert_2{color:LimeGreen !important;}
.Orange{color:var(--orange) !important;}
.Orange_2{color:DarkOrange !important;}
.Debit{color:#FFE9E7 !important;}
.Credit{color:#E5FFD7!important;}
.BGtransparent{background:transparent !important;}
.BGwhite{background:white !important;}
.BGblack{background:black !important;}
.BGred{background:red !important;}
.BGgrey{background:grey !important;}
.BGlightgrey{background:lightgrey !important;}
.BGgris_clair{background:var(--gris_clair) !important;}
.BGgris_tres_clair{background:var(--gris_tres_clair) !important;}
.BGbleu{background:var(--bleu) !important;}
.BGbleu_2{background:var(--bleu_2) !important;}
.BGorange_2{background:DarkOrange !important;}
.BGvert_2{background:LimeGreen !important;}
.BGpurple{background:purple !important;}
/* .BGdebit{background-color:#FFE9E7 !important;} */
/* .BGcredit{background-color:#E5FFD7!important;} */
.BGcredit
{
background-image:url('../images/bg_radian_vert_2_b.jpg') !important;
background-size: cover !important;
background-repeat:no-repeat !important;
border-bottom:1px solid white !important;
/* color:white !important; */
/* box-shadow: var(--shadow_1); */
/* -webkit-box-shadow: var(--shadow_1); */
/* -moz-box-shadow: var(--shadow_1); */
}
.BGdebit
{
background-image:url('../images/bg_radian_orange.jpg') !important;
background-size: cover !important;
background-repeat:no-repeat !important;
border-bottom:1px solid white !important;
/* color:white !important; */
/* box-shadow: var(--shadow_1); */
/* -webkit-box-shadow: var(--shadow_1); */
/* -moz-box-shadow: var(--shadow_1); */
}
.PAD_T5{padding-top:5px !important;}
.PAD_T7{padding-top:7px !important;}
.PAD_T10{padding-top:10px !important;}
.PAD_T20{padding-top:20px !important;}
.PAD_T30{padding-top:30px !important;}
.PAD_T40{padding-top:40px !important;}
.PAD_T50{padding-top:50px !important;}
.PAD_B5{padding-bottom:5px !important;}
.PAD_B10{padding-bottom:10px !important;}
.PAD_B20{padding-bottom:20px !important;}
.PAD_B30{padding-bottom:30px !important;}
.PAD_B40{padding-bottom:40px !important;}
.PAD_B50{padding-bottom:50px !important;}
.PAD_L5{padding-left:5px !important;}
.PAD_L10{padding-left:10px !important;}
.PAD_L20{padding-left:20px !important;}
.PAD_L30{padding-left:30px !important;}
.PAD_L40{padding-left:40px !important;}
.PAD_L50{padding-left:50px !important;}
.PAD_L70{padding-left:70px !important;}
.PAD_R5{padding-right:5px !important;}
.PAD_R10{padding-right:10px !important;}
.PAD_R20{padding-right:20px !important;}
.PAD_R30{padding-right:30px !important;}
.PAD_R40{padding-right:40px !important;}
.PAD_R50{padding-right:50px !important;}
.H0p{height:0px !important;}
.H5p{height:5px !important;}
.H10p{height:10px !important;}
.H15p{height:15px !important;}
.H20p{height:20px !important;}
.H25p{height:25px !important;}
.H30p{height:30px !important;}
.H35p{height:35px !important;}
.H40p{height:40px !important;}
.H45p{height:45px !important;}
.H50p{height:50px !important;}
.Bold{font-weight:bold !important;;}
.Normal{font-weight:normal !important;;}
.Italic{font-style:italic !important;}
.FS8{font-size:8px !important;}
.FS9{font-size:9px !important;}
.FS10{font-size:10px !important;}
.FS11{font-size:11px !important;}
.FS12{font-size:12px !important;}
.FS13{font-size:13px !important;}
.FS14{font-size:14px !important;}
.FS15{font-size:15px !important;}
.FS20{font-size:20px !important;}
.FS25{font-size:25px !important;}
.FS30{font-size:30px !important;}
.FS40{font-size:40px !important;}
/********* SPAN VALUER NUMERIQUE ALIGN DROITE DANS UN TD ********/
.money_10{
margin-right:5px;
font-size:10px;
}
.money_12{
margin-right:5px;
font-size:12px;
}
.float_100, .float{
float:left;
width:100%;
}
.Nowrap{
white-space:nowrap;
}
.Ellipsis{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.champ_oblig{
float:right;
margin-right:5px;
font-size:16px;
}
.cont_message{
color:grey !important;
font-weight:normal !important;
float:left;
border-radius:10%;
padding:5px 0px 0px 15px;
margin-top:10px;
min-height:50px;
width:98%;
text-align:left;
vertical-align:middle;
/* border:1px solid var(--gris_clair); */
margin-left:2%;
}
#ic_message{
float:left;
margin-top:-3px;
margin-left:3px;
margin-top:0px;
color:var(--bleu);
font-size:25px;
}
#message{
float:left;
margin-left:10px;
margin-top:7px !important;
max-width:85%;
margin-top:5px;
color:var(--bleu_2);
color:black;
font-weight:bold;
font-family : "Courier New", Courier, monospace;
}
#message span{
font-family : "Courier New", Courier, monospace;
}
/*************** FIN TABLE *************/
input[type="button"]{
color:black;
font-weight:bold;
border:none;
padding:10px;
margin:2px;
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
input[type="text"],input[type="search"],input[type="date"],input[type="number"],input[type="time"],input[type="email"],input[type="mail"],input[type="tel"],input[type="password"],textarea,select{
float:left;
width:90%;
color:black;
border:none;
border-bottom:1px solid lightgrey;
padding:4px 9px;
margin:2px;
}
input[type="text"]:focus,input[type="search"]:focus,input[type="date"]:focus,input[type="number"]:focus,input[type="time"]:focus,input[type="email"]:focus,input[type="mail"]:focus,input[type="tel"]:focus,input[type="password"]:focus,textarea:focus,select:focus{
float:left;
color:black;
border:none;
outline:none;
border:none !important;
border-bottom:1px solid var(--bleu_2) !important;
margin:2px;
}
.texta_heightAuto{
resize :vertical;
min-height:20px;
max-height:250px;
}
/*+ #region SEARCH_LISTING */
#search_listing{
margin-left:30px;
margin-right:30px;
/* margin-top:1.4vh; */
font-weight:normal;
border:none;
border-bottom:1px solid lightgrey;
padding-top:7px;
padding-bottom:7px;
outline:none !important;
border-radius:3px;
text-indent:10px;
font-size:16px;
}
#search_listing:focus{
font-weight:bold;
/* color:var(--bleu); */
}
.msg_focus_search_listing{
position : fixed;
display:none;
margin: 40px 0 0 40px;
color:var(--bleu);
background: white;
}
/* - #endregion SEARCH_LISTING */
/* Firefox : Désactive Flèche */
input[type=number] {
-moz-appearance: textfield;
}
/* Chrome : Désactive Flèche */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin:0;
}
/* Opéra : Désactive Flèche */
input::-o-inner-spin-button,
input::-o-outer-spin-button {
-o-appearance: none;
margin:0
}
/* IGNORER LA COULEUR DE FOND PAR DEFAUT DU NAVIGATEUR Lors du remplissage de formulaire */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px white inset;
box-shadow: 0 0 0px 1000px white inset;
font-size: initial;
}
.bg_vert{
background:var(--vert);
color:white !important;
font-weight:normal !important;
}
.bg_orange{
background:var(--orange);
color:white !important;
font-weight:normal !important;
}
/* + #region JUST_DATA */
.ligne_menu{
float: left;
width: 100%;
padding: 10px 0;
height:18px;
text-indent : 20px;
font-size: 12px;
color:dimgrey;
}
.ligne_menu:hover{
/* background: var(--gris_tres_clair); */
background: var(--gris_clair);
color: var(--bleu_2);
cursor:pointer
}
.no_result{
float:left;
font-weight:bold !important;
width:100%;
margin:15px 0;
text-align:center;
color:var(--bleu);
}
/* - #endregion JUST_DATA */
/********** MENU *******/
.cont_body .cont_menu_top{
position:fixed;
z-index:21;
height:8.2vh;
width:100%;
left:0%;
border-bottom:0.2vh solid var(--bleu);
box-shadow: var(--shadow_A);
-webkit-box-shadow: var(--shadow_A);
-moz-box-shadow: var(--shadow_A);
transition: .15s;
}
.cont_body_R_2_3 .cont_menu_top{
width:80%;
transition: .15s;
}
.btn_menu{
color:var(--bleu_2);
color:grey;
font-weight:bold;
border:none;
border:1px solid transparent;
padding:8px 10px 8px 10px;
margin-left:2px;
letter-spacing:3px;
cursor:pointer;
transition: .3s;
}
.btn_menu:hover{
color:var(--bleu_2);
transition: .3s;
background:var(--gris_clair);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
}
.btn_menu_hover{
background:var(--bleu);
color:white;
font-weight:bold;
cursor:default;
border:none;
border:1px solid var(--bleu);
border-radius:1px;
padding:8px 10px 8px 10px;
margin-left:2px;
letter-spacing:3px;
transition: .3s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
}
.ic_menu{
float:right;
background:none;
font-size:25px;
color:grey;
border:1px solid transparent;
border-radius:2px;
padding:3px 5px;
margin-top:0.4vh;
margin-right:10px;
transition: .55s;
}
.ic_menu_hover{
float:right;
/* background:var(--gris_clair); */
/* background:var(--fond_2); */
background:var(--bleu);
color:white;
border:none;
border:1px solid var(--bleu);
border-radius:2px;
padding:3px 5px;
margin-top:0.4vh;
margin-right:10px;
transition: .55s;
}
/********** SOUS MENU *******/
.btn_sous_menu{
color:var(--bleu_2);
color:grey;
font-weight:bold;
border:none;
border:1px solid transparent;
padding:8px 10px 8px 10px;
margin-left:2px;
letter-spacing:3px;
cursor:pointer;
transition: .3s;
}
.btn_sous_menu:hover{
color:var(--bleu_2);
transition: .3s;
background:var(--gris_clair);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
}
.btn_sous_menu_hover{
background:var(--bleu);
color:white;
font-weight:bold;
cursor:default;
border:none;
border:1px solid var(--bleu);
border-radius:1px;
padding:8px 10px 8px 10px;
margin-left:2px;
letter-spacing:3px;
transition: .3s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
}
/*******************/
.message_save_ok{
position:fixed;
width:auto;
z-index:9999;
color:white;
height:20vh;
right:-100px;
top:22vh;
/* border-radius:0 0 7px 7px ; */
border-radius:7px 0 0 7px;
text-align:center;
background-image:url('../images/bg_radian_bleu.jpg');
background-image:white;
background-size: cover;
padding:15px 1% 15px 2% !important;
cursor:pointer;
writing-mode: vertical-lr;
text-orientation: mixed;
font-size:18px;
transition: 1s;
}
.message_save_ok_open{
position:fixed;
width:auto;
z-index:11000;
color:white;
height:20vh;
right:0%;
top:22vh;
/* border-radius:0 0 7px 7px ; */
border-radius:7px 0 0 7px;
text-align:center;
background-image:url('../images/bg_radian_vert_2.jpg');
background-size: cover;
padding:15px 1.4% 15px 2% !important;
cursor:pointer;
writing-mode: vertical-lr;
text-orientation: mixed;
font-size:18px;
transition: 1s;
}
.clignote_message_save {
animation-duration: 0.30s;
animation-name: clignoter_message_save;
animation-iteration-count: infinite;
transition: none;
}
@keyframes clignoter_message_save {
/* 0% { background-image:url('../images/bg_radian_gris.jpg');background-size:100%; } */
40% { background-image:url('../images/bg_radian_vert_2.jpg');background-size: cover;opacity: 0.5; }
100% { background-image:url('../images/bg_radian_bleu.jpg');background-size: cover; }
}
.clignote_message_save_long {
animation-duration: 3.0s;
animation-name: clignoter_message_save_long;
animation-iteration-count: infinite;
transition: none;
}
@keyframes clignoter_message_save_long {
0% { background-image:url('../images/bg_radian_orange.jpg');background-size: cover; }
40% { background-image:url('../images/bg_radian_gris.jpg');background-size: cover; opacity:0.5;}
100% { background-image:url('../images/bg_radian_orange.jpg');background-size: cover; }
}
.clignote_message_sauvegarde_db {
animation-duration: 0.30s;
animation-name: clignote_message_sauvegarde_db;
animation-iteration-count: infinite;
transition: none;
}
@keyframes clignote_message_sauvegarde_db {
0% { background:black; }
40% { background-image:url('../images/bg_radian_orange.jpg');background-size: cover; }
100% { background-image:url('../images/bg_radian_gris.jpg');background-size: cover; }
}
.clignote_message_activity_urg {
animation-duration: 0.30s;
animation-name: clignote_message_activity_urg;
animation-iteration-count: infinite;
transition: none;
}
@keyframes clignote_message_activity_urg {
0% { background-image:url('../images/bg_radian_gris_tres_clair.jpg');background-size:cover;}
40% { background-image:url('../images/bg_radian_violet.jpg');background-size:cover; }
100% { background-image:url('../images/bg_radian_gris_tres_clair.jpg');background-size: cover;}
}
/******** ONGLET IMPORT PUBLIP ***********/
.onglet_import_publip,
.onglet_traitement_TH_publip,
.onglet_structure_contenu_PUBLIP{
background:var(--gris_tres_clair);
cursor:pointer;
/* color:var(--Bleu_2) !important; */
}
.onglet_import_publip_on,
.onglet_traitement_TH_publip_on{
/* background-image:url('../images/bg_radian_gris_b.jpg');background-size:cover; */
background:white;
/* color:white !important; */
cursor:default;
font-weight:bold;
/* text-decoration:underline; */
border-left:1px solid silver;
border-top:1px solid silver;
border-right:1px solid silver;
}
.onglet_structure_contenu_PUBLIP_on{
/* background-image:url('../images/bg_radian_gris_b.jpg');background-size:cover; */
background:var(--bleu);
color:white !important;
cursor:default;
}
.onglet_structure_contenu_PUBLIP i{
color:grey !important;
}
.onglet_structure_contenu_PUBLIP_on i{
color:white !important;
}
.onglet_import_publip:hover ,.onglet_traitement_TH_publip:hover,.onglet_structure_contenu_PUBLIP:hover{
text-decoration:underline;
}
.div_objet_mail_mailing_PUBLIP:empty::before {
content: attr(data-placeholder);
color: grey;
}
/********* EDITABLE PUBLIP**********/
.cont_modeles_publip_DOC_EDIT .editable_publip_unique,
.cont_modeles_publip_DOC_EDIT .editable_publip_ligne_A,
.cont_modeles_publip_DOC_EDIT .editable_publip_ligne_B,
.cont_modeles_publip_DOC_EDIT .editable_publip_neutre,
.cont_modeles_publip_DOC_EDIT .editable_publip_INTITULE_ligne{
min-width:20px !important;
min-height:15px !important;
}
.cont_modeles_publip_DOC_EDIT .editable_publip_unique:empty::before {
content: attr(data-placeholder);
/* background:Khaki !important; */
background:var(--bleu) !important;
color: white;
box-shadow: 0 0 0 1px white;
padding:0px 2px;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
}
.cont_modeles_publip_DOC_EDIT .editable_publip_ligne_A:empty::before {
content: attr(data-placeholder);
background:DarkOrange !important;
color: white;
box-shadow: 0 0 0 1px white;
padding:0px 2px;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
}
.cont_modeles_publip_DOC_EDIT .editable_publip_ligne_B:empty::before {
content: attr(data-placeholder);
background:LimeGreen !important;
color: white;
box-shadow: 0 0 0 1px white;
padding:0px 2px;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
}
.cont_modeles_publip_DOC_EDIT .editable_publip_ligne_C:empty::before {
content: attr(data-placeholder);
background:Purple !important;
color: white;
box-shadow: 0 0 0 1px white;
padding:0px 2px;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
}
/* .cont_modeles_publip_DOC_EDIT:hover .editable_publip_neutre {
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
} */
.cont_modeles_publip_DOC_EDIT .editable_publip_neutre:hover,
.cont_modeles_publip_DOC_EDIT .editable_publip_INTITULE_ligne:hover{
cursor:text;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
}
.cont_modeles_publip_DOC_EDIT .editable_publip_unique:hover,
.cont_modeles_publip_DOC_EDIT .editable_publip_ligne_A:hover,
.cont_modeles_publip_DOC_EDIT .editable_publip_ligne_B:hover,
.cont_modeles_publip_DOC_EDIT .editable_publip_ligne_C:hover{
cursor:copy;
box-shadow: var(--shadow_mini);
-webkit-box-shadow: var(--shadow_mini);
-moz-box-shadow: var(--shadow_mini);
}
#editable_mailing .col_draggable_publip_A,
#msg_traitement_TH_publip .col_draggable_publip_A,
#input_objet_mail_mailing_publip .col_draggable_publip_A,
#cont_modeles_publip_DOC_EDIT .col_draggable_publip_A{
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
box-shadow: 0 0 0 2px var(--bleu_2);
padding:0px 0px;
margin:0px 3px;
}
#editable_mailing .col_draggable_publip_B,
#msg_traitement_TH_publip .col_draggable_publip_B,
#input_objet_mail_mailing_publip .col_draggable_publip_B,
#cont_modeles_publip_DOC_EDIT .col_draggable_publip_B{
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
box-shadow: 0 0 0 2px DarkOrange;
padding:0px 0px;
margin:0px 3px;
}
#editable_mailing .col_draggable_publip_C,
#msg_traitement_TH_publip .col_draggable_publip_C,
#input_objet_mail_mailing_publip .col_draggable_publip_C,
#cont_modeles_publip_DOC_EDIT .col_draggable_publip_C{
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
box-shadow: 0 0 0 2px LimeGreen;
padding:0px 0px;
margin:0px 3px;
}
#editable_mailing .col_draggable_publip_D,
#msg_traitement_TH_publip .col_draggable_publip_D,
#input_objet_mail_mailing_publip .col_draggable_publip_D,
#cont_modeles_publip_DOC_EDIT .col_draggable_publip_D{
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
box-shadow: 0 0 0 2px purple;
padding:0px 0px;
margin:0px 3px;
}
/*******************/
.cont_body .bloc_check_all{
position:fixed;
width:auto;
min-width:35px;
z-index:9997;
color:white;
height:auto;
left:69%;
top:-3px;
border-radius:0 0 7px 7px ;
text-align:center;
background:white;
padding:0 0 0 0px !important;
cursor:pointer;
border-bottom:0px solid var(--bleu);
transition: .15s;
/* display:none; */
}
/* .cont_body_R_2_3 .bloc_check_all{
left:49%;
transition: .15s;
} */
.bloc_check_all:hover{
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
/* background:var(--gris_clair); */
transition: .20s;
}
.bloc_check_all i{
float:left;
color:white;
padding:0;
border-radius:5px;
font-size:25px;
/* margin-left:15px; */
margin-top:2px;
margin-bottom:4px;
cursor:pointer;
}
.clignote {
animation-duration: 3s;
animation-name: clignoter;
animation-iteration-count: infinite;
transition: none;
}
@keyframes clignoter {
0% { background:white;color:grey; }
40% { background:rgb(56, 172, 236);color:white; }
100% { background:white;color:grey; }
}
.clignote_simple {
animation-duration: 3s;
animation-name: clignoter_simple;
animation-iteration-count: infinite;
transition: none;
}
@keyframes clignoter_simple {
0% { opacity: 1; }
40% { opacity: 0; }
100% { opacity: 1; }
}
.clignote_simple_long {
animation-duration: 7s;
animation-name: clignote_simple_long;
animation-iteration-count: infinite;
transition: none;
}
@keyframes clignote_simple_long {
0% { opacity: 1; }
39% { opacity: 1; }
40% { opacity: 0; }
41% { opacity: 0; }
100% { opacity: 1; }
}
.clignote_gris {
animation-duration: 3s;
animation-name: clignote_gris;
animation-iteration-count: infinite;
transition: none;
}
@keyframes clignote_gris {
0% { background:white;color:grey; }
40% { background:rgb(128, 128, 128);color:white; }
100% { background:white;color:grey; }
}
.clignote_bleu_no_bg {
animation-duration: 3s;
animation-name: clignote_bleu_no_bg;
animation-iteration-count: infinite;
transition: none;
}
@keyframes clignote_bleu_no_bg {
0% { background:var(--gris_clair);color:white; }
50% { background:white;color:var(--bleu_2);}
100% { background:white;color:white;}
}
.cont_ic_panier_little{
position:absolute;
z-index:8990;
text-align:center;
margin-left:17px;
color:var(--bleu_2);
padding:3px 5px;
border-radius: 8px;
margin-top:205px;
background:white;
cursor:pointer;
/* border:1px solid lightgrey; */
}
.cont_ic_panier_little:hover{
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
}
.count_panier_little{
display:none;
float:left;
margin-left:10px;
margin-right:10px;
margin-top:2px;
text-align:center;
font-weight:normal;
}
.cont_ic_panier_little:hover .count_panier_little{
display:block;
}
/********** CONT VOLET TYPE MENU *****************/
.cont_cont_formulaire_mail_interne{
border-top:1px solid lightgrey;
float:left;
width:90%;
margin-left:5%;
margin-top:5px;
display:none;
background:white;
transition: .35s;
}
.cont_cont_formulaire_mail_interne_full{
position:fixed;
z-index:9000;
right:2%;
bottom:4vh;
width:30% !important;
background:white;
transition: .35s;
}
/********** CONT VOLET MENU BOUTIQUE *****************/
.cont_body .cont_ic_menu_boutique{
position:fixed;
z-index:9999;
right:34%;
margin-right:-60px;
top:8.2vh;height: 0;
border-top: 60px solid var(--bleu);
border-right: 60px solid transparent;
cursor:pointer;
transition: .15s;
}
.cont_body .ic_menu_boutique{
position:fixed;
right:34%;
margin-right:-35px;
margin-top:2px;
top:8.2vh;
font-size:25px;
padding:2px;
transition: .15s;
}
.cont_body_R_2_3 .cont_ic_menu_boutique,
.cont_body_R_2_3 .ic_menu_boutique{
right:50%;
transition: .15s;
}
.cont_menu_boutique{
position:fixed;
background:white;
z-index:8999;
width:30%;
top:8.2vh;
height:90vh;
right:-31%;
transition: .35s;
}
.cont_body .cont_menu_boutique_open{
position:fixed;
background:white;
z-index:8999;
width:34%;
top:8.2vh;
height:91.8vh;
right:0;
transition: .15s;
}
.cont_body_R_2_3 .cont_menu_boutique_open{
width:34%;
right:20vw;
transition: .15s;
}
.bloc_annonce_boutique{
width:22.7% !important;
height:350px;
}
.btn_defiltrer_boutique{
position:absolute;
text-decoration:underline;
color:var(--bleu_2);
left:28px;
margin-top:9px;
}
.photo_bloc_annonce_boutique{
width:84%;
margin-left:8%;
height:200px;
margin-top:6px;
}
.premium_bloc_annonce_boutique{
padding:3px 8px 3px 8px;
margin-right:5px;
margin-top:5px;
}
.recycle_bloc_annonce_boutique{
height:30px;
float:right;
margin-right:5px;
margin-top:3px;
}
.prov_france_bloc_annonce_boutique{
height:20px;
float:right;
position:absolute;
margin-right:15px;
margin-left:17%;
margin-top:175px;
}
.title_pack_bloc_annonce_boutique{
padding:3px 0px;
margin-left:-5px;
width:100%;
margin-top:10px;
font-weight:normal;
}
.lot_bloc_annonce_boutique{
float:left;
padding:3px 5px;
margin-left:10px;
margin-top:10px;
border-radius:5px;
font-weight:normal;
padding-left:20px;
padding-right:20px;
}
/********** GALERIE *****************/
.cont_galerie{
position:fixed;
/* display:none; */
background:white;
z-index:8999;
width:100%;
top:110vh;
height:0;
left:0%;
overflow:hidden;
transition: .55s;
}
.cont_galerie_open{
position:fixed;
background:white;
z-index:8999;
width:100%;
top:0;
height:100vh;
left:0%;
overflow:hidden;
transition: .55s;
}
.vignette_mini{
float:left;
height:50px !important;
width:auto;
margin:5px;
padding:1px;
border:1px solid var(--gris_clair);
}
.vignette_mini_off{
float:left;
height:50px !important;
width:auto;
margin:5px;
padding:1px;
border:1px solid transparent;
}
.vignette_middle{
float:left;
height:90px !important;
width:auto;
margin:5px;
padding:1px;
border:1px solid var(--gris_clair);
}
.vignette_Papier{
background-image:url('../images/Papier.jpg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
border:none !important;
}
.vignette_URL{
border:1px solid lightgrey;
}
.vignette_URL .cont_click_vignette_NO_URL{
display:none;
}
.vignette_NO_URL{
border:1px solid var(--gris_clair);
}
.vignette_NO_URL .cont_click_vignette_NO_URL{
position:absolute;
z-index:1;
width:inherit;
height:inherit;
background:transparent;
}
.vignette_mini:hover,.vignette_middle:hover,.vignette_URL:hover,.vignette_NO_URL:hover{
cursor:pointer;
box-shadow: var(--shadow_1) !important;
-webkit-box-shadow: var(--shadow_1) !important;
-moz-box-shadow: var(--shadow_1) !important;
}
/************* EXPEDITEUR DESTINATAIRE *************/
.entete_expediteur_saisie,.entete_destinataire_saisie{
float:left;
width:100%;
padding:10px 0;
border-radius:5px 5px 0 0;
margin-bottom:15px;
}
.cont_resume_etape_2_service_edition{
width:28%;
}
.cont_saisie_etape_2_service_edition{
width:72%;
}
.bloc_exp_dest_recap_cde_livr_urg{
float:left !important;
width:46.8%;
padding:15px 0%;
margin-top:0px;
margin-left:2%;
border-radius:5px;
border:1px solid lightgrey;
}
.bloc_totaux_recap_cde_livr_urg{
float:right;
margin-right:5%;
width:30%;
font-size:15px;
margin-top:15px;
}
/********* POPUP UPLOAD ***********/
.popup_upload{
position:fixed;
z-index:10010 !important;
top:20vh;
min-height:25vh;
width:42%;
left:28%;
padding:2vh 1% ;
/* color:var(--bleu_2); */
background:white;
border:1px solid lightgrey;
margin-left:-1px;
border-radius:2px;
box-shadow: var(--shadow_2) !important;
-webkit-box-shadow: var(--shadow_2) !important;
-moz-box-shadow: var(--shadow_2) !important;
transition: .35s;
}
.popup_upload_long_height{
position:fixed;
z-index:10010 !important;
top:2vh;
height:92vh;
width:45%;
left:26.5%;
padding:2vh 1% ;
/* color:var(--bleu_2); */
background:white;
border:1px solid lightgrey;
margin-left:-1px;
border-radius:2px;
box-shadow: var(--shadow_2) !important;
-webkit-box-shadow: var(--shadow_2) !important;
-moz-box-shadow: var(--shadow_2) !important;
transition: .35s;
}
.popup_upload .cont_upload_and_galerie,.popup_upload_long_height .cont_upload_and_galerie{
float:left;
width:100%;
}
.popup_upload .cont_visonneuse_upload,.popup_upload_long_height .cont_visonneuse_upload{
display:none;
transition: .35s;
}
.popup_upload_full{
position:fixed;
z-index:9999 !important;
top:2vh;
height:92vh;
width:94%;
left:2%;
padding:2vh 1% ;
/* color:var(--bleu_2); */
background:white;
border:1px solid lightgrey;
margin-left:-1px;
border-radius:2px;
box-shadow: var(--shadow_2) !important;
-webkit-box-shadow: var(--shadow_2) !important;
-moz-box-shadow: var(--shadow_2) !important;
transition: .35s;
}
.popup_upload_full .cont_upload_and_galerie{
display:block;
float:left;
width:39%;
transition: .35s;
}
.popup_upload_full .cont_visonneuse_upload{
float:left;
width:59%;
margin-top:2vh;
margin-left:1%;
height:88vh !important;
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
border:1px solid var(--gris_clair);
transition: .35s;
}
/********** VISIONNEUSE GENERALE ****************/
.cont_visonneuse_generale{
position:fixed;
z-index:9999;
top:0vh;
left:-35%;
width:2%;
height:100vh;
max-height:100vh;
overflow-x:hidden;
overflow-y:auto;
padding:0 0%;
margin:0;
background-color:white;
/* background-size: 90% ; */
background-size: contain ;
background-repeat:no-repeat ;
background-position:center;
transition: .35s;
}
.cont_visonneuse_generale_full_left{
position:fixed;
z-index:9999;
top:0vh;
left:0;
width:66%;
height:100vh;
max-height:100vh;
overflow-x:hidden;
overflow-y:auto;
padding:0;
margin:0;
background-color:white;
background-size: contain ;
background-repeat:no-repeat ;
background-position:center;
box-shadow: var(--shadow_1) !important;
-webkit-box-shadow: var(--shadow_1) !important;
-moz-box-shadow: var(--shadow_1) !important;
transition: .35s;
}
.cont_visonneuse_generale_full{
position:fixed;
z-index:9999;
top:0vh;
left:0;
width:100%;
height:100vh;
max-height:100vh;
overflow-x:hidden;
overflow-y:auto;
padding:0;
margin:0;
background-color:white;
background-size: contain;
background-position: center;
background-repeat:no-repeat ;
box-shadow: var(--shadow_1) !important;
-webkit-box-shadow: var(--shadow_1) !important;
-moz-box-shadow: var(--shadow_1) !important;
transition: .35s;
}
/********** CONT MAILING *****************/
.cont_mailing
{
position:fixed;
background:white;
z-index:8999;
width:100%;
max-width:100% !important;
top:0;
height:100vh;
left:0%;
}
.cont_modeles_mailing
{
position:fixed;
background:var(--gris_tres_clair);
z-index:9001;
width:100%;
max-width:100% !important;
top:0;
height:100vh;
left:0%;
}
.cont_donnees_mailing{
float:left;
background:transparent;
height: calc(100% - 50px);
width:100%;
top:0;
left:0%;
}
.cont_cont_vignette_modele_en_cours_mailing{
position:fixed;
bottom:15px;
right:47vw;
padding:10px;
width:100px;
max-width:100px;
height:auto;
}
.cont_listing_mailing{
float:left;
background:transparent;
height: 100%;
max-height: 100%;
overflow-x:hidden;
overflow-y:scroll;
width:60%;
top:0;
left:0%;
}
#tbody_listing_mailing .tr_selected_3{
color:black !important;
}
.cont_apercu_mailing{
float:left;
z-index:10;
background:transparent;
height: 100%;
max-height: 100%;
overflow-x:hidden;
overflow-y:auto;
width: calc(40% - 1px);
top:0;
left:0%;
border-left:1px solid lightgrey;
}
.cont_edit_mailing, .cont_liste_signatures_mail{
position:fixed;
z-index:10;
background:white;
height: calc(100% - 50px);
max-height: calc(100% - 50px);
overflow-x:hidden;
overflow-y:scroll;
width: calc(40vw - 5px);
max-width: calc(40vw - 5px) !important;
top:55px;
right:5px;
border-left:1px solid lightgrey;
transition: .35s;
}
.cont_edit_mailing .head_new_mail,
.cont_edit_mailing_full .head_new_mail
{
background:var(--gris_clair);
}
.cont_edit_mailing #ic_open_full_right_mailing_edit{
display:none;
}
.cont_edit_mailing #ic_delete_mailing_edit,
.cont_edit_mailing_full #ic_open_full_right_mailing_edit{
display:block;
}
.cont_edit_mailing #cont_ic_wysiwyg{
position:fixed;
background:white;
z-index:10;
bottom:0px;
width:calc(40% - 12px);
max-width:calc(40% - 12px);
right:12px;
padding:10px 0%;
}
.cont_edit_mailing_full #cont_ic_wysiwyg,
.cont_edit_mailing_publip_full #cont_ic_wysiwyg{
position:fixed;
background:white;
z-index:10;
bottom:5px;
width:calc(100% - 17px);
max-width:calc(100% - 17px);
right:12px;
padding:10px 0%;
}
.cont_edit_mailing #editable_mailing{
min-height:30vh;
width:96%;
width: calc(40vw - 30px);
padding:10px ;
border:0px;
border-top:0px solid var(--gris_clair);
font-family:Arial;
font-size:12px;
/* overflow-x:auto; */
/* overflow-y:hidden; */
overflow:hidden;
/* background:gold; */
}
#cont_modifier_new_image_mail_edit{
position:fixed;
padding:10px 1%;
width:36%;
right:1%;
top:20vh;
background:white;
transition: .35s;
}
.cont_edit_mailing_reduct{
position:fixed;
z-index:10;
background:white;
height: 60px;
max-height: 60px;
overflow-x:hidden;
overflow-y:hidden;
width: calc(40% - 5px);
top:calc(100vh - 35px);
right:40%;
border-left:1px solid lightgrey;
transition: .25s;
}
.cont_edit_mailing_reduct .head_new_mail{
background:grey;
color:white;
}
.cont_edit_mailing #title_new_mail_base,
.cont_edit_mailing_full #title_new_mail_base{
display:block;
}
.cont_edit_mailing_reduct #ic_delete_mailing_edit,
.cont_edit_mailing_full #ic_open_fullscreen_edit,
.cont_edit_mailing #title_new_mail_objet,
.cont_edit_mailing_full #title_new_mail_objet,
.cont_edit_mailing_reduct #title_new_mail_base{
display:none !important;
}
.cont_edit_mailing_reduct #ic_open_full_right_mailing_edit,
.cont_edit_mailing_reduct #ic_open_fullscreen_edit,
.cont_edit_mailing_reduct #title_new_mail_objet{
display:block;
color:white;
}
/* .cont_edit_mailing_full #cont_modifier_new_image_mail_edit{ */
/* position:absolute; */
/* padding:10px 2%; */
/* width:32%; */
/* margin-left:62%; */
/* margin-top:45px; */
/* background:white; */
/* transition: .35s; */
/* } */
.cont_edit_mailing_full, .cont_liste_destinataires_mail{
position:fixed;
z-index:10;
background:white;
height: 100vh;
max-height: 100vh;
overflow-x:hidden;
overflow-y:scroll;
width: 100%;
max-width: 100%;
top:0;
right:0;
transition: .35s;
}
.cont_liste_destinataires_mail{
z-index:15;
overflow-y:hidden;
}
.cont_edit_mailing_full #editable_mailing{
min-height:40vh;
width:100%;
width: calc(100vw - 40px);
padding:10px ;
border:0px;
border-top:0px solid var(--gris_clair);
font-family:Arial;
font-size:12px;
overflow-x:auto;
overflow-y:hidden;
}
#title_new_mail_objet {
width:50%;
margin-left:10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/********** EDIT_MAILING_PUBLIP ***********/
.cont_edit_mailing_publip{
float:left;
width:64%;
margin: 0 0.5%;
min-height:calc(100vh - 135px);
max-height:calc(100vh - 135px);
overflow:hidden;
}
.cont_edit_mailing_publip #editable_mailing{
min-height:40vh;
width: calc(48vw - 30px);
padding:10px ;
border:0px;
border-top:0px solid var(--gris_clair);
font-family:Arial;
font-size:12px;
overflow-x:auto;
overflow-y:hidden;
}
.cont_edit_mailing_publip #cont_ic_wysiwyg{
position:fixed;
background:white;
z-index:10;
bottom:0px;
width:calc(48vw - 2px);
left:calc(21.5vw + 1px);
padding:10px 0%;
}
/********** EDIT_MAILING_PUBLIP VOLET ***********/
.cont_edit_mailing_publip_volet{
float:left;
width:calc(35% - 1px);
min-height:calc(100vh - 135px);
max-height:calc(100vh - 135px);
overflow-x:hidden;
overflow-y:scroll;
border-left:1px solid lightgrey;
}
/********** DESTINATAIRES MAILING ***********/
.cont_liste_destinataires_mail{
/* position:fixed; */
z-index:10;
/* background:white; */
/* height: calc(100% - 50px); */
/* max-height: calc(100% - 50px) !important; */
/* overflow-x:hidden; */
/* overflow-y:hidden; */
/* width: calc(60% - 10px); */
/* max-width: calc(60% - 10px); */
/* top:55px; */
/* left:5px; */
/* border-left:1px solid lightgrey; */
/* transition: .35s; */
}
.cont_test_mail_edit{
position:absolute;
z-index:20;
background:white;
display:none;
width:100%;
padding:0 0 10px 0;
margin-left:0;
margin-top:25px;
min-height:100vh;
/* border-top:1px solid lightgrey; */
}
.cont_details_destinataires_apercu_mail_edit{
position:absolute;
z-index:20;
background:white;
display:none;
width:40%;
padding:0 0 10px 0;
margin-left:0;
margin-top:25px;
min-height:calc(100% - 100px);
max-height:calc(100% - 100px);
overflow-y:auto;
height:auto;
/* border-top:1px solid lightgrey; */
}
/********** SIGNATURE MAILING ***********/
.cont_liste_signatures_mail .tr_defaut_NO_choix_signature_mail
{
border-left:5px solid transparent !important;
}
.cont_liste_signatures_mail .tr_defaut_YES_choix_signature_mail
{
border-left:5px solid var(--bleu) !important;
}
/********** CONT VOLET TYPE MENU *****************/
.cont_menu_principal,.cont_messagerie,.cont_agenda{
position:fixed;
background:white;
z-index:8999;
width:30%;
top:0;
height:100vh;
right:-31%;
transition: .35s;
}
.cont_body .cont_menu_principal_open,
.cont_body .cont_messagerie_open,
.cont_body .cont_agenda_open{
position:fixed;
background:white;
z-index:8999;
overflow-x:hidden;
overflow-y:auto;
width:34%;
max-width:550px;
top:0;
height:100vh;
right:0;
transition: .15s;
}
.cont_body_R_2_3 .cont_menu_principal_open,
.cont_body_R_2_3 .cont_messagerie_open,
.cont_body_R_2_3 .cont_agenda_open{
right:20vw;
transition: .15s;
}
.cont_menu_principal_open_for_minimaliste{
position:fixed;
background:white;
z-index:8999;
overflow-x:hidden;
overflow-y:auto;
width:100%;
top:8.85vh;
height:111.15vh;
right:0;
/* transition: .55s; */
}
.btn_sous_menu_gauche .bloc_edit_AN_PROD{
position:absolute;
display:none;
z-index:9999;
/* background:var(--gris_tres_clair); */
background:white;
/* padding:10px 0; */
margin-left:0%;
width:22.7%;
margin-top:288px;
/* border:1px solid lightgrey; */
/* border-top:1px solid var(--bleu); */
/* border-bottom:1px solid var(--bleu); */
/* border-top:2px solid var(--bleu); */
/* border-bottom:2px solid var(--bleu); */
transition: 2s;
}
.btn_sous_menu_gauche:hover .bloc_edit_AN_PROD{
display:block;
}
.bloc_edit_AN_PROD tr{
/* background:white !important; */
color:white;
font-weight:normal !important;
}
.bloc_edit_AN_PROD tr:hover{
color:black !important;
font-weight:normal !important;
}
.bloc_edit_AN_PROD tr:hover i{
color:white !important;
}
.bloc_edit_AN_PROD .tr_simple{
background:var(--gris_clair) !important;
color:var(--bleu) !important;
}
.bloc_edit_AN_PROD .tr_simple:hover{
background:var(--gris_clair) !important;
color:var(--bleu_2) !important;
font-weight:normal !important;
}
.bloc_edit_AN_PROD .tr_simple:hover i{
color:var(--bleu) !important;
}
/*+ #region CONT_DOCS_ACHATS */
.cont_achats_full{
position:fixed;
top:0;
left:0;
width:100%;
max-width:100%;
height:100vh;
max-height:100vh;
overflow-x:hidden;
overflow-y:auto;
background:white;
}
.cont_achats_full .cont_listing_doc_achats,
.cont_achats_full .iframe_doc_achats {
float:left;
background:white;
z-index:8999;
overflow-x:hidden;
overflow-y:auto;
width:66%;
max-width:66%;
top:0;
height:100%;
max-height:100%;
right:0;
transition: .15s;
}
.cont_achats_full .cont_import_doc_achats,
.cont_achats_full .cont_form_validation_doc_achat{
float:left;
background:white;
z-index:8999;
overflow-x:hidden;
overflow-y:auto;
width:34%;
max-width:34%;
top:0;
height:100%;
max-height:100%;
right:0;
transition: .15s;
}
.cont_achats_reduct{
position:fixed;
top:39vh;
left:1vw;
width:59%;
max-width:59%;
height:60vh;
max-height:60vh;
overflow-x:hidden;
overflow-y:auto;
background:white;
border-radius:10px;
}
.cont_achats_reduct .cont_listing_doc_achats,
.cont_achats_reduct .iframe_doc_achats {
float:left;
background:white;
z-index:8999;
overflow-x:hidden;
overflow-y:auto;
width:56%;
max-width:56%;
top:0;
height:100%;
max-height:100%;
right:0;
transition: .15s;
}
.cont_achats_reduct .cont_import_doc_achats,
.cont_achats_reduct .cont_form_validation_doc_achat{
float:left;
background:white;
z-index:8999;
overflow-x:hidden;
overflow-y:auto;
width:44%;
max-width:44%;
top:0;
height:100%;
max-height:100%;
right:0;
transition: .15s;
}
/* - #endregion CONT_DOCS_ACHATS */
/*********** PARAMETRES ******************/
/* .bloc_presentations_parametres{ */
/* width:32%; */
/* margin:0.5%; */
/* height:220px; */
/* max-height:220px; */
/* overflow:hidden; */
/* transition: .55s; */
/* } */
.bloc_presentations_parametres{
width:30%;
/* margin:1.5%; */
margin-top:18px;
margin-bottom:10px;
height:220px;
max-height:220px;
overflow:hidden;
transition: .55s;
}
.cont_bloc_presentations_parametres_full{
float:left;
width:100%;
height:auto;
transition: .55s;
}
/* .cont_bloc_presentations_parametres_full_reduct{ */
/* float:left; */
/* width:66.5%; */
/* height:auto; */
/* transition: .55s; */
/* } */
/* .cont_bloc_presentations_parametres_full_reduct .bloc_presentations_parametres{ */
/* width:48.5%; */
/* margin:2% 0.5% 0.5% 0.5% ; */
/* height:220px; */
/* max-height:220px; */
/* overflow:hidden; */
/* transition: .55s; */
/* } */
.cont_body .cont_edit_visualisation_bloc_presentations_parametres,
.cont_body #cont_cont_edit_presentations_parametres_WYSIWYG {
position:fixed;
z-index:10;
top:8.2vh;
left:66%;
width:34%;
min-height:90.8vh;
max-height:90.8vh;
/* border-left:1px solid var(--gris_clair); */
/* border-left:1px solid lightgrey; */
overflow-x:hidden;
overflow-y:scroll;
padding:0;
margin:0;
background:white;
transition: .35s;
}
#cont_cont_edit_presentations_parametres_WYSIWYG{
background:var(--gris_tres_clair);
}
.cont_body_R_2_3 .cont_edit_visualisation_bloc_presentations_parametres,
.cont_body_R_2_3 #cont_cont_edit_presentations_parametres_WYSIWYG {
left:50%;
width:30%;
transition: .15s;
}
#cont_edit_presentations_parametres_WYSIWYG{
float:left;
width:80%;
margin-left:8%;
padding:10px 2%;
height:auto;
background:white;
border:1px solid lightgrey;
}
/********** CONT COORDONNEES ADMINISTRATEUR *****************/
.cont_coordonnees_administrateur,.cont_liste_travail_en_cours{
/* display:none; */
position:fixed;
z-index:8999;
width:0;
height:0;
right:-300px;
transition: .55s;
}
.cont_coordonnees_administrateur_open,.cont_liste_travail_en_cours_open{
position:fixed;
background:white;
z-index:9999;
top:8.2vh;
margin-top:5px;
right:5px;
padding:15px;
border-radius:5px;
transition: .55s;
}
/********** FILTRES *****************/
.line_btn_filtrer_cde_cours_for_RESP{
display:none ;
}
.btn_filtrer,.btn_filtrer_2,.btn_filtrer_3,.btn_filtrer_4,.btn_filtrer_5,.btn_client,.btn_client_rcna,.btn_filtrer_param,.btn_filtrer_echeancier_fact,.btn_filtrer_cde_cours,.btn_filtrer_reglements{
background:none;
font-family: system-ui;
/* text-decoration:underline; */
color:grey;
padding:5px;
/* border-radius:15px 0px; */
border:none !important;
/* border-top:4px solid transparent !important; */
/* border-bottom:4px solid transparent !important; */
border-top:2px solid transparent !important;
border-bottom:2px solid transparent !important;
margin-left:0px;
outline:none;
}
.btn_filtrer:hover,.btn_filtrer_2:hover,.btn_filtrer_3:hover,.btn_filtrer_4:hover,.btn_filtrer_5:hover,.btn_client:hover,.btn_client_rcna:hover,.btn_filtrer_param:hover,.btn_filtrer_echeancier_fact:hover,.btn_filtrer_cde_cours:hover,.btn_filtrer_on,.btn_filtrer_2_on,.btn_filtrer_3_on,.btn_filtrer_4_on,.btn_filtrer_5_on,.btn_client_on,.btn_client_rcna_on,.btn_filtrer_param_on,.btn_filtrer_echeancier_fact_on,.btn_filtrer_cde_cours_on, .btn_filtre_AN_PROD_masse_on,.btn_filtre_AN_PROD_fiche_on,.btn_filtrer_reglements:hover,.btn_filtrer_reglements_on{
background:none;
/* box-shadow: var(--shadow_1); */
/* -webkit-box-shadow: var(--shadow_1); */
/* -moz-box-shadow: var(--shadow_1); */
font-family: system-ui;
/* text-decoration:underline; */
/* background:var(--bleu_2); */
/* color:white; */
padding:5px;
border-radius:20px 0px;
/* border:2px solid white; */
border:none !important;
border-top:2px solid var(--vert) !important;
border-bottom:2px solid var(--bleu_2) !important;
color:var(--bleu_2) ;
margin-left:0px;
cursor:pointer !important;
outline:none;
}
/** TEST BTN CLIENT / RCNA **/
.btn_client_rcna,.btn_client,.btn_client_rcna:hover,.btn_client:hover,.btn_client_rcna_on,.btn_client_on{
color:white !important;
/* color:var(--bleu) !important; */
}
.btn_client_rcna:hover,.btn_client:hover,.btn_client_rcna_on,.btn_client_on{
border-top:1px solid var(--gris_clair) !important;
border-bottom:1px solid white !important;
}
/************ SOUS MENU GAUCHE ***********/
#cont_sous_menu_gauche{
float:left;
width:100%;
height:auto;
/* max-height:100%; */
overflow-x:hidden;
overflow-y:hidden;
}
.btn_sous_menu_gauche{
text-align:left;
width:31%;
float:left !important;
color:black;
border:none;
margin:1%;
border-radius:5px;
cursor:pointer;
margin-bottom:20px;
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
border:1px solid var(--gris_clair);
border-top:1px solid transparent !important;
background:white;
}
.big_border_bottom_bleu{
border-bottom:3px solid transparent !important;
}
.vignette_selected
{
border:1px solid lightgrey !important;
/* border-top:1px solid var(--bleu) !important; */
border-bottom:3px solid var(--bleu) !important;
box-shadow: var(--shadow_2) !important;
-webkit-box-shadow: var(--shadow_2) !important;
-moz-box-shadow: var(--shadow_2) !important;
}
.vignette_middle_selected
{
border:1px solid var(--bleu) !important;
box-shadow: var(--shadow_2) !important;
-webkit-box-shadow: var(--shadow_2) !important;
-moz-box-shadow: var(--shadow_2) !important;
}
.btn_sous_menu_gauche .radio_btn_sous_menu_gauche{
position:absolute;
display:none;
transition: .35s;
}
.btn_sous_menu_gauche_hover .radio_btn_sous_menu_gauche{
position:absolute;
display:block;
transition: .35s;
width:35px !important;
height:35px !important;
}
.btn_sous_menu_gauche:hover{
/* text-decoration:underline; */
font-weight:bold;
/* color:var(--bleu); */
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
border:1px solid white;
/* text-align:right; */
transition: .35s;
}
.btn_sous_menu_gauche_hover{
text-align:left;
width:31%;
float:left !important;
color:black;
border:none;
/* border:1px solid lightgrey; */
/* padding:25px 9px; */
margin:1%;
font-weight:bold;
border-radius:5px;
cursor:pointer;
margin-bottom:20px;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
border:1px solid var(--gris_clair);
/* background:var(--gris_tres_clair); */
/* background:var(--bleu); */
}
.tab_80_20{
width:80%;
margin-left:10%;
}
.tab_90_10{
width:90%;
margin-left:5%;
}
.table_td_no_bg_border tr, .tab tr{
border:none !important;
}
.table_td_no_bg_border td,.table_td_no_bg_border th{
background:none !important;
border:none !important;
padding:none !important;
}
.tab th, .tab td{
background:none !important;
border:none !important;
padding:0 5px !important;
font-size:10px;
}
.tab th {
color: grey !important;
}
.btn_sous_menu_gauche_1{
float:left;
width:auto;height:auto;
font-weight:bold;
/* opacity:0.8; */
text-indent:5px;
border-radius:5px 5px 0 0 ;
padding: 10px 3%;
}
.btn_sous_menu_gauche:hover .btn_sous_menu_gauche_1,.btn_sous_menu_gauche_hover .btn_sous_menu_gauche_1{
/* text-decoration:underline; */
color:var(--bleu_2);
}
.btn_sous_menu_gauche_2{
float:left;
width:100%;height:150px;
font-weight:bold;
background:white;
/* opacity:0.8; */
text-indent:5px;
border-radius: 0 0 5px 5px;
}
/************ BLOC LISTING ********************/
.cont_body .cont_listing{
position:fixed;
z-index:20;
top:8.2vh;
left:0;
width:66%;
height:90.8vh;
max-height:90.8vh;
overflow-x:hidden;
overflow-y:scroll;
padding:0 0%;
margin:0;
background:transparent;
transition: .15s;
}
.cont_body_R_2_3 .cont_listing{
width:50%;
transition: .15s;
}
/************ CONT code promo ********************/
.cont_EDIT_code_promo_for_master{
position:fixed;
z-index:10000;
top:25vh;
right:5%;
width:40%;
min-height:30vh;
max-height:80vh;
background:white;
overflow-x:hidden;
overflow-y:hidden;
display:none;
}
.cont_listing_code_promo_for_master{
position:fixed;
z-index:9999;
top:10vh;
left:2%;
width:46%;
height:80vh;
max-height:80vh;
background:white;
overflow-x:hidden;
overflow-y:hidden;
display:none;
}
.cont_listing_code_promo_for_master_donnees{
float:left;
left:0;
width:100%;
height:calc(100% - 60px);
max-height:calc(100% - 60px);
background:white;
overflow-x:hidden;
overflow-y:scroll;
}
/************ CONT EDITEUR DE CONTENU / CONT PAGE FULL ********************/
.cont_editeur_contenu,.cont_page_full{
display:none;
}
.cont_body .cont_editeur_contenu_hover,
.cont_body .cont_page_full_all{
position:fixed;
z-index:9002;
top:0vh;
left:0;
width:100%;
height:100vh;
max-height:100vh;
background:var(--gris_tres_clair) !important;
overflow-x:hidden;
overflow-y:hidden;
padding:0;
margin:0;
}
.cont_body_R_2_3 .cont_editeur_contenu_hover,
.cont_body_R_2_3 .cont_page_full_all{
width:80%;
}
.cont_body .cont_volet_gauche_fiche_client{
float:left;
width:50%;
height:100vh;
max-height:100vh;
margin-left:0%;
overflow-x:hidden;
overflow-y:auto;
}
.cont_body .cont_volet_droit_fiche_client{
float: left;
width:calc(50% - 2px);
top:0;
height:100vh;
max-height:100vh;
overflow-x:hidden;
overflow-y:auto;
right:0%;
padding:0%;
border-left:1px solid var(--gris_clair);
background:white;
}
.cont_body_R_2_3 .cont_volet_gauche_fiche_client{
width:60%;
}
.cont_body_R_2_3 .cont_volet_droit_fiche_client{
width:calc(40% - 2px);
}
.cont_page_full_middle_right{
position:fixed;
/* z-index:8999; */
z-index:20000 !important;
top:0vh;
right:0;
width:50.1%;
height:100vh;
max-height:100vh;
background:white;
overflow-x:hidden;
overflow-y:hidden;
padding:0;
margin:0;
}
.cont_page_full_middle_left{
position:fixed;
z-index:8990;
top:0vh;
left:0;
width:66%;
height:100vh;
max-height:100vh;
background:white;
overflow-x:hidden;
overflow-y:hidden;
padding:0;
margin:0;
}
.cont_editeur_contenu_donnees{
float:left;
z-index:8999;
top:0vh;
left:0;
width:100%;
height:100vh;
max-height:100vh;
background:var(--gris_tres_clair) !important;
overflow-x:hidden;
overflow-y:hidden;
padding:0;
margin:0;
}
.cont_page_full_donnees{
float:left;
top:0vh;
left:0;
width:100%;
height:100%;
overflow-x:hidden;
overflow-y:hidden;
padding:0;
margin:0;
}
.cont_page_full_all,.cont_page_full_donnees{
background:white !important;
}
.bloc_param{
float:left;
width:100%;
height:calc(100% - 125px);
max-height:calc(100% - 125px);
margin-top:1%;
overflow-y:auto;
background:white;
display:none;
}
.titre_bg_1{
padding-top:10px !important;
padding-bottom:10px !important;
text-indent:20px !important;
font-size:12px !important;
background:var(--fond_1);
color:var(--bleu);
}
.titre_bg_2{
padding:0;
padding-top:7px !important;
padding-bottom:7px !important;
text-indent:20px !important;
font-size:12px !important;
background:var(--fond_2);
margin:0 !important;
border-top:1px solid var(--gris_clair);
border-bottom:1px solid var(--gris_clair);
color:var(--bleu_2) !important;
}
.titre_bg_1 .titre_margin,.titre_bg_2 .titre_margin{
float:left;
margin-top:10px !important;
margin-bottom:10px !important;
}
.sous_titre_bg_1{
padding-top:7px !important;
padding-bottom:7px !important;
text-indent:10px !important;
font-size:12px !important;
background:var(--fond_2);
/* border-top:1px solid var(--fond_1); */
/* border-top:1px solid var(--fond_1); */
width:100% !important;
margin-left:0%;
margin-top:15px;
text-indent:20px !important;
/* color:var(--bleu); */
/* font-weight:normal; */
color:grey;
}
.sous_titre_bg_1::before{
content:"";
background:url(../images/simple_fleche_mini.png);
height:13px !important;
width:13px !important;
background-size:100%;
float:left;
margin-left:15px;
margin-top:2px;
}
.sous_titre_bg_1 select{
color:grey !important;
}
.info{
float:left;
color:grey !important;
background-color:white !important;
}
.info::before{
content:"";
background:url(../images/info.png);
height:20px !important;
width:20px !important;
background-size:100%;
background-repeat:no-repeat;
float:left;
margin-left:15px !important;
margin-right:15px !important;
margin-top:-2px;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.Rotation_01s {
animation: rotate .1s linear infinite;
}
.Rotation_025s {
animation: rotate .25s linear infinite;
}
.Rotation_05s {
animation: rotate .5s linear infinite;
}
.Rotation_1s {
animation: rotate 1s linear infinite;
}
.Rotation {
animation: rotate 2s linear infinite;
}
/*____________________ FACTURES / REGLEMENTS ________________________*/
.cont_balance_fact_regl{
float:left;
width:100%;
padding-top:0;
margin-left:0;
min-height:calc(100vh - 120px);
max-height:calc(100vh - 120px);
overflow-x:hidden;
overflow-y:scroll;
}
.cont_select_type_document_balance{
width:auto;
position:absolute;
left:0%;
margin-top:3px;
background:white;
}
.cont_choix_avoir_geste_com_reliquat{
position:fixed;
z-index:9000;
width:300px;
background:white;
right:2%;
margin-right:70px;
margin-top:25px;
}
/*____________________ FICHE CLIENT________________________*/
.cont_popup_full_activity_open,.cont_DIVERS_full{
display:block;
position:fixed;
z-index:9900;
background:white;
top:0vh;
left:0%;
width:100%;
height:100vh;
max-height:100vh;
overflow-x:hidden;
overflow-y:auto;
padding:0%;
margin:0;
/* transition: .30s; */
}
.cont_menu_volet_client{
float:left;
width:100%;
text-indent:30px;
padding:5px 0 !important;
/* background:var(--fond_1); */
/* background:var(--fond_2); */
background:var(--bleu);
}
.cont_menu_volet_client .titre_margin{
font-size:14px;
padding-top:10px !important;
padding-bottom:10px !important;
}
.cont_menu_volet_client button{
margin-left:25px !important;
}
.cont_body .cont_entete_listing_clients{
position:fixed;
z-index:20;
width:65.55%;
background:white;
padding:0;
margin-left:0;
transition: .15s;
}
.cont_body_R_2_3 .cont_entete_listing_clients{
width:50%;
transition: .15s;
}
.cont_body .cont_client_groupe_full{
position:fixed;
top:50px;
left:0;
width:50%;
height:calc(100vh - 50px);
max-height:calc(100vh - 50px);
margin-left:0%;
overflow-x:hidden;
overflow-y:auto;
background:white;
}
.cont_body_R_2_3 .cont_client_groupe_full{
width:48%;
}
.cont_cont_search_clients_for_attribution_groupe{
position:fixed;
background:white;
left:1%;
top:135px;
width:44%;
z-index:8999;
padding:2%;
}
.cont_cont_search_clients_for_a_qui_facturer_affranchissements{
position:absolute;
background:white;
left:1%;
margin-top:80px;
width:44%;
z-index:8999;
padding:2%;
}
.cont_detail_filtre_req_CL{
display:none;
}
.cont_detail_filtre_req_CL_open{
display:table-row;
}
/************ CONT POPUP FULL ACTIVITY ********************/
.cont_popup_full_activity{
display:none;
position:fixed;
top:0;
right:20%;
background:white;
/* transition: .30s; */
}
.cont_popup_full_activity_open{
display:block;
position:fixed;
z-index:9000;
background:white;
top:0vh;
left:0%;
width:100%;
height:100vh;
max-height:100vh;
overflow-x:hidden;
overflow-y:auto;
padding:0%;
margin:0;
/* transition: .30s; */
}
.ic_close_cont_popup_full_activity{
position:fixed;
z-index:8999;
font-size:30px;
right:10px;
top:0vh;
margin-top:10px;
margin-top:6px;
}
.cont_body .cont_popup_full_activity_open{
width:100%;
}
.cont_body .ic_close_cont_popup_full_activity{
right:10px;
}
.cont_body_R_2_3 .cont_popup_full_activity_open{
width:80vw;
border-right:2px solid var(--gris_clair);
}
.cont_body_R_2_3 .ic_close_cont_popup_full_activity{
right:calc(20vw + 10px);
}
.title_popup_full_activity{
float:left;
width:100%;
margin:0;
background:var(--bleu);
border-top:1px solid lightgrey;
border-bottom:1px solid lightgrey;
color:white !important;
text-align:left;
padding:10px 0;
}
/************ CONT POPUP FULL ACTIVITY /// MAPS ********************/
.cont_popup_full{
display:none;
position:fixed;
top:0;
right:20%;
background:white;
/* transition: .30s; */
}
.cont_popup_full_maps,.cont_popup_full_administrateur{
display:none;
position:fixed;
z-index:9998;
background:white;
top:0vh;
left:0%;
width:100%;
height:100vh;
max-height:100vh;
overflow-x:hidden;
overflow-y:hidden;
padding:0%;
margin:0;
border:none;
/* transition: .30s; */
}
/******** CONT IMPORTER *********/
.cont_traitement_general_facturation_auto{
position:fixed;
z-index:9996;
bottom:4vh;
right:1vw;
width:29.5vw;
padding:2vh 1vw;
background:white;
min-height:150px;
max-height:80vh;
overflow-x:hidden;
overflow-y:hidden;
}
.cont_valide_import{
float:left;
width:100%;
margin-left:0%;
background:var(--bleu);
color:white;
padding:15px 0;
transition: .35s;
}
.cont_cont_valide_import{
position:fixed;
z-index:10001 !important;
top:25vh;
min-height:15vh;
width:28%;
right:34.5%;
padding:1%;
color:var(--bleu_2);
background:white;
border:1px solid lightgrey;
margin-left:-1px;
border-radius:2px;
transition: .35s;
}
.cont_cont_valide_import_full,.cont_traitement_general_facturation_auto_full{
position:fixed;
top:0;
width:100%;
height:100vh;
left:0%;
z-index:9999;
background:white;
transition: .35s;
}
.cont_cont_valide_import_full .cont_valide_import{
position:fixed;
top:25vh;
left:30%;
right:30%;
width:40%;
background:var(--bleu);
color:white;
padding:15px;
transition: .35s;
}
#cont_valide_import input[type="button"]{
float:right;
}
.iframe_impression_gdd{
position:fixed;
top:9.5vh;
left:0;
width:66%;
min-height:89.5vh;
max-height:89.5vh;
/* border-right:1px solid lightgrey; */
border:none;
overflow-x:hidden;
overflow-y:hidden;
padding:0 0%;
margin:0;
background:white;
}
/************ CONT POPUP ********************/
.cont_popup{
display:none;
/* transition: .30s; */
}
.cont_popup_open{
display:block;
position:fixed;
z-index:9999;
background:var(--gris_tres_clair);
background:white;
top:0vh;
left:0%;
width:100%;
height:100vh;
max-height:100vh;
overflow-x:hidden;
overflow-y:hidden;
padding:0%;
margin:0;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
/* transition: .30s; */
}
.title_popup{
float:left;
width:100%;
margin:0;
background:var(--bleu);
border-top:1px solid lightgrey;
border-bottom:1px solid lightgrey;
color:white !important;
text-align:left;
padding:10px 0;
}
#search_popup{
position:fixed;
z-index:8999;
top:0vh;
margin-top:10px;
left:20%;
font-size:16px;
outline:none;
border:none !important;
width:20%;
border-bottom:1px solid transparent !important;
border-radius:5px;
text-indent:10px
}
.ic_close_popup{
position:fixed;
z-index:8999;
font-size:30px;
right:10px;
top:0vh;
margin-top:6px;
}
#cont_popup_donnees{
float:left;
width:100%;
height:100%;
margin-top:0px;
max-height:100%;
overflow:hidden;
}
/************ CONT POPUP MIN ********************/
.tooltip,.tooltip_right,.tooltip_left {
position: relative;
border-bottom: 1px dotted grey;
cursor:default
}
.tooltip:hover,.tooltip_right:hover ,.tooltip_left:hover {
color:var(--bleu_2);
}
/******** Tooltip CENTER *********/
.tooltip:before {
content: attr(data-tooltip);
position: absolute;
z-index:1000;
min-width: 130px;
width:140px;
background-color: white ;
color: var(--bleu_2) !important;
text-align: center;
padding: 5px;
line-height: 1.2;
border-radius: 4px;
z-index: 1;
opacity: 0;
transition: opacity .6s;
bottom: 135%;
left: 70%;
margin-left: -65px;
font-size: 12px;
font-family : 'Comic Sans MS', cursive;
visibility: hidden;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
}
/* Tooltip arrow */
.tooltip:after {
content: "";
position: absolute;
z-index:8999;
bottom: 65%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
opacity: 0;
transition: opacity .25s;
border-color: white transparent transparent transparent;
visibility: hidden;
}
/******** Tooltip right *********/
.tooltip_right:before {
content: attr(data-tooltip_right);
position: absolute;
min-width: 130px;
width:160px;
background-color: white ;
color: var(--bleu_2) !important;
text-align: center;
padding: 5px;
line-height: 1.2;
border-radius: 4px;
z-index: 1;
opacity: 0;
transition: opacity .25s;
bottom: 135%;
right: 0%;
margin-right: 0px;
font-size: 12px;
font-family : 'Comic Sans MS', cursive;
visibility: hidden;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
}
/* Tooltip arrow */
.tooltip_right:after {
content: "";
position: absolute;
z-index:8999;
bottom: 65%;
right: 10%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
opacity: 0;
transition: opacity .25s;
border-color: white transparent transparent transparent;
visibility: hidden;
}
/******** Tooltip left *********/
.tooltip_left:before {
content: attr(data-tooltip_left);
position: absolute;
min-width: 130px;
width:160px;
background-color: white ;
color: var(--bleu_2) !important;
text-align: center;
padding: 5px;
line-height: 1.2;
border-radius: 4px;
z-index: 1;
opacity: 0;
transition: opacity .25s;
bottom: 135%;
left: -5px;
margin-right: 0px;
font-size: 12px;
font-family : 'Comic Sans MS', cursive;
visibility: hidden;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
}
/* Tooltip arrow */
.tooltip_left:after {
content: "";
position: absolute;
z-index:8999;
bottom: 65%;
left: 10%;
margin-left: 0px;
border-width: 5px;
border-style: solid;
opacity: 0;
transition: opacity .25s;
border-color: white transparent transparent transparent;
visibility: hidden;
}
.tooltip:hover:before, .tooltip:hover:after,.tooltip_right:hover:before, .tooltip_right:hover:after ,.tooltip_left:hover:before, .tooltip_left:hover:after {
opacity: 1;
visibility: visible;
}
.popup_mini_open{
display:block;
position:fixed;
z-index:9990;
background:white;
top:13.5vh;
left:68%;
width:31%;
height:auto;
max-height:89vh;
overflow-x:hidden;
overflow-y:hidden;
margin:0;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
border-radius:10px;
border:1px solid lightgrey;
}
.popup_mini_full_open{
display:block;
position:fixed;
z-index:9990;
background:white;
top:0vh;
left:53%;
width:47%;
height:100vh;
max-height:100vh;
overflow-x:hidden;
overflow-y:hidden;
margin:0;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
border-radius:0px;
border:1px solid lightgrey;
}
#cont_popup_mini_donnees{
float:left;
width:100%;
margin-top:0%;
min-height:100%;
max-height:100%;
overflow-x:hidden;
overflow-y:hidden;
}
.cont_popup_mini_donnees_ligne{
float:left;
width:100%;
margin-top:0%;
min-height:100%;
max-height:60vh;
overflow-x:hidden;
overflow-y:auto;
}
.cont_popup_mini_donnees_ligne_full{
float:left;
width:100%;
margin-top:0%;
/* min-height:100%; */
height:auto;
max-height:calc(100vh - 60px);
overflow-x:hidden;
overflow-y:auto;
}
.count_check_all{
float:left;
margin-right:10px;
margin-left:0px;
background-image:url('../images/bg_radian_orange.jpg');
background-size: cover;
color:white;
font-weight:bold;
font-size:9px;
border:1px solid transparent;
margin-top:0px;
padding:0px 3px 1px 3px;
padding:3px;
letter-spacing:1px;
font-family: Arial, Helvetica, sans-serif;
}
.popup_mini_open_80_right{
display:block;
position:fixed;
z-index:9990;
background:white;
top:13.5vh !important;
left:32%;
width:67%;
height:auto;
max-height:85vh;
overflow-x:hidden;
overflow-y:hidden;
margin:0;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
border-radius:10px;
border:1px solid lightgrey;
}
.popup_mini_open_50_right{
display:block;
position:fixed;
z-index:9990;
background:white;
top:13.5vh;
left:52%;
width:47%;
height:auto;
max-height:85vh;
/* min-height:330px; */
overflow-x:hidden;
overflow-y:hidden;
margin:0;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
border-radius:10px;
border:1px solid lightgrey;
}
.popup_mini_open_50_left{
display:block;
position:fixed;
z-index:9990;
background:white;
top:13.5vh !important;
left:2%;
width:47%;
height:auto;
max-height:85vh;
overflow-x:hidden;
overflow-y:hidden;
margin:0;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
border-radius:10px;
border:1px solid lightgrey;
}
.popup_mini_open_60_left{
display:block;
position:fixed;
z-index:9990;
background:white;
top:13.5vh !important;
left:2%;
width:61%;
height:auto;
max-height:85vh;
overflow-x:hidden;
overflow-y:hidden;
margin:0;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
border-radius:10px;
border:1px solid lightgrey;
}
.popup_mini_open_60_right{
display:block;
position:fixed;
z-index:9990;
background:white;
top:13.5vh !important;
right:2%;
width:61%;
height:auto;
max-height:85vh;
overflow-x:hidden;
overflow-y:hidden;
margin:0;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
border-radius:10px;
border:1px solid lightgrey;
}
.popup_mini_open_reduct{
display:block;
position:fixed;
z-index:9990;
background:white;
top:90vh !important;
right:1%;
width:30%;
height:auto;
overflow-x:hidden;
overflow-y:hidden;
margin:0;
box-shadow: var(--shadow_2);
-webkit-box-shadow: var(--shadow_2);
-moz-box-shadow: var(--shadow_2);
border-radius:10px;
border:1px solid lightgrey;
}
.popup_mini_open_reduct .sous_cont_popup_mini_donnees{
display:none;
}
/************ GESTION DE BANQUE ***************/
.cont_gestion_releves_banque_donnees_full{
float:left;
width:100%;
height:calc(100% - 60px);
max-height:calc(100% - 60px);
}
.cont_gestion_releves_banque_donnees_reduct{
float:left;
width:60%;
height:calc(100% - 60px);
max-height:calc(100% - 60px);
}
.cont_gestion_releves_banque_donnees_volet{
float:left;
width:40%;
height:calc(100% - 60px);
max-height:calc(100% - 60px);
}
/* + #region iframe_MSP */
.iframe_MSP{
display:none;
position:fixed;
z-index:9996;
border:none;
width:100vw;
height:100vh;
max-height:100vh;
background: white;
overflow-x: hidden;
overflow-y: scroll;
}
.iframe_MSP_prepare{
display:none;
position:fixed;
z-index:9995;
border:none;
width:100vw;
height:100vh;
max-height:100vh;
background: white;
overflow-x: hidden;
overflow-y: scroll;
}
/* - #endregion */
/*******************************/
.cont_iframe_impression_mail_all_full{
position:fixed;
width:100%;
height:100%;
z-index:9996;
/* transition: .35s; */
}
.cont_iframe_impression_mail_all_full .iframe_impression_all{
width:60% !important;
max-height:calc(100vh - 5px);
min-height:calc(100vh - 5px);
/* transition: .35s; */
}
.cont_iframe_impression_cont_MAIL{
float:right;
width: calc( 100% - 354px );
margin-right:0px;
margin-top:0px;
max-height:600px;
min-height:600px !important;
/* transition: .15s; */
}
.popup_mini_open_50_left #cont_editables_mailing_DOC,
.popup_mini_open_50_right #cont_editables_mailing_DOC{
min-height:265px;
max-height:265px;
}
.cont_iframe_impression_mail_all_full #cont_editables_mailing_DOC{
min-height:60vh;
max-height:60vh;
}
.cont_iframe_impression_mail_all_full .cont_iframe_impression_cont_MAIL_full{
float:right;
width:40% !important;
min-height:100vh;
max-height:100vh;
/* transition: .15s; */
}
.cont_page_full_middle_left .iframe_impression_all,
.cont_page_full_middle_right .iframe_impression_all{
width:100% !important;
max-height:calc(100vh - 5px);
min-height:calc(100vh - 5px);
/* transition: .35s; */
}
.popup_mini_open_50_left .iframe_impression_all,
.popup_mini_open_50_right .iframe_impression_all{
width:354px !important;
max-height:590px;
min-height:590px;
/* transition: .35s; */
}
.cont_page_full_middle_right #ic_close_cont_iframe_impression_mail_all_for_grand_format{
display:block;
right:25px;
}
.cont_page_full_middle_left #ic_close_cont_iframe_impression_mail_all_for_grand_format{
display:block;
right:35.5%;
}
.cont_page_full_middle_left #cont_title_reduct_iframe_impression_mail_all,
.cont_page_full_middle_right #cont_title_reduct_iframe_impression_mail_all,
.popup_mini_open_reduct .iframe_impression_all,
.popup_mini_open_reduct .cont_iframe_impression_cont_MAIL,
.popup_mini_open_reduct .cont_iframe_impression_cont_MAIL_full,
.popup_mini_open_50_left #cont_title_reduct_iframe_impression_mail_all,
.popup_mini_open_50_right #cont_title_reduct_iframe_impression_mail_all,
.cont_iframe_impression_mail_all_full #cont_title_reduct_iframe_impression_mail_all{
display:none;
}
.popup_mini_open_reduct #cont_title_reduct_iframe_impression_mail_all{
display:block;
}
.popup_mini_open_reduct #cont_title_reduct_iframe_impression_mail_all_doc_name_id{
max-width:65%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.popup_mini_open_50_left #cont_choix_signature_MAIL_DOC,
.popup_mini_open_50_right #cont_choix_signature_MAIL_DOC{
width:55%;
max-width:55%;
height:460px;
}
.cont_iframe_impression_mail_all_full #cont_choix_signature_MAIL_DOC{
width:40%;
max-width:40%;
height:calc( 100vh - 50px);
}
/************ ********************/
#search_popup_plan_compta,#search_annonces_produits_masse{
position:fixed;
z-index:8999;
top:0vh;
margin-top:9px;
left:27%;
font-size:15px;
outline:none;
border:none !important;
width:10%;
border-bottom:1px solid transparent !important;
border-radius:5px;
text-indent:10px;
}
#search_cont_page_full{
font-size:13px;
outline:none;
border:none !important;
border-bottom:1px solid transparent !important;
border-radius:5px;
text-indent:10px;
margin-top:0px;
}
.msg_focus_search_cont_page_full{
position : fixed;
display:none;
margin: 40px 0 0 0px;
color:var(--bleu);
background: white;
}
.popup_mini{
display:none;
}
.popup_mini_open tr,.popup_mini_open th,.popup_mini_open td{
background:transparent !important;
border:none !important;
vertical-align:middle;
/* height:30px; */
}
.popup_mini_entete{
float:left;
width:100%;
margin:0px;
height:35px;
padding:5px 0 0 0;
text-indent:15px;
background:var(--bleu);
/* border-bottom:2px solid lightgrey; */
}
.popup_mini_entete i{
float:left;
font-size:24px;
margin-left:0px;
margin-top:3px;
cursor:default;
color:white !important;
}
.title_popup_mini{
float:left;
width:auto;
margin-top:7px;
margin-left:15px;
color:white;
font-weight:normal;
font-size:13px !important;
}
/* + #region POPUP_ALERT */
.popup_alert{
position:fixed;
z-index:10001 !important;
top:25vh;
min-height:200px !important;
height:auto !important;
width:400px !important;
left:calc(50% - 200px) !important;
padding:0%;
color:var(--bleu_2);
background:white;
border:1px solid lightgrey;
margin-left:-1px;
border-radius:10px;
}
.bg_popup_alert{
position:fixed;
z-index:10000 !important;
top:0;
left:0;
width:100%;
height:100vh;
background:white;
}
#popup_alert h5{
color:var(--bleu_2);
padding:0;
margin-top:0;
}
/* - #endregion */
/******** TAB PLANNING RCNA SIMPLE ***********/
.tab_planning_RCA_simple{
width:98%;
margin-left:0%;
margin-top:10px;
}
.tab_planning_RCA_simple th,.tab_planning_RCA_simple td{
text-align:center;
padding:0;
border:1px solid var(--gris_clair) !important;
}
.tab_planning_RCA_simple th{
background:var(--gris_tres_clair) !important;
}
.tab_planning_RCA_simple tr{
height:24px;
}
/******** TAB PLANNING RCNA ***********/
.tab_planning_RCA{
width:100%;
margin-left:0%;
}
.tab_planning_RCA th,.tab_planning_RCA td{
text-align:center;
padding:0;
}
.tab_planning_RCA tr{
height:24px;
}
.tab_planning_RCA th,.tab_planning_RCA td{
background:white !important;
color:black !important;
}
.tab_planning_RCA select,.tab_planning_RCA input[type="date"]{
border:1px solid transparent;
font-weight:bold;
outline:none;
padding:0 !important;
margin:0 !important;
}
.checkbox_mini{
/* float:left; */
margin-left:0px !important;
margin-top:4px !important;
width:14px !important;
height:14px !important;
}
.tab_contrat_rcna{
width:100%;
margin-left:0%;
/* padding:1%; */
/* margin-top:15px; */
/* border:1px solid var(--gris_clair); */
/* border-top:1px solid lightgrey; */
}
.tab_contrat_rcna select{
color:black !important;
margin-top:0 !important;
/* padding:5px; */
outline:none;
border:none;
/* font-weight:bold; */
}
#cont_historique_contrat b{
/* color:var(--bleu_2); */
color:black;
font-weight:normal;
}
#cont_historique_contrat td{
color:lightgrey !important;
/* vertical-align:top !important; */
}
/************** VOLET DROIT ********************/
.cont_volet_droit{
display:none;
}
.cont_body .cont_volet_droit_open{
position:fixed;
top:8.2vh;
left:66%;
width:34%;
height:90.8vh;
max-height:90.8vh;
/* border-left:1px solid var(--gris_clair); */
/* border-left:1px solid lightgrey; */
overflow-x:hidden;
overflow-y:scroll;
padding:0;
margin:0;
background:transparent;
transition: .15s;
}
.cont_body_R_2_3 .cont_volet_droit_open{
left:50%;
width:30%;
transition: .15s;
}
.presentation_produit{
float:left;
width:90%;
padding:0px 5%;
margin-top:15px;
}
.bloc_produit_detail{
float:left;
width:85%;
margin-left:2.5%;
padding:10px 5%;
margin-top:10px;
border:1px solid var(--gris_clair);
box-shadow: var(--shadow_mini);
-webkit-box-shadow: var(--shadow_mini);
-moz-box-shadow: var(--shadow_mini);
cursor:pointer;
}
.bloc_produit_detail_on{
float:left;
width:85%;
margin-left:2.5%;
padding:10px 5%;
margin-top:10px;
border:1px solid lightgrey;
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
cursor:pointer;
}
.bloc_produit_detail:hover{
border:1px solid lightgrey;
}
.bloc_produit_detail h5, .bloc_produit_detail_on h5{
padding:0;
margin:0;
}
.ic_suivant{
/* background:var(--bleu); */
font-weight:normal !important;
color:grey;
float:right !important;
border-radius:3px;
padding:3px;
margin-top:5px;
/* width:50px; */
text-align:center;
font-size:30px;
/* border:3px solid var(--gris_clair); */
}
.bloc_produit_detail:hover .ic_suivant,.bloc_produit_detail_on .ic_suivant{
background:var(--bleu);
color:white !important;
}
.presentation_produit_detail{
float:left;
padding:0;
margin:0;
font-style:italic;
width:100%;
}
.padding_bottom{
float:left;
width:100%;
height:30px;
}
.bottom_little{
float:left;
width:100%;
height:15px;
}
/********* FOR DEFAUT STOCK ************/
.sous_stock{
font-weight:bold;
border-left:2px solid red !important;
border-right:none !important;
color:red !important;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
}
.sur_stock{
font-weight:bold;
border-right:1px solid grey !important;
border-left:none !important;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
}
.sous_and_sur_stock{
font-weight:bold;
border-right:1px solid grey !important;
border-left:2px solid red !important;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
}
.stock{
font-weight:bold;
border-left:none !important;
border-right:none !important;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
}
/*********** VOIR PLUS *****/
.VOIR_PLUS{
text-align:center;
vertical-align:top;
cursor:pointer;
background:var(--gris_clair);
color:grey;
background:white;
color:grey;
font-size:15px;
height:300px;
padding-top:15px;
cursor:zoom-in
}
FIN_VOIR_PLUS{
text-align:center;
vertical-align:middle;
color:var(--bleu_2);
font-size:15px;
height:60px;
}
/*********** FRAME IPRESSION *****/
.iframe_impression{
display:none;
}
.iframe_impression_open{
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
}
/************ RADIUS **************/
.radius_3{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.radius_5{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.radius_10{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.radius_15{
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.radius_rond{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
/************ BTN SAVE / ANNULER **************/
.btn_save{
text-align:center !important;
font-size:14px !important;
font-weight:normal !important;
color:white !important;
padding:5px 15px !important;
background:var(--bleu) !important;
height:30px;
cursor:pointer;
}
.btn_save_mini{
float:right;
text-align:center !important;
font-size:10px !important;
font-weight:normal !important;
color:white !important;
padding:2px 5px !important;
background:var(--bleu) !important;
height:20px;
margin:0;
cursor:pointer;
}
.btn_destinataires_mini{
float:right;
text-align:center !important;
font-size:10px !important;
font-weight:normal !important;
color:white !important;
padding:2px 5px !important;
background:var(--bleu);
height:20px;
margin:0;
cursor:pointer;
}
.btn_annuler{
text-align:center !important;
font-size:14px !important;
font-weight:normal !important;
color:grey !important;
padding:5px 15px !important;
background:var(--gris_tres_clair) !important;
height:30px;
cursor:pointer;
}
.btn_annuler_mini{
text-align:center !important;
font-size:10px !important;
font-weight:normal !important;
color:grey !important;
padding:2px 5px !important;
background:var(--gris_tres_clair) !important;
height:20px;
margin:0;
cursor:pointer;
}
.btn_save:hover,.btn_save_mini:hover,.btn_annuler:hover,.btn_destinataires_mini:hover{
text-decoration:underline;
}
.btn_supprimer{
text-align:center !important;
font-size:14px !important;
font-weight:normal !important;
color:white !important;
padding:5px 15px !important;
background:grey !important;
height:30px;
cursor:pointer;
}
.btn_valider{
float:right;
margin-right:4% !important;
text-align:center !important;
font-size:14px !important;
font-weight:normal !important;
color:white !important;
padding:5px 15px !important;
background:grey !important;
height:30px;
display:none;
cursor:pointer;
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btn_valider:hover,.btn_valider:focus{
background:var(--bleu) !important;
}
/*+ #region UTILISATEUR */
/* CIU = cont_iframe_utilisateur */
.CIU_right{
max-width: 750px;
}
.cont_body .CIU_right{
position: fixed;
z-index:10500;
width: 44vw;
height:90vh;
max-height:90vh;
top:5vh;
right:1vw;
overflow:hidden;
background: white;
border-radius:10px;
}
.cont_body .CIU_client{
position: fixed;
z-index:10500;
width: 50vw;
height:100vh;
max-height:100vh;
top:0vh;
left:0vw;
overflow:hidden;
background: white;
border-radius:0;
}
.cont_body_R_2_3 .CIU_client{
width: calc(48% - 2px);
}
.cont_body_R_2_3 .CIU_right{
width: calc(48% - 2px);
right:21vw;
}
.CIU_right .title_CIU_client{
display:none;
}
.CIU_client .title_CIU{
display:none;
}
.ic_close_cont_iframe_utilisateur{
position: absolute;
right:10px;
top: 5px;
}
.iframe_utilisateur{
float: left;
width:100%;
margin-left: 0%;
min-height:calc(100% - 0px);
max-height:calc(100% - 0px);
background:white;
border:none;
}
.iframe_utilisateur_client{
float: left;
width:100%;
margin-left: 0%;
border:none;
min-height: 100%;
background:white;
}
.form_ut{
float: left;
width:100%;
height:auto;
padding-bottom:50px;
}
.cont_save_form_ut{
float: right;
width: calc(100% - 100px);
padding: 10px 15px;
margin: -5px 0 0 0;
display:none;
background: white;
}
.cont_menu_form_ut{
display:none;
float: left;
width:calc(100% - 4px);
margin:1px 2px 10px 2px;
}
.cont_menu_form_ut tr{
cursor: pointer;
height:40px;
}
.cont_menu_form_ut tr .text_none {
float:right;
margin-right:10px;
}
.cont_menu_form_ut tr:hover .text_none {
display:inline;
}
.cont_menu_form_ut th{
width:30px;
padding: 0 0 0 30px !important;
vertical-align: middle !important;
}
.ic_menu_form_ut{
float: left;
margin-top: 3px !important;
font-size: 22px !important;
color:grey;
}
.cont_menu_form_ut td{
padding: 0 0 0 30px !important;
font-size: 12px;
white-space:nowrap;
vertical-align: middle !important;
}
.tr_ch_ut{
height:45px;
}
.tr_ch_ut th{
vertical-align: top;
width:25px;
padding-top:5px !important;
}
.tr_ch_ut td{
vertical-align: top;
padding-top:0 !important;
}
.tr_ch_ut input[type=tel],
.tr_ch_ut .num_cni,
.tr_ch_ut .num_pc,
.tr_ch_ut .num_passeport,
.tr_ch_ut .num_cds{
width:100px;
}
.tr_ch_ut input[type=date],
.tr_ch_ut select{
width:auto;
}
.tr_ch_ut textarea{
resize:none;
}
.tr_ch_ut .cp,
.tr_ch_ut .bp {
width:80px;
}
.tr_ch_ut .pays{
width:80% !important;
}
.tr_ch_ut #nom {
width:70% !important;
}
.tr_ch_ut #prenom,
.tr_ch_ut .ville,
.tr_ch_ut input[type=email] {
width:50% !important;
}
.tr_ch_ut .cont_ic_img_photo_ut {
position:absolute;
z-index:10;
right:40px;
margin-top:45px;
min-width:200px;
max-height:40px;
}
.cont_check_utilisateur_existant{
float:left;
z-index:10;
background: white;
width:100%;
margin-top: 0px;
}
.hors_ecran {
width: 0;
height: 0;
overflow: hidden;
position: absolute;
left: -9999px;
}
.section_fiche_ut,
.role_fiche_ut{
width:300px !important;
}
.cont_search_listes_section_fiche_ut,
.cont_search_listes_role_fiche_ut{
position: absolute;
min-width:320px !important;
max-width:320px !important;
margin-left:0px !important;
margin-top:28px !important;
background:white;
font-size: 14px;
}
/*- #endregion UTILISATEUR */
/************ UN TRIANGLE **************/
.triangle{
height: 0;
border-top: 50px solid var(--gris_clair);
border-left: 50px solid transparent;
}
/************ OPACITY 0 ************/
.opacity_0,.ic_opacity_0{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
/* IE 5-7 */
filter: alpha(opacity=0);
/* Netscape */
-moz-opacity: 0;
/* Safari 1.x */
-khtml-opacity: 0;
/* Good browsers */
opacity: 0;
}
/************ OPACITY 70 ************/
.opacity_70{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
/* IE 5-7 */
filter: alpha(opacity=70);
/* Netscape */
-moz-opacity: 0.7;
/* Safari 1.x */
-khtml-opacity: 0.7;
/* Good browsers */
opacity: 0.7;
}
/************ OPACITY 50 ************/
.opacity_50{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
/* Good browsers */
opacity: 0.5;
}
/************ OPACITY 30 ************/
.opacity_30{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
/* IE 5-7 */
filter: alpha(opacity=30);
/* Netscape */
-moz-opacity: 0.3;
/* Safari 1.x */
-khtml-opacity: 0.3;
/* Good browsers */
opacity: 0.3;
}
.opacity_100,.tr:hover .ic_opacity_0,.tr_simple:hover .ic_opacity_0,.tr_for_selected:hover .ic_opacity_0,.vignette_middle:hover .ic_opacity_0,.vignette_mini:hover .ic_opacity_0,.vignette_URL:hover .ic_opacity_0,.cont_selected_gris:hover .ic_opacity_0,.onglet_open_file:hover .ic_opacity_0,.col_choose_REQ:hover .ic_opacity_0{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
/* IE 5-7 */
filter: alpha(opacity=100);
/* Netscape */
-moz-opacity: 1;
/* Safari 1.x */
-khtml-opacity: 1;
/* Good browsers */
opacity: 1;
}
/*==============================*/
/* INPUT RANGE */
/*==============================*/
input[type=range] {
-webkit-appearance: none;
margin: 10px 0;
width: 100%;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 1px;
cursor: pointer;
transition: 0.2s;
box-shadow: 0px 0px 0px #f8f1f1;
background: #bfc3c7;
border-radius: 13px;
border: 0px solid #a5a5ad;
transition: .25s;
}
input[type=range]::-webkit-slider-thumb {
box-shadow: 0px 0px 1px #fff6f6;
border: 0px solid #000000;
height: 14px;
width: 14px;
border-radius: 12px;
background: var(--bleu_2);
cursor: pointer;
-webkit-appearance: none;
margin-top: -6.5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #bfc3c7;
}
input[type=range]::-moz-range-track {
width: 100%;
height: 1px;
cursor: pointer;
transition: 0.2s;
box-shadow: 0px 0px 0px #f8f1f1;
background: #bfc3c7;
border-radius: 13px;
border: 0px solid #a5a5ad;
}
input[type=range]::-moz-range-thumb {
box-shadow: 0px 0px 1px #fff6f6;
border: 0px solid #000000;
height: 14px;
width: 14px;
border-radius: 12px;
background: var(--bleu_2);
cursor: pointer;
}
input[type=range]::-ms-track {
width: 100%;
height: 1px;
cursor: pointer;
transition: 0.2s;
background: transparent;
border-color: transparent;
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #bfc3c7;
border: 0px solid #a5a5ad;
border-radius: 26px;
box-shadow: 0px 0px 0px #f8f1f1;
}
input[type=range]::-ms-fill-upper {
background: #bfc3c7;
border: 0px solid #a5a5ad;
border-radius: 26px;
box-shadow: 0px 0px 0px #f8f1f1;
}
input[type=range]::-ms-thumb {
box-shadow: 0px 0px 1px #fff6f6;
border: 0px solid #000000;
height: 14px;
width: 14px;
border-radius: 12px;
background: var(--bleu_2);
cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
background: #bfc3c7;
}
input[type=range]:focus::-ms-fill-upper {
background: #bfc3c7;
}
.tab_init,
.tab_init tr,
.tab_init th,
.tab_init td{
background: initial;
color:initial;
border: initial;
padding:initial;
float:initial;
margin:initial;
}
div[contenteditable]*{
all: initial;
white-space: normal;
}
#tab_modele_mailing*{
all: initial;
}
.cont_msg_no_mode_paysage {
display:none;
}
.Yes_RESP,.Yes_RESP_cell,.Yes_RESP_row{
display:none;
}
/**************************************** RESPONSIVE ****************************/
/**************************************** RESPONSIVE ****************************/
/**************************************** RESPONSIVE ****************************/
/***************************** Tablette paysage *****************************/
/* @media (min-width: 901px) and (max-width: 1024px) {
} */
/***************************** Tablette portrait *****************************/
/* @media (min-width: 768px) and (max-width: 900px) {
} */
/***************************** Mobile *****************************/
/* @media (max-width: 720px) {
} */
/***************************** Mobile et tablette portrait *****************************/
@media (max-width: 900px) {
.my_scrollbar::-webkit-scrollbar {
width: auto;
}
.my_scrollbar {
scrollbar-width: auto;
}
.None_RESP {
display:none;
}
.Yes_RESP_row{
display:table-row;
}
.Yes_RESP_cell{
display:table-cell;
}
.Yes_RESP{
display:inline;
}
.FS15 {font-size:12px;}
.logo_small{
position:fixed;
z-index:9999;
height:25px !important;
left:10px;
margin-left:0px;
top:11px;
}
.tab_80_20, .tab_90_10{
width:100%;
margin-left:00%;
}
/* .tab_90_10{ */
/* width:90%; */
/* margin-left:5%; */
/* } */
.bloc_check_all{
position:relative;
width:50%;
min-width:auto;
z-index:9000;
color:white;
height:auto;
left:60px;
top:0vh;
margin-top:7px;
border-radius:0 ;
text-align:center;
background:white;
padding:0 0 0 0px !important;
cursor:pointer;
border-bottom:0px solid var(--bleu);
/* display:none; */
}
/********** MENU *******/
.cont_menu_top{
float:left;
height:32px;
margin-top:2px;
width:100%;
left:0%;
border-bottom:0.0vh solid var(--bleu);
box-shadow: var(--shadow_off) !important;
-webkit-box-shadow: var(--shadow_off) !important;
-moz-box-shadow: var(--shadow_off) !important;
}
#search_listing,#search_cont_page_full{
position:fixed;
margin-left:0px !important;
margin-left:0px !important;
left:0%;
width:100% !important;
height:40px !important;
margin-top:20px;
font-weight:normal;
border:none;
border-bottom:1px solid lightgrey;
padding-top:8px;
padding-bottom:8px;
outline:none !important;
border-radius:0px;
text-indent:10px;
font-size:13px;
}
#search_popup{
top:0;
position:fixed;
margin-left:0px !important;
margin-left:0px !important;
left:0%;
width:100% !important;
height:40px !important;
margin-top:42px;
font-weight:normal;
border:none;
border-bottom:1px solid lightgrey;
padding-top:8px;
padding-bottom:8px;
outline:none !important;
border-radius:0px;
text-indent:10px;
font-size:13px;
}
.ic_menu{
float:right;
background:none;
font-size:22px;
color:grey;
border:1px solid transparent;
border-radius:2px;
padding:1px 2px;
margin-top:0 !important;
margin-right:5px;
transition: .55s;
}
.ic_menu_hover{
float:right;
background:var(--bleu);
color:white;
border:none;
border:1px solid var(--bleu);
border-radius:2px;
padding:1px 2px;
margin-top:0 !important;
margin-right:5px;
transition: .55s;
}
/************ BLOC LISTING ********************/
.cont_listing{
position:relative;
left:0;
width:100%;
height:auto;
overflow-x:hidden;
overflow-y:auto;
padding:0 0%;
margin:0;
background:transparent;
}
/********* POPUP ALERT ***********/
.popup_alert{
position:fixed;
z-index:9999 !important;
top:0vh;
height:90vh;
width:90vw;
left:0%;
padding:5%;
color:var(--bleu_2);
background:white;
border:none;
margin-left:0;
border-radius:none;
}
.bg_popup_alert{
position:fixed;
z-index:9998 !important;
top:0;
left:0;
width:100%;
height:100vh;
background:white;
}
/************ CONT VOLET ********************/
.cont_volet_droit_open{
position:relative;
z-index:9000;
left:0;
width:100%;
height:auto;
overflow-x:auto;
overflow-y:auto;
padding:0 0%;
margin:0;
background:transparent;
}
.popup_mini_open,.popup_mini_open_50_right,.cont_cont_formulaire_mail_interne_full,.cont_popup_open,.popup_mini_open_60_right,.popup_mini_open_60_left {
display:block;
position:fixed;
z-index:9950;
background:white;
top:0 !important;
left:0% !important;
margin-left:0% !important;
width:100% !important;
height:auto;
max-height:100vh;
overflow-x:auto;
overflow-y:auto;
margin:0;
border-radius:0px;
border:none;
}
.cont_popup_full_maps {
display:none;
position:fixed;
z-index:9998;
background:white;
top:0 !important;
left:0% !important;
margin-left:0% !important;
width:100% !important;
height:auto;
min-height:100vh;
overflow-x:auto;
overflow-y:auto;
margin:0;
border-radius:0px;
border:none;
}
#cont_popup_mini_donnees{
float:left;
width:100%;
margin-top:0%;
max-height:none;
overflow-x:hidden;
overflow-y:auto;
}
.cont_popup_mini_donnees_ligne{
float:left;
width:100%;
margin-top:0%;
/* min-height:100vh; */
max-height:none;
overflow-x:hidden;
overflow-y:auto;
}
.ic_close_popup{
position:fixed;
font-size:22px;
right:10px;
top:0;
margin-top:10px;
}
.cont_menu_principal,.cont_messagerie,.cont_agenda{
transition: .2s;
}
.cont_menu_principal_open,.cont_messagerie_open,.cont_agenda_open,.cont_import_doc_achats,
.cont_form_validation_doc_achat{
position:fixed;
background:white;
z-index:9100;
width:100%;
top:0;
height:auto !important;
min-height:100vh;
overflow-y:auto;
right:0;
transition: .2s;
}
.cont_page_full_all{
position:fixed;
z-index:9901;
top:0vh;
left:0;
width:100%;
min-height:100vh;
max-height:100vh;
height:auto;
overflow-x:hidden;
overflow-y:hidden;
background:var(--gris_tres_clair) !important;
padding:0;
margin:0;
}
.cont_page_full_donnees{
float:left;
top:0vh;
left:0;
width:100%;
height:100%;
overflow-x:hidden;
overflow-y:auto;
padding:0;
margin:0;
}
.btn_sous_menu_gauche{
text-align:left;
width:90%;
float:left !important;
color:black;
border:none;
margin: 10px 5% 0 5%;
border-radius:5px;
cursor:pointer;
box-shadow: var(--shadow_1);
-webkit-box-shadow: var(--shadow_1);
-moz-box-shadow: var(--shadow_1);
border:1px solid var(--gris_clair);
border-top:1px solid transparent !important;
background:white;
}
.btn_sous_menu_gauche_hover{
width:90%;
margin: 10px 5% 0 5%;
margin-bottom:0px;
}
.cont_top_volet_responsive{
position:fixed;
top:45px;
width:100%;
background:white;
height:48px;
}
.cont_visonneuse_generale_full_left{
width:100%;
background-size: contain ;
transition: .35s;
}
.ic_opacity_0
{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
/* IE 5-7 */
filter: alpha(opacity=100);
/* Netscape */
-moz-opacity: 1;
/* Safari 1.x */
-khtml-opacity: 1;
/* Good browsers */
opacity: 1;
}
/************* CDE EN COURS ***********************/
.line_btn_filtrer_cde_cours_for_RESP{
display:block;
margin:1px 0 !important;
border: none;
border-top: 1px double var(--gris_clair);
}
.btn_filtrer_cde_cours,.btn_filtrer_cde_cours_on,.btn_filtrer_cde_cours:hover{
border:none !important;
}
.btn_filtrer_cde_cours_on{
font-weight:bold;
}
/************* BOUTIQUE ***********************/
.bloc_annonce_boutique{
width:46.5% !important;
margin: 10px 0% 0 1.75%;
height:280px;
}
.btn_defiltrer_boutique{
position:fixed;
top:75px;
left:2px;
text-decoration:none;
}
.cont_ic_panier_little{
margin-left:3px;
color:var(--bleu_2);
margin-top:140px;
}
.photo_bloc_annonce_boutique{
width:94%;
margin-left:3%;
height:150px;
margin-top:-5px;
/* border:1px solid grey; */
}
.premium_bloc_annonce_boutique{
padding:0px 2px 3px 0;
margin-right:5px;
margin-top:2px;
}
.recycle_bloc_annonce_boutique{
height:22px;
float:right;
margin-right:3px;
margin-top:3px;
}
.prov_france_bloc_annonce_boutique{
height:22px;
position:relative;
float:right;
margin-right:0px;
margin-top:130px;
}
.title_pack_bloc_annonce_boutique{
padding:3px 0px;
margin-left:-5px;
width:100%;
margin-top:10px;
font-weight:normal;
font-size:10px;
}
.lot_bloc_annonce_boutique{
float:left;
padding:2px 2px;
margin-left:3px;
margin-top:10px;
padding-left:10px;
padding-right:10px;
}
/*____________________ FACTURES / REGLEMENTS ________________________*/
#type_document_balance{
margin-left:-5px !important;
margin-bottom:10px;
width:100% !important;
text-align:center;
}
.cont_balance_fact_regl{
max-width:100vw !important;
height:auto ;
/* max-height:50vh !important; */
margin-left:0 !important;
overflow-x:hidden;
overflow-y:auto;
}
.cont_select_type_document_balance{
width:auto;
position:relative;
margin-left:0px;
margin-top:0px;
background:white;
}
.cont_choix_avoir_geste_com_reliquat{
position:fixed;
z-index:9000;
width:90%;
background:white;
right:2%;
margin-right:0;
margin-top:25px;
}
.cont_resume_etape_2_service_edition{
display:none;
}
.cont_saisie_etape_2_service_edition{
width:100%;
}
#cont_colis_et_douane{
width:100% !important;
border:none !important;
padding:0 !important;
margin-left:0 !important;
}
.bloc_exp_dest_recap_cde_livr_urg{
float:left !important;
width:87%;
padding:5px 3%;
margin-top:5px;
margin-left:3.5%;
border-radius:5px;
border:0px solid lightgrey;
}
.bloc_totaux_recap_cde_livr_urg{
float:right;
margin-right:5%;
width:60%;
font-size:15px;
margin-top:15px;
}
/************ CONT EXPEDITEUR / DESTINATAIRE *******************/
.cont_message{
position:fixed;
top:45px;
background:white;
padding:0px 0 0 0;
margin-top:0px;
height:20px !important;
font-size:10px;
width:100% !important;
left:0 !important;
margin-left:0 !important;
border-radius:0px !important;
background:var(--gris_clair);
}
.btn_valider,#btn_commander_livr_urgente{
margin-top:10px !important;
}
#ic_message{
margin-left:7px !important;
margin-top:12px !important;
}
#message{
margin-top:18px !important;
}
#cont_expediteur_saisie,#cont_destinataire_saisie{
width:100% !important;
margin:0;
margin-top:20px;
border-radius:none !important;
border:none;
}
.entete_expediteur_saisie,.entete_destinataire_saisie{
border-radius:0 !important;
padding:10px 0;
margin-bottom:15px;
}
.cont_tab_declare_douane_contenu{
overflow-y:auto;
max-width:95vw;
min-width:95vw;
margin-left:2.5vw;
}
}
@media screen and (max-width: 900px) and (orientation: landscape) {
/* Styles pour les appareils en mode portrait avec une largeur d'écran inférieure ou égale à 720px */
.cont_msg_no_mode_paysage {
display:block;
position:fixed;
z-index:10000;
top:0;
left:0;
width:100vw;
height:100vh;
background:white;
}
}