#MainBody
{
    margin-top: 0px;
    padding-top: 0px;
    background: #840021 /*#cc0033 url(Images/page_background.png) repeat-x*/;
    background-position: top;
    font-size: 11px;
}

*
{
    outline: none;
}

a
{
    text-decoration: none;
    color: Black;
}
img
{
    border: none;
}
a:hover
{
    text-decoration: underline;
}

.aLeft
{
    text-align: left;
}
.aRight
{
    text-align: right;
}
.aJustify
{
    text-align: justify;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
.cLeft
{
    clear: left;
}
.cRight
{
    clear: right;
}
.cBoth
{
    clear: both;
}
.cleaner
{
    float: none;
    clear: both;
    height: 0;
    line-height: 0;
}
.newAccount .right
{
    float: none;
    text-align: right;
    vertical-align: top;
}

#layout
{
    margin-top: 0px;
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 1240px;
    background: #e7e7e7 url(../images/header/BodyBg.jpg);
}

#header
{
    margin-top: -1px;
    padding-top: 0px; /*width:943px;*/ /*margin-left:27px;*/
    width: 1240px;
    height: 151px;
    background: url('../images/header/home.png') top right;
}

/* Publicités */
div.centeredAdvert
{
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

img.advertImgBorder
{
    border: 8px solid #c6c6c6;
}

div.leftAdvert
{
    float: left;
    display: table;
    margin-left: auto;
    margin-right: 20px;
    margin-bottom: 20px;
}

div.leftAdvert div.advertSpace
{
    height: 12px;
}

/* Ads - BEGIN */

div.slideshow {  
   overflow: hidden;  
}  
  
div.slideshow ul   
{
   padding:0; 
   margin:0;  
   list-style: none;  
   list-style-type: none;
}  

div.slideshow li   
{
   display: inline;
   float: left;
} 

/* Ads - END */ 

#header .pubBloc
{
    text-decoration: none;
    border-style: none;
    border-width: 0px;
    height: 131px;
    width: 60%;
    margin-left: 570px;
}

#header .pubBloc .pub
{
    text-decoration: none;
    border-style: none;
    border-width: 0px;
    margin-left: 20px;
    margin-top: 5px;
}

.pubBloc img
{
    border-style: none;
}

#header .nav
{
    margin-top: -54px;
}

/* logo and input section in midle header bloc */
#header .midleBloc
{
    height: 151px;
    width: 100%;
    position: relative;
    z-index: 8;
}

#header .midleBloc .logo
{
    float: left;
    margin-top: 20px;
    margin-left: 40px;
}

#header .midleBloc .inputBloc
{
    height: 100%; /*width:642px; 	margin-left:301px;*/
    width: 670px;
    margin-left: 430px;
    position: relative;
}

/* language switch */
#header .bottomBloc .languageOption
{
    text-align: right;
    color: white;
    position: absolute;
    top: 20px;
    right: 215px;
    width: 200px;
    height: 20px;
    z-index: 1200;
}

#header .bottomBloc .languageOption a
{
    color: white;
    text-decoration: underline;
}

#header .bottomBloc .languageOption a:hover
{
    color: white;
}

#header .bottomBloc .languageOption a:visited
{
    color: #fe8fa8;
    text-decoration: underline;
}

/* search items */
#header .midleBloc .inputBloc .search
{
    position: absolute;
    width: 350px;
    height: 26px;
    top: 50px;
    right: 10px;
}
#header .midleBloc .inputBloc .search .input
{
    float: left;
    height: 26px;
    width: 248px;
}

#header .midleBloc .inputBloc .search .input .left
{
    float: left;
    height: 26px;
    width: 5px;
    background: url(Images/input_search_left.png) no-repeat top left;
}

#header .midleBloc .inputBloc .search .input .right
{
    float: left;
    height: 26px;
    width: 5px;
    background: url(Images/input_search_right.png) no-repeat top right;
}

#header .midleBloc .inputBloc .search .input .center
{
    float: left;
    height: 26px;
    width: 234px;
    background: url(Images/input_search_center.png) repeat-x top left;
}

#header .midleBloc .inputBloc .search .input .center input
{
    margin-top: 5px;
    padding: 0;
    width: 100%;
    border: 0 none;
}

#header .midleBloc .inputBloc .search .input .center .text
{
    color: #6c0015;
    text-decoration: underline;
    background: none;
    border: none;
    width: 234px;
    padding-top: 4px;
    height: 22px;
}

#header .midleBloc .inputBloc .search .button
{
    width: 80px;
    height: 26px;
    float: left;
    margin-left: 10px;
}

#header .midleBloc .inputBloc .search .button .left
{
    background: url(Images/button_square_red_left.png) left top;
    width: 3px;
    height: 26px;
    float: left;
}

#header .midleBloc .inputBloc .search .button .right
{
    background: url(Images/button_square_red_right.png) right top;
    width: 3px;
    height: 26px;
    float: left;
}

#header .midleBloc .inputBloc .search .button .center
{
    text-align: center;
    background: url(Images/button_square_red_center.png) left top;
    width: 74px;
    height: 26px;
    float: left;
}

#header .midleBloc .inputBloc .search .button .center a
{
    margin-top: 6px;
    width: 74px;
    height: 22px;
    text-decoration: none;
    color: white;
    display: block;
}

#header .bottomBloc
{
    height: 56px;
    width: 100%;
    position: relative;
    background: #339CB2 url(../images/header/MenuBg.jpg) repeat-x scroll 0 0;
    z-index: 1000;
}

#header .bottomBloc .menu
{
    float: left;
    height: 56px;
    width: 520px;
    margin: 0 0 0 40px;
}

#header .bottomBloc .menu a
{
    position: relative;
    height: 55px;
    width: 136px;
    float: left;
    margin-right: 30px;
    line-height: 55px;
    text-decoration: none;
    color: white;
    font-size: 18px;
    font-weight: bolder;
    text-align: center;
    font-weight: normal;
    font-family: Arial;
}

#header .bottomBloc .menu a#cms
{
    width: 70px;
}

#header .bottomBloc .menu a#news
{
    width: 45px;
}

#header .bottomBloc .menu a#contact
{
    width: 90px;
}

#header .bottomBloc .menu a#partenaires
{
    width: 90px;
}

#header .bottomBloc .menu a#search, #header .bottomBloc .menu a#ressource, #header .bottomBloc .menu a#agora
{
    width: 142px;
}

#layout .core
{
    margin: 0 0 0 0;
    padding: 56px 120px 0px 120px;
    width: 1000px;
}

#links
{
    position: relative;
    width: 100%;
    float: left;
    padding: 10px 10px 20px 10px;
}

.contentBody
{
    clear: both;
}
#RightContentPlace
{
    margin-left: 714px;
    width: 256px;
}

.twitter
{
    margin: -15px 0px 20px 21px;
}

#LeftCorner
{
    width: 27px;
    height: 151px;
    background: url(../images/shadow_corner_left_top.png) left top no-repeat;
    background-color: transparent;
    float: left;
    margin-top: -11px;
}

#RightContentPlace .login
{
    width: 235px;
    height: 234px;
    float: none;
    background: url(../images/login/login_bg.png) no-repeat top center;
    margin-bottom: 10px;
    margin-top: 6px;
    position: relative;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

#RightContentPlace .loginConnected
{
    height: 234px;
    float: none;
    background: url(../images/login/login_bgConnected.png) no-repeat top center;
    margin-bottom: 10px;
    margin-top: 6px;
    position: relative;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

#RightContentPlace .corner
{
    width: 100%;
    height: 151px;
    float: none;
    background: url(images/shadow_corner_right_top.png);
    margin-bottom: 10px;
    position: relative;
}

#RightContentPlace .disconnectLinkButton
{
    background: url(/images/powerButton_Disconnect.png) no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 141px;
    left: 166px;
}

#RightContentPlace .univers
{
    padding-left: 30px;
    color: White;
    float: left;
    height: 35px;
    line-height: 31px;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
}

#RightContentPlace .homeButton
{
    background: url('../Page/Common/Css/Images/login_homeButton_back.png') no-repeat;
    width: 130px;
    color: White;
    height: 28px;
    line-height: 31px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    left: 30px;
    bottom: 142px;
    position: absolute;
}

#RightContentPlace .univers:hover, #RightContentPlace .homeButton:hover
{
    text-decoration: underline;
}

#RightContentPlace .univers
{
    background: url('Images/login_univers_back.png') no-repeat;
    width: 94px;
}

#RightContentPlace .specificLine a
{
    color: White;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}

#RightContentPlace .specificLine .forgottenPassword, #RightContentPlace .specificLine .noAccount
{
    float: right;
}

#RightContentPlace .validator2
{
    width: 0px;
    float: left;
}

#RightContentPlace .profilDiv .specificLine
{
    float: right;
    margin-left: 59px;
    margin-top: 4px;
}

#RightContentPlace .corner .inner
{
    /*position:relative;*/
    padding-top: 14px;
}

#RightContentPlace .corner .inner .title
{
    position: absolute;
    top: 9px;
    left: 63px;
}

#RightContentPlace .completeNameLabel
{
    position: absolute;
    left: 32px;
    top: 52px;
    color: Black;
    font-size: 14px;
}

#RightContentPlace .professionLabel
{
    position: absolute;
    left: 65px;
    top: 28px;
    color: White;
}

#RightContentPlace .inner .subtitle
{
    font-size: 13px;
    color: white;
    width: 100px;
    
    position: absolute;
}

#RightContentPlace .loginAvatar
{
    margin-left: 5px;
}

#RightContentPlace span.loginGrey
{
    color: #374448;
    font-family: arial;
    font-size: 20px;
    font-weight: bold;
    height: 35px;
    margin-top: 35px;
    margin-left: 30px;
    padding-left: 20px;
    vertical-align: top;
}

#RightContentPlace .corner .inner .subtitle img
{
    float: right;
    margin-top: 2px;
    margin-left: 6px;
}

#RightContentPlace .corner .inner .specificLine
{
    font-size: 13px;
    color: white;
}

#RightContentPlace #LoginTableValid
{
    float: right;
    margin: 6px 30px 0 0;
}

#RightContentPlace h4
{
    margin-left: auto;
    margin-right: auto;
    width: 197px;
    color: white;
    font-size: 12px;
}

#RightContentPlace p
{
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
    width: 197px;
    color: white;
    font-size: 12px;
}

#RightContentPlace .corner .inner .abg_standard_input
{
    margin-top: 6px;
}


#RightContentPlace .corner .inner .trickyLine
{
    margin-top: 6px;
    margin-bottom: 5px;
}

#RightContentPlace .corner .inner .abg_standard_input.small
{
    width: 118px;
}

#RightContentPlace .corner .inner .abg_standard_input.small .content
{
    width: 108px;
}

#RightContentPlace .corner .inner .specificLine
{
    width: 191px;
    margin-bottom: 3px;
    margin-left: 22px;
}

#layout #RightContentPlace .loginTable .specificLine
{
    margin-left: 0px;
    width: 204px;
}

#RightContentPlace .corner .inner .specificLine .leftCell
{
}

#RightContentPlace .corner .inner .specificLine .rightCell
{
    float: right;
}

#RightContentPlace .corner .inner .specificLine .rightCell a
{
    text-decoration: underline;
    cursor: pointer;
}


#LeftContentPlace
{
    width: 707px;
    float: left;
}

#LeftContentPlace .innerContent
{
    width: 707px;
    height: auto;
}

.innerContent .linksTitle
{
    color: #7B8A13;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    margin: 3px 0;
}

#layout .break
{
    width: 1px;
    height: 1px;
    clear: both;
}

#layout #footer
{
    clear: both;
    padding-top: 10px;
    width: 800px;
    font-size: 12px;
    color: white;
    text-align: center;
    background: url(Images/foorter.png) no-repeat top left;
}

/* agenda banner */
#agenda_banner
{
    margin-left: 16px;
}

#Div7
{
    margin-left: 27px;
    padding-top: 4px;
    padding-left: 20px;
    color: Gray;
    font-size: 12px;
}

#Div7 a
{
    color: Gray;
    cursor: pointer;
}

#Div7 span
{
    /*float: left;*/
    margin: 0px 6px;
    display: inline-block;
}

#Div7 .address
{
    margin: 5px 0px 20px 0px;
}

#Div7 a:hover
{
    text-decoration: underline;
}

.toolBoxPanel
{
    border: 1px solid #e6e4dc;
    float: left;
    width: 320px;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 13px;
}

.toolBoxPanel .title
{
    width: 308px;
    height: 36px;
    background: url(Images/toolBoxPanel_back.png) no-repeat;
    line-height: 30px;
    color: #22474f;
    padding-top: 5px;
    padding-left: 10px;
}

.toolBoxPanel .title .access
{
    float: right;
    margin-right: 14px;
}

.toolBoxPanel .title .inner
{
    padding: 0 14px;
    background: url(Images/fleche_bas.gif) no-repeat left center;
}

.toolBoxPanel .toolBoxPanelContent .intro
{
    display: block;
    padding: 0px 9px;
}

.toolBoxPanel .toolBoxPanelContent ul
{
    list-style: none;
}

.toolBoxPanel .toolBoxPanelContent a
{
    color: Black;
    text-decoration: underline;
}

.toolBoxPanel .toolBoxPanelContent ul a
{
    color: Black;
    text-decoration: none;
    font-weight: bold;
}

.toolBoxPanel .modif
{
    padding: 0 14px;
    color: Black;
}

.toolBoxPanel .toolBoxPanelContent
{
    padding-bottom: 5px;
}

.BoxInfo
{
    border: 1px solid #9b6363;
    background: #e6e4dc;
    padding: 10px;
    font-size: 12px;
    margin: 10px 0px;
    font-weight: normal;
}

.blueLinks a
{
    color: #466FD7;
    font-weight: normal;
}

h1
{
    margin: 10px 0;
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    clear: both;
    font-family: Verdana;
}

.accountMenuBox
{
    background: #e6e4dc;
}

#accountMenu
{
    background: #e6e4dc;
    padding: 5px 20px;
}

#accountMenu #accountMenuLinks
{
    float: left;
}

#accountMenu .info
{
    height: 40px;
    display: block;
    line-height: 40px;
    color: White;
    text-decoration: none;
    font-size: 14px;
}

#accountMenu .accountMenuLink
{
    background: url(Images/accountMenu/info.png) no-repeat;
    width: 225px;
    padding-left: 40px;
    font-weight: normal;
}

#accountMenu .accountMenuAlert
{
    background: url(Images/accountMenu/infoAlert.png) no-repeat;
    width: 268px;
    padding-left: 50px;
}

#accountMenu #accountMenuAlerts
{
    float: right;
}

#accountMenu #accountMenuAlertsList
{
    overflow: auto;
    width: 302px;
    height: 130px;
    padding: 5px;
    margin-left: 3px;
    font-size: 12px;
}

.loginButton
{
    background: url(/Images/login/login_button.png) no-repeat;
    border: none;
    width: 120px;
    height: 27px;
    color: White;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    margin-left: 35px;
    margin-top: 10px;
}

#content input.button, #content input.ruButton, #content .form input.button, #content .form input.ruButton
{
    background: url(Images/login_validate.png) no-repeat;
    border: none;
    width: 81px;
    height: 27px;
    color: White;
    font-size: 11px;
    cursor: pointer;
    padding: 0;
}

#layout .ruFakeInput
{
    margin-top: 3px;
}

a.button
{
    background: url(Images/login_validate.png) no-repeat;
    border: none;
    width: 81px;
    height: 27px;
    color: White;
    font-size: 11px;
    cursor: pointer;
    display: inline-block;
    line-height: 27px;
    text-decoration: none;
    text-align: center;
}

#layout input.buttonBig
{
    background: url(Images/Design/buttonBig.png) no-repeat;
    border: none;
    width: 125px;
    height: 21px;
    color: White;
    font-size: 11px;
    cursor: pointer;
    padding: 0;
}

#layoutLabel input.buttonBig
{
    background: url(Images/Design/buttonBig.png) no-repeat;
    border: none;
    width: 125px;
    height: 21px;
    color: White;
    font-size: 11px;
    cursor: pointer;
    padding: 0;
}

input.buttonLong
{
    background: url(Images/Design/buttonLong.png) no-repeat;
    border: none;
    width: 200px;
    height: 21px;
    color: White;
    font-size: 11px;
    cursor: pointer;
}

html
{
    font-family: Verdana;
    font-size: 11px;
}

.bottomLinks
{
    margin-top: 10px;
    text-align: center;
}

#layout .tHeader
{
    text-align: center;
    background: #C8C6BE;
    font-size: 16px;
    font-weight: bold; /*height: 30px;*/
    padding: 10px 5px;
}

#layout .offerContent
{
    padding: 5px;
}

#layout .tFooter
{
    background: #E6E4DC;
    font-size: 12px;
    font-weight: normal;
    padding: 5px;
}

#layout .tFooter a
{
    color: #9E2424;
    font-weight: bold;
    font-family: Verdana;
    font-size: 11px;
}

#layout .tContent .hasLabel
{
    position: absolute;
    right: 4px;
}

#layout .tContent
{
    background: #e6e4dc;
    padding: 5px 10px;
    position: relative;
}

#layout .tContent .field
{
    margin: 2px 0;
    float: left;
    clear: both;
}

#layout input.selectButton
{
    height: 27px;
}

#layout a.selectButton
{
    height: 23px;
}

#layout .selectButton
{
    background: url('Images/Design/select2.png') no-repeat;
    width: 129px;
    border: none;
    color: White;
    font-size: 9px;
    cursor: pointer;
    text-align: center;
    font-family: Verdana;
    font-weight: normal;
    font-size: 10px;
    border: 2px solid white;
    line-height: 23px;
    display: block;
    height: 26px;
    margin-right: 10px;
    padding-bottom: 2px;
}

#layout .selectButton2
{
    background: url('Images/Design/select.png') no-repeat;
    width: 119px;
    height: 26px;
    border: none;
    color: White;
    cursor: pointer;
    text-align: center;
    font-family: Verdana;
    font-weight: normal;
    font-size: 10px;
    right: 5px;
    bottom: -1px;
    border: 2px solid white;
    padding-bottom: 2px;
    margin-right: 10px;
}


#layout .core .RadGrid_Default .pad
{
    padding: 5px;
}

#layout blockquote
{
    margin: 0px;
    margin-left: 40px;
}

#layout .RadGrid_Default .rgHeader, #layout .RadGrid_Default .rgHeader a
{
    background: white;
    border: 0 none;
}

#layout .RadGrid, #layout .RadGrid .rgMasterTable, #layout .RadGrid_Default .rgPager td, #layout .RadGrid_Default .rgPager .rgPagerCell
{
    border: 0px;
}

#layout .RadGrid_Default .rgPager .rgPagerCell
{
    padding: 0px;
    text-align: center;
}

#layout .RadGrid_Default .rgPager
{
    background: white;
}

#layout .RadGrid_Default .rgPager table
{
    width: auto;
}

.subFooter
{
    background: #e6e4dc;
    padding: 5px 5px 0 10px; /*position: relative;*/
    font-family: Verdana;
    font-size: 11px;
    margin-bottom: 15px;
    border-bottom: 3px solid #cfcfcf;
}

#layout .subFooter .footerKeywords, #layout .subFooter .footerKeywords a
{
    color: #7c830a;
    font-weight: normal;
}

#layout .subFooter .comments, #layout .subFooter .comments a
{
    color: #7c830a;
}

#layout .subFooter .comments .number
{
    background-color: #7c830a;
    height: 100%;
    color: White;
    font-size: 16px;
    padding: 5px 0;
    margin-left: 10px;
    display: inline-block;
    text-align: center;
    position: relative;
    right: -12px;
    width: 32px;
}

#layout .subFooter .selectButton
{
    color: White;
    display: block;
    float: right;
    margin-left: 5px;
}

#layout .keywords
{
    width: 100%;
    margin-bottom: 8px;
}

#layout .subFooter .selectButton:hover
{
    text-decoration: none;
}

.subFooter .sendToFriend
{
    margin: 10px 20px 0 0;
}

a
{
    font-weight: bolder;
    cursor: pointer;
}

a:hover
{
    text-decoration: underline;
}

#layout .RadCaptcha input
{
    margin-right: 5px;
    width: 150px;
    border: 1px solid;
}

.MenuItems
{
    display: inline-block;
    border: 2px solid #E7E5DD;
}

a.MenuItem
{
    padding: 5px 10px;
    background: white;
    border: 0 none;
    font-size: 14px;
    font-family: Verdana;
    font-weight: normal;
    display: inline-block;
}

a.ItemSelected
{
    background: #E7E5DD none repeat scroll 0 0;
}

#layout .AdminResum .RadGrid_Default tfoot .rgCommandCell
{
    padding: 10px 0px;
}

#layout .RadInput_Error_Default
{
    color: #D51923;
}

#layout .RadPicker_Default .rcCalPopup, #layout .RadPicker_Default .rcTimePopup
{
    height: 18px;
}

#layout .interrog
{
    position: relative;
    top: 3px;
    left: 0;
    cursor: help;
    font-weight: normal;
}

.help
{
    position: relative;
    top: 3px;
    left: 0;
    cursor: help;
    font-weight: normal;
    display: inline-block;
}

#layout .searchbloc input, #layout #SearchBloc input
{
    border: 0 none;
    padding: 2px 4px 3px;
}

#layout .form .rcbInput
{
    color: #333333;
}


.BottomContent img.right
{
    margin-left: 3px;
    margin-bottom: 3px;
}

.displayArticle
{
    width: 707px;
    height: 420px;
    margin-bottom: 20px;
}

.contentArticle
{
    position: relative;
    top: -50px;
    z-index: 90;
    height: 420px;
}
.contentArticle #column1
{
    width: 226px;
    float: left;
    padding-right: 15px;
}
.contentArticle #column2
{
    width: 226px;
    float: left;
    padding-right: 10px;
}
.contentArticle #column3
{
    width: 226px;
    float: right;
}
.columnContent .columnTitle
{
    font-family: Verdana;
    font-size: 22px;
    font-weight: normal;
    display: block;
    color: #494949; /*text-shadow:1px 1px 1px #636363;*/
    padding-top: 10px; /*padding-bottom:10px;*/
}
.columnContent .columnTitle3
{
    font-family: Verdana;
    font-size: 22px;
    font-weight: normal;
    display: block;
    color: #494949; /*text-shadow:1px 1px 1px #636363;*/
}
.columnContent .columnTitle3 .columnTitle
{
    font-family: Verdana;
    font-size: 22px;
    font-weight: normal;
    display: block;
    color: #494949; /*text-shadow:1px 1px 1px #636363;*/
    padding-top: 0px;
}
.columnContent .columnTitle3
{
    font-family: Verdana;
    font-size: 22px;
    font-weight: normal;
    display: block;
    color: #494949; /*text-shadow:1px 1px 1px #636363;*/
}

.columnContent .columnSubTitle
{
    font-family: Verdana;
    font-size: 14px;
    font-weight: normal;
    color: #494949;
    display: block;
}
.columnContent
{
    text-align: center;
    position: relative;
    padding-left: 15px;
    padding-top: 35px;
    padding-right: 15px;
    float: left;
    min-height: 335px;
    width: 196px;
    z-index: 90;
    background: url('../images/articles/column_01.png') repeat-y top center;
}

.columnContent .columnListSmall, .columnContent .columnListBig
{
    list-style-type: none;
    padding: 0px;
}

.columnContent .columnListSmall li
{
    padding: 0px;
    height: 37px;
    line-height: 37px;
    font-size: 12x;
    background: url('../images/articles/list_separator.png') no-repeat bottom center;
}
.columnContent .columnListSmall li.double
{
    line-height: 17px;
}

.columnContent .columnListBig li
{
    padding: 0px;
    height: 42px;
    line-height: 37px;
    font-size: 14px;
    background: url('../images/articles/list_separator.png') no-repeat bottom center;
}

.columnContent .columnListBig li.double
{
    line-height: 17px;
    vertical-align: middle;
    padding-top: 5px;
}

.columnContent .columnListSmall li a
{
    font-size: 12px;
    font-weight: normal;
    display: block;
    color: #797979;
}

.columnContent .columnListBig li a
{
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    display: block;
    color: #797979;
}

/* Colonnes du bas */

.columnContentLow .columnTitle
{
    font-family: Verdana;
    font-size: 22px;
    font-weight: normal;
    display: block;
    color: #494949; /*text-shadow:1px 1px 1px #636363;*/
    padding-top: 10px;
    padding-bottom: 10px;
}

.columnContentLow .columnTitle3
{
    font-family: Verdana;
    font-size: 22px;
    font-weight: normal;
    display: block;
    color: #494949; /*text-shadow:1px 1px 1px #636363;*/
    padding-top: 10px;
}

.columnContentLow .columnSubTitle
{
    font-family: Verdana;
    font-size: 14px;
    font-weight: normal;
    color: #494949;
    display: block;
}
.columnContentLow
{
    text-align: center;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    min-height: 370px;
    width: 196px;
    z-index: 90;
    background: url('../images/articles/column_01.png') repeat-y top center;
}

.columnContentLow .columnListSmall, .columnContentLow .columnListBig
{
    list-style-type: none;
    padding: 0px;
}

.columnContentLow .columnListSmall li
{
    padding: 0px;
    height: 37px;
    line-height: 37px;
    font-size: 12x;
    background: url('../images/articles/list_separator.png') no-repeat bottom center;
}
.columnContentLow .columnListSmall li.double
{
    line-height: 17px;
}

.columnContentLow .columnListBig li
{
    padding: 0px;
    height: 42px;
    line-height: 37px;
    font-size: 14px;
    background: url('../images/articles/list_separator.png') no-repeat bottom center;
}

.columnContentLow .columnListBig li.double
{
    line-height: 17px;
    vertical-align: middle;
}

.columnContentLow .columnListSmall li a
{
    font-size: 12px;
    font-weight: normal;
    display: block;
    color: #797979;
}

.columnContentLow .columnListBig li a
{
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    display: block;
    color: #797979;
}

/* FIN Colonnes du bas */

.greyLink
{
    margin-left: 20px;
    vertical-align: middle;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    display: block;
    color: Gray;
}

.columnContentEnd
{
    position: relative;
    float: left;
    height: 8px;
    width: 226px;
    background: url('../images/articles/column_02.png') no-repeat top center;
}

.columnContentEnd .stickerGrey
{
    position: relative;
    height: 58px;
    width: 195px;
    top: -42px;
    left: 15px;
    z-index: 250;
    background: url('../images/articles/sticker_grey.png') no-repeat top center;
}

.columnContentEnd .stickerRed
{
    position: relative;
    height: 67px;
    width: 197px;
    top: -52px;
    left: 15px;
    z-index: 250;
    background: url('../images/articles/sticker_red.png') no-repeat top center;
}

.stickerGrey span.textGrey
{
    height: 58px;
    width: 165px;
    font-size: 14px;
    font-weight: normal;
    display: block;
    color: #797979;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
}

.stickerGrey span.textGreyBig
{
    height: 58px;
    width: 165px;
    font-size: 14px;
    font-weight: normal;
    display: block;
    color: #797979;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    text-align: center;
}

.stickerRed span.textRed
{
    height: 50px;
    width: 165px;
    font-size: 15px;
    font-weight: normal;
    display: block;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
    vertical-align: middle;
}

.stickerRed span.textRed a
{
    height: 77px;
    width: 180px;
    font-size: 15px;
    font-weight: normal;
    font-family: Arial;
    display: block;
    color: #ffffff;
    text-align: center;
}

.bandeau
{
    float: left;
    height: 67px;
    left: -14px;
    position: relative;
    top: 0px;
    width: 721px;
    z-index: 100;
    background: url('../images/articles/ribbon_4.png') repeat-x top left;
}
.bandeau span.title
{
    font-family: verdana;
    font-size: 32px;
    font-weight: normal;
    color: #ffffff;
    line-height: 47px;
    padding-left: 5px;
    padding-right: 20px;
}

.bandeau span.subtitle
{
    font-family: verdana;
    font-size: 13px;
    font-weight: normal;
    color: #ffffff;
    line-height: 47px;
    padding-left: 5px; /* CSS de la maquette - JBR 	font-family: verdana;     font-size: 16px;     font-weight: normal;     color: white;     line-height: 47px;     padding-left: 5px;     */
}

/* Bandeau Bas */

.bandeauBas
{
    float: left;
    height: 67px;
    left: -14px;
    position: relative;
    top: -35px;
    width: 721px;
    z-index: 100;
    background: url('../images/articles/ribbon_4.png') repeat-x top left;
}
.bandeauBas span.title
{
    font-family: verdana;
    font-size: 32px;
    font-weight: normal;
    color: #ffffff;
    line-height: 47px;
    padding-left: 5px;
    padding-right: 20px;
}

.bandeauBas span.subtitle
{
    font-family: verdana;
    font-size: 13px;
    font-weight: normal;
    color: #ffffff;
    line-height: 47px;
    padding-left: 5px; /* CSS de la maquette - JBR 	font-family: verdana;     font-size: 16px;     font-weight: normal;     color: white;     line-height: 47px;     padding-left: 5px;     */
}

/* FIN Bandeau Bas */


/* Small ribbons on ither pages */
.leftRibbon
{
    float: left;
    width: 18px;
    height: 40px;
    background: url('../images/articles/ribbon_1.png') no-repeat top left;
}
.redRibbon
{
    float: left;
    height: 35px;
    background: url('../images/articles/ribbon_2.png') repeat-x top left;
}
.redRibbonEnd
{
    float: left;
    width: 22px;
    height: 35px;
    background: url('../images/articles/ribbon_3.png') repeat-x top left;
}
.greyRibbonEnd
{
    float: right;
    width: 8px;
    height: 35px;
    background: url('../images/articles/ribbon_5.png') no-repeat top right;
}

.greyRibbon
{
    float: left;
    height: 35px;
}
/* End small ribbons on other pages */

/* Big ribbons on home page */
.leftRibbon
{
    float: left;
    width: 18px;
    height: 67px;
    background: url('../images/articles/ribbon_1.png') no-repeat top left;
}
.redRibbon
{
    float: left;
    height: 67px;
    background: url('../images/articles/ribbon_2.png') repeat-x top left;
}
.redRibbonEnd
{
    float: left;
    width: 22px;
    height: 67px;
    background: url('../images/articles/ribbon_3.png') repeat-x top left;
}
.greyRibbonEnd
{
    float: right;
    width: 8px;
    height: 67px;
    background: url('../images/articles/ribbon_5.png') no-repeat top right;
}

.greyRibbon
{
    float: left;
    height: 67px;
}
/* End big ribbons on home page */

.loginTable
{
    padding-bottom: 10px;
}

.login .loginHelp
{
    width: 200px;
    padding-left: 10px;
}

.loginHelp a.center
{
    padding-top: 5px;
    display: block;
    text-align: center;
}

.login .forgotten
{
    width: 200px;
    color: #6c797d;
    padding-left: 15px;
    background: url('../images/login/icon_help_01.png') no-repeat top left;
    height: 18px;
}
.login .forgotten a
{
    color: #6c797d;
}
.login .inscription a
{
    color: #6c797d;
}

.login .inscription
{
    width: 200px;
    color: #6c797d;
    padding-left: 15px;
    background: url('../images/login/icon_help_02.png') no-repeat top left;
    height: 18px;
}
/****LOGIN RIBBON *****/
.bandeauLogin
{
    float: left;
    height: 41px;
    left: -11px;
    top: 0px;
    width: 230px;
    z-index: 100;
    background: url('../images/login/ribbonLogin_04.png') repeat-x top left;
}
.bandeauLogin span.title
{
    color: #FFFFFF;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    line-height: 32px;
    padding-left: 5px;
}

.bandeauLogin span.subtitle
{
    color: #818181;
    font-family: arial;
    font-size: 16px;
    font-weight: normal;
    line-height: 28px;
    padding-left: 0;
}

.bandeauLogin span.subtitle input
{
    width: 115px;
    margin-top: 7px;
    color: #818181;
    font-family: arial;
    font-weight: normal;
    background: transparent;
    margin-left: 2px;
    border: none;
}

.leftRibbonLogin
{
    float: left;
    width: 8px;
    height: 41px;
    background: url('../images/login/ribbonLogin_01.png') no-repeat top left;
}
.redRibbonLogin
{
    width: 85px;
    float: left;
    height: 41px;
    background: url('../images/login/ribbonLogin_02.png') repeat-x top left;
}
.redRibbonEndLogin
{
    float: left;
    width: 16px;
    height: 41px;
    background: url('../images/login/ribbonLogin_03.png') no-repeat top left;
}
.greyRibbonEndLogin
{
    float: right;
    width: 8px;
    height: 41px;
    background: url('../images/login/ribbonLogin_05.png') no-repeat top right;
}

.greyRibbonLogin
{
    float: left;
    height: 41px;
}
/******/

.displayArticle div.BoxInfo a
{
    color: #7C830A !important;
    font-weight: bolder !important;
}

.innerContent div.BoxInfo a
{
    color: #7C830A !important;
    font-weight: bolder !important;
}


/*****************/

.pagerOuterTable
{
    border-collapse: collapse;
    border: 1px solid #4d5c93;
    background-color: #d6cde2;
    color: #39437e;
}

.pageCounter
{
    font-family: Tahoma;
    font-size: 10pt;
    color: #ffffff;
    background-color: #39437e;
    text-align: center;
    vertical-align: middle;
}

.pageFirstLast
{
    font-family: Tahoma;
    font-size: 10pt;
    color: #4d5c93;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;
}

.pagePrevNextNumber
{
    font-family: Tahoma;
    font-size: 10pt;
    color: #4d5c93;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}



.pageGroups
{
    font-family: Tahoma;
    font-size: 10pt;
}

.pagerLink, .pagerLink#hover, .pagerLink#active, .pagerLink#visited
{
    font-family: 12px/16px "segoe ui" ,arial,sans-serif; /*font-size: 11px;     color: #4d5c93;*/
    background: url("Images/Design/Pagination/numPartLarge.png") no-repeat scroll 100% 0pt transparent;
    line-height: 16px;
    display: inline-block; /* margin: 0pt 4px;     padding: 0pt 5px 0pt 0pt;*/
    text-decoration: none;
    font-weight: bolder;
    cursor: pointer;
    min-width: 20px;
}

.pageCurrentNumber
{
    font-family: 12px/16px "segoe ui" ,arial,sans-serif;
    background: url("Images/Design/Pagination/numPartCurrentLarge.png") no-repeat scroll 100% 0pt transparent;
    line-height: 16px;
    display: inline-block; /* margin: 0pt 4px;     padding: 0pt 5px 0pt 0pt;*/
    text-decoration: none;
    font-weight: bolder;
    cursor: arrow;
    min-width: 20px;
    color: White;
}

.FirstPagerLink
{
    background: url("Images/Design/Pagination/first.png") no-repeat scroll 100% 0pt transparent;
    color: Gray;
    line-height: 16px;
    display: inline-block; /* margin: 0pt 4px;     padding: 0pt 5px 0pt 0pt;*/
    text-decoration: none;
    font-weight: bolder;
    cursor: pointer;
    min-width: 25px;
}

.LastPagerLink
{
    background: url("Images/Design/Pagination/last.png") no-repeat scroll 100% 0pt transparent;
    color: Gray;
    line-height: 16px;
    display: inline-block; /* margin: 0pt 4px;     padding: 0pt 5px 0pt 0pt;*/
    text-decoration: none;
    font-weight: bolder;
    cursor: pointer;
    min-width: 25px;
}

.PreviousPagerLink
{
    background: url("Images/Design/Pagination/prev.png") no-repeat scroll 100% 0pt transparent;
    color: Gray;
    line-height: 16px;
    display: inline-block; /* margin: 0pt 4px;     padding: 0pt 5px 0pt 0pt;*/
    text-decoration: none;
    font-weight: bolder;
    cursor: pointer;
    min-width: 20px;
}

.NextPagerLink
{
    background: url("Images/Design/Pagination/next.png") no-repeat scroll 100% 0pt transparent;
    color: Gray;
    line-height: 16px;
    display: inline-block; /* margin: 0pt 4px;     padding: 0pt 5px 0pt 0pt;*/
    text-decoration: none;
    font-weight: bolder;
    cursor: pointer;
    min-width: 20px;
}

.cycle-slideshow { width: 50% }
.cycle-slideshow img { width: 100%; height: auto }