/* ////////////////////////    Neutralize styling  /////////////////////////////  */
   * {margin:0; padding:0}
html, body, form, fieldset{
    margin: 0;
    padding: 0;
    font-size: 100.01%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,checkbox,p,blockquote,th,td{
    margin:0px;
    padding:0px;
}
h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal;
}
form label {
    cursor: pointer;
}
fieldset, img{
    border: none;
}
input, select, textarea {
    font-family: inherit;
    font-size:100.01%;
}
table, th, tr, td{
    text-align: left;
}
table{
}
ul{
    float:left;
}
li{
    list-style-type:none;
    float: left;
}
p{
    padding:3px 0px;
}
h1{
    font-size:17px;
}
h2{
    font-size:16px;
}
h3{
    font-size:12px;
}
h4{
    font-size:11px;
}
h5{
    font-size:10px;
}

*{
    outline: none;
}

.cleaner{clear:both;}

/* /////////////////////////////////// */
a, a:link, a:active, a:visited {
    color:#003883;
    outline:none;
}
a:hover {

}
body{
    /* background:url(../images/bg_extranet.jpg); */
    font-family:Arial,sans-serif;
    font-size:12px;
    color:#555555;
    width:100%;
}
pre{
    font-family:Arial,sans-serif;
    line-height: normal;
    white-space: pre-wrap;
}
#container{
    min-width:990px;
    width:100%;
}
#lagardereLogo{
    float:left;
    padding:17px 10px 8px 15px;
    width:240px;
}
#header{
    float:left;
    width:100%;
    /*background-color:#FFFFFF;*/
    font-size:13px;
    position:fixed;
    z-index:100;
}
#headerBienvenue{
    color: #DEE1E6;
    position: absolute;
    right: 10px;
    top: 8px;
}
#headerBienvenue a{
    color:#DEE1E6;
}
#userSupList{
    position: absolute;
    right: 10px;
    top: 35px;
}
#userSupList select{
    margin-top:2px;
}
#userSupList select.userSupActive{
    border-color:#E8E744;
    border-width: 2px;
    margin-top:0px;
}
#header.userSupActive{
    border-bottom: 2px solid #E8E744;
}

#contSelected{
    float:right;
    line-height: 26px;
}
#underHeader #contSelected a{
    float: left;
    padding:0;
    text-decoration: none;
    color:#555555
}
#underHeader #contSelected a:hover{
    text-decoration: underline;
}
#contSelected a#selContactNom{
    float: left;
    font-size: 12px;
    padding-left: 5px;
    font-weight: bold;
}
#contSelected a#selCompteNom{
    color: #AAAAAA;
    float: left;
    font-size: 10px;
    padding: 0px 3px;
}
#contSelected #delSelContact{
    background:transparent url(../images/removeSmallGray.png) no-repeat scroll 0 0;
    padding-right: 10px;
    float: left;
    margin-top:5px;
}


#underHeader{
    background-color: #f5f5f5;
    border-bottom: 1px solid #A2BCD7;
    border-top: 1px solid #A2BCD7;
    float: left;
    /*padding: 6px 0 4px;*/
    position: relative;
    width: 100%;
    line-height:26px;
}
#underHeader a{
    padding:0 5px 2px 25px;
    display:block;
    float:left;
    margin-left:3px;
}

#underHeaderPipeline{
    float: left;
    padding: 2px 0px 0 10px;
}
#underHeaderPipeline span{
    float: left;
}
#underHeaderPipeline .colorMinus{
    color:#F00F00;
}
#underHeaderPipeline .colorPlus{
    color:#27AD03;
}


a#underHeaderDemandes{
    background:url('../images/cart.png') no-repeat 3px 5px;
}

a#underHeaderAppel{
    /*background-position: 0 2px;*/
    background: url("../images/actions/telephone.png") no-repeat 3px 5px;
    margin-left: 10px;
}
a#underHeaderAppel span{
    left:50px;
    top:1px;
}

a#underHeaderOccasion{
    /*background-position: 0 -13px;*/
    background: url("../images/occasions/occasion.png") no-repeat 3px 5px;
}
a#underHeaderOccasion span{
    left:200px;
    top:1px;
}
a#underHeaderSiratise{
    background: url("../images/contacts/siratisePercent.png") no-repeat 3px 5px;
}
a#underHeaderMarketing{
    background-image: url("../images/marketing/linkIcon.png") ;
}


a#underHeaderReunion{
    /*background-position: 0 -31px;*/
    background: url("../images/actions/rdv.png") no-repeat 3px 5px;
}
a#underHeaderReunion span{
    left:343px;
    top:1px;
}

a#underHeaderReunionInt{
    background-position: 0 -52px;
}
a#underHeaderReunionInt span{
    left:509px;
    top:1px;
}

a#underHeaderTache{
    /*background-position: 0 -73px;*/
    background: url("../images/actions/tache.png") no-repeat 3px 5px;
}
a#underHeaderTache span{
    left:343px;
    top:1px;
}

#underHeader .level0, #underHeader .level1, #underHeader .level2, #underHeader .level3{
    border-style: solid;
    border-width: 0 1px;
}
/*
#underHeader .level1{background-color: #ECC; border-color: #DCC; color: #A88;}
#underHeader .level2{background-color: #EAA; border-color: #DAA; color: #A44;}
*/

#underHeader .level0{background-color: #EEE; border-color: #DDD; color: #666;}
#underHeader .level1{background-color: #CEC; border-color: #CDC; color: #4A4;}
#underHeader .level2{background-color: #FB8; border-color: #FA6; color: #B60;}
#underHeader .level3{background-color: #E88; border-color: #D88; color: #A00;}


#lastViewed{
    background-color:#F2F8FC;
    border:1px solid #94C1E8;
    border-top:none;
    padding:3px 3px 1px 3px;
    float:right;
    width:72%;
}
#lastViewed span{
    float:left;
    font-weight:bold;
    margin:2px 3px 2px 0;
}
#lastViewed li{
    background-color:#D4E2EB;
    margin:0 1px 2px;
    padding:2px 5px;
    min-width:140px;
    text-align:center;
}
#lastViewed li a{
    text-decoration: none;
}
#lastViewed li a:hover{
    text-decoration: underline;
}

#logoIcon{
    background:url("../images/logoIcon.png") no-repeat scroll 5px 2px transparent;
    display: block;
    float: left;
    height: 35px;
    width: 42px;
}
#moduleListCont{
    background: url("../images/menu_top_bg.png") repeat-x scroll 0 0px #DEE1E6;
    float: left;
    height: 60px;
    width: 100%;
}

ul#moduleList{
    float:left;
    color:#444444;
    display:block;
    /*width: 870px;*/
}
ul#moduleList li{
    position: relative;
    background:url(../images/menu_tab.png) no-repeat right top;
}
ul#moduleList li ul{
    display:none;
    position:absolute;
    top:32px;
    background-color: #DEE1E6;
}
ul#moduleList li ul li{
   margin-right:0px;
   background-image: none;
   height:100%;
}
ul#moduleList li ul li a{
    border-bottom: 4px solid #9FCBEF;
    color: #436391;
    display: block;
    padding:7px 10px 1px;
}


ul#moduleList li:hover ul, ul#moduleList li ul:hover{
    display: block;
}

ul#moduleList li a{
    font-weight:bold;
    text-decoration:none;
    color:#ffffff;
    float:left;
}
ul#moduleList li a span{
    padding: 9px 15px 7px 10px;
    float:left;
    cursor: pointer;
    font-size: 15px;
}
#tab_contacts{

}

ul#moduleList li a.mmTabSelected{


}
a.mmTabSelected, ul#moduleList li a:hover{
    background-color: #DEE1E6;
    display:block;
    -moz-border-radius: 5px 5px 0 0;
    border-radius:5px 5px 0 0;
    margin-top: 3px;
}

ul#moduleList li a.mmTabSelected span, ul#moduleList li a:hover span{
    color:#436391;
    padding-top: 7px;
}
ul#moduleList li ul li a:hover, ul#moduleList li ul li a.pageMenuSelected{
    background:none;
    border-bottom:4px solid #436391;
    margin-top:0px;
}

#sub_tab_admin{
    left:0px;
    width:600px;
}

#sub_tab_actions{
    left: -50px;
    width:420px;
}
#sub_tab_catalogue{
    left: -190px;
    width:580px;
}

#sub_tab_devis_cde{
    left: -70px;
    width:400px;
}
#sub_tab_recap{
    left: -525px;
    width: 790px;
}
ul#sub_tab_recap li{
    float:right;
}

ul#moduleList li ul.subMenuBlockSelected{
    display:block;
}
#content{
    float:left;
    min-height:700px;
    padding:10px 8px 10px 9px;
    width:98.3%;
    margin-top:90px;
}
#content .h1Cont{
    width:100%;
    border-bottom: 5px solid #9FCBEF;
    margin-bottom:3px;
    float:left;
}
.h1Cont h1{
    float:left;
    font-weight:bold;
    padding:2px 0px;
}
.h1Cont h1 span{
    color:#4E8CCF;
}
.h1ContWithBtn h1{
    padding-top:10px;
}
#footer{
    background-color: #254A71;
    clear: left;
    color: #DBE3EF;
    float: left;
    font-weight: bold;
    margin-top: 100px;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}

.loaderImg{
    background:url(../images/loader.gif) no-repeat scroll 0 0;
    display:none;
    height:16px;
    width:16px;
}
/* ////// paging numbers ////////*/
.pageNumbers{
	line-height:30px;
	text-align:center;
        width:490px;
}
.pageNumbers span{
	color:#cccccc;
        font-size:12px;
}
.pageNumbers span a{
	background:none;
	color:#555555;
        font-size:12px;
}
.pageNumbers span a:hover{
	background:none;
	color:#222222;
}
.pageNumbers a, .pageNumbers .currentPage{
    background-color:#DDDDDD;
    color:#555555;
    font-size:11px;
    margin:0 2px;
    padding:1px 4px;
    text-decoration:none;
    -moz-border-radius:3px;
    border-radius:3px;
}
.pageNumbers a:hover, .pageNumbers .currentPage{
	color:#ffffff;
	background-color:#003883;
}
#gotoForm{
	float:right;
	padding-right:7px;
	position:relative;
}
#gotoForm table{
	width:155px;
	height:30px;
}
#gotoError{
    border:1px solid #AAAAAA;
    left:0;
    padding:5px 0;
    position:absolute;
    text-align:center;
    top:-48px;
    width:200px;
}

input.gotoSubmit{
    background:url("../images/submitSmall.png") no-repeat scroll 0 5px transparent;
    border:0 none;
    cursor:pointer;
    height:17px;
    width:17px;
}
/* ************************************* */
.pageNumsblock{
    float:left;
    border:1px solid #dddddd;
    border-bottom:none;
    line-height:30px;
    width:99.9%;
    background-color: #FFFFFF;
}
#perPageSelect{
    float:right;
    padding:0 14px;
}
#perPageSelect select{
    float:none;
}
.block{
    background-color:#f5f5f5;
    border:1px solid #cccccc;
    width:99.9%;
    margin-bottom:15px;
    float:left;
    -moz-border-radius: 3px 3px 3px 3px;
}
.listTable{
    border-collapse:collapse;
    border-bottom:1px solid #bbbbbb;
    width:100%;
}
.listTable .lightText{
    font-size: 10px;
    color:#aaaaaa;
    padding-left:5px;
}
.listTable tr.listLight{
    background-color: #ffffff;
}
.listTable tr.listDark{
    background-color: #f2f2f2;
}
.listTable tr.cboxSelLine{
    background-color: #EDEAD9;
}
.listTable tr:hover{
    background-color: #E3F0F9;
}
.listTable td:hover{
    background-color: #D1E2EE;
}
.listTable td{
    border: 1px solid #DDDDDD;
    padding: 6px;
}
.listTable td.userNotActive{
    color:#aaaaaa;
}
.listTable td.listTableTdInputPadding{
    padding:4px 6px;
}
.listTable th{
    background-color:#DEE1E6;
    border:1px solid #BBBBBB;
    color:#003883;
    font-weight:bold;
    padding:7px 5px;
}
th.listCbTd, td.listCbTd{
    width:10px;
}
th.listCbTd input, td.listCbTd input{
    width:auto;
}
.listTable td .highlight, .listTable td a .highlight, .autocompleteHighlight, .highlight{
    color:#1A6FC8;
    font-weight:bold;
}
.autocompleteLight{
    color:#aaaaaa;
    padding-left:5px;
}
#resultsTrouves{
    float:left;
    padding:0 10px
}
.listTable td.listRightBtn img{
    float:left;
}
.emptySortArrow{
    background:transparent url(../images/arrowUpDown.png) no-repeat scroll right top;
    height:16px;
    padding-right:21px;
    white-space:nowrap;
    width:16px;
}
.sortArrowDown{
    background-position: right -31px;
}
.sortArrowUp{
    background-position: right -16px;
}

/* *************** classes **************** */
.width100{
    width:100%;
}
.width80{
    width:80%;
}
.icon16px{
    cursor:pointer;
    display:block;
    float:left;
    height:16px;
    width:16px;
}
.icon16pxTableTd{
    cursor:pointer;
    display: inline-block;
    height: 16px;
    width: 16px;
}
.listIconContainer{
    width:16px;
}
.editBlock{
    display:none;
}
.clearLeft{
    clear:left;
}
.clearRight{
    clear:right;
}
.marginTop3px{
    margin-top: 3px;
}
.marginBottom3px{
    margin-bottom: 3px;
}
.marginTop5px{
    margin-top: 5px;
}
.marginTop10px{
    margin-top: 10px;
}
.marginTop15px{
    margin-top: 15px;
}
.marginBottom10px{
    margin-bottom: 10px;
}
.marginBottom15px{
    margin-bottom: 15px;
}
.marginRight5px{
    margin-right:5px;
}
.marginLeft5px{
    margin-left:5px;
}
.marginRight15px{
    margin-right:15px;
}
.marginLeft15px{
    margin-left:15px;
}
.longestInput{
    width:400px;
}
.longerInput{
    width:250px
}
.longInput{
    width:196px
}
.mediumInput{
   width:120px;
}
.smallInput{
    width:80px;
}
.miniInput{
    width:40px;
}
.tinyInput{
    width:25px;
}
.textColor1{
    color:#4E8CCF;
}
.show{
    display: block;
}
.hide{
    display:none;
}
.positionRelative{
    position:relative;
}
.floatRight{
   float: right;
}
.floatLeft{
   float: left;
}

.clearCross{
    background:url("../../../images/clear_cross.png") no-repeat;
    margin-left: 4px;
    padding-left: 12px;
    cursor: pointer;
}
.errorMsg, .okMsg{
    background-color:#AA4A47;
    color:#FFFFFF;
    float:left;
    font-weight:bold;
    margin:0 0 15px;
    padding:5px 0;
    text-align:center;
    width:100%;
}
td.errorTdBg{
    background-color: #AA4A47;
}
.okMsg{
    background-color:#75A24C;
}
.emptyFieldErr{

}
.noResultsMsg{
    background-color:#EEEEEE;
    border:1px solid #DDDDDD;
    float:left;
    margin:40px 0;
    width:100%;
    font-weight:bold;
}
.noResultsMsg span{
    float:left;
    padding:10px;
    color:#AA4A47;
}

.editLabelInput th{
    font-size: 90%;
    padding-left:3px;
    font-weight: normal;
}
.editLabelInput td, .detailsSemiBlock td .editLabelInput td, #addProsTable .editLabelInput td{
    width:auto;
    padding:2px;
}
#content .editLabelInput input{
    width:130px;
}

.detailsSemiBlock td .radioBlock input{
   float: left;
   margin-top: 1px;
   width: 20px;
}
.detailsSemiBlock td .radioBlock label{
   float: left;
   margin-right: 5px;
   cursor: inherit;
}

table.editLabelInput{
    width:auto;
    border-collapse: collapse;
    float: left;
}
table.editLabelInput td{
    border:none;
}


#content .editLabelInput input.dateInput{
    clear:none;
    padding-left:5px;
    padding-right:5px;
    width:17px;
}
#content .editLabelInput input.dateInputYear{
    width:34px;
}

.btn{
    background-color:#FFFFFF;
    border:1px solid #9FCBEF;
    color:#003883;
    cursor:pointer;
    float:left;
    font-weight:bold;
    margin-right:5px;
    padding:6px 19px;
    border-radius: 5px;
    -moz-border-radius:5px;
}
.btn:hover{
    border-color: #4E8CCF;
}
.headerBtn{
    float:right;
    margin:4px 0 4px 10px;
    padding:4px 10px 4px 23px;
}
.saveBtn{
    background: url("../../../images/disk.png") no-repeat scroll 34px 8px #FFFFFF;
    float:right;
    margin:5px 0;
    padding: 8px 35px 8px 60px;
}
.saveBtnOk{
    background: url("../../../images/viSmall.png") no-repeat scroll 38px 7px #FFFFFF;
}

a.btn{
    text-decoration: none;
}
a.btn:hover{
    color:#003883;
}

tr.noBorderTop{
    border-top:none;
}

.zoomImg{
    background:url("../images/zoom_in.png") no-repeat;
    position:absolute;
    bottom:5px;
    right:5px;
}
.noBreak{
    white-space: nowrap;
}

/* //////// icons ///////// */
.devisBtn{
    background:url("../images/devis.png") no-repeat;
}
.emailIcon{
    background:url("../images/emailBlue.png") no-repeat scroll 12px 6px #FFFFFF;
    padding-left:35px;
}
.arrowLineBreakSmall{
    background:url("../images/arrowLineBreakSmall.png") no-repeat;
}
.pdfIcon{
    background: url("../images/devis/pdf.png") no-repeat;
    padding: 0 2px;
}

/* //////////// tip tool //////// */
.tipWrap{
    position:relative;
}

div.tipWrap em{
    background-color:#F7F7F7;
    border:1px solid #AAAAAA;
    display:none;
    left:0;
    padding:5px 15px;
    position:absolute;
    text-align:center;
    top:-65px;
    z-index:2;
    white-space:nowrap;
}

/* dialoge */
.dialogBtns{
    float:right;
    padding:20px 0;
}
#assmContValiderBtn{
    background:url("../../../images/pictoDisplayRight.gif") no-repeat scroll 11px 6px transparent;
    padding-left:35px;
}
/* resize button */
.ui-resizable-se{
	float: right;
}

.btnBorderGreen{
   border-color: #63ab56;
   border-width: 2px;
}
.btnBorderBlue{
   border-color: #4bb8df;
   border-width: 2px;
}

/* ///////////////// colors ///////////////////// */
.majVert{
    border-left:3px solid #38A42C;
}
.majOrange{
    border-left:3px solid #F18204;
}
.majRouge{
    border-left:3px solid #E62B2F;
}
.colorVert{
    color:#38A42C;
}

/* ///// contact autocomplite /// */
.ui-contautocomplete-compte{
    color:#AAAAAA;
    font-size:10px;
    padding-left:10px;
}


.tooltip{
    float: left;
    position: absolute;
    top:0;
    left:0;
    z-index:1;
}

.tooltip .tooltipContainer{
    background-color: #BCDEFA;
    border: 2px solid #6090C0;
    font-weight:bold;
    color:#6090C0;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    padding: 5px;
    position: relative;
}

.tooltip .arrow{
    display:block;
    width:10px;
    height:10px;
    position:relative;
    top:0;
    left:0;
    background-color:#6090C0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    margin:0px 0px -5px 10px;
    border:0px;
}

div .fieldError,
div .fieldError label,
.tooltip.error .tooltipContainer{
    background-color:#FAA;
    color: #D33;
    border-color:#D33;
}

.tooltip.error .arrow{
    background-color:#D00;
}

#tooltipPageMessages{
    display:none;
}


li.viewWebsite,
li.emailFournisseur,
li.viewPriceCatalogue{
    margin-bottom:5px;
}

li.viewWebsite a{
    background:url(../../../images/admin/world.png) no-repeat;
    padding-left:20px;
    text-decoration:underline;
}

li.emailFournisseur a{
    background:url(../../../images/admin/email.png) no-repeat;
    padding-left:20px;
    text-decoration:underline;
}

li.viewPriceCatalogue a{
    background:url(../../../images/admin/report.png) no-repeat;
    padding-left:20px;
    text-decoration:underline;
}

input[name="topMenuRef"]{
    float: left;
    margin: 5px 0 0 20px;
    color: #bbb;
}


#messages{
    position: relative;
    float: left;
    margin-left: 10px;
    padding: 4px 0 2px;
}
#messages h3{
    font-weight: bold;
    float: left;
    padding: 0 5px;
    line-height: 18px;
    color: red;
}
#messages h3.msgGris{
    color:#555;
}
#msgHeaderIcon{

}
#msgListIcon{
    float: left;
    background:url(../../../images/admin/msgNotActive.png) no-repeat;
}
#msgListIcon.msgActive{
    background:url(../../../images/admin/msg.png) no-repeat;
}
#mrgListBlock{
    display: none;
    width: 480px;
    min-height: 200px;
    background-color: #eee;
    border: 1px solid #ddd;
    position: absolute;
    top: 27px;
    left: 0;
    padding: 10px;

    max-height: 585px;
    overflow-y: scroll;
}

#mrgListBlock table{
    width: 100%;
    border-collapse: collapse;

}
#mrgListBlock td, #mrgListBlock th{
    border: 1px solid #aaa;
    padding: 2px 10px;
    background-color: #fff;
}
#mrgListBlock th{
    background-color: #9FCBEF;
}
.markAsRead{
    background:url(../../../images/okBlue.png) no-repeat;
}
.msgVu{
    font-weight: bold;
}
.msgDateTd{
    width:65px;
}
a#voirListeCourteMsg, a#voirTousLesMsg{
    padding: 7px 0 2px;
}
#msgListFermer{
    float:right;
    padding: 12px 5px 2px;
    background: url(../../../images/cross.png) -1px 15px no-repeat;
}

/* UI dialogue no X button*/
.noclose .ui-dialog-titlebar-close{
    display:none;
}

.textAlignLeft{
   text-align: left;
}
.textAlignRight{
   text-align: right;
}
.textAlignCenter{
   text-align: center;
}