/*-----------------------------------------------------------------*/
/* micro reset
/*-----------------------------------------------------------------*/
html { overflow-y: scroll; }
body {
    line-height:1;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#000;
    background:#fff;
}
div,span,
h1,h2,h3,h4,h5,h6,p,
a,em,strong,sub,sup,
dl,dt,dd,ol,ul,li,
form,fieldset,label,input,legend,
table,caption,tr,th,td,
object,iframe,img, embed {
    background:transparent;
    border:0;
    font-family: inherit;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-variant: inherit;
    line-height: inherit;
    font-size:100%;
    margin:0;
    padding:0;
    vertical-align:baseline;
}
/*-----------------------------------------------------------------*/
/* Single Tag definition and normalisation
/*-----------------------------------------------------------------*/

input,
select { vertical-align:middle; }
* html form { float:left; } 
a { text-decoration: none; } 
a:hover, 
a:focus { text-decoration:underline; }
h1 {
    color:#ccc;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:normal;
    text-transform:uppercase;
}
.boxLogo h1 { border:0; }
.boxLogo img { display:none; }
h2 {
    color:#ccc;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:20px;
    font-weight:normal;
    text-transform:uppercase;
}
h3 {
    color:#333;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:normal;
    text-transform:uppercase;
}
p.light {
    color:#ccc;
    font-size:14px;
}
.hide { display:none; }
/*-----------------------------------------------------------------*/
/*Stucture HTML Globale du wrapper
/*-----------------------------------------------------------------*/
#footer .liensNav,
#footer .liensTop,
#footer .boxLiens,
#footer .menu,
#footer .boxCopyright {
    border-right: 10px solid #fff;
    border-left: 10px solid #fff;
    width: 974px;
}
#footer .menu ul { width: 974px; }
body #header #entete {
    width: 974px;
    height: 103px;
    margin: 0 auto;
    padding-top: 3px;
}

#entete ul { font-family: Verlag, Arial, Helvetica, sans-serif; }
/*-----------------------------------------------------------------*/
/*Stucture HTML Globale du wrapper
/*-----------------------------------------------------------------*/
#contenu {
    background:#3a3a3a url(../img/bgPatern.png) 0 0 repeat;
    width:974px;
    margin:auto;
    border-right: 10px solid #fff;
    border-left: 10px solid #fff;
}
#wrapper .filariane {
    float:none;
    color:#ccc;
    font-size: 11px;
    font-weight: normal;
    line-height: 36px;
    padding:5px 0 25px 20px;
}
.filariane a { color:#ccc; }
.filariane span {
    color:#fff;
    font-weight:bold;
}
.mainContent { width:974px; }
.visaNavTab {
    float:left;
    width:260px;
    border-top: 1px solid #222222;
    position:relative;
}
.espace {
    width:710px;
    margin-left: 260px;
    padding-bottom: 25px;
}
/*-----------------------------------------------------------*/
/* Help
/*-----------------------------------------------------------*/
.mainContent .help {
    position:absolute;
    bottom:5px;
    left:20px;
}
#singup .mainContent .help,
#loginPage .mainContent .help { display:none; }
.mainContent .help a {
    display:inline-block;
    line-height:25px;
    padding-top:5px;
    text-decoration:none;
    color:#666;
    padding-left:35px;
    background:url(../img/icons/iconeAide.png) 0 0 no-repeat;
}
.mainContent .help a:hover {
    color:#ccc;
    text-decoration:none;
}
/*-----------------------------------------------------------*/
/* header Visa 2
/*-----------------------------------------------------------*/
#visa2Header {
    padding:10px 0;
    text-align:center;
    color:#ccc;
}
#visa2Header a {
    color:#333;
    padding:0 10px;
    font-family:verlag, Arial, Helvetica, sans-serif;
    font-size:10px;
    text-transform:uppercase;
}
#visa2Header a:focus,
#visa2Header a:hover { color:#666; }
/*-----------------------------------------------------------*/
/* Boutons génériques:
/* a.linkBtn: 23px de haut - gris
/* a.linkBtnLarge:  40px de haut - gris
/* a.linkBtnMp:  23px de haut - rouge
/* a.linkBtnMpLarge: 40px de haut - rouge
/* a.fb-connect : 40px (.contentBlock) - Bleu
/*-----------------------------------------------------------*/

.saveList .mainTitleBar span.dsbl,
.saveList .mainTitleBar a.active,
.saveList .mainTitleBar a.active:hover,
span.linkBtn,
a.linkBtn,
a.linkBtnLarge,
a.linkBtnMp,
a.linkBtnMpLarge,
a.fb-connect,
button.cancel,
button.submit,
input.submit,
button.submitLarge {
    display: inline-block;
    border:0;
    line-height: 23px;
    height:23px;
    margin: 6px 5px 3px 0px;
    padding:0 10px;
    background:#fff url(../../img/visa/boutons.png) 0 -150px repeat-x;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight:normal;
    font-family:verlag, Arial, Helvetica, sans-serif;
    text-align: center;
    text-transform:uppercase;
    vertical-align: top;
}
.loginForm button.submit,
a.linkBtnLarge,
a.linkBtnMpLarge,
button.submitLarge { padding:0 30px }

a.linkBtn:hover,
a.linkBtnLarge:hover,
a.linkBtnMp:hover,
a.linkBtnMpLarge:hover,
a.linkBtn:focus,
a.linkBtnLarge:focus,
a.linkBtnMp:focus,
a.linkBtnMpLarge:focus,
a.linkBtn:visited,
a.linkBtnLarge:visited,
a.linkBtnMp:visited,
a.linkBtnMpLarge:visited { text-decoration:none; }

.right button.cancel,
.right button.submit { margin-top:0; }
/*Background images*/
span.linkBtn {
    background:#fff url(../img/boutons.png) 0 -650px repeat-x;
    cursor:not-allowed;
}
a.linkBtnLarge,
button.submitLarge {
    background:#fff url(../img/boutons.png) 0 -100px repeat-x;
    font-size: 16px;
    height: 40px;
    line-height: 36px;
    padding-bottom: 4px;
}
a.linkBtnMp { background:#fff url(../img/boutons.png) 0 -350px repeat-x; }
.loginForm button.submit,
a.linkBtnMpLarge {
    background:#fff url(../img/boutons.png) 0 -300px repeat-x;
    height: 40px;
    line-height: 36px;
    padding-bottom: 4px;
    font-size: 16px;
}
#gotoConnectForm.loginForm button.submit {
    background:#fff url(../img/boutons.png) 0 -100px repeat-x;
    width:288px;
}
a.fb-connect {
    background:#fff url(../img/boutons.png) 0 -500px repeat-x;
    height:40px;
    width:185px;
    line-height: 36px;
    font-size: 16px;
}
#singup a.fb-connect { margin-top:22px; }
/*Hover States*/
.saveList .mainTitleBar a.active:hover,
input.submit:hover,
button.submit:hover,
button.cancel:hover,
a.linkBtn:hover {
    background:#fff url(../img/boutons.png) 0 -250px repeat-x;
    text-decoration:none;
}
a.linkBtnLarge:hover,
button.submitLarge:hover {
    background:#fff url(../img/boutons.png) 0 -200px repeat-x;
    height:40px;
}
a.linkBtnMp:hover {
    background:#fff url(../img/boutons.png) 0 -450px repeat-x;
    text-decoration:none;
}
.loginForm button.submit:hover,
a.linkBtnMpLarge:hover {
    background:#fff url(../img/boutons.png) 0 -400px repeat-x;
    text-decoration:none;
}
#gotoConnectForm.loginForm button.submit:hover {
    background:#fff url(../img/boutons.png) 0 -200px repeat-x;
    width:288px;
}
a.fb-connect:hover {
    background:#fff url(../img/boutons.png) 0 -550px repeat-x;
    height:40px;
    text-decoration:none;
}
.saveList .mainTitleBar span.dsbl {
    background:#fff url(../img/boutons.png) 0 -650px repeat-x;
    cursor:none;
}
button.asc,
button.desc {
    height:19px;
    width:19px;
    background:#fff url(../img/OrderByButtons.png) 0 0 repeat-x;
    border:0;
    padding:0;
    margin:0;
    vertical-align: middle;
}
button.desc { background:#fff url(../img/OrderByButtons.png) right 0 repeat-x; }
.titleBar .linkBtn,
.right button.cancel,
.right button.submit {
    -webkit-box-shadow:  0px 1px 1px 1px #bbb;
    box-shadow:  0px 1px 1px 1px #bbb;
}
/*-----------------------------------------------------------*/
/* Icones génériques:
/*-----------------------------------------------------------*/
a.mpIcon { display:inline-block; }
a.mpIcon img { margin:2px; }
a.mpIcon:hover img {
    text-decoration:none;
    background:#3d3d3d;
    border-radius:15px;
}
/*-----------------------------------------------------------*/
/* Entête de contenu + alerte système
/*-----------------------------------------------------------*/

.contentHeader {
    padding:6px 15px;
    vertical-align:middle;
    min-height: 35px;
}
.contentHeader .pageTitle {
    display:inline-block;
    float:left;
    padding-left:5px;
    padding-top: 5px;
    color:#fff;
    font-family: verlag, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    font-size:22px;
}
.contentHeader .alertCtn {
    background:#4d4d4d;
    padding:1px 8px;
    margin-left: 245px;
    width: 693px;
    min-height:33px;
    display:none;
}
.contentHeader .alertCtn p {
    margin:10px 3px;
    color:#fff;
    font-weight:bold;
    width: 433px;
}
.contentHeader .alertAction { float:right; }
/*-----------------------------------------------------------*/
/* Menu de gauche - navigation
/*-----------------------------------------------------------*/
.visaNavTab ul {
    list-style:none;
    padding:0;
    margin:0;
}
.visaNavTab li {
    list-style:none;
    padding:0;
    margin:0;
}
.visaNavTab ul.niv1 {
    width:260px;
    background:#222 url(../img/bgPatern.png) 0 0 repeat;
}
.visaNavTab .niv1 li {
    border-bottom: 1px solid #181818;
    border-top: 1px solid #494949;
    padding: 6px 0;
}
.visaNavTab .niv1 li.active {
    border-top: 1px solid #525252;
    background: #494949 url(../img/bgPatern.png) 0 0 repeat;
}
.visaNavTab .niv1 li ul.niv2 { display:none; }
.visaNavTab .niv1 li a {
    display:inline-block;
    width:223px;
    line-height:20px;
    color:#999;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    text-transform:uppercase;
    margin-left:12px;
    padding-left:6px;
    padding-right:20px
}
.visaNavTab .niv1 li a span,
.visaNavTab .niv1 li a span.countUnread {
    float:right;
    font-size:14px;
    text-transform:none;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    vertical-align:top;
    margin-right: 5px;
}
.visaNavTab .niv1 li a span.countUnread span { display:none; }
.visaNavTab .niv1 li.active a {
    color:#fff;
    background:url(../img/activeMenuItem.png) right 0 no-repeat;
}
.visaNavTab .niv1 li a:hover,
.visaNavTab .niv1 li a:focus,
.visaNavTab .niv1 li.active a:hover {
    color:#fff;
    text-decoration:none;
}
.visaNavTab .niv1 li:hover { background: #3a3a3a url(../img/bgPatern.png) 0 0 repeat; }
/* 2e niveau de menu
.visaNavTab .niv1 li.dsbl a { color:#666; }
.visaNavTab .niv1 li.dsbl a span { text-transform:none; }

.visaNavTab .niv1 li.active ul.niv2 {
    display:block;
    width:250px;
    border-top: none;
}
.visaNavTab .niv1 li.active .niv2 li {
    border:none;
    padding: 0px 0;
}
.visaNavTab .niv1 li.active .niv2 a {
    display:inline-block;
    width:162px;
    line-height:22px;
    color:#ccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    text-transform:none;
    margin-left:35px;
    padding-left:15px;
    border-left: none;
    background:url(../img/bullet.png) 0 center no-repeat;
}
.visaNavTab .niv1 li.active .niv2 li.active a {
    color:#666;
    font-family: Arial, Helvetica, sans-serif;
    background:url(../img/bulletOver.png) 0 center no-repeat;
}
*/
/*-----------------------------------------------------------*/
/* userInfoBox
/*-----------------------------------------------------------*/
.userInfoBox { margin: 15px 0; }
.blackbox .avatarCtn,
.userInfoBox .avatarCtn {
    float:left;
    width:75px;
    height:75px;
    overflow:hidden;
    position:relative;
}
.blackbox .avatarCtn img.largeAvatar,
.userInfoBox .avatarCtn img.largeAvatar {
    width:75px;
    height:75px;
}
#deleteAvatar .avatarCtn img.avatarSource,
#signupfrm .avatarCtn img.avatarSource,
.blackbox .avatarCtn img.avatarSource,
.userInfoBox .avatarCtn img.avatarSource {
    position:absolute;
    bottom:1px;
    right:1px;
    z-index:10;
    -webkit-box-shadow: -1px -1px 3px 0px #999999;
    box-shadow: -1px -1px 3px 0px #999999; 
	}
.userInfoBox span {
    display:inline-block;
    color:#666;
    font-size:12px;
    line-height:16px;
    font-weight:bold;
}
.userInfoBox p span.mail {
    color:#999;
    font-size:12px;
}
/*-----------------------------------------------------------*/
/* userInfoBox du user connecté
/*-----------------------------------------------------------*/
.visaNavTab .userInfoBox {
    padding:15px 21px;
    width:218px;
    margin:0;
    border-bottom: 1px solid #222222;
    border-top: 1px solid #444444;
    background:#222 url(../img/bgPatern.png) 0 0 repeat;
}
.visaNavTab .userInfoBox .avatarCtn {
    float:none;
    position:relative;
    overflow:visible;
}
.editAvatar {
    position:absolute;
    left:80px;
    top:0;
}
.editAvatar li ul { display:none; }
.editAvatar li.active ul { display:block; }
.editAvatar li li { }
.editAvatar li li a {
    display:inline-block;
    color:#fff;
    width:140px;
    padding-left:7px;
    line-height:29px;
}
.editAvatar li li a { background:url(../img/bgAvatarMenu.png) 0 0; }
.editAvatar li li a:hover {
    background:url(../img/bgAvatarMenu.png) 0 bottom;
    text-decoration:none
}
.visaNavTab .userInfoBox p.userInfo {
    margin-top:10px;
    margin-left:0px;
    height:auto;
}
.visaNavTab .userInfoBox .linkBtn { margin-top:10px; }
.visaNavTab .userInfoBox span {
    font-size:14px;
    font-weight: normal;
    width:100%;
}
.visaNavTab .userInfoBox .username {
    font-size:15px;
    font-weight: bold;
    color:#999;
}
.visaNavTab .userInfoBox .name {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
}
.visaNavTab .userInfoBox span a {
    color: #CCCCCC;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding-left: 0px;
    text-transform: none;
    vertical-align:top;
    background:none;
}

/*-----------------------------------------------------------*/
/*Barres de titre
/*-----------------------------------------------------------*/
.mainTitleBar {
    background:#fff;
    padding: 10px 5px 10px 10px;
    vertical-align:middle;
    min-height: 21px;
}
.mainTitleBar h1 {
    color:#666;
    text-transform:none;
    line-height: 24px;
}
.mainTitleBar h1 span {
    text-transform:uppercase;
    color: #000;
}
.mainTitleBar h1 span.countUnread,
.mainTitleBar h1 span.countUnread span,
.mainTitleBar h1 span.countTotal {
    color:#666;
    text-transform:none;
}
.filterBar,
.titleBar {
    background:#eee;
    height:34px;
    padding:0 10px;
    vertical-align:middle;
    border-top:1px solid #c2c2c2;
    border-bottom: 1px solid #FFFFFF;
}
.filterBar {
    border-top:1px solid #c2c2c2;
    border-bottom:1px solid #c2c2c2;
    background:#cccccc
}
.titleBar h2 {
    color:#444;
    line-height:35px;
    text-transform:none;
    font-style:italic;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    font-size:17px;
}
.titleBar h2 img {
    vertical-align: middle;
    margin-left:10px
}
.mainTitleBar .right,
.titleBar .right {
    float:right;
    text-transform:none;
    font-size:12px;
    line-height: 35px;
}
.fullWidthCtn h3 {
    font-family:Arial, Helvetica, sans-serif;
    text-transform:none;
    font-weight:bold;
    font-size:16px;
    color:#666;
    background:#ccc;
    line-height:24px;
    padding-left:10px;
    border-top:1px solid #c2c2c2;
    border-bottom:1px solid #f2f2f2;
}
/*-----------------------------------------------------------*/
/*blocks
/*-----------------------------------------------------------*/
.fullWidthCtn {
    background:#fff;
    border-bottom:1px solid #f2f2f2;
}
#technoProfile.fullWidthCtn { border-bottom:none; }
.fullWidthPadded {
    border-bottom:1px solid #f2f2f2;
    padding:10px 20px;
    background:#fff;
 *float:left;
 *width:670px;
 *clear:both;
}
.fullWidthPadded p {
    margin:10px 0;
    font-size:14px;
    line-height:18px;
}
.fullWidthPadded p .label{  
	display:inline-block;
    padding-right:4px;
    color:#747474;}
.fullWidthPadded p.small {
    font-size:12px;
    color:#999;
}
/*-----------------------------------------------------------*/
/* objets communs
/*-----------------------------------------------------------*/
.unreadNb {
    display:inline-block;
    height:15px;
    margin:0 0 0 15px;
    min-width:15px;
    background:#fff;
    border:1px solid #B6041C;
    -webkit-border-radius: 11px;
    border-radius:11px;
    color:#333;
    text-align:center;
    font-size:10px;
    font-weight:bold;
}
.info { padding:25px 0px 35px 0px; }
.info_petit { padding:5px 0px 15px 0px; }
.rouge { color:#990000; }
/*-----------------------------------------------------------*/
/* lightbox - help bubbles*/
/*-----------------------------------------------------------*/
#bgOpaque {
    position:fixed;
    top:0;
    left:0;
    z-index:1000001;
    background-color:#000;
    width:100%;
    height:100%;
    display:none;
    cursor:pointer;
}
.popingBox {
    background: #fff;
    border: 1px solid #111;
    border-top: 2px solid #E2001A;
    display: none;
    position: absolute;
    text-align: left;
    z-index: 1000002;
    top:0;
    left:0;
}
* html .popingBox { position:absolute; }
.helpBubles {
    background: url(../img/bubblesBg.png) 0 bottom no-repeat;
    border:0;
    display: none;
    padding:8px 8px 16px 28px;
    position: absolute;
    text-align: left;
    width: 300px;
    z-index: 99999;
    min-height:36px;
    top:0;
    left:0;
}
#loginPage .helpBubles p,
#singup .helpBubles p,
.helpBubles p {
    color: #666;
    font-size:11.5px;
    line-height:14px;
    margin:0;
    padding:0;
}
.popingBox .header {
    background:#707070;
    margin: 0;
    padding: 5px;
    width:100%;
}
.popingBox p {
    padding:10px 10px 10px 0px;
    margin:0px;
}
/*-----------------------------------------------------------*/
/* Formulaires, inputs, erreurs */
/*-----------------------------------------------------------*/

form {
    padding:0px;
    margin:0px;
}
.erreur {
    color:#ff0000;
    font-size:16px;
    font-family:arial, verdana, helvetica;
}
label {
    display:inline-block;
    width:142px;
    text-align:left;
    font-weight:bold;
    color:#4a4a4a;
    margin:0;
    padding:10px 0 3px 0px;
}
select {
    margin:0 0 0 5px;
    display:inline-block;
    line-height:25px;
    height:25px;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
}
input {
    margin:0 0 0 5px;
    display:inline-block;
    padding:3px 0;
    border: 1px solid #e0e0e0;
}
input.text:-webkit-autofill {
background:#fff!important;
}
input.checkbox {
    border: 0;
    padding:0;
    margin:5px 0;
}
input#sexeHomme,
input#sexeFemme {
    display:inline-block;
    margin: 0 0 0 0px;
    width: 20px;
    border:0;
    background:none;
}
button.submit2 {
    display:inline-block;
    line-height:18px;
    height:20px;
    background:#6F6F6F;
    border:0;
    text-align:center;
    color:#fff;
    font-weight:bold;
    cursor:pointer;
    margin-left:5px;
    -webkit-box-shadow: 1px 1px 1px #aaa;
    box-shadow: 1px 1px 1px #aaa;
}
button.submit2:hover { background: #B6041C; }
button.disable {
    display:inline-block;
    line-height:18px;
    height:20px;
    background:#999999;
    border:0;
    text-align:center;
    color:#fff;
    font-weight:bold;
    cursor:default;
    -webkit-box-shadow: 1px 1px 1px #aaa;
    box-shadow: 1px 1px 1px #aaa;
}
button.disable:hover { background: #999999; }
.newPaswword p.light { padding:15px 0 }
/*-----------------------------------------------------------*/
/* Filtre du fil d'activité
/*-----------------------------------------------------------*/

.filterBar label,
.filterBar span.label {
    display:inline-block;
    font-weight: normal;
    color:#333;
    width:auto;
    line-height:24px;
}
.filterBar form { margin:5px 0; }
.filterBar fieldset {
    display:inline-block;
    border-left:1px solid #a0a0a0;
    border-right:1px solid #d9d9d9;
    padding: 0 15px;
    margin:0;
 *width:135px;
}
.filterBar #allFilterLb1 {
*width:87px; border-left:none; }
.filterBar #alertFilterLbl { border-left:none; }
.filterBar #commentFilterLbl { border-right:none; *width:155px;
}
.filterBar #saveFilterLbl { }
.filterBar label { padding:0 25px 0 5px; }
.filterBar #alertFilterLbl label { background: url(../img/icons/icoAlert2.png) right center no-repeat; }
.filterBar #saveFilterLbl label {
    background: url(../img/icons/icoSave2.png) right center no-repeat;
    border-left:none;/*à supprimer quand les notif seront là */
}
.filterBar #shareFilterLbl label { background: url(../img/icons/icoShare2.png) right center no-repeat; }
.filterBar #commentFilterLbl label { background: url(../img/icons/icoComment2.png) right center no-repeat; }
/*-----------------------------------------------------------*/
/* formulaire edit Profile
/*-----------------------------------------------------------*/

#signupfrm .avatarOption {
    position:relative;
}
#deleteAvatar .avatarCtn,
#signupfrm .avatarCtn {
    position: relative;
    width:130px;
    height:130px;
    display:inline-block;
}

#signupfrm .fullWidthCtn { padding:9px; }
#newPaswwordfrm .fullWidthPadded { padding:38px 10px 48px; }
#newPaswwordfrm li.errMsg {
    padding:0px 10px 5px;
    display:block;
}
#newPaswwordfrm .editProfile span.text { padding-left:6px; }
#newPaswwordfrm button.submitLarge {
    margin-left: 240px;
    margin-top: 25px;
    min-width: 170px;
}
.alt {
    background:#f6f6f6;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}
.alt.last { border-bottom: none; }
fieldset.editProfile {
    display:inline-block;
    width:344px;
    padding:0px;
    margin:0;
    vertical-align:top;
}
.deuxCol fieldset.editProfile { padding:0px 0px 5px 0px; }

.long fieldset.editProfile {
    width:690px;
    padding-bottom:5px;
}
/*.long fieldset.editProfile.alt {    width:670px;}*/


.editProfile input.text,
.editProfile select {
    background:url(../img/inputBg.gif) 0 0 repeat-x;
    display:inline-block;
    width:163px;
    padding-left:5px;
    border:1px solid #cccccc;
    font-weight:normal;
    color:#000;
}
.editProfile select { width:171px; }
.editProfile span.text { font-weight:bold; }
fieldset.editProfile input.placeholder {
    color: #CCCCCC;
    font-style: italic;
    font-size:13px;
}
fieldset.editProfile {
    vertical-align:top;
}
fieldset.editProfile a {
    background: url(../img/bullet2.png) 0 12px no-repeat;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color:#003399;
    text-transform: none;
    vertical-align: top;
    padding: 10px 0 3px 15px;
    margin-left:5px;
}
fieldset.editProfile .errMsg {
    background: none;
    margin: 0;
    padding: 5px 0;
    text-align: right;
    width: 343px;
    display:inline-block;
}
.editProfile label {
    font-weight:normal;
    color:#000;
    text-align:right;
    font-size:13px;
    padding-left:10px;
    width:153px;
}
.long .editProfile label {
    width:500px;
    text-align:left;
}
.long .editProfile label.long {
    width:222px;
    text-align:right;
}
.long label.mini,
label.mini {
    padding-left:0;
    width:40px;
    text-align:left;
}
.long .editProfile fieldset { margin-left:323px; }
.long .editProfile fieldset#q1_extra {
    margin-left:353px;
    position:relative;
}
.long .editProfile fieldset#q1_extra_b{  margin-left:128px;}
.long .editProfile fieldset label {
    width: 177px;
    text-align: right;
}
.long .editProfile fieldset#q1_extra_b label.long {width:372px;}
.long .editProfile fieldset#q1_extra #q1Autre {
    position:absolute;
    top:6px;
    right:1px;
}
.long .editProfile fieldset label.mini {
    width: 57px;
   /* margin-left:5px;*/
    text-align: left;
}
.long .editProfile fieldset.dsbl{display:none;}
/*.long .editProfile fieldset.dsbl label,
.long .editProfile fieldset.dsbl input {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity:0.2;
}*/
.long fieldset.editProfile fieldset input.dsbl { visibility:hidden; }
fieldset.editProfile select.small { width:80px; }
.titleBar span.right.complete {
   /* display:none;*/
    background:#a0a0a0/*#83bf00*/;
    line-height:22px;
    margin-top:6px;
    padding:0 10px;
    color:#fff;
    font-weight:bold;
}
/*-----------------------------------------------------------*/
/* édit avatar on Profile page
/*-----------------------------------------------------------*/
avatarOption img { vertical-align:bottom; }
.avatarOption ul {
    display:inline-block;
    list-style:none;
    border-top:1px solid #e5e5e5;
    margin-left:10px;
    vertical-align:bottom;
}
.avatarOption li {
    list-style:none;
    line-height:29px;
    border-bottom:1px solid #e5e5e5;
    width:200px;
}
.avatarOption li a {
    color: #003399;
    padding-left:32px;
}
.avatarOption li a.modify { background:url(../img/icons/icoModify.png) 8px center no-repeat; }
.avatarOption li a.delete { background:url(../img/icons/icoDelete.png) 8px center no-repeat; }
/*-----------------------------------------------------------*/
/* link & de-link account
/*-----------------------------------------------------------*/
.fullWidthAccount {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #F2F2F2;
    padding: 10px 20px;
    display:block;
    min-height:45px;
    font-size:14px;
}
.fullWidthAccount p { font-size:14px; }
.fullWidthAccount a.linkBtn { box-shadow: 0 3px 3px 0px #AAAAAA; }
.fullWidthAccount span.linkBtn { box-shadow: 0 3px 3px 0px #fff; }
.fullWidthAccount .socialAccount {
 *float:left;
    display:inline-block;
    width:200px;
    color:#333;
    width:175px;
}
.socialAccount img {
    vertical-align:middle;
    margin-right:17px;
}
div.unlinkMsg {
    margin-top:10px;
    margin-left: 177px;
    color:#666;
    font-size:14px;
    line-height:16px;
}
.unlinkMsg a { color:#003399; }
/* accountInfoBox ( link or de-link account)*/
.accountInfoBox {
 *float:left;
    display:inline-block;
    width:310px;
    vertical-align:middle;
    color:#333;
}
.accountInfoBox .avatarCtn {
    width:50px;
    height:40px;
    overflow:hidden;
    vertical-align: middle;
}
.accountInfoBox img.largeAvatar {
    width:39px;
    height:39px;
    margin-right:10px;
    vertical-align: middle;
    border:1px solid #a0a0a0;
}
.accountInfoBox span {
    display:inline-block;
    line-height:15px;
}
/*-----------------------------------------------------------*/
/*newsletters  formulaire d'abonnements
/*-----------------------------------------------------------*/
fieldset.newsletterGroup {
    width:100%;
    padding:15px 0;
    background:#fff;
}
fieldset.newsletterGroup fieldset {
    display:inline-block;
    width: 335px;
    border:0;
    vertical-align:top;
    padding-left:10px;
    padding-bottom: 20px;
}
fieldset.newsletterGroup input {
    vertical-align:top;
    height:21px;
    width:20px;
}
.infolettreTitre {
    display:inline-block;
    padding:0 0 0 5px;
    margin:0 0 5px 0;
    font-size:16px;
    font-weight:bold;
    line-height:21px;
    border-left:5px solid #696561;
}
.infolettreTitre img { }
.infolettreDesc {
    display:inline-block;
    width: 300px;
    margin-left:30px;
    line-height: 16px;
}
#infosite .infolettreTitre {
    background: #EDEDED;
    color: #333333;
    font-family: Verlag;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 3px 5px 4px 6px;
    text-transform: uppercase;
    width: 275px;
    display:inline-block;
}
/* nouvelles nationale et internationales */
.cust1 { border-left:5px solid #696561 }
/* lapresse affaire + economie */
.cust2,
.cust22 { border-left:5px solid #0574AC }
/* auto */
.cust3 { border-left:5px solid #5B7C8E }
/*techno */
.cust4 { border-left:5px solid #6473B4 }
/* maison*/
.cust5 { border-left:5px solid #8FA929 }
/*Cinema*/
.cust6 { border-left:5px solid #9958A1 }
/* les quotidiens + alertes et partenaires  */

#infoquot .cust22,
#infoquot .cust23,
#infoquot .cust24,
#infoquot .cust25,
#infoquot .cust33,
#infoquot .cust26,
#infoalerte .cust35,
#infopart .cust7 { border-left:0px solid #fff; }
/* cuisine et vin & Styles de vie - vivre */
.cust15,
.cust16 { border-left:5px solid #840132 }
/* voyages et aubaines voyages */
.cust18,
.cust17 { border-left:5px solid #FF6C00 }
/* sports + hockey */
.cust11 { border-left:5px solid #E0AE00 }
/* arts */
.cust13,
.cust14 { border-left:5px solid #00A5BB }
.subscription {
    margin:0;
    border: 0 none;
    display: inline-block;
    vertical-align: top;
    width: 200px;
 *float:left;
}
.subscription .infolettreTitre {
    font-weight:normal;
    font-size:14px;
    line-height:15px;
    border-left-width:4px;
    padding-left:6px;
    margin-top:20px;
}
.subscription img { margin-right:5px; }
/*-----------------------------------------------------------*/
/*REDEFINITIONS pour la page d'inscription
/*-----------------------------------------------------------*/
#singup #header { margin: 0 auto; }
#singup .visaCtn,
#singup .visaNavTab { display:none; }
#singup .espace {
    margin:0 auto;
    width:904px;
    background:none;
}
#singup .mainContent {
    background: none;
    padding-left: 0px;
    width: 974px;
    position:static;
}
#singup .flow2Col {
    float: left;
    padding: 0 25px 30px 10px;
    position: relative;
    width: 415px;
}
#singup .flow2Col.last {
    float: left;
    padding: 0 10px 0 100px;
    position: relative;
    width: 315px;
}
.colSeparator { background: url(../img/separator.png) right 0px no-repeat; }
#singup h2 {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-transform: none;
}
#singup h2 span {
    padding-left:35px;
    color:#ccc;
    font-weight:normal;
    font-size:13px;
}
#singup h2 a {
    color:#fff;
    font-weight:normal;
    font-size:13px;
}
#singup p {
    color:#ccc;
    padding:15px 0;
}
#singup .authProviders {
    margin-top:40px;
    margin-left:0;
}
#singup label {
    width: 400px;
    color: #fff;
    font-weight: normal;
    font-size:13px;
    padding: 10px 0 0px 0;
}
#singup input.text {
    width: 300px;
    background: #fff;
    color:#333;
    font-weight: normal;
    font-size:13px;
    padding: 3px;
    margin:2px 0;
}
.createProfile a.info { padding:0; }
.createProfile a.info img {
    vertical-align: top;
    position:relative;
}
.createProfile .errMsg {
    color:#ED1D24;
    font-size:12px;
    font-weight:bold;
    padding:5px 0 10px 4px;
    display:inline-block;
    width:350px;
}
#singup fieldset,
.createProfile { position:relative; }
/*-----------------------------------------------------------*/
/* REDEFINITIONS pour sur fond noir avec Menu
/*-----------------------------------------------------------*/

#hasLeftMenu .espace { background:none; }
#hasLeftMenu .contentBlock {
    min-height: 380px;
    padding: 10px 25px;
}
#hasLeftMenu .fullWidthCtn { min-height: 380px; }
#hasLeftMenu fieldset.inputCtn {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    display: block;
    height: 48px;
    margin: 5px 0;
    width: 396px;
}
#hasLeftMenu fieldset.inputCtn label { width: 300px; }
/*-----------------------------------------------------------*/
/* REDEFINITIONS pour  page de login
/*-----------------------------------------------------------*/
#loginPage #header { margin: 0 auto; }
#loginPage .visaCtn,
#loginPage .visaNavTab { display:none; }
#loginPage .espace {
    margin-left:0;
    width:974px;
    background:none;
}
#loginPage .mainContent {
    background: none;
    padding-left: 0px;
    width: 974px;
    position:static;
}
#loginPage .contentBlock {
    min-height:380px;
    padding:10px 25px;
}
#forgotPassword { height:495px; }
#mergeAccounts { height:595px; }
#noMerge { height:487px; }
/*-----------------------------------------------------------*/
/* page de login + facebook
/*-----------------------------------------------------------*/
#loginPage .right {
    float:right;
    padding-right:226px;
}
#loginPage p {
    color:#fff;
    font-size:14px;
    line-height:16px;
}
#loginPage p.small {
    color: #CCCCCC;
    font-size: 12px;
    margin-top: 10px;
}
#loginPage .newPaswword p { margin-bottom:15px; }
#LinkFacebookAccount p { margin-top:20px }
#loginPage .popingBox p { color:#666 }
#loginPage p.info,
#singup p.info {
    position:relative;
    margin-top:15px;
    margin-right: 25px;
    padding:13px 13px 33px 16px;
    -webkit-box-shadow: 2px 2px 2px #000;
    box-shadow: 2px 2px 2px #000;
    background: #000;
    color: #ccc;
    width:179px;
    line-height:16px;
    font-size:14px;
}
#singup #signupfrm p.info {
	background:transparent url(../img/bgOverlay.png)  0 0 repeat;
	box-shadow: 2px 2px 2px #2D2D2D;
	padding-bottom: 13px;
	width: 300px;
}
#loginPage p.info img,
#singup p.info img {
    bottom: 0;
    display: block;
    position: absolute;
    right: 10px;
}
#loginPage p.info .topArrow,
#singup p.info .topArrow {
    display:block;
    position:absolute;
    top:-10px;
    left:10px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #000;
}
#loginPage .contentBlock a { color:#fff; }
#loginPage .contentBlock a.linkBtnLarge { color:#fff; }
#signupfrm button.submitLarge { margin-top:25px; }
.fbLogin #noMerge button.submitLarge {
    margin-top:25px;
    margin-bottom:25px;
}
.flow2Col {
    width:404px;
    float:left;
    padding-bottom:25px;
    padding: 0 25px;
    min-height:320px;
    position:relative;
}
.flow2Col button,
.flow2Col a.fb-connect {
    -webkit-box-shadow: 0px 2px 2px 2px #2A2A2A;
    box-shadow: 0px 2px 2px 2px #2A2A2A;
}
#fbBox2 a.linkBtnLarge { padding-bottom: 0px; }
/*#linkToOtherAccount{
    padding: 0 28px;
    margin-top: 25px;
    }*/
#LinkFacebookAccount button.submitLarge { margin-bottom:25px; }
#fbBox1,
#fbBox3 {
    float:left;
    height:auto;
    padding-right: 55px;
    width: 370px;
}
#fbBox3 { border:0 }
#fbBox2 {
    float:left;
    border:0;
    padding-left: 50px;
    width: 354px;
}
.flow2Col img.or {
    position:absolute;
    top: 128px;
    left:439px;
}
.flow2Col.last { border-right:none; }
ul.liste2,
ul.liste {
    padding:0px;
    margin: 0 15px;
    list-style:none;
    color:#999;
}
ul.liste li {
    margin:0;
    padding:0px;
    list-style-image:url(../img/bullet.png);
    line-height:18px;
}
ul.liste2 li {
    padding:0px;
    margin:10px 0;
    list-style-image:url(../img/bullet.png);
    line-height:18px;
}
#loginPage h2 { margin: 15px 25px; }
#loginPage .flow2Col h2 { margin: 15px 0px; }
#loginPage h3 {
    color:#ccc;
    font-size:22px;
    margin-bottom:20px;
}
#loginPage .flow2Col h3 {
    color:#fff;
    font-size:18px;
    margin-bottom:10px;
    text-transform:none;
    font-family:Arial, Helvetica, sans-serif;
}
#loginPage #newsIntro {
    float: right;
    margin-top: 23px;
    width: 420px;
}
#loginPage #newsVideo { margin:10px 30px 0; }
#loginPage p.center {
    margin:12px 0;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    text-transform:uppercase;
}
.blackbox {
    color:#fff;
    background: #3c579a url(../img/bgPatern5Contrast.png) 0 0 repeat;
    padding:7px;
}
#mpUser.blackbox { background: #222 url(../img/bgPatern.png) 0 0 repeat; }
#loginPage #fbBox1 .liste {
    margin-top: 0;
    margin-bottom: 20px;
}
.fbLogin#loginPage #fbBox1 .liste,
.fbLogin#loginPage #fbBox3 .liste {
    margin-right: 48px;
    text-align:right;
    margin-bottom: 20px;
}
.fbLogin#loginPage #fbBox1 .liste.nopadd {
    margin-right:0px;
    margin-bottom: 30px;
}
.fbLogin#loginPage .liste li { list-style:none; }
.fbLogin#loginPage .flow2Col h3 { padding-bottom:35px; }
.fbLogin #fbBox1 .blackbox {
    height:75px;
    margin-bottom: 5px;
}
.blackbox img.avatar {
    float:left;
    margin-right:15px;
    width:75px;
    height:75px;
}
#fbBox1 .blackbox p {
    margin-left:90px;
    max-height: 81px;
}
.blackbox span {
    display:inline-block;
    width:296px;
    color:#fff;
    font-size:14px;
    line-height:22px;
    font-weight:bold;
}
.fbLogin .blackbox p span.name {
    font-size:18px;
    color:#fff;
    font-weight:normal;
}
.fbLogin .blackbox p span.mail {
    font-size:12px;
    font-weight:normal;
}
.videoPlaceholder { cursor:pointer; }
/*-----------------------------------------------------------*/
/* Formulaires de login + facebook
/*-----------------------------------------------------------*/
#hasLeftMenu fieldset.inputCtn,
#loginPage fieldset.inputCtn {
    display:block;
    width:396px;
    height:35px;
    margin:5px 0;
    background:#fff;
    position:relative;
    cursor:text;
}
#loginPage .blackbox fieldset.inputCtn { width:366px; }
#loginPage .flow2Col fieldset.inputCtn {
    width:322px;
    margin-bottom:15px;
}
#loginPage.fbLogin .flow2Col fieldset.inputCtn {
    margin-bottom:3px;
    margin-top: 20px;
}
#loginPage .flow2Col fieldset.inputCtn a img {
    position:absolute;
    left:325px;
    top:4px;
    cursor:pointer;
}
#loginPage label.long {
    color: #CCCCCC;
    display: inline-block;
    padding: 5px;
    vertical-align: top;
    width: 300px;
    font-size: 14px;
    line-height:16px;
    font-weight:normal;
    margin-bottom:25px;
}
fieldset.inputCtn label,
#loginPage fieldset.inputCtn label {
    margin:0;
    border:0;
    position:absolute;
    top:0px;
    left:10px;
    z-index:5;
    width: 328px;
    display: inline-block;
    color: #999;
    font-family: arial, helvetica, sans-serif;
    font-size: 16px;
    /*font-style: italic;*/
    font-weight: normal;
}
input.checkbox {
    display:inline-block;
    border:0;
    background:none;
}
fieldset.inputCtn input.text {
    margin:0;
    border:0;
    width: 357px;
    position:absolute;
    top:5px;
    left:10px;
    z-index:10;
    color:#333;
    font-weight:bold;
}
fieldset.inputCtn input:focus { outline:none; }
.blackbox fieldset.inputCtn input.text { width: 326px; }
#loginPage .flow2Col fieldset.inputCtn label { width: 300px; }
.flow2Col fieldset.inputCtn input.text { width: 300px; }
fieldset.inputCtn img {
    position:absolute;
    top:10px;
    right:5px;
}
.flow2Col button.login {
    float: left;
    *min-width: 180px;
}

.flow2Col ul.liste.left {
    margin: 9px 0 15px 215px;
    font-size:14px;
}
#loginPage .contentBlock a.fb-connect img { margin-top:4px; }
.newPaswword p.info {
    padding:15px 25px;
    width:221px
}
.authProviders { margin:0 0 0 100px; }
span.listeLabel {
    color: gray;
    margin-bottom: 5px;
    display: block;
}
/*-----------------------------------------------------------*/
/* REDEFINITIONS pour  page d'erreur
/*-----------------------------------------------------------*/
.errorPage .contentBlock {
    background:#fff url(../img/bgInnerContent.png) 0 0 repeat;
    margin:0 25px;
}
.errorPage h1 {
    border-left: 4px solid #E2001A;
    color: #333333;
    font-size: 22px;
    margin: 25px 0;
    padding-left: 8px;
}
.errorPage#loginPage p {
    color:#333;
    margin:25px 8px
}
.errorPage#loginPage p a { color:#000066; }
/*-----------------------------------------------------------*/
/*Messages d'erreur
/*-----------------------------------------------------------*/
#erreur_texte {
    color:#ff4747;
    font-weight:bold;
    margin-bottom:10px;
    padding:10px 10px 10px 0px;
}
#loginPage .flow2Col #erreur_texte,
#hasLeftMenu .#erreur_texte {width: 333px;}

#hasLeftMenu div.fullWidthCtn #erreur_texte {
    margin:35px auto 0;
    width: 333px;
}
#loginPage .flow2Col #erreur_texte {
    width: 359px;
    margin: 0;
    padding: 5px 0 15px;
}
.errMsg {
    background: none;
    color:#E2001A;
    display:inline-block;
    padding-left:5px;
}
/*-----------------------------------------------------------*/
/*  stored data list
/*  tableau des sauvegardes
/*-----------------------------------------------------------*/
.fixedHeight {
    height:250px;
    overflow-y:scroll;
    background:#fff;
}
.fixedHeight p.feedback,
.fixedHeight p.errMsg {
    padding:25px 15px;
    font-weight:bold;
}
.saveList { min-height:400px; }
.saveList select {
    font-size: 11px;
    height: 21px;
    color: #4A4A4A;
    font-weight:bold;
    line-height:18px;
}
.saveList option {
    padding:3px 5px;
    color: #4A4A4A;
    font-weight:bold;
}
.saveList .toolbar {
    background:#eee;
    padding:3px 5px;
    height:35px;
    font-size: 11px;
    vertical-align:middle;
    border-bottom: 1px solid #AAAAAA;
}
.saveList .toolbar fieldset#sortOptions{
    display:inline-block;
    width:425px;
}
span.pipe {
    display:inline-block;
    width:0;
    height:22px;
    margin:0 4px;
    padding:0;
    vertical-align:middle;
    border-left:1px solid #fcfcfc;
    border-right:1px solid #ccc;
}
.toolbar label {
    display:inline-block;
    padding: 10px 0 3px 0;
    width:auto;
}
.listAction {
    background:#e0e0e0;
    text-align:right;
    padding:3px 5px;
    margin-top:10px;
    height:20px;
}
.listAction form {
    float:right;
    display:inline-block;
    margin-left:8px;
}
p.selectAll {
    margin:0;
    padding:12px 5px;
    vertical-align:middle;
    background:url(../img/bgInnerContent.png) 0 0 repeat;
    vertical-align:middle;
}
p.selectAll label { display:inline-block; }
table.saveListData,
table.saveListData tr {
    margin:0;
    padding:0;
    border-collapse:separate;
    width:100%;
}
#dashboardStoredList table {
    margin:0;
    padding:0;
    border-collapse:separate;
    width:680px;
}
.saveList th {
    color:#666;
    background:#fff;
    padding:5px 8px 5px 2px;
    border-bottom:1px solid #ccc;
    text-align:left;
    font-size:16px;
    font-weight:bold;
    font-style:italic;
    border-collapse:separate;
    vertical-align:middle;
}
.saveList td {
    margin:0;
    padding: 17px 5px;
    vertical-align:middle;
    border-bottom:1px solid #ccc;
}
.saveList .unread td { background:  #ffffc9; }
.saveList .selected td { background:#bbb url(../img/bgInnerContent.png) 0 0 repeat; }
.saveList .selected.unread td { background:#cdbc02 url(../img/bgInnerContent.png) 0 0 repeat; }
.saveListData td.checkboxCell { width:25px; }
.saveListData td.thumbnailCell {
    width:105px;
    padding: 10px 5px 10px 0;
}
.saveListData td.thumbnailCell img { }
.saveListData td.article { vertical-align:top; }
.saveListData td p {
    font-family: Arial, Helvetica, sans-serif;
    padding:2px 0;
    margin:5px 0;
    min-height:15px;
    font-size:12px;
    color:#333;
}
.saveList td.checkboxCell,
.saveList .unread td.checkboxCell,
.saveList .selected.unread td.checkboxCell {
    background:  #ffffff;
    border:0;
}
.saveListData td p.articleTitle,
p.articleTitle { font-size:15px; }
p.articleTitle a { color:#003399; }
.saveListData td p span.provenance,
.saveListData td p span.section { font-weight:bold; }
form#stored_form_list {
    position:relative;
    min-height: 300px
}
#stored_form_list button.submit {
    height: 20px;
    line-height: 18px;
    margin: 0 5px;
    padding: 0 10px 2px;
}
form#stored_form_list .absPosition {
    display:none;
    position: absolute;
    top: -33px;
    right:23px;
    font-size:11px;
    vertical-align:middle;
}
form#stored_form_list .absPosition select {
    width:95px;
    vertical-align:top;
}
#stored_list {
    min-height:300px;
    background:#fff url(../img/bgInnerContent.png) 0 0 repeat;
}
#stored_list p.feedback { padding:25px 15px; }
/*-----------------------------------------------------------*/
/*stored data pagination
/*-----------------------------------------------------------*/
.saveList .mainTitleBar {
    margin-top:10px;
    color:#999;
    font-size:11px;
}
span.pageNumber {
    float:right;
    display: inline-block;
    margin: 0;
    padding: 10px 0 3px 5px;
    color: #4A4A4A;
    font-weight: bold;
}
.pageLinks {
    display:inline-block;
    text-align:center;
    width:180px;
}
.pageLinks a { color:#999; }
.pageLinks a.selected {
    color:#333;
    font-weight:bold;
}
/*.saveList .mainTitleBar span.dsbl,
.saveList .mainTitleBar a.active,
.saveList .mainTitleBar a.active:hover {
    display:inline-block;
    background:#fff url(../img/boutonSubmit.png) 0 -350px repeat-x;
    border: 1px solid #CCCCCC;
    box-shadow: 2px 2px 2px #AAAAAA;
    color: #666666;
    font-size: 11px;
    height: 23px;
    line-height: 23px;
    margin: 5px 0 0 5px;
    min-width: 85px;
    text-align:center;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight:bold;
    text-decoration:none;
}
.saveList .mainTitleBar span.dsbl { color:#ccc }*/
#stored_list .contentWrap { padding:25px 15px; }
#stored_list h1.errTitle {
    border-left: 4px solid #E2001A;
    color: #333333;
    font-size: 22px;
    margin: 25px 0;
    padding-left: 8px;
}
/*-----------------------------------------------------------*/
/*stored data detail
/*-----------------------------------------------------------*/
/*---------- Stored POPUP CONTAINER --------------*/
#storedDetailCtn {
    width: 776px;
    min-height: 400px;
    background:#444 url(../img/bgPatern.png) 0 0 repeat;
}
#storedDetail {
    margin: 0px auto;
    padding:0;
    width: 712px;
    background:#fff;
}
.ajax-loading-gif {
    position:absolute;
    top:48%;
    left:48%
}
.loading { display: inline-block; }
/*---------- Stored POPUP TOOLBAR and TOOLBAR MENU --------------*/
form#stored_delete_form { display:inline; }
#storedDetailCtn .toolbar {
    height: 61px;
    position:relative;
    background:#444 url(../img/bgPatern.png) 0 0 repeat;
    border-bottom: 1px solid #000;
    padding: 0px;
    box-shadow: 0 4px 3px #333;
}
.toolbarMenu {
    position:absolute;
    left:0;
    padding:0px;
    margin:0;
    height:50px;
    width:100%
}
.toolbarMenu ul,
.toolbarMenu li {
    position:relative;
    list-style:none;
    padding:0;
    margin:0;
}
.toolbarMenu ul.niv1 { margin: 0 30px; }
.toolbarMenu ul.niv1 li {
    position:relative;
    float:left;
    background:#333 url(../img/bgPatern.png) 0 0 repeat;
}
.toolbarMenu ul.niv1 li#closeBtn,
.toolbarMenu ul.niv1 li#deleteBtn { float:right; }
.toolbarMenu ul.niv2 { display:none; }
.toolbarMenu li.selected ul.niv2 {
    display:block;
    position:absolute;
    top:62px;
    left:0;
    background:#333 url(../img/bgPatern.png) 0 0 repeat;
}
.toolbarMenu a {
    display:inline-block;
    vertical-align:middle;
    height:60px;
    width:61px;
    color:#fff;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
    color:#ccc;
    text-align:center;
    padding:0px 2px;
    border-right:#444 1px solid;
    border-left:#000 1px solid;
    border-top:#333 1px solid;
}
.toolbarMenu a:hover { text-decoration:none; }
.toolbarMenu .niv2 a {
    width:200px;
    border-top:#444 1px solid;
    border-bottom:#000 1px solid;
    text-align:left;
    height:30px;
    line-height:30px;
    background:#222 url(../img/bgPatern.png) 0 0 repeat;
}
.toolbarMenu a img {
    display:inline-block;
 *display:block;
    margin:5px 10px 8px 10px;
}
.toolbarMenu .niv2 a img {
    display:inline-block;
    margin:0 10px 0 5px;
    vertical-align: middle;
}
.toolbarMenu li.selected a,
.toolbarMenu a:active { background:#222 url(../img/bgPatern.png) 0 0 repeat; }
.toolbarMenu li.selected a,
.toolbarMenu li.selected a:hover,
.toolbarMenu a:hover {
    border-right:#555 1px solid;
    background:#444 url(../img/bgPatern.png) 0 0 repeat;
    text-decoration:none;
}
.toolbarMenu li.selected .niv2 a { background:#333 url(../img/bgPatern.png) 0 0 repeat; }
.toolbarMenu li.selected .niv2 a:hover { background:#444 url(../img/bgPatern.png) 0 0 repeat; }
.toolbarMenu li.selected .niv2 li.active a { background:#555 url(../img/bgPatern.png) 0 0 repeat; }
.toolbarMenu li.selected .niv2 li.selected.active a:hover { background:#444 url(../img/bgPatern.png) 0 0 repeat; }
.contentDetail p.small { font-size:11px }
.contentDetail p.normal { font-size:13px; }
.contentDetail p.large { font-size:16px; }
/*---------- POPUP NAVIGATION PREV/NEXT --------------*/
.prevBtn,
.nextBtn {
    display:block;
    position:absolute;
    top:250px;
    z-index:100;
}
.prevBtn { left:5px; }
.nextBtn { right:5px; }
.prevBtn a,
.nextBtn a {
    position:absolute;
    top:0;
    min-height:70px;
    min-width:30px;
    color: #333;
    vertical-align:middle;
}
.prevBtn a {
    left:0;
    background:url(../img/detailSiderNav.png) 0 -209px no-repeat;
}
.nextBtn a {
    right:0;
    background: url(../img/detailSiderNav.png) -261px -140px no-repeat;
}
.prevBtn a:hover {
    text-decoration:none;
    background:url(../img/detailSiderNav.png) 0 -70px no-repeat;
}
.nextBtn a:hover { background:url(../img/detailSiderNav.png) 0 0 no-repeat; }
.prevBtn a span,
.nextBtn a span { display:none; }
.prevBtn a:hover span,
.nextBtn a:hover span {
    display:inline-block;
    width:250px;
    height:45px;
    padding:5px 10px 0px 30px;
    overflow:hidden;
}
.prevBtn a:hover span { }
.nextBtn a:hover span {
    text-align:right;
    padding:5px 30px 0 10px
}
#storedDetailCtn a:hover.btn strong {
    display: inline-block;
    width:250px;
    margin-bottom:5px;
}

.dashboard .prevBtn,
.dashboard .nextBtn {display:none;}

/*---------- POPUP CONTENT --------------*/
#storedDetail h1.errTitle {
    border-left: 4px solid #E2001A;
    color: #333333;
    font-size: 22px;
    margin: 25px 0;
    padding-left: 8px;
}
#storedDetail .contentWrap { padding:25px 15px; }
.photoCtn {
    width: 654px;
    background:#000;
    margin: 0px auto 0;
    padding-top: 35px;
    padding-bottom: 35px;
}
#gallery {
    margin:0px auto;
    width:612px;
}
.contentDetail {
    margin: 0px auto;
    padding:25px 28px;
}
.contentDetail p.storeDate{
    padding: 5px 10px ; 
    background:#d1d1d1;
    margin: 0 -10px;
}
.dashboard .contentDetail p.storeDate{ display:none;}
.contentDetail p.normal.publicationDate {
    color:#333;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.contentDetail .storeDate span.provenance {
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    text-transform: none;
}
.contentDetail .publicationDate span.maj {
    font-size: 12px;
    color:#666;
    font-weight: normal;
}
.contentDetail h1 {
    font-size: 22px;
    padding-bottom:10px;
    color:#333;
    text-transform:none;
    font-family:Arial, Helvetica, sans-serif;
}
h1 span.suptitle {
    color: #666;
    font-size:13px;
}
.contentDetail p { line-height:16px; }
.contentDetail p#lead {
    padding:0;
    margin:10px 0;
    font-weight:bold;
}
.contentDetail p.section {
    padding:0;
    margin:10px 0 8px 0;
    color: #666;
}
.contentDetail .journalists {
    margin:10px 0;
    padding:10px 0;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    width:435px;
}
.contentDetail .journalists img { vertical-align:middle;}
.contentDetail .journalistCtm { 
    display: inline-block;
    vertical-align: middle;
    width: 350px;
}
.contentDetail .journalist {
    font-size:12px;
    font-weight:bold;
    display:inline-block;
    padding:3px 0px; 
    min-width:300px;
}
.contentDetail .agence { 
	color:#7d7d7d;
    display:inline-block;
    min-width:300px;
}
.contentDetail img.detailVisual { margin-bottom:20px; }
.savedDate {
    color:#333;
    background:#eee;
    margin:0;
    padding:5px;
    text-align:center;
    font-size: 14px;
    line-height: 24px;
    font-weight:bold;
}
.contentDetail .body p {
    margin:3px 0;
    padding:3px 0;
    line-height:16px;
}
.contentDetail .chapter p.caption, 
.contentDetail .chapter h3 {
    margin:15px 0 0;
    font-size:18px;
    font-style:italic;
    color: #666666;
    text-transform:none;
}
.contentDetail .body .quote{ font-style:italic;}
.contentDetail .body .emphasis{font-weight:bold;}
.contentDetail .body .superscript{     
	font-size: 11px;
    line-height: 11px;
    vertical-align: top;
    }
.contentDetail .body .subscript{ 
	font-size: 10px;
    line-height: 10px;
    vertical-align: bottom;
    }
.contentDetail .body p a,
.contentDetail .body p a:visited {
    color: #003399;
    text-decoration: none;
}
.contentDetail .galleria-thumbnails-container { margin: 0 5px; }
/*---------- PRINTABLE CONTENT --------------*/
 .printable .contentDetail {
    margin: 0px auto;
    padding:0;
    width: 780px;
    height:auto;
}
/*---------- NEWT TAB CONTENT --------------*/
#DetailCtn {
    margin: 0px auto;
    padding: 0 ;
    width: 710px;
    background:#fff;
}
#DetailCtn .contentDetail {
    padding:1px 19px;
}

#DetailCtn .contentDetail p.storeDate {
    background: none repeat scroll 0 0 #D1D1D1;
    margin: 10px -10px;
    padding: 5px 10px;
}

/*-----------------------------------------------------------*/
/* EDITION AVATAR
/*-----------------------------------------------------------*/
/*---------- AVATAR POPUP CONTAINER --------------*/

#lBox.popingBox { background:#fff; }
#lBoxDetail {
    margin: 0px;
    padding:10px;
    background:#fff;
}
/*---------- AVATAR POPUP TOOLBAR --------------*/
#lBox.popingBox .toolbar {
    height: 25px;
    position:relative;
    background:#333 url(../img/bgPatern.png) 0 0 repeat;
    border-bottom: 1px solid #000;
    padding: 0px;
    box-shadow: 0 4px 3px #333;
    text-align:right;
}
#lBox.popingBox .toolbar a.close {
    position:relative;
    display:inline-block;
    color:#fff;
    line-height:24px;
    padding-right:35px;
    margin-right:10px;
    background:url(../img/icons/iconeClose2.png) right center no-repeat;
}
/*---------- POPUP INNER CONTAINER --------------*/
.ieUploadForm{
    position:relative;
    }
#uploadAvatar {
    height:419px;
    position:relative;
}
#cropAvatar {
    height:434px;
    position:relative;
    padding:0 10px 10px 10px;
}
/*---------- POPUP Common Objects --------------*/

#lBox.popingBox .mainTitle{margin:10px 0 15px 0;}
#lBox.popingBox .mainTitle h2{
    color:#333;
    font-size:18px;
    }
#lBox.popingBox .mainTitle span{
    display:inline-block;
    padding:0 0 0 10px;
    margin:0 0 0 10px;
    border-left:1px solid #d9d9d9;
    color:#666;
}
#lBox.popingBox .title{
    background:#333;
    padding:15px;
    margin-bottom:3px;
}
#lBox.popingBox .title h3{
    color:#fff;
    font-size:15px;
    text-align:left;
    line-height:18px;
}

.helpMsg p{
    padding:3px 0;
    margin:0;
    font-size:12px;
    line-height: 13px;
    color:#333;
}
.helpMsg a ,
.helpMsg a:hover,
.helpMsg a:focus {color:#003399; }

/*-----------------------------------------------------------*/
/* Upload Avatar
/*-----------------------------------------------------------*/


#uploadAvatar .separator,
#uploadAvatar .avatarCtn{
    display:inline-block;
    vertical-align:top;
    text-align:center;
}
#uploadAvatar .separator{
    color:#666;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    font-size:16px;
    height:372px;
    line-height:372px;
    padding:0 8px;
    }

#uploadAvatar .avatarCtnInner{
    width:240px;
    height:295px;
    padding:10px 20px;
    }
#uploadAvatar .avatarCtnInner.perso{ background:#e5e5e5;}
#uploadAvatar .avatarCtnInner.facebook{ background:#dfe3ed;}

#uploadAvatar .avatarCtnInner p {
    font-size:13px;
    color:#333;
    line-height:15px;
    }
#uploadAvatar .avatarCtnInner p span{font-size:16px;}
#uploadAvatar .avatarCtnInner.perso p { text-align:left;}

#avatarDropZone{
    border:2px dashed #666;
    color:#666;
    font-size:12px;
    padding:30px 20px;
    margin:10px 0;
}
#uploadAvatar .avatarCtnInner.perso #avatarDropZone p{
    text-align:center;
    color:#666;
}
.ieUploadForm{margin-top:168px;}
#formUpload,
#formUploadIe{
	position:relative;
	top:1px;
	left:26px;
	width:189px;
    height: 23px;
    line-height: 23px;
    margin: 0;
    padding: 0;
	background: url(../img/boutons.png) repeat-x scroll 0 -150px transparent;
}

#formUpload:hover,
#formUploadIe:hover {
	background: url(../img/boutons.png) repeat-x scroll 0 -50px transparent;
}
p.UnploadMsg{margin:58px 0 140px;;}
#uploadAvatar p#texteFauxBouton {
	position:absolute;
	top:0px;
	left:0px;	
	background-color: transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: verlag,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
	width:189px;
    height: 23px;
    line-height: 23px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
	cursor:pointer;
}


input#fileuploads{
	filter: alpha(opacity=0);
    opacity:0;
	width:189px;
    height: 23px;
    line-height: 23px;
	margin:0;
	padding:0;
    cursor:pointer;
	cursor: pointer;
	position:relative;
	top:0px;
	left:0px;
    }

.sepHoriz{
    background:url(../img/separatorHorizontal.png) center center no-repeat;
    color:#666;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    font-size:16px;
    text-align:center;
    margin:15px 0 12px;
}
.selectSocial {
    width:130px;
    min-height:194px;
    margin:0 auto 15px;
}
#uploadAvatar .avatarCtnInner .socialType{
    font-size:16px;
    line-height:39px;
    padding-left:45px;
    width:85px;
    margin:0 auto 15px;
    text-align:left;
    color:#333333;
}

#uploadAvatar .avatarCtnInner.facebook .socialType{ background:url(../img/icons/uploadFacebookAvatar.png) 0 center no-repeat;}
#uploadAvatar .avatarCtnInner.twitter .socialType{background:url(../img/icons/uploadTwitterAvatar.png) 0 center no-repeat;}
#uploadAvatar .avatarCtnInner.goggle .socialType{background:url(../img/icons/uploadGoogleAvatar.png) 0 center no-repeat;}

#uploadAvatar .avatarCtnInner .selectSocial p.name{
    background:#3c579a url(../img/bgPatern.png) 0 0;
    min-height: 40px;
    color:#fff;
    padding:5px 0;
    font-size:14px;
    line-height:18px;
}
#uploadAvatar .avatarCtnInner.facebook .selectSocial p.name{background:#3c579a url(../img/bgPatern.png) 0 0;}

.selectSocial img{width:130px; height:130px;}

#uploadAvatar .helpMsg{
    width: 280px;
    margin:20px 0 0 0
}
/*-----------------------------------------------------------*/
/* Crop Avatar
/*-----------------------------------------------------------*/

.cropArea {
    display:inline-block;
    width:400px;
    height:400px;
    background:#c0c0c0;
    overflow:hidden;
    vertical-align:top;
}
.cropActions {
    display:inline-block;
    width:210px;
    height:400px;
    vertical-align:top;
}
.cropActions .helpMsg{
    width: 200px;
    margin:0 0 322px 10px;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
}

#formCropAvatar{
    text-align:right;
    border-top:1px solid #e5e5e5;
    }
#formCropAvatar a.linkBtn{background:#fff url(../img/boutons.png) 0 -50px repeat-x;}
#formCropAvatar a.linkBtn:hover{background:#fff url(../img/boutons.png) 0 -150px repeat-x;}
/*-----------------------------------------------------------*/
/* Dashboard
/*-----------------------------------------------------------*/
.dashboard .feedList {
    padding-top:25px;
    background-color:#fff;
    height:600px;
    overflow-y: scroll;
}
/*-----------------------------------------------------------*/
/* .dashboard Feed Item
/*-----------------------------------------------------------*/
.smallFeedItem {
    border-bottom:1px solid #ccc;
    padding:5px 10px 5px 50px;
}
.smallFeedItem a { color:#003399; }
.smallFeedItem div {
    font-size:13px;
    color:#333;
    font-weight:normal;
    padding:3px 0;
    min-height:40px;
}
.smallFeedItem div.actionDesc,
.smallFeedItem div.commentTxt { min-height:14px; }
.smallFeedItem div.addDetail,
.smallFeedItem div.deleteDetail,
.smallFeedItem div.postDetail,
.smallFeedItem div.likeDetail,
.smallFeedItem div.saveDetail,
.smallFeedItem div.approvedDetail,
.smallFeedItem div.approveDetail,
.smallFeedItem div.refuseDetail {
    min-height:40px;
    padding-top:5px;
}
/* Feed item icon*/
.smallFeedItem.delete { background:url(../img/icons/icoDelete.png) 16px 10px no-repeat; }
.smallFeedItem.post { background:url(../img/icons/icopost.png) 16px 10px no-repeat; }
.smallFeedItem.like { background:url(../img/icons/icoshare.png) 16px 10px no-repeat; }
.smallFeedItem.add,
.smallFeedItem.approve,
.smallFeedItem.approved,
.smallFeedItem.refuse { background:url(../img/icons/icocomment.png) 16px 10px no-repeat; }
.smallFeedItem.save { background:url(../img/icons/icostore.png) 16px 10px no-repeat; }
.smallFeedItem.post.unread { background:url(../img/icons/icopostUnread.png) 16px 10px no-repeat; }
.smallFeedItem .timeline {
    font-size:11.5px;
    padding:2px 3px 0 0px;
    color:#666;
}
.smallFeedItem .story { }
.smallFeedItem p.section {
    color: #333;
    margin-bottom:0;
    margin-left: 68px;
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
}
.smallFeedItem p.titre {
    margin-top:4px;
    margin-left: 68px;
    font-size:16px;
    color:#333;
    font-weight:normal;
    min-height:40px;
}
.smallFeedItem div.commentTxt {
    margin-top:5px;
    padding:3px 8px;
    background:#e5e5e5;
    position:relative;
    *position:static;
    width: auto;
    display:inline-block;
}
.smallFeedItem div.commentTxt span.topArrow {
    position:absolute;
    *display:none;
    line-height:0;
    border:10px solid transparent;
    border-bottom: 10px solid #e5e5e5;
    top: -20px;
    left:20px;
}
.smallFeedItem div.commentTxt p {
    font-size:12px;
    color:#666;
    font-weight:normal;
    margin:5px 0;
}
.smallFeedItem a.thumb {
    float:left;
    width:65px;
}


.smallFeedItem img.no-anchor {
    color:transparent;
    float:left;
}

.smallFeedItem img.no-anchor,
.smallFeedItem a.thumb img { border:1px solid #e5e5e5; }
/*-----------------------------------------------------------*/
/* .dashboard infinite scroll buttons
/*-----------------------------------------------------------*/
a.linkBtn.shownext,
a.linkBtn.showprev {
    margin:20px 0 20px 300px;
    background:#fff url(../img/boutons.png) 0 -50px repeat-x;
    vertical-align: middle;
}
a.linkBtn.shownext:hover,
a.linkBtn.showprev:hover { background:#fff url(../img/boutons.png) 0 -150px repeat-x; }
.feedList .loading { vertical-align:middle; }
/*-----------------------------------------------------------*/
/* messages for pages width no data
/*-----------------------------------------------------------*/
p.feedback,
p.standAlone { margin:10px }
p.msg {
    margin:10px;
    color:#666;
    font-style:italic;
    font-size:12px;
}
p.standAlone a {
    text-decoration:underline;
    color:#666;
}
#noscript {
    border: 1px solid red;
    clear: both;
    width: 972px;
    margin: 0 auto 1px;
    padding: 10px 0;
    color: #D8000C;
    background-color: #FFBABA;
}
#noscript span { padding: 10px; }