/*---------------------------GLOBAL---------------------------*/
@import url('campagne.css');
@import url('caisse.css');
html{
margin:0px;
}
body{
background:#fbfbfb;font-family:Verdana,Arial;margin:0px;width:100%;height:100%;
}
#deco{
background:#fbfbfb url('general/body_bg.gif') repeat-x top left;font-family:Verdana,Arial;margin:0px;width:100%;height:100%;margin-bottom:50px;
}
#deco2{
font-family:Verdana,Arial;margin:0px;width:100%;height:100%;
}
h1{
color:#D44026;font-weight:normal;font-size:20px;line-height:24px;padding:0px; margin:0px 0px 10px 0px;
}
h2{
color:#666666;font-weight:normal;font-size:16px;margin:0px 0px 0px 0px;padding:0px;
}
h3{
color:#777777;font-weight:normal;font-size:18px;margin:10px 0px;padding:0px 0px 5px 0px;
}
h4{
color:#2b2927;font-weight:normal;font-size:15px;margin:0px;padding:0px;
}
a{
color:#2b2927;
}
a:hover{
color:#666666;
}
p{
font-size:12px;line-height:15px;padding:0px;
}
img{
border:none;
}
hr{
background-color:#DDDDDD;border:0 none;color:#DDDDDD;height:1px;
}
/*---------------------------PRINCIPAUX CONTENEURS---------------------------*/
#site{
width:100%;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:0px;padding:0px;
}
#alerte{
width:94%;background-color:#eee;color:#000000;padding:6px 3% 12px 3%;font-size:13px;
}
#alerte a{
padding:7px 0px 3px 35px;background:url('general/bug.png') no-repeat top left;text-decoration:none;line-height:20px;color:#D83A22;
}
#alerte_uti_secondaire{
width:94%;background-color:#444;color:#ffffff;padding:7px 3% 7px 3%;font-size:11px;
}
#alerte_uti_secondaire a{
background:#000000;border-radius:5px;padding:7px;text-decoration:none;line-height:20px;color:#FFFFFF;
}
#milieu{
padding:0% 1%;clear:both;float:left;width:98%;
}
#milieu_deco{
padding:0px 0px;float:left;width:100%;
}
#bas{
background:url('general/bas_bg.gif') repeat-x bottom left; padding:0% 3%; position:fixed; bottom:0px; width:94%;
}
#content_top{
float:right;width:100%;margin-bottom:5px;
}
#content{
width:100%;background:#FFFFFF;padding:0px;float:left;margin-bottom:10px;font-family:Arial;
}
#PSR_print{
width:100%;margin:0.5%;float:left;
}
/*---------------------------BANDEAU---------------------------*/
#bandeau{
background:url('general/bandeau_logo.png') no-repeat 30px top;clear:both;float:left;width:100%;height:82px;padding:0px 0px 0px 0px;
}
#bandeau img{
padding-top:3px;
}
/*---------------------------BARRE UTILISATEUR---------------------------*/
#outil{
width:751px;height:72px;float:right;
}
#barre_utilisateur{
background:url('general/outil_bg.png') no-repeat center right;width:751px;height:31px;margin:0px;float:right;text-align:right;padding:0% 2%;font-size:10px;color:#333333;line-height:30px;
}
#barre_utilisateur a{
color:#333333;
}
#user{
float:right;padding:0px 0px 0px 0px;color:#FFFFFF;
}
#menu_outil{
float:right;padding:2px 0px 0px 15px;position:relative;
}
#menu_utilisateur{
width:250px;position:absolute;right:0;border:1px solid #C1C0C0;background:#FFFFFF;padding:15px;display:none;line-height:22px;
}
#menu_utilisateur a{
font-size:12px;color:#2b2927;text-decoration:none;display:block;width:230px;padding:3px 10px;text-align:left;
}
#menu_utilisateur a:hover{
text-decoration:underline;
}
#menu_utilisateur #nom_utilisateur{
font-size:14px;font-weight:bold;color:#FFFFFF;display:block;text-align:left;
}
#menu_utilisateur #mail_utilisateur{
color:#666666;font-size:12px;display:block;text-align:left;
}
#menu_utilisateur #photo_profil{
width:100px;float:left;margin-right:10px;
}
#logout{
float:right;padding:0px 0px 0px 15px;color:#FFFFFF;
}
#logout a{
margin-top:3px;
}
#barre_option{
float:right;color:#ffffff;
}
/*--------------------- ACCES RAPIDE -----------------------*/
#acces_rapide{
height:40px; position:absolute; right:0px; top:72px;
}
#acces_rapide .acces_bouton{
float:left; width:45px; margin-right:7px;
}
#acces_rapide a{
text-decoration:none; width:45px; height:40px; display:block;
}
#acces_rapide a.acces_commande{
background:url('general/acces_commande.gif') no-repeat center left;
}
#acces_rapide a.acces_commande_plus{
background:url('general/acces_commande_plus.gif') no-repeat center left;
}
#acces_rapide a.acces_commande_plus_caisse{
background:url('general/acces_commande_plus_caisse.gif') no-repeat center left;
}
#acces_rapide a.acces_client_plus{
background:url('general/acces_client_plus.gif') no-repeat center left;
}
#acces_rapide a.acces_achat{
background:url('general/acces_achat.gif') no-repeat center left;
}
#acces_rapide a.acces_article{
background:url('general/acces_article.gif') no-repeat center left;
}
#acces_rapide a.acces_article_a_acheter{
background:url('general/acces_achat_multiple.gif') no-repeat center left;
}
/*---------------------- NOTIFICATIONS ----------------------*/
#notifications .afficher_tout{
text-align:center;font-size:11px;padding-top:2px;
}
#notifications .afficher_tout a{
text-decoration:none;
}
.notification a,.notification_read a{
padding:5px;display:block;font-size:11px;width:95%;text-decoration:none;
}
.notification a{
background:#73ACD3;color:#FFFFFF;
}
.notification_read a{
background:#EEEEEE;color:#000000;
}
#notifications_status{
float:right;margin:3px 5px 0px 0px;height:18px;
}
#notifications_status a{
text-decoration:none;font-size:10px;font-weight:normal;text-align:left;height:18px;padding:4px 0px 3px 25px;
}
#notifications_status .read{
background:url('general/notif_read.gif') no-repeat center left;color:#7bb0d5;
}
#notifications_status .unread{
background:url('general/notif_unread.gif') no-repeat center left;
}
#nb_unread_notifications{
display:block;height:16px;line-height:16px;
}
/*---------------------------MENU---------------------------*/
#menu_principal{
clear:both;float:left;height:31px;width:96%;padding:0% 2px;z-index:10;margin-bottom:5px;
}
#menu{
list-style:none;height:31px;padding:0px 0px;margin:0px;white-space:nowrap;z-index:10;
}
#menu li{
margin:0;display:inline;float:left;z-index:10;
}
#menu li a{
display:block;padding:0px 2px;line-height:31px;font-weight:bold;font-size:12px;color:#ffffff;text-decoration:none;z-index:10;
}
#menu li a.sub{
background:url('general/menu_deroulant_fleche.gif') no-repeat 95% 14px;z-index:10;
}
#menu li a.sub:hover{
background:url('general/menu_deroulant_fleche.gif') no-repeat 95% 14px;color:#FFFFFF;z-index:10;
}
#menu li a .deb{
height:30px;padding:9px 0px;z-index:10;
}
#menu li a .fin{
width:6px;padding:9px 0px;z-index:10;
}
#menu li a .milieu{
width:6px;padding:9px 10px;z-index:10;
}
#menu li.onglet_selected a .deb,li a:hover .deb{
background:url('general/menu_deb.gif') no-repeat bottom left;
}
#menu li.onglet_selected a .fin,li a:hover .fin{
background:url('general/menu_fin.gif') no-repeat bottom right;
}
#menu li.onglet_selected a .milieu,li a:hover .milieu{
background:url('general/menu_milieu.gif') repeat-x bottom left;
}
#menu ul{
list-style:none;background:#ffffff;position:absolute;display:none;padding:0px;margin:5px 0px 0px -1px;width:260px;z-index:10;border-bottom:solid 1px #2b2927;border-left:solid 1px #2b2927;border-right:solid 1px #2b2927;
}
#menu ul li{
float:left;z-index:10;padding:5px 15px;width:230px;
}
#menu ul li:hover{
background:#efefef;
}
.span_menu_intra_niv2{
z-index:10;display:block;padding:5px 0px;line-height:20px;text-decoration:none;color:#000000;font-weight:normal;font-size:11px;border:none;margin-left:0px;
}
#menu ul li a:hover{
color:#000000;background:#efefef;z-index:10;
}
#menu ul li a.sub{
background:url('general/menu_deroulant_fleche.gif') no-repeat 95% 12px;z-index:10;
}
#menu ul li a.sub:hover{
background:#efefef url('general/menu_deroulant_fleche.gif') no-repeat 95% 12px;color:#000000;z-index:10;
}
#menu ul li ul{
list-style:none;background:#ffffff;left:100%;width:260px;margin:-35px 0px 0px -1px;padding:0px;border-top:solid 1px #2b2927;border-left:none;border-right:solid 1px #2b2927;z-index:10;
}
#menu ul li ul li{
float:left;padding:5px 15px;width:230px;z-index:10;
}
#menu ul li ul li:hover{
background:#efefef;
}
#menu ul li ul li a{
display:block;padding:5px 20px;line-height:20px;text-decoration:none;color:#000000;font-weight:normal;font-size:11px;border:none;z-index:10;
}
#menu ul li ul li a:hover{
color:#000000;background:#efefef;z-index:10;
}
#menu a:hover,#menu a:active,#menu a:focus{
z-index:10;
}
#menu .montre{
display:block;z-index:10;
}
#menu li a.trace{
background:url('general/menu_deroulant_fleche.gif') no-repeat 95% 14px;color:#FFFFFF;z-index:10;
}
#menu li a.trace .deb{
background:url('general/menu_deb.gif') no-repeat bottom left;
}
#menu li a.trace .fin{
background:url('general/menu_fin.gif') no-repeat bottom right;
}
#menu li a.trace .milieu{
background:url('general/menu_milieu.gif') repeat-x bottom left;
}
#menu li ul li a.trace{
background:url('general/menu_deroulant_fleche.gif') no-repeat 95% 12px;color:#000000;
}
/*---------------------------MENU LAYER---------------------------*/
#menu_layer{
clear:both;float:left;height:37px;width:100%;border-bottom:solid 1px #CACACA;margin-bottom:5px;z-index:10;
}
#onglet_menu_layer{
display:block;list-style:none;height:37px;padding:0px;margin:0px;white-space:nowrap;z-index:10;
}
#onglet_menu_layer li{
list-style:none;white-space:nowrap;display:inline;float:left;margin:0px;z-index:10;
}
#onglet_menu_layer li a{
display:block;font-size:13px;padding:0px 7px 0px 7px;margin:0px 3px 0px 0px;text-decoration:none;height:36px;line-height:36px;
}
#onglet_menu_layer .onglet_form_layer{
background:#efefef;color:#999999;
}
#onglet_menu_layer .sub{
background:url('../Images/bullet_arrow_right.png') no-repeat center right #efefef;color:#999999;font-weight:bold;padding-right:16px;
}
.onglet_form_layer,.onglet_form_layer_select{
color:#000000;font-size:12px;border-top:solid 1px #dddddd;border-left:solid 1px #dddddd;border-right:solid 1px #dddddd;padding:10px;margin:2px;float:left;text-decoration:none;
}
.onglet_form_layer_select{
color:#2b2927;font-size:12px;
}
#onglet_menu_layer .onglet_form_layer_select,#onglet_menu_layer .onglet_form_layer:hover{
background:url('general/onglets_bg.gif') repeat-x top left;color:#FFFFFF;
}
#menu_layer ul li ul{
list-style:none;display:none;background:#FFFFFF;position:absolute;margin:37px 0px 0px 0px;padding:0;width:180px;z-index:10;border:solid 1px #CACACA;
}
#menu_layer ul li ul li{
float:left;z-index:10;width:100%;height:36px;
}
#menu_layer ul li ul li a{
display:block;font-size:13px;text-decoration:none;height:36px;line-height:36px;margin:0px;color:#666666;
}
#menu_layer ul li:hover ul{
display:block;
}
#menu_layer ul li ul li:hover a{
background:url('general/onglets_bg.gif') repeat-x top left;color:#FFFFFF;margin:0px;
}
#onglet_menu_layer span{
padding:10px 0px 10px 20px;
}
#onglet_menu_layer .edit{
background:url('../Images/pencil.png') no-repeat center left;
}
#onglet_menu_layer .flag_fr{
background:url('../Images/flags/fr.png') no-repeat center left;
}
#onglet_menu_layer .flag_gb{
background:url('../Images/flags/uk.png') no-repeat center left;
}
#onglet_menu_layer .fiche_client{
background:url('../Images/user_gray.png') no-repeat center left;
}
#onglet_menu_layer .commandes{
background:url('../Images/money_euro.png') no-repeat center left;
}
#onglet_menu_layer .sav{
background:url('../Images/information.png') no-repeat center left;
}

/*---------------------------OPTIONS---------------------------*/
#options{
float:left;height:40px;width:100%;padding:0px;
}
#options_ariane{
float:left;width:100%;padding:10px 0px;
}
/*---------------------------FIL ARIANE---------------------------*/
#ariane{
background:url('general/ico_home.gif') no-repeat top left;float:left;padding:0px 0px 0px 20px;font-size:12px;color:#2b2927;height:20px;
}
.div_ariane{
float:left;padding:3px 0px;height:12px;
}
#ariane a{
font-size:12px;color:#2b2927;text-decoration:none;
}
/*---------------------------OPTIONS ACTIONS---------------------------*/
.btn_print{float:right;margin-right:5px;}
#options_bouton{
float:right;
}
#options_bouton .contenu{
float:right; text-align:right;
}
#options_bouton ul{
float:left;list-style:none;padding:0px 0px;margin:10px 0px 0px 0px;width:100%;
}
#options_bouton li{
margin:0px 0px 10px 5px;display:block;float:left;width:95%;
}
#options_bouton li a{
background:url('general/lien_action.gif') no-repeat top left;padding-left:25px;display:block;font-size:13px;font-weight:normal;color:#000000;text-decoration:none;
}
#options_bouton li a:hover{
text-decoration:underline;
}
/*---------------------------PIED---------------------------*/
#bas .pied{
float:left;width:100%;height:30px;
}
#bas .liens_outils{
padding-top:5px;line-height:20px;color:#FFFFFF;font-size:11px;text-align:left;float:left;width:55%;
}
#bas .liens_outils a{
color:#FFFFFF;font-size:11px;text-decoration:none;
}
#bas .coordonnees{
padding-top:5px;line-height:20px;color:#FFFFFF;font-size:11px;text-align:right;float:right;width:35%;
}
#bas .coordonnees a{
color:#FFFFFF;font-size:11px;text-decoration:underline;
}
/*--------------------------- FORMULAIRES ---------------------------*/
input[type="text"],textarea,input[type="password"],select{
border:1px solid #BBBBBB;margin:0;color:#222222;
}
/* input[type="button"],input.btn-primary{
font-weight:bold;
}
*/
input.btn_login{
background-image:none;background-color:#2b2927;border-color:-moz-use-text-color -moz-use-text-color rgba(0,0,0,0.25);border-radius:5px 5px 5px 5px;border-style:none none solid;border-width:0 0 1px;box-shadow:0 1px 3px rgba(0,0,0,0.3);color:#FFFFFF;cursor:pointer;display:inline-block;padding:7px 12px 8px;position:relative;text-decoration:none;text-shadow:0 -1px 1px rgba(0,0,0,0.25);font-size:13px;font-weight:bold;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.25);
}
input[type="radio"]{
color:#222222;
}
input[type="checkbox"]{
color:#222222;
}
select{
border-radius:3px 3px 3px 3px;display:inline;background:none repeat scroll 0 0 #FFFFFF;padding:3px;margin:0;
}
label{
color:#222222;font-weight:normal;font-size:12px;cursor:pointer;
}
span.obligatoire{
font-size:11px;color:red;
}
div.obligatoire{
font-size:11px;padding:5px 0px;color:red;
}
div.actions{
padding:10px 0px;text-align:center;
}
div.zone_simple{
padding:10px 0px;
}
/*------------------------- CLASSES GLOBALES ---------------------*/
.texte{
font-size:11px;
}
.libelle{
color:#222222;font-size:12px;font-weight:bold;
}
.pagination a{
color:#222222;font-size:12px;font-weight:bold;
}
.titre{
color:#2b2927;font-size:16px;font-weight:bold;
}
.page_principale{
width:100%;
}
.message_alerte{
width:100%;font-size:20px;margin-bottom:10px;font-weight: bold;
}
.message_close{
background:url('general/close.png') no-repeat;background-position:0px 0px;width:10px;height:10px;position:relative;top:-2px;line-height:18px;float:right;text-decoration:none;
}
.message_close:hover{
background:url('general/close.png') no-repeat;background-position:0px -10px;width:10px;height:10px;
}
.message_erreur{
color:#CC0000;border:1px solid #CC0000;background:#F2DEDE;padding:10px;
}
.message_valide{
color:#468847;border:1px solid #468847;background:#DFF0D8;padding:10px;
}
.message_info{
color:#3a87ad;border:1px solid #3a87ad;background:#d9edf7;padding:10px;
}
.message_warning{
color:white;border:1px solid #C09853;background:#f7a6a6;padding:15px;
}
.green{
color:#468847;
}
.gras{
font-weight: bold;
}

.red{
color:#CC0000;
}
a.bouton{
background:none repeat scroll 0 0 #2b2927;border-radius:3px 3px 3px 3px;color:#FFFFFF;display:inline-block;font-size:11px;line-height:20px;padding:0 10px 0;text-decoration:none;cursor:pointer;
}
a.bouton:hover{
text-decoration:underline;
}
a.gros_bouton{
background:none repeat scroll 0 0 #2b2927;border-radius:3px 3px 3px 3px;color:#FFFFFF;display:inline-block;font-size:14px;line-height:27px;padding:0 10px 0;text-decoration:none;cursor:pointer;
}
a.gros_bouton:hover{
text-decoration:underline;
}
a.info{
color:#000000;font-size:12px;font-weight:normal;position:relative;text-decoration:none;border-bottom:0.5px dotted #999999;
}
a.info span{
display:none;
}
a.info:hover{
background:transparent none repeat scroll 0 0;cursor:help;z-index:500;
}
a.info:hover span{
background-color:#FAFAFA;border:3px solid #CCCCCC;color:black;display:inline;font-size:12px;font-weight:normal;left:20px;padding:5px;position:absolute;top:30px;white-space:nowrap;
}
a.voir_suite{
background:url('general/voir_suite.gif') no-repeat top left;color:#FFFFFF;height:22px;font-size:11px;text-decoration:none;padding:0px 0px 0px 22px;
}
a.voir_suite span{
background:url('general/voir_suite.gif') no-repeat top right;padding:7px 10px 7px 7px;float:left;line-height:8px;
}
.div_bouton_suite{
height:50px;padding:0px 0px 0px 45px;
}
a.bouton_suite{
float:left;color:#FFFFFF;font-size:14px;height:14px;line-height:14px;font-weight:bold;text-decoration:none;padding:14px 20px 22px 7px;
}
a.bouton_suite span{
padding:0px;
}
.disabled{
color:#666666;font-style:italic;text-decoration:none;
}
.critical{
color:#D8000C;
}
.clear{
clear:both;
}
.pagination{
font-size:12px;margin-top:10px;padding:0px 0px 10px 0px;
background-color: #f7f7f7;
background-color: #f1f1f1;
background-image: -ms-linear-gradient(top, #ffffff, #f1f1f1);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
background-image: -o-linear-gradient(top, #ffffff, #f1f1f1);
background-image: linear-gradient(top, #ffffff, #f1f1f1);
background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1);
background-repeat: repeat-x;
}
.pagination table{
padding:0px 15px 0px 10px;
}
.sprite{
float:left;padding-right:10px;
}
.sprite_galerie{
float:none;
}
.sprite_galerie_none{
width:24px;height:24px;font-size:9px;
}
.sprite_item_galerie{
float:left;padding:0px 4px 10px 4px;
}
.sprite_item_galerie input[type=radio]{
margin:3px 0px 0px 7px
}
/*---------------- LEGENDE ---------------*/
a.legende{
color:#5C8EC1;font-size:12px;font-weight:bold;position:relative;text-decoration:none;
}
a.legende > img{
position:relative;bottom:-3px;border:none;
}
a.legende div.legende-content{
display:none;text-align:left;
}
a.legende span.legende-titre{
display:block;color:#2b2927;font-weight:normal;font-size:15px;margin:0px;padding:0px;text-align:left;
}
a.legende:hover{
background:transparent none repeat scroll 0 0;cursor:help;z-index:500;
}
a.legende:hover div.legende-content{
background-color:#FAFAFA;border:3px solid #2b2927;color:black;display:inline;font-size:12px;font-weight:normal;left:20px;padding:5px;position:absolute;top:30px;white-space:nowrap;
}
div.legend_box_color{
float:left;height:18px;margin-right:10px;width:5px;
}
div.legende-content img.bullet{
position:relative;bottom:-5px;border:none;
}
/*-------------------------- ICONFILE -------------------*/
/* Style les liens vers pièces jointes avec icone selon extension */
a.iconfile{
background:url(../Images/iconfile_default.png);height:52px;width:52px;display:block;text-align:center;margin:0;padding:0;
}
a.iconfile[href$=".pdf"]{
background:url(../Images/iconfile_pdf.png) no-repeat center right;
}
a.iconfile[href$=".ppt"]{
background:url(../Images/iconfile_ppt.png) no-repeat center right;
}
a.iconfile[href$=".xls"],a.iconfile[href$=".xlsx"]{
background:url(../Images/iconfile_excel.png) no-repeat center right;
}
a.iconfile[href$=".doc"],a.iconfile[href$=".docx"],a.iconfile[href$=".odt"]{
background:url(../Images/iconfile_word.png) no-repeat center right;
}
/*------------------------ Module ---------------------*/
/* Gestion des modules sur menu*/
.type_module{
font-size:14px;cursor:pointer;
}
.liste_module_open{

}
.liste_module_close{
display:none;
}
.identification{
border:2px solid #DDDDDD;padding:0 0 0 150px;
}
/*----------------------------- POPUP ----------------*/
h1.popup_titre,span.popup_titre{
font-size:12px;font-weight:bold;line-height:13px;color:#000000;padding:0px 0px 10px 0px;margin:0;
}
div.popup_content{
font-size:11px;
}
#indicateur-container{
height:400px;width:350px;color:#bbb;background-color:#ffffff;padding:10px;z-index:1000;
}
#indicateur-container .simplemodal-data{
padding:5px;color:#000000;z-index:1000;
}
#indicateur-container code{
background:#141414;border-left:3px solid #65B43D;color:#bbb;display:block;font-size:12px;margin-bottom:12px;padding:4px 6px 6px;z-index:1000;
}
#indicateur-container a.modalCloseImg{
background:url(../../Produit/Script/simplemodal/css/img/x.png) no-repeat;width:25px;height:29px;display:inline;z-index:32000;position:absolute;top:-15px;right:-16px;cursor:pointer;
}
#indicateur-container h3{
color:#84b8d9;z-index:1000;
}
#workflowAction-container{
height:500px;width:600px;
}
#comm_gestion_achats_produit-container{
height:150px;width:500px;color:#bbb;background-color:#ffffff;padding:10px;z-index:1000;
}
#comm_gestion_achats_produit-container .simplemodal-data{
padding:5px;color:#000000;z-index:1000;
}
#comm_gestion_achats_produit-container code{
background:#141414;border-left:3px solid #65B43D;color:#bbb;display:block;font-size:12px;margin-bottom:12px;padding:4px 6px 6px;z-index:1000;
}
#comm_gestion_achats_produit-container a.modalCloseImg{
background:url(../../Produit/Script/simplemodal/css/img/x.png) no-repeat;width:25px;height:29px;display:inline;z-index:32000;position:absolute;top:-15px;right:-16px;cursor:pointer;
}
#comm_gestion_achats_produit-container h3{
color:#84b8d9;z-index:1000;
}
.admin_menu_layer{
color:#2b2927;font-size:12px;border-top:solid 1px #dddddd;border-left:solid 1px #dddddd;border-right:solid 1px #dddddd;padding:10px;margin:5px;
}
.admin_menu_layer_select{
color:#2b2927;font-size:14px;font-weight:bold;border-top:solid 1px #dddddd;border-left:solid 1px #dddddd;border-right:solid 1px #dddddd;padding:10px;margin:5px;
}
.admin_langue{
border-top:solid 1px #dddddd;border-left:solid 1px #dddddd;border-right:solid 1px #dddddd;background-color:#eeeeee;width:100px;margin:5px;
}
.admin_langue_select{
font-weight:bold;border-top:solid 1px #dddddd;border-left:solid 1px #dddddd;border-right:solid 1px #dddddd;width:150px;margin:5px;
}
/*---------------------------TABLE IDENTIF---------------------------*/
p.loginInfo{
margin:5px 0px;
}
div.loginBox{
padding:3px 0px;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
div.loginBox input{
font-size:14px;width:230px;padding:6px 10px 6px 10px;margin:0px;
}
div.loginBox label{
font-weight:bold;width:100%;text-align:left;
}
div.loginBox div.userBox{
margin:10px 0px;text-align:center;
}
div.loginBox div.userBox label{
margin:2px 3px 2px 16px;
}
div.loginBox div.passBox{
margin:20px 0px 5px 0px;text-align:center;
}
div.loginBox div.passBox label{
margin:2px 3px 2px 0px;
}
div.loginBox div.buttonBox{
margin:10px 0px;text-align:center;padding:15px 0px 0px 0px;
}
/*---------------------------TABLEAU TRIABLE---------------------------*/
.entete_col{
color:#000000;
}
.entete_col_triAsc,.entete_col_triDesc{
text-decoration:underline;
}
.entete_col .triActions,.entete_col_triAsc .triActions,.entete_col_triDesc .triActions,.triActions{
float:left;text-align:left;margin-right:5px;
}
.entete_col a,.entete_col_triAsc a,.entete_col_triDesc a,.triActions a{
text-decoration:none;color:#000000;display:block;
}
.entete_col_triAsc a.tri_asc{
display:none;
}
.entete_col_triDesc a.tri_desc{
display:none;
}
.table thead tr th.entete_col_triAsc, .table thead tr th.entete_col_triDesc
{
background-color: #f6f6f6;
background-color: #ffffff;
background-image: -ms-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#ffffff));
background-image: -webkit-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -o-linear-gradient(top, #f6f6f6, #ffffff);
background-image: linear-gradient(top, #f6f6f6, #ffffff);
background-image: -moz-linear-gradient(top, #f6f6f6, #ffffff);
background-repeat: repeat-x;
}
/*---------------------------TABLE DONNEES---------------------------*/
.ligne_paire{
background:#F2F2F2;
}
.ligne_impaire{
background:#FFFFFF;
}
.ligne_paire:hover{
background:#FFB08E;color: #003580;
}
.ligne_impaire:hover{
background:#FFB08E;color: #003580;
}
.multicoche_tableau{
width:99%;height:25px;background:#DDDDDD;color:#555555;font-size:11px;
}
.multicoche_tableau .fleche{
float:left;width:5%;height:25px;background:url('general/fleche_coche.gif') no-repeat bottom center;
}
.multicoche_tableau .lien{
float:right;width:95%;height:25px;
}
.multicoche_tableau .lien a{
background:url('general/fleche_coche_sep.gif') no-repeat center right;color:#555555;font-size:11px;font-weight:bold;padding:3px 10px 3px 10px;float:left;margin:2px 2px 0px 0px;
}
.multicoche_tableau .lien a:last-child{
background:none;
}
.multicoche_tableau .lien a.lien_ajout{
background:#555555;float:right;color:#FFFFFF;text-decoration:none;border:solid 1px #555555;cursor:pointer;
}
.lien_option_saisie {
float:right;text-decoration:none;height:15px;padding:4px;
}
a.lien_ajout{
font-size:11px;font-weight:bold;padding:5px 10px;margin:5px 0px;background:#555555;color:#FFFFFF;text-decoration:none;cursor:pointer;border:solid 1px #b2b2b2;display:block;text-align:center;
}
.table,.table_no_hover{
border-collapse:collapse;font-size:12px;border:solid 1px #dddddd;width:99%
}
.table tr,.table_no_hover tr{

}
.table tr td,.table_no_hover tr td{
border-bottom:solid 1px #dddddd;padding:5px 10px
}
.table thead tr th,.table tfoot tr td,.table tr.entete_table td,.table tr.pied_table td,.table_no_hover tr.entete_table td,.table th,.table_no_hover th{
background:#ffffff url('general/entete_table_bg.gif') repeat-x top left;border-top:solid 1px #dddddd;border-bottom:solid 1px #dddddd;padding:9px 10px;font-weight:bold;line-height:20px;text-align:left;
}
.table tr td .sous_table,.table tr td .sous_table tr td {
	background:none; border:1px; padding:1px 1px;font-weight:normal;line-height:10px;text-align:left;
}
.table thead th.text_center,.table thead td.text_center,.table th.text_center,.table td.text_center,.text_center{
text-align:center;
}
.table thead th.text_right,.table thead td.text_right,.table th.text_right,.table td.text_right,.text_right{
text-align:right;
}

.table tr.filtre td{
background:#eeeeee;border-bottom:solid 1px #dddddd;padding:10px 10px;font-weight:bold;line-height:20px;
}
.table tr.titre_table_espace td{
background:#a4dfff;color:#000000;font-weight:bold;font-size:13px;line-height:20px;
}
.table td.item{
border:0px;color:#62b4e1;font-size:12px;font-weight:bold;
}
.table td.item .texte{
color:#000000;font-weight:normal;
}
.table tr.no_border td{
border:0px;
}
.table tr.ligne_type_prestation {
background-color: #CCC;font-weight: bold;
}
.table tr.ligne_type_prestation:hover td {
background-color: #CCC;font-weight: bold;
}
.table tr.ligne_option {
background-color: #2b2927;font-weight: bold;color:#FFFFFF;
}
.table tr.ligne_option:hover td {
background-color: #2b2927;font-weight: bold;color:#FFFFFF;
}
.filtre{
background:#fafafa;border:solid 1px #dddddd;padding:10px 10px;font-weight:bold;line-height:20px;font-size:12px;margin-bottom:10px;width:99%;
}
.filtre .libelle{
color:#000000;
}
.filtre label{
font-weight:bold;/*line-height:20px;*/font-size:12px;
}
#putTreeHere table,#putTreeHere td{
margin:0;padding:0;
}
/*------------------ Table formulaire --------------------*/
.table_form{
margin:0px;
}
.table_form tr{

}
.table_form td{
line-height:20px;padding:2px 5px;font-size:11px;
}
.table_form th{
color:#2b2927;font-size:14px;font-weight:bold;text-decoration:none;line-height:20px;padding:5px 5px;
}
.table_formulaire{
border:solid 1px #DEDEDE;margin:0px;width:100%;border-collapse:collapse;
}
.table_formulaire tr{

}
.table_formulaire td,.table_formulaire th{
padding:5px 5px;font-size:11px;
}
.table_formulaire td.entete_table,.table_formulaire tr.entete_table td{
color:#333333;font-size:15px;font-weight:bold;text-decoration:none;line-height:20px;padding:5px 5px;
}
.ligne_form_paire{
background:#F6F6F6;
}
.ligne_form_paire td,.ligne_form_impaire td{
border-bottom:1px solid #DEDEDE;
}
.table .ligne_form_paire:hover,.table_formulaire .ligne_form_paire:hover{
background:#D9EBFC;
}
.table .ligne_form_impaire:hover,.table_formulaire .ligne_form_impaire:hover{
background:#D9EBFC;
}
.ligne_form_impaire{
background:#FFFFFF;border-bottom:1px solid #DEDEDE;
}
.table_couleur{
border:solid 1px #DDDDDD;margin:0px;
}
.table_couleur tr{

}
.table_couleur td,.table_couleur th{
line-height:20px;padding:2px 5px;font-size:11px;
}
.table_couleur td.entete_table,.table_couleur tr.entete_table td{
color:#333333;font-size:15px;font-weight:bold;text-decoration:none;line-height:20px;padding:5px 5px;
}
.table_couleur2{
background-color:#eeeeee;margin:0px;padding:10px 0px;
}
.table_couleur2 tr{

}
.table_couleur2 td,.table_couleur2 th{
line-height:20px;padding:2px 5px;font-size:11px;
}
.table_couleur2 td.entete_table,.table_couleur2 tr.entete_table td{
color:#2b2927;font-size:14px;font-weight:bold;text-decoration:none;line-height:20px;padding:3px 5px;
}
/*---------------------- POPUP ALERTES ---------------------*/
.popup_alerte{
position:absolute;border:2px solid #999999;background-color:#FFFFFF;font-size:12px;padding:0px;
}
.popup_alerte .entete{
background-color:#eeeeee;color:#ffffff;line-height:30px;padding:5px 5px;
}
.img_left{
float:left;padding:0px 10px 10px 0px;
}
.img_icone_left{
float:left;padding:0px 10px 0px 0px;
}
.img_right{
float:right;padding:0px 0px 10px 10px;
}
.div_left{
width:50%;background-color:#eeeeee;float:left;margin:0px 10px 10px 0px;
}
.document{
padding:5px 5px 5px 5px;float:left;width:100%;
}
.document ul li{
font-size:12px;line-height:15px;padding:0px;
}
/*------------------- PLAN DU SITE -----------------*/
h1.plan_niveau{
border-bottom:2px solid #eeeeee;color:#004CA0;font-size:14px;font-weight:normal;margin:2px 0;
}
h2.plan_niveau{
color:#004CA0;font-size:12px;font-weight:normal;margin:2px 0;padding-left:20px;border:0px;
}
#plan_site ul{
list-style-image:none;list-style-position:outside;list-style-type:none;
}
/*------------------ARTICLE-------------------*/
#article{
float:left;width:100%;
}
#article h1{
color:#000000;font-weight:bold;font-size:36px;margin:5px 0px;padding:0px;
}
#article p{
margin:10px 0px;text-align:justify;
}
#article .contenu{
float:left;padding:0px 20px;
}
#article .chapeau{
float:left;width:100%;
}
#article .chapeau p{
font-size:14px;font-weight:bold;
}
#article .zone1{
float:left;width:100%;margin:10px 0px;
}
#article .zone1 img{
float:left;display:block;background:#000000;margin:10px 10px 10px 0px;width:400px;height:280px;
}
#article .zone2{
float:left;width:100%;margin:10px 0px;
}
#article .zone2_g{
float:left;margin:10px 10px 10px 0px;width:200px;
}
#article .zone2_d{
float:right;margin:10px 0px 10px 10px;width:200px;
}
#article .zone2 img{
display:block;background:#000000;margin-bottom:10px;width:200px;height:140px;
}
#article .zone2 .extrait{
float:left;padding:10px;background:#eeeeee;font-size:12px;
}
#article .zone3{
float:left;width:100%;background:#eeeeee;margin:10px 0px;
}
#article .zone3 .contenu{
float:left;background:#eeeeee;padding:10px;
}
#article .zone4{
float:left;width:100%;margin:10px 0px;
}
#article .zone4 p{
border-bottom:solid 1px #dddddd;padding:5px 0px;
}
#article .zone4 p a{
text-decoration:none;
}
/*---------------------- ONGLET -------------------*/
.onglet_form{
color:#000000;font-size:12px;border-top:solid 1px #dddddd;border-left:solid 1px #dddddd;border-right:solid 1px #dddddd;padding:10px;margin:2px;float:left;text-decoration:none;
}
.onglet_form_disabled{
color:#dddddd;font-size:12px;border-top:solid 1px #dddddd;border-left:solid 1px #dddddd;border-right:solid 1px #dddddd;padding:10px;margin:2px;float:left;text-decoration:none;
}
.onglet_form_selected, .onglet_form_selected:hover{
color:#ffffff;font-size:12px;border-top:solid 1px #dddddd;border-left:solid 1px #dddddd;border-right:solid 1px #dddddd;padding:10px;margin:2px;float:left;text-decoration:none;
background:url("general/onglets_bg.gif") repeat-x left top;
}
.onglets_page li, #onglet_reference li, #onglet_commande li{
display: inline-block;
}
.onglets_page span{
background: no-repeat scroll left center transparent; padding-left:16px;
}
#onglet_reference, #onglet_commande, .onglets_page ul{
margin-bottom: 0;
}
.content_onglet{
border:solid 1px #DDD;
}
#menu_reference{
clear: both;
}
#menu_reference .general{
background-image: url("../Images/page_white.png");
}
#menu_reference .descriptif{
background-image: url("../Images/page_white_copy.png");
}
#menu_reference .stocks{
background-image: url("../Images/box.png");
}
#menu_reference .tarifs{
background-image: url("../Images/money_euro.png");
}
#menu_reference .ecotaxe{
background-image: url("../Images/recycle.png");
}

#menu_commande .details{
background-image: url("../Images/page_white.png");
}
#menu_commande .recherche-produit{
background-image: url("../Images/magnifier.png");
}
#menu_commande .reglement{
background-image: url("../Images/money.png");
}
#menu_commande .livraison{
background-image: url("../Images/lorry.png");
}
#menu_commande .historique{
background-image: url("../Images/clock.png");
}
#menu_commande .infos{
background-image: url('../Images/information.png');
}
#menu_commande .factures{
background-image: url("../Images/money_euro_vert.png");
}
#menu_commande .relances {
  background-image: url(../Images/arrow_redo.png);
}

/*---------------------- FACTURE -------------------*/
#echeancier_facturation .facturation_client{
margin:20px 0px;float:left;width:100%;
}
#echeancier_facturation .contenu{
border-top:1px solid #2b2927;float:left;width:100%;
}
#echeancier_facturation h2{
background:#FFFFFF;color:#2b2927;display:block;float:left;height:30px;line-height:30px;margin:-20px 10px 0;padding:5px 10px 5px 20px;
}
#echeancier_facturation .tableau_factures{
clear:both;
}
#emission_facture .facturation_client{
margin:20px 0px;float:left;width:100%;
}
#emission_facture .contenu{
border-top:1px solid #2b2927;float:left;width:100%;
}
#emission_facture h2{
background:#FFFFFF;color:#2b2927;display:block;float:left;height:30px;line-height:30px;margin:-20px 10px 0;padding:5px 10px 5px 20px;
}
#emission_facture .tableau_devis{
clear:both;
}
.float-left{
float:left;
}
.float-right{
float:right;
}
.fil_ariane_forum{
font-size:0.7em;margin-bottom:10px;
}
.show{
display:block;
}
.hide{
display:none;
}
/*---------------------- TARIFS -------------------*/
.indicateur_tarifs{
display: inline-block; vertical-align: top;
}
.tarif_en_cours{
width:35%;
}
.autres_tarifs{
width:64%;
}
.is_tarif_courant{
font-weight: bold;
}

/****************** FICHE DESCRIPTIVE REFERENCE ************************/

.fiche_descriptive_specifique_reference{
width:45%;
padding:4px;
display: inline-block;
vertical-align: top;
align:right;
}

.fiche_descriptive_generale_reference{
width:45%;
padding:4px;
display: inline-block;
vertical-align: top;

}

.fiche_reference {

}

.entete_fiche_reference{
	padding:5px;
}
#bouton_valider_reference{


}

#zone_gauche_entete_reference{
	display:block;
	float:left;
}

#zone_droite_entete_reference{
	display:block;
	float:right;
}


/************** FOURNISSEUR *************************/

#zone_droite_entete_commande_achat{
	display:block;
	float:right;
}


/*---------------------- STOCKS -------------------*/
.stock_ref{
display: inline-block; vertical-align: top; width: 49%;
}
/*---------------------- Récapitulatif de commande -------------------*/
.produit p { margin-left:70px; }
/*---------------------- REFERENCE -------------------*/
.photo_reference{
float:left; margin-right: 10px;
}
.photo_reference img{
max-height: 80px;
}
.resume_reference{
	padding: 0px 2px;
	overflow: auto;
	margin-top: 0.5em;
}


/* ------ RECHERCHE PRODUIT ------------------*/

a.produit_attente_validation {
color:#E7713E;
}
a.produit_archive {
color:#631F03;
}


/************** CLIENT *************************/
.ligne_adresse {
background-color: #fff;font-weight: bold;
}

.lien_action_en_liste {
	font-size:11px;font-weight:bold;padding:3px ;margin:5px 0px;background:#555555;color:#FFFFFF;text-decoration:none;cursor:pointer;border:solid 1px #b2b2b2;display:block;text-align:center;
	float:right;
}
.multicoche_tableau_liste{
width:100%;height:45px;background:#DDDDDD;color:#555555;font-size:11px;
}
.multicoche_tableau_liste .fleche{
float:left;width:5%;height:25px;background:url('general/fleche_coche.gif') no-repeat bottom center;
}
.multicoche_tableau_liste .lien a{
	color:#555555;font-size:11px;font-weight:bold;padding:15px 10px 3px 10px;float:left;margin:2px 2px 0px 0px;

}

.multicoche_tableau_liste .lien{
float:right;width:95%;height:30px;
}

/*------------- BTN PRIMARY -------------*/
.btn-primary {
  background-color: #D44026;
  *background-color: #B22813;
  background-image: -ms-linear-gradient(top, #D44026, #B22813);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D44026), to(#B22813));
  background-image: -webkit-linear-gradient(top, #D44026, #B22813);
  background-image: -o-linear-gradient(top, #D44026, #B22813);
  background-image: -moz-linear-gradient(top, #D44026, #B22813);
  background-image: linear-gradient(top, #D44026, #B22813);
  background-repeat: repeat-x;
  border-color: #CC5500 #B22813 #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#D44026', endColorstr='#B22813', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #B22813;

}

.btn-primary:active,
.btn-primary.active {
  background-color: #004099 \9;
}

.enlevement_mixte{
	font-size:11px;
	font-weight: bold;
	color:#B22813;
}

.modele_expo
{
	font-size:11px;
	color:#B22813;
}
.ui-multiselect-menu{
z-index: 10003 !important;
}
.bleu{color: #004099;}
.bleu_ciel{color:#028852}
.rouge_vif{color: #FF5050;}
.noir{color: #000000;}
.rouge{color: #AA5050;}
.noir{color:#050505
}

.orange{color:#ff7f00}
.vert{color:#028802}
.tip {
  background: #DDD;
  border: 1px solid #686868;
  color: #686868;
  padding: 10px;
  margin:5px;
  font-size: 12px;
  cursor: pointer;
}
body.modal-open { position: fixed; width: 100%; }
optgroup
   {display: inline-block;border-right:1px #B4B4B4 solid;vertical-align: top;}

.disabled-button[disabled] {
    pointer-events: none !important;
}

.text-right {
    text-align: right;
}
h5{
    font-size:30px;
    font-weight: 100;
    font-family: system-ui;
    color: #fe8125;
    line-height: 30px;
}
.texte-chart-doughnut {
    position: absolute;
    top: 65%;
    left: 41%;
}
.img-container {
    position: relative;
    text-align: center;
    color: white;
}
.img-span-icon {
    text-align: left;
    font-weight: normal;
    margin: 0;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -20%);
    z-index: 10;
    width: 75%;
}
.d-inline-block {
    display: inline-block;
}

.d-flex {
    display: flex;
}
.w-25 {
    width: 25%;
}
.w-50 {
    width: 50%;
}
.w-75 {
    width: 75%;
}
.w-100 {
    width: 100%;
}
.h-25 {
    height: 25%;
}
.h-50 {
    height: 50%;
}
.h-75 {
    height: 75%;
}
.h-100 {
    height: 100%;
}
.text-decoration-none {
    text-decoration: none !important;
}
.mb-2 {
    margin-bottom: 20px;
}
.p-2 {
    padding: 20px;
}