/************ BEGIN CollcitStyle ***************/
/**** grey : #646464 / Red : #dc002e ***********/
html, body
{
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    font-family: arial;
    font-size: 12px;
    color: #646464;
}

body
{
    background-image: url('Images/background.png');
    background-repeat: repeat-x;
    background-position: 0px 92px;
    font-family: arial;
    font-size: 12px;
}

form
{
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    font-family: arial;
    font-size: 12px;
}

#ccsel-main
{
    height: 100%;
    margin: auto;
    padding: 0;
}

table
{
    font-family: arial;
    font-size: 12px;
}

select
{
    font-family: arial;
    font-size: 12px;
}
option
{
    text-indent: 2px;
}
/*** Bottom bar ****/
.ccsel-bottom-bar
{
    background-color: #FFFFFF;
    border-top: solid 2px #E6E6E6;
    height: 25px;
    padding: 0px;
    margin: 0px;
    position:fixed;
    bottom:0px;
    width:100%;
}

.ccsel-bottom-bar ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
    width: 100%;
}

.ccsel-bottom-bar li
{
    height: 100%;
    margin-left: 10px;
    float: left;
    display: inline;
    padding-left: 10px;
    background-image: url('Images/dotmenu.png');
    background-repeat: repeat-y;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    padding-top: 5px;
    height: 17px;
    cursor: pointer;
}

.ccsel-bottom-bar li .item
{
    background-image: url('Images/puce_bottom.png');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}

#ccsel-banner
{
    background-image: url('Images/STELLANTIS.png') !important;
    background-repeat: no-repeat;
    background-position: right center;
    width: 100%;
    height: 60px;
    vertical-align: bottom;
    position: relative;
}

#ccsel-banner #menu
{
    margin-left: 30px;
    height: 100%;
}

#ccsel-banner #menu ul
{
    padding: 0;
    margin: 0;
    margin-left: 5px;
    padding-top: 10px;
}

#ccsel-banner #menu li
{
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 14px;
    padding-top: 1px;
    padding-bottom: 1px;
}

#ccsel-banner #menu li a:hover
{
    color: #dc002e;
    border-left: 3px #dc002e solid;
}

#ccsel-banner #menu li a.selected
{
    color: #dc002e;
    border-left: 3px #dc002e solid;
}


#ccsel-banner #menu li a
{
    text-decoration: none;
    color: #5F5F5F;
    border-left: 3px solid transparent;
    padding-left: 5px;
    text-transform: uppercase;
    font-size: 10px;
}


#menu-left
{
    width: 150px;
    margin-left: 30px;
}

#menu-left #menu-block
{
    padding-bottom: 10px;
    width: 100%;
}

#menu-left #menu-block-selected
{
    padding: 0px;
    width: 100%;
}

#menu-left #menu-block-content
{
    background-color: #f4f4f4;
    margin-bottom: 10px;
    padding: 5px 0px;
    font-size: 12px;
}

#menu-left #menu-block-content p
{
    padding: 5px;
    margin: 0px;
}

/*** BEGIN Block ****/
#menu-left #menu-block h3
{
    font-size: 12px;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    border-left: solid 2px #dc002e;
    background-color: #FFFFFF;
}

#menu-left #menu-block h3.occasion
{
    background-image: url('Images/occasion.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 50px;
}

#menu-left #menu-block h3.comptes
{
    background-image: url('Images/comptes.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 50px;
}

#menu-left #menu-block h3.profil
{
    background-image: url('Images/profil.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 50px;
}

#menu-left #menu-block h3.default
{
    background-image: url('Images/default.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 50px;
}


#menu-left #menu-block h3 a
{
    text-decoration: none;
    color: #646464;
    padding-left: 5px;
    text-transform: uppercase;
    font-size: 12px;
    background-color: #FFFFFF;
    padding: 0px;
    margin: 0px;
    border: 0px;
    display: block;
    width: 100%;
    text-indent: 5px;
    padding: 2px 0px;
}



#menu-left #menu-block a
{
    text-decoration: none;
}

#menu-left #menu-block a h3 span
{
    text-decoration: none;
    color: #646464;
    text-transform: uppercase;
    font-size: 12px;
    background-color: #FFFFFF;
    padding: 0px;
    margin: 0px;
    border: 0px;
    display: block;
    width: 100%;
  /*  text-indent: 5px; */
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 5px;
}



/*** END Block ****/


/*** BEGIN SelectedBlock ****/
#menu-left #menu-block-selected h3
{
    font-size: 12px;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    border-left: solid 2px #dc002e;
    background-color: #FFFFFF;
}

#menu-left #menu-block-selected h3.occasion
{
    background-image: url('Images/occasion.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 50px;
}

#menu-left #menu-block-selected h3.comptes
{
    background-image: url('Images/comptes.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 50px;
}


#menu-left #menu-block-selected h3.profil
{
    background-image: url('Images/profil.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 50px;
}

#menu-left #menu-block-selected h3.default
{
    background-image: url('Images/default.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 50px;
}

#menu-left #menu-block-selected h3 a
{
    text-decoration: none;
    color: #646464;
    padding-left: 5px;
    text-transform: uppercase;
    font-size: 12px;
    background-color: #FFFFFF;
    padding: 0px;
    margin: 0px;
    border: 0px;
    display: block;
    width: 100%;
    text-indent: 5px;
    padding: 2px 0px;
}
/*** END SelectedBlock ****/

/*** BEGIN ContentBlock ****/
#menu-left #menu-block-content h3
{
    width: 100%;
    padding: 0px;
    margin: 0px;
    background-color: #FFFFFF;
}


#menu-left #menu-block-content h3 a
{
    text-decoration: none;
    color: #646464;
    padding-left: 5px;
    text-transform: uppercase;
    font-size: 10px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    display: block;
    text-indent: 5px;
    padding: 2px 0px;
    border-left: solid 2px transparent;
    margin-left: 8px;
}


#menu-left #menu-block-content h3 a:hover
{
    text-decoration: none;
    color: #646464;
    padding-left: 5px;
    text-transform: uppercase;
    font-size: 10px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    display: block;
    text-indent: 5px;
    padding: 2px 0px;
    border-left: solid 2px #dc002e;
    margin-left: 8px;
}

#menu-left #menu-block-content h3 a.selected
{
    text-decoration: none;
    color: #646464;
    padding-left: 5px;
    text-transform: uppercase;
    font-size: 10px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    display: block;
    text-indent: 5px;
    padding: 2px 0px;
    border-left: solid 2px #dc002e;
    margin-left: 8px;
}

/*debut menu-block-admin*/
#menu-left #menu-block-content-admin {
    padding-bottom: 10px;
    width: 100%; 
}

#menu-left #menu-block-content-admin div
{
    font-size: 10px;
    margin: 0px;
    border: 0px;
    display: block;
    text-indent: 10px;
    border-left: solid 2px transparent;
    margin-left: 8px;
    padding: 2px 0px;
    
}

#menu-left #menu-block-content-admin div:hover
{
    text-decoration: none;
    color: #646464;
    text-transform: uppercase;
    font-size: 10px;
    margin: 0px;
    border: 0px;
    display: block;
  /*  text-indent: 10px;*/
    padding: 2px 0px;
    border-left: solid 2px #dc002e;
   margin-left: 8px; 
   
}


#menu-left #menu-block-content-admin div.selected
{
    text-decoration: none;
    color: #646464;
    text-transform: uppercase;
    font-size: 10px;
    margin: 0px;
    border: 0px;
    display: block;
  /*  text-indent: 10px;*/
    border-left: solid 2px #dc002e;
    margin-left: 8px; 
    padding: 2px 0px;
}

#menu-left #menu-block-content-admin div[class="panelAdmin"] {
    background-color: #ffffff;
    display: block;
    text-indent: 0px;
    margin: 0px;
    border: 0px;
}

#menu-left #menu-block-content-admin div a
{
    text-decoration: none;
    color: #646464;
    text-transform: uppercase;
    font-size: 10px;
    margin: 0px;
    border: 0px;
    display: block;
    /*
    border-left: solid 2px transparent;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;*/
}

/*fin menu-block-admin*/

#ccsel-content
{
    padding-left: 20px;
}

#ccsel-content #ccsel-content-cadre #ccsel-content-title h1
{
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-left: solid 2px #dc002e;
    font-size: 17px;
    padding-left: 5px;
}

#ccsel-content #ccsel-content-cadre #ccsel-content-title
{
    background-color: #FFFFFF;
    margin-bottom: 2px;
}

#ccsel-content #ccsel-content-cadre #ccsel-content-body
{
    background-color: #FFFFFF;
    width: 100%;
    overflow: auto;
    border-bottom: solid 1px #DCDCDC;
    padding: 20px;
    background-image: url('Images/bottom_menu.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 8px;
    margin-bottom: 20px;
    box-sizing: border-box;
    height: 96%;
}

.txbnoedit
{
    border: none transparent;
    background: none;
    background-image: none;
}



#ccsel-content select
{
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    margin: 0px;
    border: solid 1px #d6d6d6;
    color: #3f3f3f;
    width: 152px;
}

#ccsel-content #menu-block-content select
{
    width: 140px;
}

/*** End ContentBlock ****/

/************ END CollcitStyle ***************/
.ui-datepicker
{
    display: none;
}

.ui-datepicker, #tabs
{
    font-size: 80%;
}

p#equipments
{
    overflow: auto;
    height: 318px;
}

p#options
{
    overflow: auto;
    height: 100px;
}

#versionContainer
{
}


/*** TABS Account****/
#slider-description .ui-tabs
{
    /*padding: 0;*/
    padding: 25px 0px 0px 0px;
}

#slider-description .ui-tabs .ui-tabs-nav
{
    list-style: none;
    position: relative;
    margin: 0px;
    padding: 0px;
}

#slider-description .ui-tabs .ui-tabs-nav li
{
    position: relative;
    float: left;
    border-bottom: #dddddd 2px solid !important;
    padding: 0px;
    margin: 0px;
}

#slider-description .ui-tabs .ui-tabs-nav li a
{
    float: left;
    text-decoration: none;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 6px;
    padding-left: 85px;
    padding-right: 85px;
}
#slider-description .ui-tabs .ui-tabs-nav li.ui-tabs-active
{
    border-bottom: #dc002e 2px solid !important;
    background-image: url('Images/red_arrow_up.gif');
    background-position: center bottom;
    background-repeat: no-repeat;
    border-bottom-width: 2px;
	border-bottom: 2px solid #DC002E;
}
#slider-description .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a
{
    cursor: text;
}
#slider-description .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a
{
    cursor: pointer;
}
#slider-description .ui-tabs .ui-tabs-panel
{
    margin: 0px;
    padding-top: 50px;
    display: block;
    border-width: 0;
    background: none;
    height: 130px;
    overflow: auto;
    padding: 0px;
}
#slider-description .ui-tabs .ui-tabs-hide
{
    display: none !important;
}

#slider-description .ui-state-default, #slider-description .ui-widget-content .ui-state-default
{
    font-weight: normal;
    color: #555555;
    outline: none;
    background: none;
    border: none;
}
#slider-description .ui-state-default a, #slider-description .ui-state-default a:link, #slider-description .ui-state-default a:visited
{
    color: #555555;
    text-decoration: none;
    outline: none;
}
#slider-description .ui-state-hover, #slider-description .ui-widget-content .ui-state-hover, #slider-description .ui-state-focus, #slider-description .ui-widget-content .ui-state-focus
{
    border-bottom: #dddddd 2px solid !important;
    background-image: url('Images/grey_arrow_up.gif');
    background-position: center bottom;
    background-repeat: no-repeat;
    font-weight: normal;
    color: #212121;
    outline: none;
}
#slider-description .ui-state-hover a, #slider-description .ui-state-hover a:hover
{
    color: #212121;
    text-decoration: none;
    outline: none;
}
#slider-description .ui-state-active, #slider-description .ui-widget-content #slider-description .ui-state-active
{
    font-weight: normal;
    color: #212121;
    outline: none;
}
#slider-description .ui-state-active a, #slider-description .ui-state-active a:link, #cnt-search .ui-state-active a:visited
{
    color: #212121;
    outline: none;
    text-decoration: none;
}
#slider-description .ui-widget-content
{
    border: none;
}
#slider-description .ui-corner-bottom
{
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
}
#slider-description .ui-state-active, #slider-description .ui-widget-content .ui-state-active
{
    border: none;
    background: none;
}
#slider-description .ui-widget
{
    font-family: arial, Helvetica,sans-serif;
    font-size: 12px;
    color: #646464;
}

#slider-description .ui-corner-all
{
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
}

#slider-description .ui-widget-header
{
    -moz-background-clip: padding;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: none;
    border: none;
    color: #646464;
    font-weight: normal;
}

/*************** TAB ACCOUNT ***************/
#tab-account .ui-tabs
{
    padding: 0;
}
#tab-account .ui-tabs .ui-tabs-nav
{
    list-style: none;
    position: relative;
    margin: 0px;
    padding: 0px;
}

#tab-account .ui-tabs .ui-tabs-nav li
{
    position: relative;
    float: left;
    border-bottom: #dddddd 2px solid;
    padding: 0px;
    border-bottom-width: 2px;
    margin: 0px;
}
#tab-account .ui-tabs .ui-tabs-nav li
{
    border-bottom-width: 2px !important;
}
#tab-account .ui-tabs .ui-tabs-nav li a
{
    float: left;
    text-decoration: none;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 6px;
    padding-left: 85px;
    padding-right: 85px;
}
#tab-account .ui-tabs .ui-tabs-nav li.ui-tabs-active
{
    border-bottom: #dc002e 2px solid;
    background-image: url('Images/red_arrow_up.gif');
    background-position: center bottom;
    background-repeat: no-repeat;
    border-bottom-width: 2px;
}
#tab-account .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a
{
    cursor: text;
}
#tab-account .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a
{
    cursor: pointer;
}
#tab-account .ui-tabs .ui-tabs-panel
{
    margin: 0px;
    padding-top: 50px;
    display: block;
    border-width: 0;
    background: none;
    height: 300px;
    overflow: auto;
    padding: 0px;
}
#tab-account .ui-tabs .ui-tabs-hide
{
    display: none !important;
}

#tab-account .ui-state-default, #tab-account .ui-widget-content .ui-state-default
{
    font-weight: normal;
    color: #555555;
    outline: none;
    background: none;
    border: none;
}
#tab-account .ui-state-default a, #tab-account .ui-state-default a:link, #tab-account .ui-state-default a:visited
{
    color: #555555;
    text-decoration: none;
    outline: none;
}
#tab-account .ui-state-hover, #tab-account .ui-widget-content .ui-state-hover, #tab-account .ui-state-focus, #tab-account .ui-widget-content .ui-state-focus
{
    border-bottom: #dddddd 2px solid;
    background-image: url('Images/grey_arrow_up.gif');
    background-position: center bottom;
    background-repeat: no-repeat;
    font-weight: normal;
    color: #212121;
    outline: none;
}
#tab-account .ui-state-hover a, #tab-account .ui-state-hover a:hover
{
    color: #212121;
    text-decoration: none;
    outline: none;
}
#tab-account .ui-state-active, #tab-account .ui-widget-content #tab-account .ui-state-active
{
    font-weight: normal;
    color: #212121;
    outline: none;
}
#tab-account .ui-state-active a, #tab-account .ui-state-active a:link, #cnt-search .ui-state-active a:visited
{
    color: #212121;
    outline: none;
    text-decoration: none;
}
#tab-account .ui-widget-content
{
    border: none;
}
#tab-account .ui-corner-bottom
{
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
}
#tab-account .ui-state-active, #tab-account .ui-widget-content .ui-state-active
{
    border: none;
    background: none;
}
#tab-account .ui-widget
{
    font-family: arial, Helvetica,sans-serif;
    font-size: 12px;
    color: #646464;
}

#tab-account .ui-corner-all
{
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
}

#tab-account .ui-widget-header
{
    -moz-background-clip: padding;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: none;
    border: none;
    color: #646464;
    font-weight: normal;
}


/*************** TAB EQUIPMENT ***************/
#tab-equipment .ui-tabs
{
    padding: 0;
}
#tab-equipment .ui-tabs .ui-tabs-nav
{
    list-style: none;
    position: relative;
    margin: 0px;
    padding: 0px;
}

#tab-equipment .ui-tabs .ui-tabs-nav li
{
    position: relative;
    float: left;
    border-bottom: #dddddd 2px solid;
    padding: 0px;
    border-bottom-width: 2px;
    margin: 0px;
}
#tab-equipment .ui-tabs .ui-tabs-nav li
{
    border-bottom-width: 2px !important;
}
#tab-equipment .ui-tabs .ui-tabs-nav li a
{
    float: left;
    text-decoration: none;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 6px;
    padding-left: 60px;
    padding-right: 60px;
}
#tab-equipment .ui-tabs .ui-tabs-nav li.ui-tabs-active
{
    border-bottom: #dc002e 2px solid;
    background-image: url('Images/red_arrow_up.gif');
    background-position: center bottom;
    background-repeat: no-repeat;
    border-bottom-width: 2px;
}
#tab-equipment .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a
{
    cursor: text;
}
#tab-equipment .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a
{
    cursor: pointer;
}
#tab-equipment .ui-tabs .ui-tabs-panel
{
    margin: 0px 0px 5px 0px;
    padding-top: 50px;
    display: block;
    border-width: 0;
    background: none;
    overflow: auto;
    padding: 0px;
    padding-top: 10px;
    clear: left;
}
#tab-equipment .ui-tabs .ui-tabs-hide
{
    display: none !important;
}

#tab-equipment .ui-state-default, #tab-equipment .ui-widget-content .ui-state-default
{
    font-weight: normal;
    color: #555555;
    outline: none;
    background: none;
    border: none;
}
#tab-equipment .ui-state-default a, #tab-equipment .ui-state-default a:link, #tab-equipment .ui-state-default a:visited
{
    color: #555555;
    text-decoration: none;
    outline: none;
}
#tab-equipment .ui-state-hover, #tab-equipment .ui-widget-content .ui-state-hover, #tab-equipment .ui-state-focus, #tab-equipment .ui-widget-content .ui-state-focus
{
    border-bottom: #dddddd 2px solid;
    background-image: url('Images/grey_arrow_up.gif');
    background-position: center bottom;
    background-repeat: no-repeat;
    font-weight: normal;
    color: #212121;
    outline: none;
}
#tab-equipment .ui-state-hover a, #tab-equipment .ui-state-hover a:hover
{
    color: #212121;
    text-decoration: none;
    outline: none;
}
#tab-equipment .ui-state-active, #tab-equipment .ui-widget-content #tab-equipment .ui-state-active
{
    font-weight: normal;
    color: #212121;
    outline: none;
}
#tab-equipment .ui-state-active a, #tab-equipment .ui-state-active a:link, #cnt-search .ui-state-active a:visited
{
    color: #212121;
    outline: none;
    text-decoration: none;
}
#tab-equipment .ui-widget-content
{
    border: none;
}
#tab-equipment .ui-corner-bottom
{
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
}
#tab-equipment .ui-state-active, #tab-equipment .ui-widget-content .ui-state-active
{
    border: none;
    background: none;
}
#tab-equipment .ui-widget
{
    font-family: arial, Helvetica,sans-serif;
    font-size: 12px;
    color: #646464;
}

#tab-equipment .ui-corner-all
{
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
}

#tab-equipment .ui-widget-header
{
    -moz-background-clip: padding;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: none;
    border: none;
    color: #646464;
    font-weight: normal;
}

.ccsel-table
{
    border: solid 1px #DDDDD;
    font-size: 12px;
}

.ccsel-header a
{
    text-decoration: none;
    color: #646464;
}

.advertPicture
{
    border: solid 1px #DDDDDD;
}

.close_cursor
{
    position: absolute;
}

/***       Scroll Bar Custom *******/
.jScrollPaneContainer
{
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.jScrollPaneTrack
{
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: #aaa;
    width: 11px;
    background: transparent url(Images/trackback.png) repeat-y scroll 0 0;
}
.jScrollPaneDrag
{
    position: absolute;
    background: #666;
    cursor: pointer;
    overflow: hidden;
    background: transparent url(Images/cursor.png) repeat-y scroll 0 50%;
}
.jScrollPaneDragTop
{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background: transparent url(Images/curs_top.png) no-repeat scroll 0 0;
    height: 19px;
}
.jScrollPaneDragBottom
{
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: transparent url(Images/curs_bot.png) no-repeat scroll 0 0;
    height: 18px;
}
a.jScrollArrowUp
{
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden; /*background-color: #666;*/
    height: 9px;
}

a.jScrollArrowDown
{
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden; /*background-color: #666;*/
    height: 9px;
}

#ccsel-content input[type=submit], input[type=button], #ccsel-searchmodule input[type=submit]
{
    position: relative;
    border: none;
    background: none;
    font-size: 12px;
    font-family: arial;
    cursor: pointer;
    background-image: url('Images/grey_arrow_right.png');
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: 4px;
    text-transform: uppercase;
    color: #4B4B4B;
    font-weight: bold;
}

#ccsel-content input[type=submit]:hover, input[type=button]:hover, #ccsel-searchmodule input[type=submit]:hover
{
    color: #dc002e;
}

input.disabledinputbtn[type=submit] {
    background-image: url('Images/cancel.png');
    background-repeat: no-repeat;
    color: #A5A5A5;
    text-indent: 17px;
}

#ccsel-content input[type=text], input[type=password]
{
    padding: 2px 0px;
    margin: 0px;
    border: solid 1px #d6d6d6;
    color: #3f3f3f;
    text-indent: 0px;
    background-image: url('Images/inputshadow.png');
    background-repeat: repeat-x;
    background-position: top left;
    width: 150px;
    font-family: arial;
    font-size: 12px;
}

#ccsel-content .textarea
{
    padding: 2px 0px;
    margin: 0px;
    border: solid 1px #d6d6d6;
    color: #3f3f3f;
    text-indent: 0px;
    background-image: url('Images/inputshadow.png');
    background-repeat: repeat-x;
    background-position: top left;
    width: 300px;
    font-family: arial;
    font-size: 12px;
}

#ccsel-content .inputtextpwd
{
    padding: 2px 0px;
    margin: 0px;
    border: solid 1px #d6d6d6;
    color: #3f3f3f;
    text-indent: 0px;
    background-image: url('Images/inputshadow.png');
    background-repeat: repeat-x;
    background-position: top left;
    width: 200px;
    font-family: arial;
    font-size: 12px;
}

#ccsel-content .selectctrl
{
    padding: 2px 0px;
    margin: 0px;
    border: solid 1px #d6d6d6;
    color: #3f3f3f;
    background-image: url('Images/inputshadow.png');
    background-repeat: repeat-x;
    background-position: top left;
    width: 150px;
    font-family: arial;
    font-size: 12px;
    position: relative; /*margin-left:2px;*/
}

#ccsel-content .inputbtn
{
    position: relative;
    border: none;
    background: none;
    font-size: 12px;
    font-family: arial;
    cursor: pointer;
    background-image: url('Images/grey_arrow_right.png');
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: 4px;
    text-transform: uppercase;
    color: #4B4B4B;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

#ccsel-content .inputbtn:hover
{
    color: #dc002e;
}

#ccsel-content .inputbtnV2
{
    position: relative;
    border: none;
    background: none;
    font-size: 11px;
    font-family: arial;
    cursor: pointer;
    background-image: none;
    text-indent: 4px;
    text-transform: uppercase;
    color: #4B4B4B;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    text-align: left;
    text-decoration: none;
}

#ccsel-content .inputbtnV2:hover
{
    color: #dc002e;
}

#tab-equipment #tabs .tabTitle {
    font-size: 1.1em;
    font-weight: bold;
}

#divOptions {
    overflow: auto;
    max-height: 240px;
    height: 240px;
}

#divOptions #divPacksOptions, #divOptions #divOptionsIndiv 
{
    position: relative;
    display: block;
    float: left;
    width: 450px;
    padding: 5px 3px 5px 3px;
}

#divPacksOptions .cbPack {
    display: block;
}

#divOptions input[type=checkbox] {
    margin-right: 3px;
}

#divPacksOptions .lblOptionTitle {
    display: block;
    margin-left: 25px;
    color: #646464;
}

#divAdditionalEquip .tbAdditionalEquip {
    width: 500px;
    height: 82px;
}

#ccsel-content .lblTitle 
{
    display: block;
    font-weight: bold;
    margin-bottom: 3px;
}

#ccsel-content .inputtextNumber
{
    text-align:right;
    padding: 2px 0px;
    margin: 0px;
    border: solid 1px #d6d6d6;
    color: #3f3f3f;
    text-indent: 0px;
    background-image: url('Images/inputshadow.png');
    background-repeat: repeat-x;
    background-position: top left;
    font-family: arial;
    font-size: 12px;
}

#ccsel-content .FamilyMsg
{
    font-style:italic;
    color:gray;
    font-weight:bold;
}

/***** Grid style *****/
.ccsel-gridstyle
{
    font-size: 12px;
    font-family: Arial;
    color: #939393;
    border: solid 2px #FFFFFF;
    border-collapse: collapse;
}

.ccsel-gridstyle td
{
    padding-left: 5px;
    padding-right: 5px;
}

.ccsel-gridstyle .ccsel-gridstyle-altrow
{
    height: 23px;
    background-color: #FAFAFA;
}

.ccsel-gridstyle .ccsel-gridstyle-row
{
    height: 23px;
    background-color: #F2F2F2;
}

.ccsel-gridstyle .ccsel-gridstyle-header
{
    color: #939393;
    font-size: 12px;
    font-family: Arial;
    padding-left: 15px;
    padding-right: 5px;
    text-align: left;
}

.ccsel-gridstyle .ccsel-gridstyle-header a
{
    text-decoration: none;
    color: #939393;
    font-size: 12px;
    font-family: Arial;
}

.ccsel-gridstyle .ccsel-gridstyle-pager
{
    text-decoration: none;
}

.ccsel-gridstyle .ccsel-gridstyle-extracell
{
    background-color: white;
    border: 0;
}

.ccsel-gridstyle .ccsel-gridstyle-pager a
{
    text-decoration: none;
    color: #939393;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
}

.ccsel-gridstyle .ccsel-gridstyle-pager a:hover
{
    color: #dc002e;
}

.announcevalidsum
{
    font-style: italic;
    color: #FF0000;
}

.advsearchversionstyle
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;
}

.eqcheckboxlist input
{
    margin-right: 5px;
}

#DivReminderMessage
{
    height: 105px;
    width: 100%;
    overflow: auto;
}

.ErrorValidation
{
    color: red;
    display: none;
}



/****** Mini Search Module ********/

#ccsel-searchmodule select
{
    width: 91px;
}

#ccsel-searchmodule select:disabled, #ccsel-searchmodule input:disabled
{
    background-color: rgb(238,238,238);
}

/** Hack Ie7 **/
#ccsel-searchmodule input[disabled ], #ccsel-searchmodule select[disabled ]
{
    background-color: rgb(238,238,238);
}


#panelActions div[class="Selected"]
{
    background-color: rgb(239,239,239);
}

#panelActions div[class="Selected"] select
{
    background-color: rgb(238,238,238);
}

/** Style for autocomplete **/
.ui-autocomplete-term 
{ 
    font-weight: bold; 
}

.ui-autocomplete
{
    height: 130px;
    overflow: auto;
}


#collcitseller_cookie_alerte_message
{
    display: block; 
    position: relative; 
    width: 100%; 
    top: 0; 
    margin: auto 0; 
    font-size: 12px; 
    text-align: center; 
    color: rgb(123, 123, 123); 
    background-color: rgb(234, 233, 232);
}


/*version */
#version
{
float:right; 
margin: 0px; 
padding-top: 22px; 
padding-bottom:0px; 
padding-right: 10px; 
font-size:8px
}