/*
    FEUILLE DE STYLE POUR PCTOP-1KDO

    1 : ORANGE FONCE
    2 : ORANGE CLAIR
    3 : BRUN
    4 : BLEU FONCE
    5 : BLEU CLAIR
    6 : NOIR
    7 : GRIS
    8 : BLANC
    9 : ROUGE
    10 : VERT
*/

/*  ------------------------------------- BODY (GENERAL) ----------------------------------------- */

body {
    font-family:Verdana;
    margin: 2px 2px 2px 2px;
    padding: 2px;
}

form.noborder {
    margin:0;
    padding:0;
}

/*  ------------------------------------ LIENS HYPERTEXTE ---------------------------------------- */

a.menu:link { text-decoration: none; display: block; width: 100%; }
a.menu:visited { text-decoration: none; display: block; width: 100% }
a.menu:hover { text-decoration: none; display: block; background-color: #FF9900; width: 100% }
a.menu:active { text-decoration: none; display: block; width: 100% }
a.flash:link { text-decoration: none }
a.flash:visited { text-decoration: none }
a.flash:hover { background-color:transparent; text-decoration: none }
a.flash:active { text-decoration: none }
a:link { color: #000000; text-decoration: none }
a:visited { color: #000000; text-decoration: none }
a:hover { background-color:#FF9900; color: #000000; text-decoration: none }
a:active { color: #000000; text-decoration: none }
a.MagicZoom:link { text-decoration: none }
a.MagicZoom:visited { text-decoration: none }
a.MagicZoom:hover { background-color:transparent; text-decoration: none }
a.MagicZoom:active { text-decoration: none }

/*  ------------------------------------ COULEURS DE FOND ---------------------------------------- */

.fondColor1 { background-color:#FF9900 }
.fondColor2 { background-color:#FFCC99 }
.fondColor3 { background-color:#CC9966 }
.fondColor4 { background-color:#2E3192 }
.fondColor5 { background-color:#CCCCFF }
.fondColor6 { background-color:#000000 }
.fondColor7 { background-color:#878787 }
.fondColor8 { background-color:#FFFFFF }
.fondColor9 { background-color:#FF0000 }
.fondColor10 { background-color:#00C000 }

/*  ----------------------------------------- TEXTES --------------------------------------------- */

.xxlargeColor9 { font-size:xx-large; color:#FF0000 }
.xxlargeColor6 { font-size:xx-large; color:#000000 }
.xlargeColor6 { font-size:x-large; color:#000000 }
.largeColor6 { font-size:large; color:#000000 }
.largeColor1 { font-size:large; color:#FF9900 }
.mediumColor1 { font-size:medium; color:#FF9900 }
.smallColor1 { font-size:small; color:#FF9900 }
.xsmallColor1 { font-size:x-small; color:#FF9900 }
.xxsmallColor1 { font-size:xx-small; color:#FF9900 }
.largeColor2 { font-size:large; color:#FFCC99 }
.mediumColor2 { font-size:medium; color:#FFCC99 }
.smallColor2 { font-size:small; color:#FFCC99 }
.xsmallColor2 { font-size:x-small; color:#FFCC99 }
.xxsmallColor2 { font-size:xx-small; color:#FFCC99 }
.largeColor3 { font-size:large; color:#CC9966 }
.mediumColor3 { font-size:medium; color:#CC9966 }
.smallColor3 { font-size:small; color:#CC9966 }
.xsmallColor3 { font-size:x-small; color:#CC9966 }
.xxsmallColor3 { font-size:xx-small; color:#CC9966 }
.largeColor4 { font-size:large; color:#2E3192 }
.mediumColor4 { font-size:medium; color:#2E3192 }
.smallColor4 { font-size:small; color:#2E3192 }
.xsmallColor4 { font-size:x-small; color:#2E3192 }
.xxsmallColor4 { font-size:xx-small; color:#2E3192 }
.largeColor5 { font-size:large; color:#CCCCFF }
.mediumColor5 { font-size:medium; color:#CCCCFF }
.smallColor5 { font-size:small; color:#CCCCFF }
.xsmallColor5 { font-size:x-small; color:#CCCCFF }
.xxsmallColor5 { font-size:xx-small; color:#CCCCFF }
.mediumColor6 { font-size:medium; color:#000000 }
.smallColor6 { font-size:small; color:#000000 }
.xsmallColor6 { font-size:x-small; color:#000000 }
.xxsmallColor6 { font-size:xx-small; color:#000000 }
.largeColor7 { font-size:large; color:#878787 }
.mediumColor7 { font-size:medium; color:#878787 }
.smallColor7 { font-size:small; color:#878787 }
.xsmallColor7 { font-size:x-small; color:#878787 }
.xxsmallColor7 { font-size:xx-small; color:#878787 }
.largeColor8 { font-size:large; color:#FFFFFF }
.mediumColor8 { font-size:medium; color:#FFFFFF }
.smallColor8 { font-size:small; color:#FFFFFF }
.xsmallColor8 { font-size:x-small; color:#FFFFFF }
.xxsmallColor8 { font-size:xx-small; color:#FFFFFF }
.largeColor9 { font-size:large; color:#FF0000 }
.mediumColor9 { font-size:medium; color:#FF0000 }
.smallColor9 { font-size:small; color:#FF0000 }
.xsmallColor9 { font-size:x-small; color:#FF0000 }
.xxsmallColor9 { font-size:xx-small; color:#FF0000 }
.smallColor10 { font-size:small; color:#FFFFFF }
.smallColor10:hover { text-decoration: none; color: #000; background-color: #FF9900; }

/*  ------------------------------------- OBJET ACCORDION ---------------------------------------- */

.accordionHeader
{
    border-right: #2E3192 1px solid;
    padding-right: 5px;
    border-top: #2E3192 1px solid;
    margin-top: 5px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 5px;
    border-left: #2E3192 1px solid;
    cursor: pointer;
    color: #FFFFFF;
    padding-top: 5px;
    border-bottom: #2E3192 1px solid;
    font-family: Verdana;
    background-color: #2E3192
}

.accordionHeaderPointer
{
    border-right: #2E3192 1px solid;
    padding-right: 5px;
    border-top: #2E3192 1px solid;
    margin-top: 5px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 5px;
    border-left: #2E3192 1px solid;
    color: #FFFFFF;
    padding-top: 5px;
    border-bottom: #2E3192 1px solid;
    font-family: Verdana;
    background-color: #2E3192;
    cursor:pointer
}

.accordionContent
{
    border-right: #808080 1px solid;
    padding-right: 5px;
    border-top: medium none;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: #808080 1px solid;
    padding-top: 10px;
    border-bottom: #808080 1px solid;
    background-color: #FFFFFF;
    font-family: Verdana;
    font-size: 12px;
}

/*  -------------------------------------- CADRE IMAGE ------------------------------------------- */

.cadreImage
{
    border-right: #808080 1px dashed;
    padding-right: 5px;
    border-top: #808080 1px dashed;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: #808080 1px dashed;
    padding-top: 10px;
    border-bottom: #808080 1px dashed;
    background-color: #FFFFFF;
    font-family: Verdana;
    font-size: 12px
}

/*  ------------------------------------- OBJET TEXTBOX ------------------------------------------ */

.boxLarge
{
    font-size:x-small;
    color:#000000;
    width:200px
}

.boxMedium
{
    font-size:x-small;
    color:black; 
    width:100px
}

.boxIntermediate
{
    font-size:x-small;
    color:#000000;   
    width:50px
}

.boxSmall
{
    font-size:x-small;
    color:#000000;   
    width:20px
}

.box
{  
    font-size:x-small;
    color:#000000;
}

.boxOffre1
{
    font-family: Verdana;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    background-color: #EEEEEE;
}

.boxOffre2
{
    font-family: Verdana;
    border-width: 0px;
    border-style: solid;
    border-color: #FFFFFF;
}

/*  -------------------------------------- OBJET BUTTON ------------------------------------------ */

.btn
{
       background-color:#FF9900;
       border-color:#2E3192;
       border-style:solid;
       border-width:1px;
       font-size:x-small;
       color:#000000;
       cursor:pointer;
}

/*  ------------------------------------- OBJET CHECKBOX ----------------------------------------- */

.cbx
{
    font-size:x-small;
    color:#000000
}

/*  ----------------------------------- OBJET DROPDOWNLIST --------------------------------------- */

.ddlExtraLarge { font-size:x-small; color:#000000; width:200px }
.ddlLarge { font-size:x-small; color:#000000; width:100px }
.ddlMedium { font-size:x-small; color:#000000; width:50px }
.ddlSmall { font-size:x-small; color:#000000; width:20px }
.ddl { font-size:x-small; color:#000000; }

/*  --------------------------------------- DIVERS OBJETS ----------------------------------------- */

.dvMenuFlottant {
    display: none;
    width: 156px; height: auto;
    padding-left: 10px;
    padding-bottom: 4px;
    overflow: auto;
    background: #FFCC99;
    margin-left: 166px;
    border-right: 1px solid #CC9966; border-top: 1px solid #CC9966; border-bottom: 1px solid #CC9966;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    opacity: 0.90;
    filter: alpha(opacity=90);
    position: absolute;
    z-index: 101;
}

/*  ------------------------------------ BORDURES ----------------------------------------- */

.borderColor1 /* bordures pour separer les elements du menu */
{
    margin: 0;
    border: 0;
    border-bottom: 1px #CC9966 solid;
    height: 1px;
    width: 163px;
}

/*  -------------------------------------- MENU ------------------------------------------- */

ul#menu {
    font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    margin: 0;
    padding: 0;
    padding-left: 18px;
    margin-top: 8px;
    margin-bottom: 8px;
}
ul#menu a.menu:link { color: #2E3192; }
ul#menu a.menu:visited { color: #2E3192; }
ul#menu li { font-weight: normal; display: list-item; list-style-image: url(../images/iconemenu1.gif); }
ul#menu .liMenuOnglet { font-weight: bold; padding-top: 1px; padding-bottom: 1px; }
ul#menu .sousMenu { margin-left: 0px; list-style-image: none; list-style-type: none; padding-bottom: 4px; }
.spnMenuCfg { margin-left: 0px; color: red; text-decoration: underline; }
.spnMenuNew { font-weight: bold; color: red; }
ul#menu hr { width: 163px; margin-left: -15px; }

/* -------------------------------------- BOITES ------------------------------------------- */

.boxHead {
    background-color: #2E3192;
    color:#fff;
}
.boxHead span {
    font-size: small;
    font-weight: bold;
}
.boxHead div {
    font-size: small;
    font-weight: bold;
}
.boxHead p 
{
    margin: 0 10px 0 10px;
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana;
}
.topCorner { background: url(../images/design/boite_corner_haut_droite.png) no-repeat top right; background-color: #2E3192; }
.topCornerOff { background-color: #2E3192; }
.bottomCorner { background: url(../images/design/boite_corner_bas_droite.png) no-repeat top right; background-color: #2E3192; }
.bottomCornerOff {  background-color: #2E3192; padding-bottom: 10px; }
img.placeBorder 
{
    width: 10px; 
    height: 10px;
    border: none;
    display: block !important;
}
.boxContent 
{
    font-size: x-small;
    color: #000000;
    text-align: left;
    border-bottom: 1px solid #878787;
    border-left: 1px solid #878787;
    border-right: 1px solid #878787;
    padding: 5px;
    -moz-border-radius: 0 0 5px 5px;
}
.boxContent  p
{
    margin: 0;
    padding: 1px;
    text-align: left;
}
.boxContent ul
{
    margin: 0;
    padding: 4px 0 0 23px;
    -padding: 0 0 4px 23px;
}
.boxContent li
{
    margin-bottom: 4px;
    -margin-bottom: 0;
}

.pagination {
    border:solid 1px #193B1A;
    font-weight:bold;
    padding:1px;
    font-size:9px;
    background-color:#ECECFF;
}