@charset "utf-8";

*{margin:0; padding:0}

body{margin:0; padding:0; width:100%; font-family:Verdana, Arial, Helvetica, sans-serif;}

a{outline:none; cursor:pointer;}
a img{border:none;}

/* /////////////////////////////////// */
/* /////// ELEMENTS RECURRENTS /////// */
/* /////////////////////////////////// */


/* CLASS global */
.global{float:left /* <= seulement version intermédiaire */; width:1150px; height:auto; margin:0 auto; padding:0 5px; transition:all 0.25s linear}
.global2{float:left /* <= seulement version intermédiaire */; height:auto; margin:0 auto; transition:all 0.25s linear}

@media screen and (max-width:1100px){
    .global{width:1010px; transition:all 0.25s linear}
    .global2{transition:all 0.25s linear}
}

/* HEADER */
header#BarreNavigation{float:left; width:100%; min-width:1025px; height:160px; background-image:url(../img/bg-header.png); background-position:top left; background-repeat:repeat-x; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select:none;}

/* TOP */
header#BarreNavigation #top{width:100%; height:40px;}

/* LOGGED */
header#BarreNavigation #logged{float:left; width:auto; height:30px;}

/* APP BUTTONS */
header#BarreNavigation #app-buttons{float:right; width:auto; height:30px; font-size:12px; padding-top:10px;white-space: nowrap;}

/* ////// BOUTONS RECURRENTS ////// */
header#BarreNavigation #app-buttons .online-help{float:left; display:block; width:auto; height:20px; color:white; background-image:url(../img/ico-online_help.png); background-repeat:no-repeat; background-position:10px center; line-height:20px;  padding:0 10px 0 30px; text-decoration:none; border-right:1px solid white; border-left:1px solid white;}                
header#BarreNavigation #app-buttons .online-help.active{background-color:white; color:#444; height:39px; margin:-10px 0 0 0; line-height:40px; border-bottom:1px dashed #CCC;}
header#BarreNavigation #app-buttons .online-help span{display:block; padding-right:15px; background-image:url(../img/triangle-aide-bas.png); background-repeat:no-repeat; background-position:right center;}
header#BarreNavigation #app-buttons .quit{float:left; display:block; width:auto; height:20px; margin-left:10px; color:white; background-image:url(../img/quitter.png); background-repeat:no-repeat; background-position:left center; line-height:20px; padding-left:30px; text-decoration:none; }
header#BarreNavigation #app-buttons .contact{float:left; display:block; color:white; width:auto; height:20px; background-image:url(../img/ico-contact.png); background-repeat:no-repeat; background-position:left center; line-height:20px; padding:0 10px 0 25px; margin-left:10px; text-decoration:none; border-right:1px solid white;}
header#BarreNavigation #app-buttons .menu-aide{display:none; z-index:1000; position:absolute; margin:0 0 0 -50px; top:40px; list-style-type:none; background-color:white; border-left:1px solid #818181; border-right:1px solid #818181; border-bottom:1px solid #818181;}
header#BarreNavigation #app-buttons .menu-aide li{min-height:30px; line-height:30px;}
header#BarreNavigation #app-buttons .menu-aide li a{display:block; width:auto; height:30px; padding:0 20px 0 35px;color:#444;}
header#BarreNavigation #app-buttons .menu-aide li a.help{background-image:url(../img/ico-online_help.png); background-repeat:no-repeat; background-position:6% center;}
header#BarreNavigation #app-buttons .menu-aide li a.user-guide{background-image:url(../img/ico-aide-guide.png); background-repeat:no-repeat; background-position:6% center;}
@media screen and (min-width:1300px){
    header#BarreNavigation #sMenu_guides{margin-left:139px}
}

header#BarreNavigation #app-buttons .menu-aide li a:hover{background-color:#EEE;}
header#BarreNavigation #app-buttons .menu-aide li a.btn-assist-user{border-top:1px solid #CDCDCD; border-bottom:1px solid #CDCDCD; padding:0; text-align:center; background-color:#DADADA; background-image:url(../img/triangle-gris-aide-bas.png); background-repeat:repeat-x; background-position:center 1px}
header#BarreNavigation #app-buttons .menu-aide li ul{display:block; list-style-type:none; background-color:#EEE; width:100%;}
header#BarreNavigation #app-buttons .menu-aide li ul li{padding:0;}
header#BarreNavigation #app-buttons .menu-aide li ul li a{padding-right:0}
header#BarreNavigation #app-buttons .menu-aide li ul li a.btn-assist-user{background-image:url(../img/triangle-gris-aide-bas.png); background-repeat:no-repeat; background-position:97% center;}
header#BarreNavigation #app-buttons .menu-aide li ul li a.assist-contact{background-image:url(../img/ico-aide-contact.png); background-repeat:no-repeat; background-position:4% center;}
header#BarreNavigation #app-buttons .menu-aide li ul li a.assist-tel{background-image:url(../img/ico-aide-tel.png); background-repeat:no-repeat; background-position:6% center;}

/* LOGO */
#logo{float:left; left:15px;width:242px; min-height:80px; height:auto; background-image:url(../img/bg-logo_y.png); background-repeat:repeat-y; text-align:center; z-index:49; position:absolute; transition:all 0.25s linear}
#logo img{margin:15px 0 0 0;width:196px; transition:all 0.25s linear; cursor: default;}
#logo img.cutter {margin:0 auto; float:none; max-width:220px; height:auto;cursor: default;}

#logo .welcome{font-size:11px; height:20px; color:#777;}

#logo-bottom{background-image:url(../img/bg-logo_bottom.png); background-repeat:no-repeat; background-position:bottom center;}
#logo-bottom .btn-logo-bottom{display:block; height:20px; width:100%; background-image:url(../img/triangle-orange-bas.png); background-repeat:no-repeat; background-position:117px -4px;}
#logo-bottom .btn-logo-bottom.opened{background-position:117px -23px;}

#company-infos{display:none;}
#company-infos .company{display:block; width:100%; font-size:11px; color:#C5062C; text-align:center; font-weight:bold; text-transform:uppercase; margin:5px auto; transition:all 0.25s linear}
#company-infos .subscriber-id{display:block; color:#777; font-style:italic; font-size:11px; width:100%; text-align:center; margin:5px auto;}
#company-infos .subscription-infos{width:100%; margin:5px auto; text-align:center}
#company-infos .subscription-infos a{display:inline-block; width:auto; text-decoration:none; color:#777; font-size:12px; font-style:italic; text-align:left; background-image:url(../img/puce-orange_fleche.png); background-repeat:no-repeat; background-position:left center; margin:0 auto; padding:0 0 0 10px; width:auto; white-space:nowrap}
#company-infos .subscription-infos a:hover{color:#C5062C;}
#company-infos .my-subscrib{color:#777; font-style:italic; font-size:11px; text-align:center; margin:10px auto;padding-left:10px;background:url(../img/puce-orange_fleche.png) no-repeat 0 1px;width:100px;}
#company-infos a.my-subscrib:hover{color:#C5062C;}

/*@media screen and (max-width:1100px){
#logo{width:220px; background-size:contain; min-height:100px; transition:all 0.25s linear}
#logo img{margin:10px 0 0 0;transition:all 0.25s linear}
#logo img.cutter {max-width:200px;}
#logo-bottom{background-size:219px auto}

#company-infos .company{font-size:10px; transition:all 0.25s linear}
}*/

/* PARTS BUTTONS */
nav#parts-buttons{float:left; width:510px; margin-left:350px; position:absolute; z-index:51;}
nav#parts-buttons ul{height:40px; width:525px; margin:0 auto;}
nav#parts-buttons li{float:left; width:auto; list-style-type:none; padding:0 20px 0 0;}
nav#parts-buttons li a{display:block; width:auto; height:40px; line-height:40px; color:white; white-space:nowrap; background-repeat:no-repeat; padding:0 5px 0 50px; font-size:13px; background-position:20px top}
nav#parts-buttons li:hover a{background-position:20px bottom;}
nav#parts-buttons li.active a{background-position:20px bottom;}

nav#parts-buttons li.gestion a{background-image:url(../img/icons/top-1-gestion.png);}
nav#parts-buttons li.gestion:hover,nav#parts-buttons li.gestion:hover a{background-color:#F6A800;}
nav#parts-buttons li.gestion.active{background-color:#F6A800;}
nav#parts-buttons li.historiques a{background-image:url(../img/icons/top-2-historique.png);}
nav#parts-buttons li.historiques:hover,nav#parts-buttons li.historiques:hover a{background-color:#58A6D1;}
nav#parts-buttons li.historiques.active{background-color:#58A6D1;}
nav#parts-buttons li.parametrage a{background-image:url(../img/icons/top-3-parametrage.png);}
nav#parts-buttons li.parametrage:hover,nav#parts-buttons li.parametrage:hover a{background-color:#C5062C;}
nav#parts-buttons li.parametrage.active{background-color:#C5062C;}

/* FAVORIS */
nav#parts-buttons li.btn-favoris{display:none; width:26px; height:42px; background-image:url(../img/buttons/btn-favoris.png); background-repeat:no-repeat; margin:0 5px; background-position:top center;}
nav#parts-buttons li.btn-favoris a{padding:0 !important;}
nav#parts-buttons li.btn-favoris.active{background-position:bottom center;}

/* MENU FAVORIS */
nav#menu .favorisMenu{display:none; z-index:50; position:absolute; width:75%; height:75px; margin:0 auto 0 12.5%; background-color:white; border:2px solid #818181;}


@media screen and (max-width:1160px){
nav#parts-buttons{width:auto; margin-left:246px;}
    header#BarreNavigation #app-buttons{position:relative;right:50px;padding-right:50px;}
}

@media screen and (max-width:980px){
    header#BarreNavigation #app-buttons{position:relative;right:100px;}
}

/* MENU */
nav#menu{float:left; display:table; width:100%; height:50px; margin-top:0px; background-image:url(../img/bg-menu-2.png); background-position:top; background-repeat:repeat-x; border-bottom:1px solid #DDD;}
.menu-ul{float:left; display:/*table-row*/none; width:auto; margin:0 0 0 262px; padding:10px 0 0 0;}
.menu-ul li.btn-menu{display:table-cell; list-style-type:none; white-space:nowrap;}
.menu-ul li.btn-menu a.btn{display:block; text-decoration:none; width:auto; height:30px; line-height:30px; text-transform:uppercase; margin: 0 10px 0 10px; padding:0 20px 0 15px; background-image:url(../img/triangles-bas.png); background-repeat:no-repeat; background-position:right center; color:#777; border-bottom:1px dashed white; font-size:13px; cursor:pointer;}

.menu-ul li.btn-menu ul.box-menu{float:left; display:none /* => devient inline-block dans JS */; position:absolute; background-color:white; width:auto; height:auto; padding:10px; z-index:200; left:auto;min-width:250px;}
.menu-ul li.btn-menu.parametrage ul.box-menu,.menu-ul li.btn-menu.validations_envois ul.box-menu,.menu-ul li.btn-menu.rapports_de_gestion ul.box-menu{left:auto; margin-left:-250px;}

.menu-ul.historiques li.btn-menu.agios_commissions ul.box-menu{margin-left:200px}
.menu-ul.historiques li.btn-menu.agios_commissions ul.box-menu li{min-width:150px;}
.menu-ul.historiques li.btn-menu.parametrage ul.box-menu{margin-left:-460px}
.menu-ul.parametrage li.btn-menu.parametrage ul.box-menu{margin-left:-380px}


.menu-ul li.btn-menu ul.box-menu li{float:left; display:table; margin:0 7px 0 0; list-style-type:none; white-space:nowrap;}
.menu-ul li.btn-menu ul.box-menu li span{font-family:Verdana, Arial, Helvetica, sans-serif;display:block; font-weight:bold; font-size:13px; height:20px; line-height:20px; color:#333; text-align:left; width:100%;}
.menu-ul li.btn-menu ul.box-menu li ul.sMenu{float:left; display:block !important; height:auto; width:auto; border-left:1px dashed #CCC;  margin:10px 15px 10px 0;}
.menu-ul li.btn-menu ul.box-menu li ul.sMenu li{float:none !important; width:auto !important;}
.menu-ul li.btn-menu ul.box-menu li ul.sMenu li a{font-family:Verdana, Arial, Helvetica, sans-serif;display:block; color:#777; width:auto; height:20px; font-size:12px; text-decoration:none; line-height:20px; padding:0 0 0 10px;}



.menu-ul.gestion li.btn-menu a{background-position:98% 0px;}
.menu-ul.gestion a.btn.displayed{color:#F6A800;}
.menu-ul.gestion a.btn.active{background-color:#F6A800; color:white; background-position:98% bottom;}
.menu-ul.gestion a.btn.active:hover{color:white; }
.menu-ul.gestion li a:hover{color:#F6A800}
.menu-ul.gestion .parametrage a.btn span{background-position:left 0}
.menu-ul.gestion .parametrage a.btn.active span{background-position:left bottom}
.menu-ul.gestion li.btn-menu ul.box-menu{border:2px solid #F6A800}
.menu-ul.gestion li.btn-menu ul.box-menu li ul.sMenu li a:hover{color:#F6A800}

.menu-ul.historiques li.btn-menu a{background-position:98% -30px;}
.menu-ul.historiques a.btn.displayed{color:#58A6D1;}
.menu-ul.historiques a.btn.active{background-color:#58A6D1; color:white; background-position:98% bottom;}
.menu-ul.historiques a.btn.active:hover{color:white;}
.menu-ul.historiques li a:hover{color:#58A6D1}
.menu-ul.historiques .parametrage a.btn span{background-position:left -30px;}
.menu-ul.historiques .parametrage a.btn.active span{background-position:left bottom;}
.menu-ul.historiques li.btn-menu ul.box-menu{border:2px solid #58A6D1}
.menu-ul.historiques li.btn-menu ul.box-menu li ul.sMenu li a:hover{color:#58A6D1}

.menu-ul.parametrage li.btn-menu a{background-position:98% -60px;}
.menu-ul.parametrage a.btn.displayed{color:#C5062C;}
.menu-ul.parametrage a.btn.active{background-color:#C5062C; color:white; background-position:98% bottom;}
.menu-ul.parametrage a.btn.active:hover{color:white;}
.menu-ul.parametrage li.btn-menu a:hover{color:#C5062C}
.menu-ul.parametrage .parametrage a.btn span{background-position:left -60px}
.menu-ul.parametrage .parametrage a.btn.active span{background-position:left bottom}
.menu-ul.parametrage li.btn-menu ul.box-menu{border:2px solid #C5062C}
.menu-ul.parametrage li.btn-menu ul.box-menu li ul.sMenu li a:hover{color:#C5062C}

.menu-ul .parametrage{background-image:url(../img/bg-parameters.png); background-repeat:no-repeat; background-position:left center;}
.menu-ul .parametrage a{background-position:top right;text-transform:none !important}
.menu-ul .parametrage a span{float:none; display:block; padding-left:25px; height:30px; background-image:url(../img/icons/ico-parametrage.png); background-repeat:no-repeat; background-position:left top;}


.li-parameters{background-image:url(../img/bg-parameters.png); background-repeat:no-repeat; background-position:left top; color:#777;}
.li-parameters .menu-ul li a{text-transform:none !important}

/* ///// ELEMENTS DE MISE EN PAGE //////*/
.txt-welcome{font-size:13px; color:#c1c1c1; line-height:20px;}
.user-logged{font-size:13px; color:white; line-height:20px;}
.p-left-15{padding-left: 15px;}
.p-top-15{padding-top: 15px;}
.p-bottom-15{padding-bottom: 15px;}
.p-right-15{padding-right: 15px;}
.p-15{padding: 15px;}
#contenu.p-top-bottom-15{padding: 15px 0 15px 0;}