@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url('OpenSans.woff') format('woff');
}


/************************/
/* GLOBAL               */
/************************/
#PopupSuccessCreateAccount
{  
    width: 475px;       
    margin-left: -170px;
    z-index: 9999; 
    left: 50%;
    position: fixed;
    top: 17%; 
    text-align:left;        
    background-clip: padding-box;
    background-color: #FFFFFF;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 4px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}      
.title-mon-compte-rubrique
{
    border-bottom: solid 3px #f18d8e;
    margin:0;
    padding: 9px 20px;
    text-transform: uppercase;
    font-size: 10pt;
    font-weight:bold;
}
.accordionAlert
{
    width: 450px;
}
.accordionHeaderAlert
{
    cursor: pointer;
}
.linkStyleAlert
{
    color: #3FA3E4;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
.btn-sabonner-header
{
    /*margin:5px 0 0 0;*/
}
#lnkAddAlert:hover
{
    /*cursor: pointer;*/
}
.DefaultTextStyleInTextBox
{
    font-style: italic;
    color: Gray;
}
.popup input
{
    border: 1px solid #D6DBDE;
    font-size: 11px;
    margin: 2px 0;
    padding: 4px;
    width: 250px;
}
.popup
{
    padding: 10px 10px 0;
}
.text-account-tree
{
    color: Black;
}
.text-account-tree-selected
{
    color: Red;
}
.ul-account
{
    list-style-image: url("images/picto_rouge.png");
    margin: 0 0 0 20px;
    padding: 0;
}
.accountMenu
{
    background: url("images/Compteheader.png") repeat scroll 0 0 transparent;
    border-radius: 4px 4px 0 0;
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    height: 22px;
    padding: 10px 20px;
    text-transform: uppercase;
}
.width-menu-MyAccount
{
    width: 24%;
    vertical-align: top;
}
.gridView_EditRowStyle
{
    background-color: #FFF2BA;
}
.gridView_AlternatingRowStyle
{
    background-color: #EAEAEA;
}
.AvatarPreviewSize
{
   border: 1px solid #CCCCCC; 
    padding: 5px;
   
}
.msgposted
{
    font-size:8pt;
}
.FormErrorColor
{
    color: Red;
}

.HideButtonForMPE
{
    display: none;
}
.backgroundColorPopup
{
    background-color: #333333;
    filter: alpha(opacity=10);
    opacity: 0.5;
}

.backgroundColorPanelPopup
{
    background-color: #FFFFFF;
}

.UpdatedMessage
{
    color: #000099;
    font-weight: bold;
}

:root
{
    overflow-y: scroll;
}
html, body
{
    height: 100%;
}
body
{
    background-color: #eef2f1;
    font-family: 'Open Sans' , Arial, sans-serif;
    font-size: 9pt;
    line-height: 17px;
    color: #232323; /* #454344;*/
    margin: 0;
    padding: 0;
}

form
{
    padding: 0;
    margin: 0; /* background: #fff url(Images/PageBg.jpg) repeat-x;   */ /*  min-width: 980px; Ensures that background covers the whole document width */
}
a
{
    color: #2b99e1; /* #3fa3e4; */ /* #58a3d6*/
    text-decoration: none; /* font-weight: bold;*/
}
a:hover
{
    text-decoration: underline;
}
a img
{
    border: 0;
}
h1, h2, h3, h4, h5, h6
{
    color: #1a171b;
    line-height: normal;
    margin: 0 0 .5em;
}
h1
{
    font-size: 1.3em;
}
h2
{
    font-size: 1.1em;
}
h3
{
    font-size: 1em;
}
h5 
{
    font-weight:normal;
     margin: 0;
}
h6 
{
     font-size: 12px;
     font-weight:normal;
     margin: 0 0 1em;
}

p
{
    margin: 0 0 1em;
    padding: 0;
}
.introduction
{
    font-weight: bold;
}
.empty
{
    font-style: italic;
    color: #999;
}

hr
{
    border-bottom: solid 1px #ccc;
    border-width: 0 0 1px;
    margin: 10px 0;
    *border:0;
}

hr.clear
{
    clear: both;
}

ul
{
    list-style-image: url("images/DefaultBullet.png");
    margin: 0 0 0 15px;
    padding: 5px;
}

div .Menu
{
    list-style-image: url("images/DefaultBullet2.png");
    margin: 0 0 0 15px;
    padding: 5px;
}
/*ul li ul
{
    list-style-type:circle;
    list-style-image:url("");
}*/
ul.horizontal
{
    list-style: none none;
    overflow: hidden;
    margin: 0;
    width: 100%;
}
ul.horizontal li
{
    float: left;
    padding-right: .7em;
}

label
{
    font-size: 12px;
    line-height: normal;
}
input
{
    /* font-family: Helvetica, Arial, sans-serif;*/
    font-size: 11px;
    padding: 0;
}
input[type=checkbox]
{
    border: none;
    vertical-align: middle;
    margin: 4px 2px 2px;
    display: inline-block;
}

fieldset
{
    border: 1px solid #CCCCCC;
    margin: 0 0 1em;
    padding: 1em;
}
legend
{
    color: #000;
}

.emptyParagraph
{
    height: 0;
    margin: 0;
    padding: 0;
}
.hidden
{
    display: none;
}
.error
{
    color: Red;
}

.button, .buttonExt
{
    background-image: url("images/btncomment.png");
    border: 0 none;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    color: #FFFFFF;
    cursor: pointer; /* font-family: Arial,Helvetica,sans-serif;*/
    font-weight: bold;
    height: 24px;
    padding: 0 10px;
    text-decoration: none;
}
.button
{
    padding: 5px 10px;
}
.button:hover, .buttonExt:hover
{
    background-image: url("images/btncommentover.png");
    text-decoration: none;
}

.LinkExtRed
{
    background-image: url("images/btncommentred.png");
    border: 1px solid #B23D3D;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    color: #FFFFFF;
    cursor: pointer; /* font-family: Arial,Helvetica,sans-serif;*/
    font-weight: bold;
    height: 24px;
    padding: 4px 10px;
    text-decoration: none;
}
.LinkExtRed:hover
{
    background-image: url(""); /*url("images/btncommentoverred.png");*/
    background-color: #fff;
    text-decoration: none;
    color: #e31b1d;
}

.LinkExtOrange
{
    background-image: url("images/btncommentorange.png");
    border: 1px solid #B23D3D;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    color: #FFFFFF;
    cursor: pointer; /*font-family: Arial,Helvetica,sans-serif;*/
    font-weight: bold;
    height: 24px;
    padding: 4px 10px;
    text-decoration: none;
}
.LinkExtOrange:hover
{
    background-image: url(""); /*url("images/btncommentoverred.png");*/
    background-color: #fff;
    text-decoration: none;
    color: #e31b1d;
}

.buttonExtRed
{
    background-image: url("images/btncommentred.png");
    border: 1px solid #B23D3D;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    color: #FFFFFF;
    cursor: pointer; /*  font-family: Arial,Helvetica,sans-serif;*/
    font-weight: bold;
    height: 25px;
    padding: 0 10px;
    text-decoration: none;
}
.buttonExtRed:hover
{
    background-image: url(""); /*url("images/btncommentoverred.png");*/
    background-color: #fff;
    text-decoration: none;
    color: #e31b1d;
}

.buttonExtRedDisabled
{
    /* background-image: url("images/btncommentred.png");*/
    background-color: Gray;
    border: 0 none;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    color: #FFFFFF;
    cursor: pointer; /*    font-family: Arial,Helvetica,sans-serif;*/
    font-weight: bold;
    height: 24px;
    padding: 0 10px;
    text-decoration: none;
}

.buttonExtOrange
{
    background-image: url("images/btncommentorange.png");
    border: 1px solid #B23D3D;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    color: #FFFFFF;
    cursor: pointer; /*   font-family: Arial,Helvetica,sans-serif;*/
    font-weight: bold;
    height: 25px;
    padding: 0 10px;
    text-decoration: none; /*margin-left: 3px;     margin-right: 3px;*/
}
.buttonExtOrange:hover
{
    background-image: url(""); /*url("images/btncommentoverred.png");*/
    background-color: #fff;
    text-decoration: none;
    color: #e31b1d;
}

.buttonExtOrangeDisabled
{
    /* background-image: url("images/btncommentorange.png");*/
    background-color: Gray;
    border: 0 none;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    color: #FFFFFF;
    cursor: pointer; /* font-family: Arial,Helvetica,sans-serif;*/
    font-weight: bold;
    height: 24px;
    padding: 0 10px;
    text-decoration: none;
}

table
{
    font-size: 9pt;
    border-collapse: collapse;
}
th
{
    text-align: left;
}

.mpeButtons
{
    
    }

/**********************************/
/*    Table classes for content   */
/**********************************/

table.classic
{
    border-collapse: collapse;
    border: solid 0.1em #777777;
}
table.classic th
{
    border: solid 0.1em #777777;
    background-color: #DADADA;
    padding: 0.4em;
}
table.classic td
{
    border: solid 0.1em #777777;
    padding: 0.2em 0.4em;
}
table.color
{
    border-collapse: collapse;
    border: solid 0.1em #275569;
}
table.color th
{
    border: solid 0.1em #275569;
    background-color: #4495b9;
    color: White;
    padding: 0.4em;
}
table.color td
{
    border: solid 0.1em #275569;
    padding: 0.2em 0.4em;
}
th.highlighted, td.highlighted
{
}
table.classic th.highlighted
{
    background-color: #AAAAAA;
}
table.classic td.highlighted
{
    background-color: #F0F0F0;
}
table.color th.highlighted
{
    background-color: #377995;
}
table.color td.highlighted
{
    background-color: #d1e6ef;
}
th.leftalignedcontent, td.leftalignedcontent
{
    text-align: left;
}
th.rightalignedcontent, td.rightalignedcontent
{
    text-align: right;
}

/**********************************/
/*   Image  classes for content   */
/**********************************/
img.topleftfloatingimage
{
    float: left;
    margin: 0 1em 1em 0;
}

img.toprightfloatingimage
{
    float: right;
    margin: 0 0 1em 1em;
}

img.shadow
{
    -moz-box-shadow: 2px 2px 2px rgb(136, 136, 136);
    -webkit-box-shadow: 2px 2px 2px rgb(136, 136, 136);
    box-shadow: 2px 2px 2px rgb(136, 136, 136);
}

img.border
{
    border: solid 1px #ccc;
    background-color: #FFF;
    padding: 15px;
}

/************************/
/* PAGING               */
/************************/
.PagingContainer
{
}
.PagingContainer ol
{
    margin: 0;
    background: none repeat scroll 0 0 #F1F1EE;
    border: 1px solid #D6DBDE;
    margin: 0;
    overflow: hidden;
    padding: 5px;
    overflow: hidden;
}

.PagingContainer li
{
    list-style: none;
    display: inline;
}

.PagingContainer a, .SelectedPagingItem
{
    text-decoration: none;
    float: left;
    padding: .2em; /*  border: 1px solid #303233;     color: #303233;*/
    font-weight: bold;
    margin-right: .1em;
    line-height: 24px;
}

.PagingContainer .SelectedPagingItem
{
    /* background: #303233;*/
    color: #666666;
}
/************************/
/* HEADER               */
/************************/
#HeaderArea
{
   /* position: relative;*/
    width: 980px;
    /*height: 100px;
    *height: 110px;*/
    height:82px;
    /**height: 94px;*/
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background-color: #fff;
    z-index:8000;
}

#Functions
{
    /*position: absolute;*/
    top: 10px;
    right: 1px;
    width: 620px;
}

#Functions li
{
    list-style: none none;
    float: left;
    margin-left: 10px;
}

#Functions a
{
    /*  font-family: Helvetica, Arial, sans-serif;*/
    font-size: 9pt; /*  color: #7db7dd;*/
    margin-left: 10px;
}

#Functions .iconLink
{
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

#Functions .loginLink
{
    background-image: url("Images/login.png");
    padding: 5px 48px;
}

.loginLock
{
    background-image: url("Images/Pictos/loginLock.png");
    background-position: 20px 50%;
    background-repeat: no-repeat;
    padding-left: 30px;
}

#Functions .rssLink
{
    background-image: url(Images/icon-rss.png);
}

#Functions .sitemapLink
{
    background-image: url(Images/icon-sitemap.png);
}

#Functions .languageLink
{
    background-image: url(Images/icon-language.png);
}

.HeaderLoginView
{
    background-color: #ddd;
    border: 1px solid #000;
}

.HeaderRightPart
{
    margin: 0px 3px;
    width: 550px;
    height: 100%;
    border: 1px none #000;
    float: right;
    vertical-align: bottom;
    bottom: 0px;
    position: absolute;
    right: 0px;
}

/************************/
/* MAIN MENU AREA   
/************************/
#MainMenuArea
{
    width: 980px;
    background-color: #FFFFFF;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    height: 44px;
    z-index:7000;
}

#MainMenu
{
    height: 45px;
    float: left;
    width: 724px;
}

#MainMenu ul
{
    height: 45px;
    overflow: hidden;
    border-left: solid 1px #b0a790;
    margin: 0;
}

#MainMenu li
{
    background-image: url(Images/menu.jpg);
    float: left;
    display: block;
    list-style: none none;
    border-right: solid 1px #b0a790;
}

#MainMenu li:hover
{
    background-image: url(Images/hover.jpg);
    background-repeat: repeat-x;
}

#MainMenu a, #MainMenu span
{
    display: block;
    font-weight: bold;
    line-height: 1;
    color: #1a1a1c;
    padding: 17px 10px;
}

#MainMenu a:hover
{
    text-decoration: none;
    color: #1a1a1c; /*  background-image: url(Images/hover.png);*/
}

#MainMenu .selected
{
    background-image: url(Images/selected.jpg);
    background-repeat: repeat-x;
}
#MainMenu .selected a
{
    color: #fff;
}
#MainMenu .selected a:hover
{
    color: #1a1a1c;
}

.QuickSearchArea
{
    float: right;
    text-align: right;
     margin: 0px 5px;
}

.quickSearchFieldContainer
{
    background: url(Images/field-search.png) no-repeat;
    width: 288px; /*--Modifier pour ie7-- width: 325px;*/
    height: 30px;
    float: left;
}

.quickSearchFieldContainer2
{
    background: url(Images/field-search.png) no-repeat;
    width: 155px; /*--Modifier pour ie7-- width: 325px;*/
    height: 30px;
    float: left;
}

.forumSearchFieldContainer
{
    background: url(Images/field-search.png) no-repeat;
    width: 188px; /*--Modifier pour ie7-- width: 325px;*/
    height: 30px;
    float: left;
}

.quickSearchField
{
    background: none;
    border: none;
    margin: 5px 0 0 10px;
    width: 170px;
    height: 20px;
    padding: 0px;
}

.forumSearchField
{
    background: none;
    border: none;
    margin: 5px 0 0 10px;
    width: 180px;
    height: 20px;
    padding: 0px;
}



/*************************/
/* STAGEAREA             */
/*************************/
#StageArea
{
    background-color: #fff;
    width: 980px;
    margin: 0px auto 0;
    overflow: hidden;
}

/************************/
/* SUBMENU AREA           */
/************************/
#SubMenuArea
{
    /*  float: left;*/
    width: 220px;
    margin: 20px; /* Top margin: 2x20px (breadcrumb margin) + 12px (breadcrumb font-size) + 25px (MainContent padding) */
    overflow-x: hidden;
    font-size: .875em;
}

#SubMenuArea ul
{
    list-style: none none;
    padding: 0;
    margin: 0;
}

#SubMenuArea ul ul
{
    padding: 7px 0 0 13px;
}

#SubMenuArea li
{
    display: block;
    padding: 0 0 7px;
}

#SubMenuArea span, #SubMenuArea a
{
    display: block;
    font-weight: bold;
    color: #666;
}

#SubMenuArea .toplevel
{
    color: #666;
    font-size: 1.429em; /* Same as h2 */
    font-weight: bold;
    border-bottom: solid 1px #ccc;
    padding: 0 3px 3px;
    margin-bottom: 3px;
}

#SubMenuArea .selected
{
    color: #F49E46;
}

/*************************/
/* CONTENT AREA          */
/*************************/
#MainContentArea
{
    float: left;
    min-height: 550px;
 
    width: 660px;
}

#MainBodyAreaWide
{
    background: url(Images/box-mainbody-wide.png) no-repeat;
    padding: 25px;
    min-height: 250px;
    margin-bottom: 25px;
}

.BreadcrumbArea
{ 
    font-size: 9pt; 
    line-height: 16px;
    padding: 10px; 
}
 

#MainBodyArea
{
    float: left;
    overflow: visible;
    width: 650px;
    background: url(Images/box-mainbody.png) no-repeat;
    min-height: 250px;
}

#MainBody
{
    padding: 25px 0 20px 10px;
    background-image: url('images/yellowbg.png');
    background-repeat: repeat-x;
}

#MainBody2
{
    padding: 10px 0 20px 10px;
    
    border-top-color:#e41b1d;
    border-top-width:15px;
    border-top-style: solid;
    
    /*background-image: url('images/yellowbg.png');
    background-repeat: repeat-x;*/
}

#MainBodyGdem
{
    padding: 25px 0 20px 10px;
    background-image: url('images/redbg.png');
    background-repeat: repeat-x;
    padding-top: 20px;
}
#SecondaryBodyArea
{
    float: right;
    overflow-x: hidden;
    width: 300px;
    padding-right: 10px;
}

#SecondaryBodyAreaLeft
{
    float: left;
    overflow-x: hidden;
    width: 300px;
    padding-right: 10px;
    padding-left: 10px;
}

/************************/
/* FOOTER               */
/************************/
#FooterArea
{
    clear: both; /*margin-top: 20px;*/
    margin: 0px;
    overflow: hidden;
    color: #fff;
    background-color: #fff;
    margin: 0 auto;
    text-align: center;
    width: 980px;
    padding-top: 10px;
}

#FooterArea a
{
    color: #fff;
}

#PageFooter
{
    background-image: url(Images/tile-footer.gif);
    background-repeat: repeat-x;
    width: 940px;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
}

#PageFooter ul
{
    margin: 10px 0 50px;
    padding: 0;
    list-style: none none;
    overflow: hidden;
}

#PageFooter li
{
    float: left;
    padding: 0 30px;
    text-align: center;
   
}

#PageFooter li:first-child
{
    margin-left: 0;
}

#PageFooter span
{
    font-size: 1.2em;
    display: block;
    padding: 2px 5px;
    border-bottom: 1px solid #fff;
}

#PageFooter ul ul
{
    margin: 5px 0;
}

#PageFooter ul ul li
{
    float: none;
    padding: 2px 5px;
    margin: 0;
    font-size: 0.8em;
}

#Copyright
{
    clear: both;
    display: block;
    margin: 0px;
    font-size: .75em;
    text-transform: uppercase;
    zoom: 1;
}

/*************************/
/* PAGE LIST             */
/*************************/
.pageList ul
{
    margin: 0 0 1em;
    padding: 0;
    list-style: none none;
}
.pageList li
{
    padding: .7em 0;
    border-top: solid 1px #eee;
}

.pageList li:first-child, #SecondaryBodyArea .pageList li, #SecondaryBodyAreaLeft .pageList li
{
    border-top: none;
    padding-top: 0;
}

#SecondaryBodyArea .pageList li > h3, #SecondaryBodyAreaLeft .pageList li > h3
{
    font-size: .875em;
    line-height: 1.3em;
}
.pageList li > h3
{
    margin-bottom: .2em;
}

.pageList li > p
{
    margin-bottom: 0;
}

.pageList li > .datetime
{
    font-size: .75em;
}

.pageList li > .document
{
    display: inline-block;
    margin-top: .5em;
}


#SecondaryBody a 
{   
    font-weight:bold;
}

#SecondaryBodyLeft a 
{   
    font-weight:bold;
}

/*************************/
/* DOCUMENTS             */
/*************************/
.document
{
    padding: 0 0 2px 22px;
    background: url(images/extensions/default.gif) 0 50% no-repeat;
    line-height: 1.4;
}
.folder
{
    background-image: url(images/filemanager/folder.png);
}
.folderup
{
    background-image: url(images/filemanager/folderup.png);
}
.bmpExtension
{
    background-image: url(images/extensions/bmp.gif);
}
.docExtension, .docxExtension
{
    background-image: url(images/extensions/doc.gif);
}
.gifExtension
{
    background-image: url(images/extensions/gif.gif);
}
.htmExtension, .htmlExtension
{
    background-image: url(images/extensions/htm.gif);
}
.jpgExtension, .jpegExtension
{
    background-image: url(images/extensions/jpg.gif);
}
.mp3Extension
{
    background-image: url(images/extensions/mp3.gif);
}
.mpgExtension
{
    background-image: url(images/extensions/mpg.gif);
}
.pdfExtension
{
    background-image: url(images/extensions/pdf.gif);
}
.pngExtension
{
    background-image: url(images/extensions/png.gif);
}
.pptExtension, .pptxExtension
{
    background-image: url(images/extensions/ppt.gif);
}
.tifExtension, .tiffExtension
{
    background-image: url(images/extensions/tif.gif);
}
.txtExtension
{
    background-image: url(images/extensions/txt.gif);
}
.wavExtension
{
    background-image: url(images/extensions/wav.gif);
}
.xlsExtension .xlsxExtension
{
    background-image: url(images/extensions/xls.gif);
}
.zipExtension
{
    background-image: url(images/extensions/zip.gif);
}

/*************************/
/* STARTPAGE             */
/*************************/
form.StartPage
{
    /* background-image: url(Images/StartPageBg.jpg);*/
}

#ImageArea
{
    margin-top: 2px;
    position: relative;
    overflow: hidden;
}

#ImageContent
{
    display: none; /* Only displayed for Mobile browsers */
}

form.StartPage #StageArea
{
    margin-top: 0;
}

form.StartPage #MainContentArea
{
    padding: 30px 0 0;
    width: auto;
}

form.StartPage #MainContentArea .column
{
    float: left;
    margin: 0 0 20px 25px;
    padding: 25px;
    width: 260px;
    background: url(Images/box-startpage.png) no-repeat;
    _background-image: url(Images/box-startpage.gif);
    min-height: 230px;
}

form.StartPage #MainContentArea .column:first-child
{
    margin-left: 0;
}

#Clients
{
    clear: both;
    border: 2px solid #e0e0e0;
    border-width: 2px 0;
    margin: 20px 0;
}

#Clients p
{
    margin: 0;
}

form.StartPage .linksArea
{
    float: left;
    max-width: 440px;
    padding: 25px;
}

form.StartPage .linksItemDate
{
    display: block;
    font-style: italic;
}

form.StartPage li
{
    margin-bottom: 5px;
}

/*************************/
/* LOGIN PAGE            */
/*************************/
.loginArea
{
    width: 100%;
}

.loginArea label
{
    display: block;
    line-height: 1em;
    width: 35%;
}

.loginArea input
{
    margin: 0.3em 0 1em 0;
}

/*************************/
/* REGISTER PAGE         */
/*************************/
.registerArea
{
    width: 100%;
}

.registerArea label
{
    display: block;
    line-height: 1em;
}

.registerArea input
{
    margin: 0.3em 0 1em 0;
}

/*************************/
/* SUBSCRIPTION PAGE     */
/*************************/
.subscriptionArea
{
    width: 100%;
}

.subscriptionArea label.topLabel
{
    display: block;
    line-height: 1em;
}

.subscriptionArea input, .subscriptionArea select
{
    margin: 0.3em 0 1.5em 0;
}

.subscriptionListArea input
{
    margin: 0 0.3em 0 0;
}

.subscriptionListArea td
{
    vertical-align: text-bottom;
    padding: 0.3em 0;
}

/*************************/
/* SEARCH PAGE           */
/*************************/
#ResultArea
{
    padding-top: 2em;
}

#ResultArea ol
{
    margin: 0;
    padding-left: 2em;
}
#ResultArea li
{
    margin: 0;
    padding: 0;
}

input.searchText
{
    height: 18px;
    width: 335px;
    padding: 5px;
}

/*************************/
/* SITEMAP PAGE          */
/*************************/
#SiteMap ul
{
    margin: 0;
    padding: 0.2em 0;
    list-style-image: none;
}

#SiteMap ul ul
{
    padding: 0;
    margin-left: 0.5em;
}

#SiteMap li
{
    margin: 0 0 0.5em 0;
    padding: 0;
    list-style: none;
    font-size: 1.3em;
}
#SiteMap li a
{
    text-decoration: none;
}

#SiteMap li li
{
    margin: 0.2em 0;
    padding-left: 1em;
    background: url(images/SiteMapBullet.png) no-repeat;
    font-size: 0.7em;
}

#SiteMap li li a
{
    text-decoration: underline;
}

#SiteMap li li li
{
    font-size: 1em;
}

/*************************/
/* CALENDAR              */
/*************************/
.CalendarList
{
    margin: 10px 0;
}
.CalendarList h2
{
    margin: .5em 0 .2em;
    padding: 0 2px 2px;
    font-size: 1em;
    border-bottom: 1px solid #eee;
}
.CalendarList .event
{
    overflow: hidden;
    padding: 2px;
}
.CalendarList .eventDate
{
    float: right;
    font-size: .875em;
}
.CalendarList .multiDate
{
    background: url(images/Clock.png) 100% 50% no-repeat;
    padding-right: 18px;
}
.CalendarList .midDate
{
    width: 16px;
    height: 16px;
}

.CalendarGrid
{
    background-color: #fff;
    padding: 5px;
}
.CalendarGrid > table
{
    width: 200px;
    font-size: .75em;
}
.CalendarGrid .title
{
    border-bottom: 1px solid #e3e3e3;
}
.CalendarGrid .title td
{
    padding: 3px;
    font-weight: bold;
    border: none;
}
.CalendarGrid .title .nextPrev
{
    font-size: 18px;
    line-height: 1;
}
.CalendarGrid th
{
    font-weight: normal;
    text-align: center;
    padding: 3px;
}
.CalendarGrid td
{
    text-align: center;
    border: 1px solid #fff;
}
.CalendarGrid a
{
    padding: 2px 3px;
    text-decoration: none;
    display: block;
    text-align: center;
}
.CalendarGrid .today
{
    font-weight: bold;
    outline: solid 1px #F49E46;
    outline-offset: -2px;
}
.CalendarGrid .active
{
    background-color: #e0e0e0;
}

/*************************/
/* FORUMS                */
/*************************/
.moderatorPanel
{
    background-color: #fbeed2;
    border: 1px solid #F6A800;
    padding: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    margin-right: 10px;
}

.linkButton
{
    font-size: .875em;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    line-height: 16px;
}
.buttonToolbar .linkButton
{
    margin-left: 5px;
}
.createButton
{
    background-image: url(Images/Add.png);
}
.replyButton
{
    background-image: url(Images/forum/answer.jpg);
    width: 80px;
    height: 26px;
}
.editButton
{
    background-image: url(Images/Edit.png);
}
.deleteButton
{
    background-image: url(Images/Delete.png);
}
.stickyButton
{
    background-image: url(Images/forum/sticky.png);
}
.lockButton
{
    background-image: url(Images/forum/lock.png);
}
.upButton
{
    background-image: url(Images/forum/up.png);
}
.inviteButton
{
    background-image: url(Images/Invite.png);
}
.forumTable
{
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #DDDDDD;
}
.forumTable td
{
    vertical-align:top;
}
.forumTable thead
{
    /*background-color: #e5e8e4;*/
    background-color: #eee;
}
.forumTable th
{
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    font-weight: bold;
    padding: 10px;
    white-space: nowrap;
}
.forumTable th.title
{
    width: 50%;
}
.forumTable th.replies, .forumTable td.replies
{
    text-align: left;
}
.forumTable td.info
{
    width: 20%;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.forumTable tr td
{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 6px 5px;
}

.forumTable tr.neutral td
{
    /*background-color: #ebf0f3;*/
    background-color: #fff;
}

.forumTable tr.even td
{
    /*background-color: #ebf0f3;*/
    background-color: #fff;
    border-bottom:1px #ddd solid;
}
.forumTable tr.uneven td
{
    /*background-color: #ebf0f3;*/
    background-color: #fff;
    border-bottom:1px #ddd solid;
}


.forumTable a.forumLink
{
    display: block;
    background: url(images/forum/default.png) no-repeat 0 50%;
    padding: 0 0 0 32px;
    line-height: 24px;
}
.forumTable a.information
{
    background-image: url(images/forum/Information.png);
}
.forumTable a.auction
{
    background-image: url(images/forum/Auction.png);
}
.forumTable a.threadLink
{
    display: block;
}
.forumTable a.sticky
{
    background: url(images/forum/sticky.png) no-repeat 100% 50%;
    padding: 0 24px 0 0;
}
.forumTable a.locked
{
    background: url(images/forum/lock.png) no-repeat 100% 50%;
    padding: 0 24px 0 0;
}
.forumTable a.stickylocked
{
    background: url(images/forum/stickylocked.png) no-repeat 100% 50%;
    padding: 0 40px 0 0;
}

.createForum div, .createThread div, .createReply div
{
    margin-bottom: 0.8em;
    clear: both;
}
.createForum label, .createThread label, .createReply label
{
    display: block;
    float: left;
    width: 180px;
    text-align: right;
    margin: 2px 10px 0 0;
}
.createThread label
{
    width: 120px;
}
.createReply label
{
    width: 80px;
}
.createForum input.title, .createThread input.title, .createThread textarea, .createThread div.text
{
    width: 350px;
}
.createThread div.buttons
{
    margin-left: 130px;
}
.createReply textarea, .createReply div.text
{
    width: 680px;
}
.createForum div.buttons
{
    padding-left: 190px;
    text-align: left;
}
.createReply div.buttons
{
    margin-left: 90px;
}

.replyList
{
    list-style: none none;
    margin: 0;
    overflow: hidden;
}
.reply
{
    margin: 10px 0 20px 0;
    overflow: hidden; /*background: url(images/forum/replybg.png) repeat-y 165px;*/
    border: 1px solid #ccc;
    background-color: #fff;
}

.replyDate
{
    background-color: #ddd; 
}

.replyDate .datetime
{
    position: relative;
    display: block;
    padding: 5px; 
    font-style: oblique;
}

.postNum
{
    position: absolute;
    display: inline;
    padding-top: 0px;
    width: 90%;
    right: 10px;
    text-align: right;
}

.reply .info
{
    display: table-cell;
    font-family: arial;
    font-size: 8pt;
    line-height: 16px;
    padding: 5px 20px 5px 5px;
    text-align: center;
    width: 110px;
}

.reply .text
{ 
    padding: 5px 10px;
    width: 480px;
} 
.reply .text blockquote
{
    font-style: italic;
    border-left: 3px solid #000;
    padding-left: 5px;
}

.reply .info .linkButton
{
    display: block;
}

.reply .footer
{
    border-top: 1px dotted #ddd;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
}

.footerInfo
{
    float: left;
    padding: 5px;
    width: 35%;
    display: inline-block;
}
.footerText
{
    vertical-align: middle;
    float: right;
    text-align: right;
    padding: 5px;
    width: 35%;
    display: inline-block;
}

.likeCombo
{
    display: inline;
    margin: 0px 20px 0px 20px;
    vertical-align: middle;
}
/*************************/
/* BLOG                  */
/*************************/
.bloggerThumbnail
{
    float: left;
    width: 75px;
    padding: 7px;
    border: 1px solid #dcdcdc;
    background-color: White;
    display: block;
    margin: 0 7px 1px 0;
}
.bloggerImage
{
    width: 150px;
    padding: 10px;
    border: 1px solid #dcdcdc;
    background-color: White;
}
.blogItem
{
    width: 100%;
    overflow: hidden;
}

.blogItem .bloggerDivLink
{
    padding: 0 5px;
    display: block;
}

.blogItem h2
{
    margin: 0.1em 0 0.1em 0;
    display: block;
}
.blogItem span.bloginfo
{
    margin: 0.1em 0 0.2em 0;
    font-size: 0.9em;
    line-height: 1.2em;
    font-weight: normal;
    display: block;
}
.blogItem span.introduction
{
    margin: 0;
    font-size: 1.0em;
    line-height: 1.5em;
    display: block;
    font-weight: bold;
}
.blogItem span.name
{
    margin: 0.1em 0 0.2em 0;
    font-size: 0.9em;
    line-height: 1.2em;
    font-weight: normal;
    display: inline-block;
}
.blogItem p
{
    margin: 0.6em 0 0.2em 0;
}

.blogItem span a
{
    font-style: normal;
}

/* Tag links */
.tags
{
    overflow: hidden;
    margin-bottom: 5px;
}

.tags span
{
    float: left;
    font-size: 1.1em;
    font-weight: normal;
    margin: 0 0.3em;
    font-style: italic;
}

.tags ul
{
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.tags li
{
    list-style: none;
    list-style-image: none;
    float: left;
    margin-left: 0.5em;
}

.tags li a
{
    line-height: 1.2em;
    font-size: 0.9em;
}

/* Tag cloud */
ul.tagCloud
{
    margin: 0;
    padding: 0;
}

ul.tagCloud li
{
    display: inline;
    list-style: none;
    list-style-image: none;
    margin: 0 0.4em 0 0;
    vertical-align: baseline;
}

ul.tagCloud h1, ul.tagCloud h2, ul.tagCloud h3, ul.tagCloud h4, ul.tagCloud h5, ul.tagCloud h6
{
    display: inline;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}
ul.tagCloud h1
{
    font-size: 1.2em;
    font-weight: 900;
}
ul.tagCloud h2
{
    font-size: 1em;
    font-weight: 700;
}
ul.tagCloud h3
{
    font-size: 0.9em;
    font-weight: 500;
}
ul.tagCloud h4
{
    font-size: 0.8em;
    font-weight: 400;
}
ul.tagCloud h5
{
    font-size: 0.7em;
    font-weight: 200;
}
ul.tagCloud h6
{
    font-size: 0.6em;
    font-weight: 100;
}

/* Date archive */
div.dateTree
{
    margin: 0;
    padding: 0;
    overflow: hidden;
}
div.dateTree ul
{
    padding: 0;
    margin: 0;
}
div.dateTree ul ul
{
    margin: 0 0 0 1em;
}

div.dateTree li
{
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}

/* Comments */
ol.comments
{
    padding: 0;
    margin: 0 0 1.5em;
    list-style-type: none;
}
ol.comments li.comment
{
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: solid 1px #ccc;
}
ol.comments .footer
{
    margin-top: 0.4em;
    text-align: right;
}
ol.comments .footer .commentinfo
{
    display: block;
    margin: .5em 0 .2em;
    font-weight: bold;
}
ol.comments .footer a
{
    font-style: normal;
}
ol.comments img, .newsBody img, .eventBody img, div.WRbody img, div.text img
{
    padding: 0.5em;
    background: #fff;
    border: solid 1px #dcdcdc;
}

ol.comments img
{
    max-width: 27.1em;
}
.newsBody img, div.WRbody img, div.text img
{
    max-width: 31em;
}
.eventBody img
{
    width: 22em;
}
* html ol.comments img, ol.comments p
{
    width: expression(this.clientWidth > 217? "21.7em": "auto");
}

* html .newsBody img, div.WRbody img, div.text img, .newsBody p, div.WRbody p, div.text p
{
    width: expression(this.clientWidth > 310? "31em": "auto");
}

* html .eventBody img, .eventBody p
{
    width: expression(this.clientWidth > 220? "22em": "auto");
}

.WRnote
{
    display: block;
    margin: 1.5em 0;
    padding-left: 0.5em;
    color: #e99636;
}

/* Post comment */
fieldset.comment ul
{
    /* Validation summary */
    font-style: normal;
    font-size: 0.8em;
    background-color: #eeeeee;
    margin: 1em 0;
    padding: 1em;
}
fieldset.comment li
{
    margin-left: 1.4em;
    list-style-image: none;
    margin-bottom: 0.7em;
    padding: 0;
}
fieldset.comment input, fieldset.comment textarea
{
    display: block;
}
fieldset.comment input.textinput, fieldset.comment textarea
{
    width: 325px;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
}
fieldset.comment textarea
{
    height: 140px;
}

/*************************/
/* CAPTCHA               */
/*************************/
fieldset.captcha
{
    margin-top: 1em;
    padding: 0;
    border: 0;
    width: 410px;
}
fieldset.captcha legend
{
    display: none;
}
fieldset.captcha label
{
    float: left;
    margin-right: 0.5em;
    margin-bottom: 0.7em;
    width: 115px;
    display: none;
}
fieldset.captcha img
{
    margin-bottom: 0.7em;
    padding-left: 0.5em;
}
fieldset.captcha input
{
    clear: both; /*width: 225px;     height:22px;*/
}
fieldset.captcha span
{
    /* validator */
    float: right;
}

/*************************/
/* MY SETTTINGS          */
/*************************/
.mySettingsForm
{
    margin-top: 1em;
    width: 360px;
}
.mySettingsForm div
{
    overflow: hidden;
    margin-bottom: 0.4em;
    _zoom: 1;
}
.mySettingsForm div label
{
    float: left;
    clear: left;
}
.mySettingsForm div input
{
    float: right;
    width: 200px;
}
.mySettingsForm div.buttons input
{
    float: left;
    width: auto;
    clear: both;
}
.mySettingsForm div div
{
    float: right;
}

/*************************/
/* Google maps           */
/*************************/
.MapContainer
{
    overflow: hidden;
}

/*************************/
/* FORMS                 */
/*************************/
.xForm h2
{
    padding: 1em 0;
    margin: 0;
}
.xForm .heading
{
    font-weight: bold;
    font-size: 1em;
    padding: 0;
    margin: 0.4em 0em;
}
.xForm #id_matrix
{
    width: 100%;
    margin: 0;
    padding: 0;
}
.xForm #id_matrix td
{
    border: 0;
    margin: 0;
    padding: 0.2em 0;
}
span.xformvalidator
{
    color: Red;
}
.xForm input, .xForm .options
{
    float: left;
}
.xForm fieldset
{
    border: 1px solid #cdcdcd;
}
.xForm legend
{
    color: #666;
    padding: 10px 5px;
}
.xForm label
{
    line-height: 1.7em;
    margin-right: 0.5em;
    float: left;
    width: 120px;
    font-weight: bold;
}
#id_matrix br
{
    clear: both;
}
.thankyoumessage
{
    padding: 1em 0;
    margin: 0;
    font-weight: bold;
}
.xForm input.value, .xForm textarea.textbox
{
    padding-top: 5px;
    width: 200px;
}
/**********************************/
/*   Reseller  */
/**********************************/

#MainBody #Reseller span
{
    display: block;
    width: 100%;
    overflow: hidden;
    padding-top: 0.2em;
}

#MainBody #Reseller span.introduction
{
    padding-top: 0.4em;
}

/**********************************/
/*   File Manager                 */
/**********************************/

div.filemanager
{
}

.filetree
{
    margin-top: .6em;
    margin-bottom: 1em;
}

.filetree td
{
}

.filetree td a
{
    padding: .1em .2em;
}

.filetree td.selectednode a
{
    font-weight: bold;
}

/**********************************/
/*   File Manager Control         */
/**********************************/
div.filemanagercontrol
{
}
div.filemanagercontrol h1, div.filemanagercontrol h2, div.filemanagercontrol h3, div.filemanagercontrol h4
{
}
div.filemanagercontrol h1
{
    font-weight: normal;
    font-size: 1.4em;
    line-height: 1.2em;
    padding: 0;
    margin: 0.3em 0em 0.2em 0em;
}
div.filemanagercontrol h2
{
    font-weight: normal;
    font-style: normal;
    font-size: 1.2em;
    padding: 0;
    margin: 0.2em 0em;
}
div.filemanagercontrol h3
{
    font-weight: bold;
    font-size: 1em;
    padding: 0;
    margin: 0.4em 0em;
}
div.filemanagercontrol h4
{
    font-weight: normal;
    font-size: 0.9em;
    padding: 0;
    margin: 0.4em 0em;
}
div.filemanagercontrol p
{
    margin: 0.3em 0em 0.4em 0;
}
div.filemanagercontrol fieldset
{
    margin: -0.5em 0.8em 1em 0.2em;
}
div.filemanagercontrol label
{
    display: block;
    padding-top: 0.3em;
    float: left;
    width: 7em;
}
div.filemanagercontrol .toolbar
{
    background: #F9F9F9;
    border: 1px solid #DCDCDC;
    border-bottom: 0;
    padding: 7px;
}
div.filemanagercontrol .toolbarbuttonarea
{
    overflow: hidden;
    width: 100%;
    padding-bottom: 0.1em;
    clear: both;
    text-align: center;
}
div.filemanagercontrol .toolbarbuttonsectionleft, div.filemanagercontrol .toolbarbuttonsectionright
{
    overflow: hidden;
    float: left;
}
div.filemanagercontrol .toolbarbuttonsectionleft
{
    padding-right: 0.3em;
    margin-right: 0.3em;
    border-right: dotted 1px #aaa;
}
div.filemanagercontrol .toolbarbuttonsectionright
{
    padding-left: 0.3em;
    margin-left: 0.3em;
    border-left: dotted 1px #aaa;
}
div.filemanagercontrol .toolbarmessage
{
    margin-left: 0.4em;
    color: #F49E46;
}
div.filemanagercontrol .crumbs
{
    color: #58a3d6;
    font-size: 0.9em;
    background: #F9F9F9;
    border: 1px solid #DCDCDC;
    border-bottom: 0;
    padding: 0.3em;
    padding-left: 1.1em;
}
div.filemanagercontrol .validator ul
{
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    margin-left: 0.4em;
    padding: 0;
    font-weight: bold;
    font-size: 0.9em;
}
div.filemanagercontrol .body
{
    border: 1px solid #DCDCDC;
    min-height: 400px;
    overflow: hidden;
}

div.filemanagercontrol .body .leftpanel, div.filemanagercontrol .body .rightpanel
{
    overflow: auto;
    padding-top: 0.7em;
}
div.filemanagercontrol .body .leftpanel
{
    float: left;
    width: 23%;
    border-right: 1px solid #DCDCDC;
}
div.filemanagercontrol .body .rightpanel
{
    width: 100%;
}

div.filemanagercontrol a
{
    text-decoration: none;
    color: #3e3e3e;
    border: 0;
}

div.filemanagercontrol .toolbar a
{
    text-decoration: none;
    color: #3e3e3e;
    border: 0;
    min-width: 3.8em;
}

* html div.filemanagercontrol .toolbar a
{
    text-decoration: none;
    color: #3e3e3e;
    border: 0;
    width: 4.1em;
}

/* --------------- */
/* ToolBar BUTTONS */
/* --------------- */

div.filemanagercontrol .toolbar a[disabled="disabled"], div.filemanagercontrol .toolbar a:hover.addfile_dis, div.filemanagercontrol .toolbar a:hover.addfolder_dis, div.filemanagercontrol .toolbar a:hover.copy_dis, div.filemanagercontrol .toolbar a:hover.cut_dis, div.filemanagercontrol .toolbar a:hover.checkin_dis, div.filemanagercontrol .toolbar a:hover.checkout_dis, div.filemanagercontrol .toolbar a:hover.undocheckout_dis, div.filemanagercontrol .toolbar a:hover.delete_dis, div.filemanagercontrol .toolbar a:hover.details_dis, div.filemanagercontrol .toolbar a:hover.paste_dis, div.filemanagercontrol .toolbar a:hover.rename_dis, div.filemanagercontrol .toolbar a:hover.version_dis
{
    color: #888;
    text-decoration: none;
    border: 0;
}

.toolbar a.addfile_dis, .toolbar a.addfolder_dis, .toolbar a.copy_dis, .toolbar a.cut_dis, .toolbar a.checkin_dis, .toolbar a.checkout_dis, .toolbar a.undocheckout_dis, .toolbar a.delete_dis, .toolbar a.details_dis, .toolbar a.paste_dis, .toolbar a.rename_dis, .toolbar a.version_dis
{
    color: #888;
    display: block;
    float: left;
    background-position: top center;
    background-repeat: no-repeat;
    font-size: 0.7em;
    line-height: 1.6em;
    text-align: center;
    padding-top: 18px;
    margin: 0 0.4em;
    text-decoration: none;
    border: 0;
}

div.filemanagercontrol a:hover
{
    color: #000;
    text-decoration: none;
    border-bottom: dotted 1px #888;
    background-color: transparent;
}

.toolbar a.addfile, .toolbar a.addfolder, .toolbar a.copy, .toolbar a.cut, .toolbar a.checkin, .toolbar a.checkout, .toolbar a.undocheckout, .toolbar a.delete, .toolbar a.details, .toolbar a.paste, .toolbar a.rename, .toolbar a.version
{
    display: block;
    float: left;
    background-position: top center;
    background-repeat: no-repeat;
    font-size: 0.7em;
    line-height: 1.6em;
    text-align: center;
    padding-top: 18px;
    margin: 0 0.4em;
    color: #000;
    border: 0;
}

* html .toolbar a
{
    letter-spacing: -0.1em;
}

div.filemanagercontrol .toolbar a:hover
{
    color: #f49e46;
    background-color: Transparent;
    text-decoration: none;
    border: 0;
}


div.filemanagercontrol a.addfile
{
    background-image: url(images/filemanager/buttonaddfile_off.png);
}
div.filemanagercontrol a.addfolder
{
    background-image: url(images/filemanager/buttonaddfolder_off.png);
}
div.filemanagercontrol a.copy
{
    background-image: url(images/filemanager/buttoncopy_off.png);
}
div.filemanagercontrol a.cut
{
    background-image: url(images/filemanager/buttoncut_off.png);
}
div.filemanagercontrol a.checkin
{
    background-image: url(images/filemanager/buttoncheckin_off.png);
}
div.filemanagercontrol a.checkout
{
    background-image: url(images/filemanager/buttoncheckout_off.png);
}
div.filemanagercontrol a.undocheckout
{
    background-image: url(images/filemanager/buttonundocheckout_off.png);
}
div.filemanagercontrol a.delete
{
    background-image: url(images/filemanager/buttondelete_off.png);
}
div.filemanagercontrol a.details
{
    background-image: url(images/filemanager/buttondetails_off.png);
}
div.filemanagercontrol a.paste
{
    background-image: url(images/filemanager/buttonpaste_off.png);
}
div.filemanagercontrol a.rename
{
    background-image: url(images/filemanager/buttonrename_off.png);
}
div.filemanagercontrol a.view
{
    background-image: url(images/filemanager/buttonview_off.png);
}
div.filemanagercontrol a.version
{
    background-image: url(images/filemanager/buttonversion_off.png);
}
div.filemanagercontrol a:hover.addfile
{
    background-image: url(images/filemanager/buttonaddfile_on.png);
}
div.filemanagercontrol a:hover.addfolder
{
    background-image: url(images/filemanager/buttonaddfolder_on.png);
}
div.filemanagercontrol a:hover.copy
{
    background-image: url(images/filemanager/buttoncopy_on.png);
}
div.filemanagercontrol a:hover.cut
{
    background-image: url(images/filemanager/buttoncut_on.png);
}
div.filemanagercontrol a:hover.checkin
{
    background-image: url(images/filemanager/buttoncheckin_on.png);
}
div.filemanagercontrol a:hover.checkout
{
    background-image: url(images/filemanager/buttoncheckout_on.png);
}
div.filemanagercontrol a:hover.undocheckout
{
    background-image: url(images/filemanager/buttonundocheckout_on.png);
}
div.filemanagercontrol a:hover.delete
{
    background-image: url(images/filemanager/buttondelete_on.png);
}
div.filemanagercontrol a:hover.details
{
    background-image: url(images/filemanager/buttondetails_on.png);
}
div.filemanagercontrol a:hover.paste
{
    background-image: url(images/filemanager/buttonpaste_on.png);
}
div.filemanagercontrol a:hover.rename
{
    background-image: url(images/filemanager/buttonrename_on.png);
}
div.filemanagercontrol a:hover.view
{
    background-image: url(images/filemanager/buttonview_on.png);
}
div.filemanagercontrol a:hover.version
{
    background-image: url(images/filemanager/buttonversion_on.png);
}


div.filemanagercontrol a.addfile_dis
{
    background-image: url(images/filemanager/buttonaddfile_dis.png);
}
div.filemanagercontrol a.addfolder_dis
{
    background-image: url(images/filemanager/buttonaddfolder_dis.png);
}
div.filemanagercontrol a.copy_dis
{
    background-image: url(images/filemanager/buttoncopy_dis.png);
}
div.filemanagercontrol a.cut_dis
{
    background-image: url(images/filemanager/buttoncut_dis.png);
}
div.filemanagercontrol a.checkin_dis
{
    background-image: url(images/filemanager/buttoncheckin_dis.png);
}
div.filemanagercontrol a.checkout_dis
{
    background-image: url(images/filemanager/buttoncheckout_dis.png);
}
div.filemanagercontrol a.undocheckout_dis
{
    background-image: url(images/filemanager/buttonundocheckout_dis.png);
}
div.filemanagercontrol a.delete_dis
{
    background-image: url(images/filemanager/buttondelete_dis.png);
}
div.filemanagercontrol a.details_dis
{
    background-image: url(images/filemanager/buttondetails_dis.png);
}
div.filemanagercontrol a.paste_dis
{
    background-image: url(images/filemanager/buttonpaste_dis.png);
}
div.filemanagercontrol a.rename_dis
{
    background-image: url(images/filemanager/buttonrename_dis.png);
}
div.filemanagercontrol a.view_dis
{
    background-image: url(images/filemanager/buttonview_dis.png);
}
div.filemanagercontrol a.version_dis
{
    background-image: url(images/filemanager/buttonversion_dis.png);
}

div.filemanagercontrol table.fileList
{
    width: 98%;
    border-collapse: collapse;
    margin: 0;
}

div.filemanagercontrol table.fileList tr.selected
{
    background-color: #eee;
}

div.filemanagercontrol .fileList th
{
    border-bottom: 1px solid #DCDCDC;
    padding: 0 1em 0.3em 1em;
}

div.filemanagercontrol .fileList th a, div.filemanagercontrol .crumbs a
{
    border-bottom: dotted 1px #888;
}

div.filemanagercontrol .fileList th a:hover, div.filemanagercontrol .crumbs a:hover
{
    border-bottom: none;
}
div.filemanagercontrol .fileList td
{
    font-size: 0.9em;
    padding-top: 0.5em;
    padding-left: 15px;
}
div.filemanagercontrol .fileList td a
{
    padding: 3px 0 2px 20px;
    line-height: 1.4em;
}
div.filemanagercontrol ul.documentList
{
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 1em;
    font-size: 0.9em;
    padding-top: 0.3em;
}

/* Changed Pages */

td.changed
{
    padding-right: 0.7em;
}

/* File summary css styling */
/* Applied to override what is in the filesummary.config */


div.filemanagercontrol .editfilesummary p
{
    padding-left: 20.3em;
}
div.filemanagercontrol fieldset.editfilesummary fieldset
{
    margin-top: 0.2em;
}
div.filemanagercontrol fieldset.editfilesummary label
{
    float: none;
    display: inline;
    width: auto;
}
div.filemanagercontrol fieldset.editfilesummary td
{
    vertical-align: top;
    padding-top: 0.3em;
    width: 20em;
}

div.filemanagercontrol fieldset.editfilesummary a
{
    cursor: text;
    text-decoration: none;
    color: #666;
}

div.filemanagercontrol fieldset.editfilesummary a:hover
{
    background: none;
}

.sort
{
    padding: 0 0 2px 14px;
    line-height: 1.2em;
    font-size: 0.8em;
}

.Ascending
{
    background-image: url(images/Filemanager/ascending.png);
    background-repeat: no-repeat;
    background-position: left;
    padding: 0 0 2px 14px;
    line-height: 1.2em;
}
.Descending
{
    background-image: url(images/Filemanager/descending.png);
    background-repeat: no-repeat;
    background-position: left;
    padding: 0 0 2px 14px;
    line-height: 1.2em;
}

.bloccontainer .blocheadertrophee
{
      background-color: #F8AC00;
    border-bottom: 3px solid #FBD37E;
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    margin:0px;
    padding: 8px 10px;
    text-transform: uppercase;
}

a .blocheader:hover 
{
    text-decoration: underline;  
    text-decoration-color: white;
}


.blocheader
{
    background-color: #4c5c69;
    border-bottom: 3px solid #F8AC00;
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
 
    padding: 8px 10px;
    text-transform: uppercase;
}

 
.blocheaderFormation
{
    border-bottom: 3px solid #F6A800;
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    height: 40px;
    padding: 10px 10px;
    text-transform: uppercase;
    background-color: #4c5c69;
}

.bloccontainer .agenda
{
    background-image: url("images/agenda.png");
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding:8px 10px 8px 30px;
    background-color: #4C5C69;
    border-bottom: 3px solid #F8AC00;
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    margin: 0; 
    text-transform: uppercase;
}
.bloclist
{
    padding: 5px 10px;
    background-color: #F2F3F3;
    overflow: auto;
}
.bloclisttrophee
{
    border: solid 1px #F6A800;
    border-top: 0;
    padding: 5px 10px;
    background-color: #F2F3F3;
    overflow: auto;
}


.blocnext
{
    background-image: url("images/pictofleche.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #000;
    float: right;
    padding-right: 20px;
    font-weight: bold;
    overflow: auto;
}

a.blocnextred
{
    background-image: url("images/pictoflechered.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #000;
    float: right;
    padding: 2px 20px 5px 0px ;
    font-weight: normal;
    overflow: auto;
}

.blocthis
{
    background-image: url("images/pictofleche.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #000;
    float: left;
    padding-left: 20px;
    font-weight: bold;
    overflow: auto;
}

.bloctext 
{
    font-size:1.1em;
    font-weight:bold;
}

.addcmnt_header
{
    background-image: url("images/bulle.png");
    background-position: 0px 10px;
    padding: 4px 22px;
    background-repeat: no-repeat;
    margin-bottom: 5px;
    color: #1A171B;
    font-size: 13pt;
    font-weight: bold;
    text-transform: uppercase;
}
.addcmnt_container
{
    margin: 10px 0;
}
.btndiv
{
    text-align: right;
}
.addcmnt_container .textinput
{
    height: 22px;
    margin: 0px 5px;
}
.tbaddcmnt
{
    width: 100%;
    height: 80px;
}
.commentaire_header
{
    background-color: #F1F1EE;
    background-image: url("images/bulle.png");
    background-position: 10px 50%;
    background-repeat: no-repeat;
    border-bottom: 3px solid #F18D8E;
    color: #1A171B;
    font-size: 13pt;
    font-weight: bold;
    padding: 4px 32px;
    text-transform: uppercase;
}

.commentaire_list
{
    padding: 10px;
}
.commentaire_container
{
    margin-top: 10px;
    border: solid 1px #d6dbde;
    border-bottom: 0px;
}
.commentaire_btn
{
    background-image: url("images/btncomment.png");
    font-weight: bold;
    border: 1px solid #6b6e72;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    color: #FFFFFF;
    cursor: pointer;
    height: 25px;
    padding: 0 10px;
    text-decoration: none;
}
.commentaire_btn:hover
{
    background-image: url("images/btncommentover.png");
    text-decoration: none;
}
.commentaire_list
{
    border-bottom: 1px solid #D6DBDE;
}
.commentaire_list .user
{
    background-image: url("Images/picto_user.png");
    background-repeat: no-repeat;
    margin-right: 10px;
}
.commentaire_list .userinfo
{
    float: right;
    color: #8E969D;
    font-size: 8pt;
}
.commentaire_list .date
{
    color: #8E969D;
    font-size: 8pt;
    padding-bottom: 5px;
}
.commentaire_list .text
{
    /*color: #666666;     padding: 5px 5px 10px 0;*/
}
.commentaire_list .like
{
    background-image: url("images/like.png");
    background-repeat: no-repeat;
    color: #8E969D;
    float: right;
    padding: 8px;
}
.commentaire_list .btndiv
{
    float: right;
}
.intertitre
{
    color: #1A171B;
    font-weight: bold;
}
.RichTextClass
{
    font-size: 9pt;
    color: #454344;
}

.question
{
    font-weight: bold;
}
.loginuser
{
    background-image: url("images/user.png");
    background-position: 2px 2px;
    background-repeat: no-repeat;
    float: left;
    padding: 2px 10px 0px 20px;
    border-right: 1px solid #ccc;
}
.loginstatus
{
    background-position: 2px 2px;
    background-repeat: no-repeat;
    float: left;
    padding: 2px 10px;
}
.recommander
{
    background-position: 2px 2px;
    background-repeat: no-repeat;
    float: left;
    padding: 2px 10px;
    border-right: 1px solid #ccc;
}
.toplinks
{
    margin: 5px 0; /*float: right;*/
}
.toplinks a
{
    margin: 2px 10px;
}
.sabonner
{
    background-position: 2px 2px;
    background-repeat: no-repeat;
    margin-right: 10px;
    padding: 2px 10px;
    border-right: 1px solid #ccc;
}
.gold
{
    border-bottom: 3px solid #F6A800;
    padding: 10px 0;
    font-size: 1.3em;
}
.articleitem
{
     
}
.articleitem h1 a
{
    color: #1A1A1C;
    font-size: 11pt;
}
.articleitem h3 a {
    color: #1A1A1C;
    font-size: 11pt;
}
.articleitem h3 a {
    color: #1A1A1C;
    font-size: 11pt;
}
.articleitem h3
{
    color: #1A1A1C;
}
.articledate
{
    font-size: 8pt;
    font-weight: bold;
}

.articlesurtitre 
{
    font-size:0.85em;
    margin-bottom:6px;
}
.commentinfo
{
    color: #7DB7DD;
}
.articlesuite
{
    background-image: url("images/nextpicto.png");
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.articletags h4 
{
    display:inline;
    margin-left:5px;
    
}
.articletags h4 a
{
     font-size: 9pt;    
}

.chapeau 
{
    font-size:12px;
}
.signature 
{
     font-weight:bold;
     font-size: 13px;
     margin-bottom:6px;
}
.blocguepard
{
    background-image: url(Images/hpguepard.png);
    height: 948px;
    width: 300px;
}

.goldtab
{
    background-image: url(Images/goldtab.png);
    float: left;
    height: 16px;
    margin: 10px 0;
    width: 640px;
}

/*calendar*/
.calendar td
{
    color: #5ea3d3;
    vertical-align: middle;
    text-transform: uppercase;
}

.nextmonth
{
    background-image: url("images/nextmonth.png");
    background-repeat: no-repeat;
    padding-bottom: 6px;
    padding-right: 24px;
    padding-top: 4px;
    display: none;
}
.prevmonth
{
    background-image: url("images/prevmonth.png");
    background-repeat: no-repeat;
    padding-bottom: 6px;
    padding-right: 24px;
    padding-top: 4px;
    display: none;
}
.daystyle
{
    margin: 2px;
    background: #e5e8e4;
    border: 2px solid #f6f9f8;
}
.othermonth
{
    border: 2px solid #f6f9f8;
}

.titreencadre
{
    font-size: 12pt;
    color: #f6a800;
    font-weight: bold;
}
.encadre
{
    padding: 0 10px;
    border: solid 1px #f6a800;
    margin-bottom: 10px;
}

.encadre .encadre_title 
{
    font-size:16px;
    font-weight:bold;
    margin-bottom: 8px;
    margin-top:5px;
}
.notearticles
{
    background-image: url("images/nextpicto.png");
    background-position: 5px 2px;
    background-repeat: no-repeat;
    float: right;
    font-size: 8pt;
    margin-bottom: 10px;
    padding-left: 15px;
}

.flashcontainer
{
    float: right;
    margin: 0px 0px 10px 10px;
}
.flashcontainer i
{
    float: right;
    max-width: 300px;
}
.increaseFont
{
    background-image: url('images/increase.png');
    background-repeat: no-repeat;
    margin: 0 10px;
    padding: 9px;
}
.decreaseFont
{
    background-image: url('images/decrease.png');
    background-repeat: no-repeat;
    margin: 0 10px;
    padding: 9px;
}
.printarticle
{
    background-image: url('images/print.png');
    background-repeat: no-repeat;
    margin: 0 10px;
    padding: 9px;
}
.mailarticle
{
    background-image: url('images/mailit.png');
    background-repeat: no-repeat;
    margin: 0 10px;
    padding: 9px;
}
.printarticle2
{
    background-image: url('images/print.png');
    background-repeat: no-repeat;
    margin: 0 10px;
    padding: 9px;
    height: 16px;
    width: 16px;
}
.mailarticle2
{
    background-image: url('images/mailit.png');
    background-repeat: no-repeat;
    margin: 0 10px;
    padding: 9px;
    height: 16px;
    width: 16px;
}

.facebook
{
    background-image: url('images/facebook-16x16.png');
    background-repeat: no-repeat;
    margin: 0 10px;
    padding: 9px;
}
.twitter
{
    background-image: url('images/twitter-16x16.png');
    background-repeat: no-repeat;
    margin: 0 10px;
    padding: 9px;
}
.linkedin
{
    background-image: url('images/linkedin-16x16.png');
    background-repeat: no-repeat;
    margin: 0 10px;
    padding: 9px;
}
.Logotype
{
    background-image: url("images/logo2.png");
    background-repeat: no-repeat;
    color: #91969A;
    float: left;
    padding-left: 400px;
    padding-top: 80px;
}
.Logotype2
{
    background-image: url("images/logo2.png");
    background-repeat: no-repeat;
    color: #91969A;
    float: left;
    padding-left: 285px;
    padding-top: 60px;
}
.reseausociaux
{
    float: right;
    width: 270px;
    overflow:visible;
}
.reseausociaux a
{
    float: right;
}
.backoffice_infos
{
    background-color: #F6E4E4;
    background-repeat: no-repeat;
    border: 1px solid #C9243F;
    font-size: 13px;
    max-width: 730px;
    min-height: 35px;
    padding: 10px;
}

.tablePromo
{
    background-color:white;
}

.tablePromo2
{
    
}

.blocPromo
{
    margin: 0 auto;
    width: 95%;
    
}

.blocPromo2
{
    background-color:#ffebeb;
    padding: 5px;
    
    border-color: red;
    border-style: solid;
    border-width: 1px;
}

.blocPromo3
{
    color:red;
    text-align:left;
    font-weight:bold;
}

.blocPromo4
{
    background-image:url('/Templates/Directions/Styles/Default/Images/BackGroundCodePrivilege.png');
    background-repeat:no-repeat;
    text-align:center;
    padding-top:10px;
}

.blocPromo5
{
    text-align:right;
    font-weight:bold;
}


.blocPromo6
{
    padding-left:15px;
    text-align:left;
    font-weight:bold;
}

.rowTitlePromo
{
    background-image:url('/Templates/Directions/Styles/Default/Images/ImgBackgroundTitleCodePrivilege.png');
    background-repeat:no-repeat;
    width:730px;
    height:49px;
    font-size: 11pt;
    font-weight: bold;
}

.rowTitlePromo2
{
    background-image:url('/Templates/Directions/Styles/Default/Images/ImgBackgroundTitleLandingPageLivreBlanc.png');
    background-repeat:no-repeat;
    height:49px;
    font-size: 11pt;
    font-weight: bold;
}

.rowTitlePromo3
{
    background-image:url('/Templates/Directions/Styles/Default/Images/BackGroundYellow.png');
    background-repeat:no-repeat;
    height:49px;
    width:250px;
    font-size: 11pt;
    font-weight: bold;
    text-align:center;
    vertical-align:middle;
    color:white;
}

.rowPromo
{
    padding:5px;   
}

.rowPromo ul
{
    display:none;
}

.rowPromo1
{
    text-align:left;
    padding:5px 5px 5px 20px;
    font-weight:bold;
    width:80px;
}

.rowPromo2
{
    text-align:left;
    padding:2px 5px 2px 10px;
}

.rowPromo3
{
    font-weight:bold;
    text-align:left;
    width: 300px;
}

.rowPromo4
{
    padding-left:5px;
    text-align:left;
}

.rowPromo5
{
    vertical-align:top;
    text-align:left;
    padding:5px 5px 5px 10px;
    font-weight:bold;
    width:100px;
}

.rowPromo6
{
    text-align:left;
    padding:5px 5px 5px 10px;
    font-weight:bold;
    width:100px;
    vertical-align:top;
}

.rowPromo7
{
    text-align:left;
    padding:5px 5px 2px 10px;
    height:40px;
    vertical-align:top;
}

.rowPromo8
{
    text-align:left;
    padding:0px 5px 5px 10px;
    font-weight:bold;
    width:100px;
    vertical-align:top;
}

.rowPromo9
{
    font-weight: bold;
    padding: 5px 5px 5px 10px;
    text-align: left;
    vertical-align: top;
    width: 100px;
}

.controlPromo
{
    width:500px;
    border-color:#d6dbde;
    border-style:solid;
    border-width:1px;
    color:#666666;
    padding:5px 5px 5px 5px;
}

.controlPromo2
{
    width:512px;
    border-color:#d6dbde;
    border-style:solid;
    border-width:1px;
    color:#666666;
    padding-top:5px;
    padding-bottom:5px;
}

.controlPromo3
{
    width:200px;
}

.controlPromo4
{
    width:350px;
    border-color:#d6dbde;
    border-style:solid;
    border-width:1px;
    color:#666666;
    padding:5px 5px 5px 5px;
}

.controlPromo5
{
}

.anonymousblocPromo
{
    background-color: #F6F6F6;
    border-color: #CBCBCB;
    border-style: solid;
    border-width: 1px; 
    margin: 0 auto;
    padding: 5px;
    width: 720px;
    text-align:left;
    line-height: 15px;
}

.anonymousblocPromo2
{
    background-color: #F6F6F6;
    border-color: #CBCBCB;
    border-style: solid;
    border-width: 1px; 
    margin: 0 auto;
    text-align:left;
    line-height: 15px;
    padding: 5px 5px 0px 5px;
    /*border-bottom-style:none;*/
}

.champsObligatoirePromo
{
    color:#72bbeb;
}

/*.buttonValiderPromo
{
    /Templates/Directions/Styles/Default/Images/btnValiderPromo.png
}*/

.row1
{
    width: 200px;
    float: left;
    padding: 5px;
}
.row2
{
    width: 300px;
    float: left;
    padding: 5px;
}
.row2 input
{
    padding: 4px;
}
.clear
{
    clear: both;
}
.backofficemain
{
    padding: 0px 20px;
}

.listpalmares
{
    list-style: none;
    margin: 20px 0px;
}
.listpalmares li
{
    float: left;
    margin-left: 20px;
}

.boTitle
{
    border-bottom: 1px solid #C9243F;
    color: #C9243F;
    font-size: 18px;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
}
.entete
{
    font-weight: bold;
    padding: 2px;
}
.champ
{
}
.formulaire input
{
    border: 1px solid #D6DBDE;
    font-size: 11px;
    margin: 2px 0;
    padding: 4px;
    width: 250px;
}

.formulaireRBL input
{
    border: none;
    font-size: 11px;
    margin: 2px;
    padding: 4px;
    width: 15px;
}

.small_help
{
    font-size: 9px;
}
.etoile_form
{
    color: #E07C00;
    font-size: 12px;
}
.dropdownlist
{
    font-size: 11px;
    padding: 2px;
    margin: 2px 0;
}

.forumtitle
{
    background-image: url("images/discussionpicto.png");
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
    text-transform: uppercase;
}
.gdemh1
{
    border-bottom: 3px solid #E41B1D;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: uppercase;
}
.gdemh1_2
{
    border-bottom: 3px solid #E41B1D;
    padding-bottom: 5px;
    padding-top: 5px;
}
.gdemh1_2 span:first{text-transform: uppercase;}
.RightRed
{
    border-right: 3px solid #E41B1D;
    padding-right: 5px;
    padding-top: 5px;
}
.ulgdem
{
    list-style-image: url("images/picto_rouge.png");
    margin: 0 0 0 20px;
    padding: 0;
    font-weight: bold;
    font-size: 10pt;
}
.ulgdem li a
{
}
.ulgdem ul
{
    font-weight: normal;
    font-size: 9pt;
}
.ulgdem .selected a
{
    color: #e31b1d;
}
.annonce_container
{
}
.annonce_container img
{
    padding: 5px;
    margin-right: 10px;
    border: solid 1px #CCCCCC;
}
.link_container
{
    background-color: #F9FBFA;
    border: solid 1px #cccccc;
    margin-top: 5px;
    padding: 5px;
    font-weight: bold;
}
.jurymember
{
    float: left;
    height: 240px;
    margin: 0 10px 10px 0;
    width: 195px;
}
.juryname
{
    font-size: 8pt;
    width: 190px;
    line-height:9pt;
}

.anonymousbloc
{
    background-color: #F6F6F6;
    border-color: #CBCBCB;
    border-style: solid;
    border-width: 1px; 
    margin: 15px 0 20px;
    padding: 5px;
    width: 468px;
}
.anonymouslinks
{
    width: 456px; margin-top: 5px;
}


.anonymousbloc_directions
{
    border-color: #CBCBCB;
    border-style: solid;
    border-width: 1px; 
    margin: 15px 0 20px;
    width:635px;
    background-color:#FFF; 
    padding:0px; 
    border-radius: 0.3em 0.3em 0.3em 0.3em;
}

.anonymouslinks_directions
{
    padding:5px 5px 5px 10px ;
    width:600px;
    margin-top: 5px;
}



.replybloc
{
    background-color: #EBEADD;
    border: 1px solid #DBDBCE;
    padding: 4px;
    margin-top: 5px;
}

.panel
{
    display: none;
}
.articleimg
{
    float: left;
    margin: 10px 10px 10px 0px;
    width:150px;
}
.pubcontainer
{
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    background-color: #fff;
    padding: 10px 10px 0 10px;
    overflow: auto;
}
.ajoutpanier
{
    background-image: url("images/ajoutproduit.png");
    background-repeat: no-repeat;
    padding: 20px 78px 10px;
}

.profiteroffre
{
    background-color: #F28708;
    background-repeat: no-repeat;
    border: 1px solid #AF5F00;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 25px;
    padding: 0 10px;
    text-decoration: none;
}

.profiteroffre:hover
{
    background-color: #f3ad11;
    text-decoration: none;
    color: #452704;
}


.LinkExtGray
{
    background-color: #F6F7F9;
    background-position: 5px 50%;
    background-repeat: no-repeat;
    border: 1px solid #D6DBDE;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    color: #58A3D6;
    cursor: pointer;
    font-weight: bold;
    height: 24px;
    padding: 4px 20px;
    text-decoration: none;
}
.LinkExtGray.down
{
    background-image: url("images/flechebas.png");
    background-repeat: no-repeat;
    background-position: 5px 50%;
    padding: 4px 20px;
}
.LinkExtGray.up
{
    background-image: url("images/flechehaut.png");
    background-repeat: no-repeat;
    background-position: 5px 50%;
    padding: 4px 20px;
}
.LinkExtGray:hover
{
    background-color: #fff;
    text-decoration: none;
    color: #58A3D6;
}

.product
{
    margin: 5px;
    margin-bottom:40px;
    width: 458px;
    float: left;
    border: none 1px #ccc;
    text-align: center;
}

.product2
{
    margin: 5px;
    margin-bottom:40px;
    width: 300px;
    float: left;
    border: none 1px #ccc;
    text-align: center;
}

.gdembar
{
    background-image: url('images/redbg.png');
    background-repeat: repeat-x;
    padding-top: 20px;
}
.directionsbar
{
    background-image: url('images/yellowbg.png');
    background-repeat: repeat-x;
    padding-top: 20px;
}

.LinkBoutiqueGray
{
    background-image: url("images/graybg.png");
    border: 1px solid #D6DBDE;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    color: #E31B1D;
    cursor: pointer; /*font-family: Arial,Helvetica,sans-serif;*/
    font-weight: bold;
    height: 24px;
    padding: 4px 10px;
    text-decoration: none;
}
.LinkBoutiqueGray:hover
{
    /*background-color:#fff;*/
    text-decoration: none;
    color: #B23D3D;
}

.LinkBoutiqueOrange
{
    background-color: #F6A800;
    border: 1px solid #DE8D00;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    color: #FFFFFF;
    cursor: pointer; /*font-family: Arial,Helvetica,sans-serif;*/
    font-weight: bold;
    height: 23px;
    padding: 5px 12px;
    text-decoration: none;
}
.LinkBoutiqueOrange:hover
{
    text-decoration: none;
    background-color: #DE8D00;
}

.LinkHeaderOrange
{
    background-color: #F7AC00; /*background-color: #06c;*/
    border: 1px none #FBD57F;
    border-radius: 0.2em;
    color: #000;
    cursor: pointer;
    display: inline-block; /* font-family: "Arial" , "Helvetica" , sans-serif;*/
    font-weight: 700;
    height: 15px;
    padding: 0px 3px 5px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: 120px;
}
.LinkHeaderOrange:hover
{
    text-decoration: none;
    background-color: #FBD57F;
}

.LinkHeaderRed
{
    background-color: #E31B1D;
    border: 1px none #DE8D00;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block; /* font-family: "Arial" , "Helvetica" , sans-serif;*/
    font-weight: 700;
    height: 15px;
    padding: 0px 3px 4px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: 120px;
}
.LinkHeaderRed:hover
{
    text-decoration: none;
    background-color: #F18D8E;
}


#accesboutique
{
    position: absolute;
    right: 400px;
    top: 16px;
    z-index: 1;
}


.stepcontainer div
{
    background-position: right center;
    float: left;
    height: 37px;
    margin-right: 5px;
    line-height: 34px;
    text-align: center;
    width: 160px;
    float: left;
}
.step
{
    background-image: url("images/step.png");
    background-repeat: no-repeat;
    color: #010101;
}
.stepselected
{
    background-image: url("images/stepselected.png");
    background-repeat: no-repeat;
    color: #fff;
    font-weight: bold;
}

.listcontainer
{
    background-image: url("images/productbg.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
    padding: 10px;
}
.IllustrationItem
{
    float: left;
    width: 130px;
    padding: 10px;
}

.ContenuItem
{
    float: left;
    padding-right: 10px;
    width: 550px;
}
.PrixItem
{
    /*float: left;*/
    text-align: right;
    padding: 20px;
    margin-top: 50px;
}
.CadreDetails
{
    margin-bottom: 20px;
}

.listview
{
    background-image: url("images/listeview.png");
    padding: 0px 10px 5px 10px;
    margin-right: 10px;
    background-repeat: no-repeat;
}
.mosaiqueview
{
    background-image: url("images/mosaique.png");
    background-repeat: no-repeat;
    padding: 0px 11px 6px 10px;
    background-repeat: no-repeat;
}

.PanierLien
{
    background-image: url("images/PanierLien.png");
    background-repeat: no-repeat;
    padding: 22px 27px 12px 38px;
    color: #E31B1D;
}

.mosaiquecontainer
{
    background-image: url("images/productbg.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    border: 1px solid #CCCCCC;
    float: left;
    height: 460px;
    margin-left: 10px;
    overflow: hidden;
    padding: 10px;
    width: 280px;
    margin-bottom: 10px;
}
.gdemlegend
{
    background-color: #cb0303;
    color: #FFFFFF;
    font-size: 10pt;
    padding: 4px 8px;
    margin-left: -20px;
     margin-top: -20px;
}

.gdemlegend2
{
    background-color: #F6A800;
    color: #FFFFFF;
    font-size: 10pt;
    padding: 4px 8px;
    margin-left: -20px;
   
}


.tableau_article
{
    border: 1px solid #CBCBCB;
    border-collapse: collapse;
}
.tableau_article td
{
    border: 1px solid #CBCBCB;
    padding: 2px;
}
.tableau_article th
{
    border: 1px solid #CBCBCB;
    font-weight: bold;
    padding: 2px;
}
.theme_formation
{
    font-size: 1.2em;
}

.header_formations 
{
    background-image: url("images/header_formations.jpg");
    background-repeat: no-repeat;
    width:640px;
    height:209px;
}
.h_formations_texte 
{
    padding-left:265px;
    padding-top :58px;
    width:350px;
    height:130px;
    
}

.h_formations_texte h2
{
   font-size:12px;
   font-weight:bold;
   line-height:15px;
}

.blocformations {
    border: 1px solid #FCB501;
   
}

.blocformations a img.bt
{
    margin-left:8px;
}
.dif_produit
{
    color: #CCCCCC;
}
.address
{
}
.address p
{
    padding: 0px;
    margin: 0px;
}

.highlight
{
    background-color: #C1DFD3;
    padding: 10px;
}
.highlight p
{
    padding: 0px;
    margin: 0px;
}

/*GDEM*/

.gdem_body
{
    margin: 0 0 0 4pt;
}
.gdem_main
{
    /*font-family: Verdana; padding: 0 5px; margin: 0 0 0 0; text-align: justify;*/
}
.gdem_titre
{
    font: bold 11pt Verdana;
    margin-bottom: 5px;
    text-align: left;
}
.gdem_titre_sect
{
    font: bold 11pt Verdana;
    margin: 5pt 0 0 20pt;
    text-align: left;
}
.gdem_titre_sect1
{
    font: bold 11pt Verdana;
    text-align: left;
    display: none;
}
.gdem_titre_sect2
{
    font-size: 1.2em;
    font-weight: bold;
    margin: 5pt 0 0 0pt;
    text-align: left;
}
.gdem_titre_sect3
{
    font-size: 1em;
    font-weight: bold;
    margin: 5pt 0 0 0pt;
    text-align: left;
}
.gdem_titre_sect4
{
    font-size: 0.8em;
    font-weight: bold;
    margin: 5pt 0 0 0pt;
    text-align: left;
}
.gdem_p
{
    font-weight: normal;
    margin: 5pt 0 0; 
}
.gdem_maj
{
    font: 7pt Verdana;
    text-align: left;
    margin: 5pt 0 5pt 0;
}
#a_publie
{
    color: #0000FF;
}
#publie
{
    color: #00FF00;
}
.gdem_encadre table
{
    margin: 10px 0px;
    border: 1pt solid;
}

.gdem_encadre table th
{
    border: 1px solid #000000;
    padding: 5px;
    background-color:#ffffff;
}
.gdem_main table{  margin:10px auto;}
      .gdem_main  th{  padding:4px; background-color:#cfcfcf} 
      .gdem_main  td{ padding:4px;}

.bloc_equipement
{
    background-color: #FBEED2;
    border: 1px solid #F6A800;
    line-height: 20px;
    margin-bottom: 10px;
}
.equipement_picto
{
    background-image: url("images/bloc_equipement.png");
    background-repeat: no-repeat;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 45px 26px;
    width: 10px;
}
.bloc_equipement .title
{ 
    background-color: #f6a800; 
    background-repeat: repeat-x;  
    border-bottom: 3px solid #FBD37E;
    color: #000000;
    font-weight: bold;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    font-size: 9pt;
}
.content_equipement
{
    font-size: 8pt;
    padding: 10px;
    overflow: auto;
}
.equipement_link
{
    background-image: url("images/picto_rouge.png");
    background-position: 4px 50%;
    background-repeat: no-repeat;
    float: right;
    padding-left: 15px;
}
.bloc_repertoire
{
    cursor: pointer; /*  background-color:#f6f7f9;  border: 1px solid #f6f7f9;*/
    background-color: #fbeed2;
    border: 1px solid #F6A800;
    padding: 10px;
    margin: 10px 0;
    overflow: auto;
    font-weight: bold;
}
.repertoire_picto
{
    background-image: url("images/repertoire_formation.png?width=70");
    background-repeat: no-repeat;
    padding: 47px 34px;
    width: 10px;
    float: left;
}
.bloc_repertoire:hover
{
}
.searchbox
{
    border: solid 1px #d6dbde;
    background-color: #f1f1ee;
    overflow: auto;
    padding: 8px;
}
.totalhits
{
    float: left;
    font-weight: bold;
}
.searchpagination
{
    float: right;
}
.gyheader
{
    /*border-bottom: 3px solid #F6A800;     background-color: #f1f1ee;     padding: 8px;*/
    border-bottom: 1px solid #CFCFCF;
    padding: 8px 0;
}
.gyheader2
{
    border-bottom: 3px solid #F6A800;
    background-color: #f1f1ee;
    padding: 8px;
    border-bottom: 1px solid #CFCFCF;
    padding: 8px 0;
}

.selectedpageindex
{
    color: #666666;
    text-decoration: underline;
}
.searchinput
{
    border: 1px solid #D6DBDE;
    font-size: 11px;
    margin: 2px 0;
    padding: 4px;
}

.advancedsearch
{
    padding: 10px;
}

.table_preresa
{
    width: 100%;
}

.cell_preresa
{
    text-align: center;
    padding: 5px;
}

.cell_preresa2
{
    text-align: left;
    padding: 5px;
}

.cell_preresa3
{
    background-color: #EEF2F1;
    text-align: center;
    padding: 5px;
}

.nb_stagiaires
{
    border-style: none;
    border-width: 0px;
    background-color: white;
}
.guepardlink
{
    background-image: url("images/guepardlink.png");
    background-repeat: no-repeat;
    color: #E41B21;
    font-weight: bold;
    padding-left: 40px;
    min-height: 25px;
}
.guepardlink a
{
    color: #E41B21;
}
.guepardtext
{
    color: #3a3a3a;
    font-weight: bold;
}
.guepardsubbloc
{
    background-color: #fff;
    border: solid 3px #f38c8f;
    padding: 5px;
    margin-top: 10px;
}
.parenthese_rouge
{
    color: #e31d1e;
}
.guepardfirstbloc
{
   background-color: #F2F3F3;
    
    background-repeat: no-repeat;
    border: 1px solid #F38C8F;
    margin: 10px 0;
    padding: 5px 10px 10px;
}
.guepardbtnbloc
{ 
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}

.bgDT 
{
    background-position: center top;
    background-repeat: no-repeat;
    height: 345px;
}

.relative_anonymous 
{
    position: relative;
    top: 190px;
    left:120px;
    width: 375px;
}
}

.todo
{
    background-image: url("images/todo.jpg");
}
.gdemh1
{
    border-bottom: 3px solid #e31d1e;
    padding: 10px 0;
}

.zodurl
{
    font-weight: normal;
}

.contentselected
{
    background-image: url("images/filterselected.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}
.contentnotselected
{
    background-image: url("images/filternotselected.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}
.contentselected:hover
{
    text-decoration: none;
}
.contentnotselected:hover
{
    text-decoration: none;
}


.ModalPopupConteneurGrise
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7; /*position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index: 1001;     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#99FFFFFF);     zoom: 1;     background-color: rgba(0,0,0,0.5);     width: 100%; height: 100%;*/ /*background-color: #000000;     opacity: 0.5;     -moz-opacity:0.50;     filter: alpha(opacity=50);     width:100%;     height:100%;     z-index:1001;     position:absolute;     top:0px;left:0px;right:0px;bottom:0px*/
}

.ModalPopupEnfant
{
    /*text-align:center;background-color:White;position:fixed;top:400px;left:400px;box-shadow: 5px 5px 5px #000000;width:500px;     */
    background-color: White;
    width: 500px;
    height: 175px;
    text-align: center; /*text-align:center;background-color:White;position:absolute;top:400px;left:400px;box-shadow: 5px 5px 5px #000000;width:500px;     opacity: 1;     -moz-opacity:1;     filter: alpha(opacity=100);*/
}
.searchresult
{
    color: #E41B1D;
}
.searchitem
{
    font-weight: bold;
}

.forminput
{
    border: 1px solid #D6DBDE;
    font-size: 11px;
    margin: 2px 0;
    padding: 4px; 
}
.mceContentBody { font-size:8pt;}
.article_barre{padding:10px 0; overflow:auto; border-top:solid 1px #cfcfcf;border-bottom:solid 1px #cfcfcf; margin-bottom:5px}
.article_barre .date{float: left;}
.comments{float: left; margin: 0px 10px;}
.legende{float: left;
    font-family: arial;
    font-size: 8pt;
    font-weight: bold;}
.hprightcolumn{margin-top: 20px; float: right; width: 300px; padding-right:10px;}
.hpleftcolumn {margin-top: 20px; float: left; width: 300px; padding-left:10px;}
.hprightcolumn a {font-weight:bold;}
.hpleftcolumn a {font-weight:bold;}

.formation_list{list-style: none outside none;margin: 0;padding: 0;}
.formation_list li{margin-bottom:10px;}

.gdembar .title_dc, .hprightcolumn div.title_dc, .hprightcolumn h2.title_dc, .hpleftcolumn div.title_dc, .hpleftcolumn h2.title_dc  
{
    font-size:16px;
    font-weight:bold;
    margin-bottom:7px; 
}

 .red_under 
 {
    border-bottom: 3px solid #e31d1e;
    padding: 4px 0;  
    font-size: 11pt;
 }
 
.bloccontainer
{
    margin-bottom: 10px;
    overflow: hidden;
}


h1.formation_titre 
{
     font-size:1.5em;
     display: inline;
}

.formation_titresuite 
{
    font-size:1.5em;
    font-weight:bold;
    display: inline;
} 

.formation_soustitre 
{
   font-size:1.3em;
   margin-top:5px;
   margin-bottom:10px;
} 

.formation_detail_titre 
{
    font-size:16px;
    font-weight:bold;
    margin-bottom:8px;
}

.bloccontainer .title1
{
    background-color: #4c5c69;
    border-bottom: 3px solid #F8AC00;
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    margin:0;
    padding: 8px 10px;
    text-transform: uppercase;
}
.bloccontainer .title2
{ 
    font-size: 9pt;
    font-weight: bold;
    margin:0;
    padding: 5px 0; 
}
.bloccontainer .title3
{
    background-color: #4c5c69;
    border-bottom: 3px solid white;
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    margin:0;
    padding: 8px 10px;
    text-transform: uppercase;
}
.bloccontainer2 
{
    margin-bottom: 10px;
    overflow: hidden; border:1px solid #DDDDDD;padding:10px; 
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    box-shadow: 2px 2px 3px #DDDDDD;
}

.bloccontainer2 .title3
{ 
    background-image: url('/Templates/Directions/Styles/Default/Images/bg-header-red-bloc.png');
    border-radius: 0.2em 0.2em 0.0em 0.0em;
    box-shadow: 2px 2px 3px #DDDDDD;
    border-bottom:3px solid #DDDDDD;
    color: #FFFFFF;
    font-size: 10.5pt;
    font-weight: bold;
    height: 25px;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
}
.bloccontainer2 .contentoftitle3
{ 
    background-color: #FFFFFF;
    clear: both; 
    overflow: auto;
    border-radius: 0.0em 0.0em 0.2em 0.2em; 
    box-shadow: 2px 2px 3px #DDDDDD;
    padding: 5px 10px;
    margin-bottom:10px;
    border:1px solid #DDDDDD;
}

.bloccontainer div
{
    padding: 5px 10px;
    background-color: #F2F3F3;
    overflow: auto;
    clear:both;
}
.leftcol{float: left; width: 370px; padding: 10px 20px 10px 0;}
.middlecol{float: left; width: 250px; padding-top: 10px;}
.middlecol a { font-weight:bold; }
.guepardleft{float: left; width:310px;padding-right: 10px}
.guepardright{float: right; width: 310px;padding-left: 10px}
.trophee_link{background-color: #f2f3f3; padding: 5px; margin-bottom: 10px; border:solid 1px #F6A800}
.blocvote{border-bottom:solid 2px #CB0303}
.blocvote p{ margin:0px;}
.gdem_sommaire{float: right; text-transform: none; font-size: 9pt; margin-right: 10px;}
.gdem_menu{float: left; margin-right: 20px; width: 260px; margin-bottom: 20px;}
.logotitle{float:left;font-size: 9pt;
    font-weight: normal;
    margin-left: 5px;}
.espace_pratique{border-bottom: 3px solid #000000;color: #000000; font-size: 11pt;font-weight: bold;margin: 0 25px 10px;padding: 5px 0;text-align: left;}
.mceContentBody { font-size:8pt;}

/**************** TOOLTIP ***********************/

.tooltip{width:500px;margin:0;padding:5px;font-size:11px;background-color:White;}
.tooltip p{margin:0;text-align:justify;}
.tooltip fieldset legend{color:white;}

.ItemStyleTemp{min-width:70px;background-color:Yellow;}
/********************************************************/
/********************************************************/
.ulgdem2
{
    list-style-image:none;
    list-style-type:none;
    margin: 0 0 0 0px;
    font-weight: bold;
    font-size: 10pt;
    border: 1px solid #dedede;
    padding:0px;/*Modif indent*/
    color:#e31b1d;
}
.ulgdem2 li a{padding-top:5px;padding-bottom:5px;}
.ulgdem2 ul
{
    font-weight: normal;
    font-size: 9pt;
    list-style-image:none;
    list-style-type:none;
}
.ulgdem2 .selected a
{
    color: #e31b1d;
}
.ulgdem2 .ulT0 a:hover{text-decoration:none;}
.ulgdem2 .ulT1 a:hover{text-decoration:none;}
.ulgdem2 .ulT2 a:hover{text-decoration:none;}
.ulgdem2 .ulT3 a:hover{text-decoration:underline;}
.ulgdem2 .ulT0{}
.ulgdem2 .ulT1{}
.ulgdem2 .ulT2{}
.ulgdem2 .ulT3{}
/*Pour le menu accordeon*/
ul.ulgdem2 ul
{
    margin: 0;
    padding: 0;
    display: none;
                
}
ul.ulgdem2 ul li
{
}
ul.ulgdem2 span
{
    float:left;
    padding-right:5px;
    cursor:pointer;
}
.T0{cursor:pointer;font-style:normal;/*color:#2b99e1;*/color:#000000;text-transform:uppercase;}
.T1{font-style:normal;color:#000000;/*font-weight:bold;*/}
.T2{font-style:normal;color:#1600e9;}
.T3{font-style:normal;/*color:#2b99e1;*/color:#1600e9;}
.T4{cursor:pointer;font-style:normal;/*color:#f7ad00;*/color:#2b99e1;}
.ulT0{list-style-image:none;}
.liT0{width:309px;font-size:8pt;padding-left:5px;padding-right:5px;margin:0px;border-bottom:1px solid #dedede;}
.liT1{font-size:8pt;font-weight:normal;font-style:normal;margin:0px;}
.liT2{font-size:8pt;font-style:normal;padding-left:5px;padding-right:5px;margin:0px;}
.liT3{font-size:8pt;font-style:normal;padding-left:10px;padding-right:5px;margin:0px;}
.liT4{font-size:8pt;font-style:normal;margin:0px;}
/********************************************************/
/********************************************************/
.JustPrint{display:none;}
.MenuItemSelectedTitre a{color:#2b99e1;text-decoration:;}
.MenuItemNonSelectedTitre a{color:#000000;text-decoration:;}
.MenuItemSelectedSousTitre a{color:#2B99E1;text-decoration:underline;}
.MenuItemNonSelectedSousTitre a{color:#2B99E1;text-decoration:;}
.CadreJaune{border: 2px solid #f79646; padding: 20px;}
.olPadding{padding-left:5px;}