@charset "utf-8";
/* CSS Document */
/* Importation du font-face */
@import "fonts/roboto/roboto_regular/stylesheet.css"; /* font-family: 'robotoregular'; */
@import "fonts/roboto/roboto_bold/stylesheet.css"; /* font-family: 'robotobold'; */
@import "fonts/roboto/roboto_boldcondensed/stylesheet.css"; /* font-family: 'roboto_condensedbold'; */
@import "fonts/roboto/roboto_italic/stylesheet.css"; /* font-family: 'robotoitalic'; */
@import "fonts/roboto/roboto_light/stylesheet.css"; /* font-family: 'robotolight'; */
@import "fonts/roboto/roboto_medium/stylesheet.css"; /*  font-family: 'robotomedium'; */
@import "fonts/roboto/roboto_black/stylesheet.css"; /*  font-family: 'robotoblack'; */
/* --- Général ---  */
*{margin:0; padding:0; font-weight:normal; outline:none;}
html, body{height:100%;}
body{font-family: 'robotoregular'; font-size:13px; background-color:#f1f1f1; min-width:1000px; min-height:100%; color:#000;}
body.showLayout{background-color:#d0d0d0;}

a{color:#14555d; text-decoration:none;}
a:link {}
a:visited {}
a:hover {text-decoration:underline;outline:none;}
a:focus {outline:none;}

::-webkit-input-placeholder { font-weight:normal; font-style:normal;font-family: 'robotobold'; }
::-moz-placeholder { font-weight:normal; font-style:normal;font-family: 'robotobold'; } /* firefox 19+ */
:-ms-input-placeholder { font-weight:normal; font-style:normal;font-family: 'robotobold'; } /* ie */
input:-moz-placeholder,textarea:-moz-placeholder { font-weight:normal; font-style:normal;font-family: 'robotobold'; }

a img{ border:none;}

h1{}
h2{font-family: 'robotobold';font-size:24px;color:#14555d;}
h3{font-family: 'robotobold';font-size:20px;color:#000;margin:0 0 8px;}
h4{font-family: 'robotobold';color: #14555D;font-size: 12px;line-height: 14px; margin: 0 0 6px;}
h5{font-family: 'robotoregular';font-weight:normal;}
h6{}
.headerProfilBox h6{font-family: 'robotobold';color: #FFF;font-size: 12px;line-height: 14px; margin: 0;}
strong{font-family: 'robotobold';}
strong.condensed{ font-family: 'roboto_condensedbold';}
strong.semi{ font-family: 'robotomedium';}
em{font-family: 'robotoitalic';}
p{}

.s16{font-size:16px;}
.s18{font-size:18px;}

.italicHead1{ display: block;font-family: 'robotoitalic';font-size: 16px;font-weight: normal;line-height: 20px; margin-bottom:6px;}
.black{font-family: 'robotoblack';}

.floating{overflow:hidden; }
.left{float:left!important;}
.right{float:right!important;}
.noFloat{float:none!important;}

.alignRight{text-align:right!important;}
.alignCenter{text-align:center!important;}
.alignJustify{text-align:justify!important;}
.blockCenter{margin-right:auto;margin-left:auto;}

.block{display:block!important;}
.inline{display:inline!important;}
.relative{position:relative;}

.contour{margin:8px!important;}

.full{width:100%;}

.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus, 
.dropdown-submenu:hover > a, 
.dropdown-submenu:focus > a{background-color: #5fbf5e!important;background-image: linear-gradient(to bottom, #5fbf5e, #2aab2a);}

.addProfile, .lockProfile{background:url(../img/user-actions-icons.png) no-repeat; display:inline-block; zoom:1; height:15px; text-indent:-9999px; margin:0 2px;}
.addProfile{width:17px;background-position:left top;}
.lockProfile{width:16px;background-position:right top;}

.addfreind{background:url(../img/header-icons.png) no-repeat right -262px;display: inline-block;zoom:1;height: 15px; margin-top: -7px; position: absolute;    right: 0; text-indent: -9999px; top: 50%; width: 19px;}
.msgIcon{background:url(../img/msg.png) no-repeat; display:inline-block; zoom:1; width:19px; height:16px;}
.addIcon{background:url(../img/chat-icon.png) no-repeat 3px 6px; display:block; padding-left:15px;}
.searchIcon{background:url(../img/chat-icon.png) no-repeat 2px -47px; display:block; padding-left:15px;}
.configIcon{background:url(../img/chat-icon.png) no-repeat 0px -12px; display:inline-block; zoom:1; padding-left:15px;}

.lineTitle{background:url(../img/pixel2.png) repeat-x left 12px;text-align:center;line-height:18px;}
.lineTitle strong{font-size:15px; color:#14555d;background-color:#FFF; display:inline-block; zoom:1;padding:0 8px;}

.arrowLink1{display: inline-block;zoom:1;background:url(../img/arrow02.png) no-repeat right center; color:#00535d; padding:0 14px 0 0; }
.onlineLink{font-size: 11px; margin: 4px;}
.configList {color: #BCBCBC;font-family: 'robotobold';font-size: 13px; font-weight: normal; padding-right:14px; border-top:1px solid #105e67; box-shadow:0 -1px 0 0 #c4d4d5;}
.configList > span{background:url(../img/header-icons.png) no-repeat right -287px;display: inline-block;zoom:1;padding:4px 33px 2px 2px;}
a.suite{color:#a3a3a3; font-size:9px; font-family: 'robotobold';}
.greenLink{color:#FFF; font-size:13px; display:inline-block; zoom:1; padding:0 12px; line-height:32px; background-color:#5fbf5f; border-radius:3px;}
.greenLink.bigSize{font-size:20px; padding:2px 40px; border-radius:4px;font-family: 'robotobold'; margin:12px;}
.greenLink:hover{color:#FFF;}
.greenBtn{background-color: #5FBF5F;border:none;border-radius: 2px;box-shadow: 0 0 1px 0 #0F4A51;color: #FFF;font-size: 12px; margin: 14px 0 0;padding:8px 20px 9px;font-family: robotoregular;}

a.rightArrow {display:block; background:url(../img/arrow02.png) no-repeat 98% 6px transparent; border-radius:0; padding-right:14px!important; margin:0px;}
.avatar{ border: 2px solid #52858b;border-radius: 25px;width: 46px;}
.nav > li > a:hover, .nav > li > a:focus{background-color:transparent;}
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus{background-color:transparent; border:none; color:inherit;}

.leftBorder{border-left:1px solid #E2E2E2;}
.rightBorder{border-right:1px solid #E2E2E2;}
.bottomBorder{border-bottom:1px solid #274247;}
.noBorder{border:none!important;}

.fullGridBox{margin:0 -5px;}
.grid12{overflow:hidden;}
.cell1,.cell2,.cell3,.cell4,.cell5,.cell6,.cell7,.cell8,.cell9,.cell10,.cell11,.cell12{float:left;}
.cell1  {width:8.33333333%;}
.cell2  {width:16.6666666%;}
.cell3  {width:25%;}
.cell4  {width:33.3333333%;}
.cell5  {width:41.6666666%;}
.cell6  {width:50%;}
.cell7  {width:58.3333333%;}
.cell8  {width:66.6666666%;}
.cell9  {width:74.9999999%;}
.cell10{width:83.3333333%;}
.cell11{width:91.6666666%;}
.cell12{width:100%;}
.cellContent{padding:0 8px;}
.cellContent.pullLeft{padding-left:0;}
.cellContent.pullRight{padding-right:0;}

ul.nu{list-style:none; margin:0 0 10px;}
ul.nu > li{margin:0 0 6px;}
ul.floating > li{float:left;}
ul.floating > li + li{margin:0 0 0 3px;}

ul.networksList{margin:36px 0 0;}
a.network{display:block; background:url(../img/network-icon.png) no-repeat; width:20px; height:20px; text-indent:-9999px;}
a.network.in{background-position:0 0;}
a.network.tw{background-position:-21px 0;}
a.network.fb{background-position:-42px 0;}
a.network.gp{background-position:-63px 0;}
a.network.vd{background-position:-84px 0;}
a.network.yh{background-position:-105px 0;}

a.network.in.on{background-position:0 -22px}
a.network.tw.on{background-position:-21px -22px}
a.network.fb.on{background-position:-42px -22px}
a.network.gp.on{background-position:-63px -22px}
a.network.vd.on{background-position:-84px -22px}
a.network.yh.on{background-position:-105px -22px}



.hSep01{display:block; height:3px;}
.scorableBox{overflow-y:auto; max-height:800px;min-width: 100%;max-width: 100%;}
.layout { margin: 0 auto; width: 1022px;}
/* --- Header --- */
#header{background-color:#14555d;height:72px; position:fixed; left:0; top:0; right:0; z-index:9999;}
.headerCol{float:left; padding-left:10px;}
.headerMainContent{margin:21px 520px 10px 250px;}
#logo{float:left; padding:8px 10px 10px 20px; }*
#header .layout #logo{padding:8px 12px 10px;}

/* ## Header --- speedSearch ## */
.speedSearchRow {background-color:#FFF; width:360px; min-width:80px;max-width:100%; border-radius:4px;box-shadow: 1px 1px 4px -2px #052529 inset;padding:2px 2px 2px 8px;min-width: 180px;}
.speedSearchRow  table.fuulLarge{width:auto;}
.speedSearchInput{ background: url("../img/header-icons.png") no-repeat right -225px transparent !important; border: medium none !important;border-radius: 4px !important;box-shadow: 0 0 0 transparent !important;font-size: 12px !important;margin: 0 !important;max-width: 100%; padding: 6px 0 !important;width: 100%;}
.speedSearchItem{margin-right:28px;}
.searchMode{float: right;position:relative;width:20px;}
.searchMode a.arrow{background: url("../img/arrow01.png") no-repeat scroll 6px center rgba(0, 0, 0, 0);border-left: 1px solid #CBDADB; display: block;height: 20px;margin: 2px 0;width: 20px;}
.searchMode .modes{position:absolute; top:20px; left:0; background#FFF;}
.searchMode .modes li{list-style:none;}
#speedSearchForm .selectricItems{min-width:109px!important;left: -8px; }
#speedSearchForm .selectricItems li:first-child{display:none;}
	
#myProfile{background-color: #11474E;padding:9px 8px 0px 12px;width: 226px;position:relative;}
#myProfile .statut{font-size: 10px;left: 61px;position: absolute;top: 45px;color:#DDD;font-family: 'roboto_condensedbold';}
#myProfile .statut.isConnect { background: url("../img/connect.png") no-repeat left center;padding-left:12px; color:#5fbf5e;}
#myProfile .statut.isNotConnect { background: url("../img/not-connect.png") no-repeat left center;padding-left:12px; color:#b9b9b9;}
#myProfile .amis{position:absolute; bottom:2px; right:5px;font-size: 10px;font-family: 'roboto_condensedbold'; color:#dedede;}
.profileAvatar{float:left; width:40px; border:2px solid #b0b0b0; border-radius:25px;}
.profileDetail{margin:12px 0 0 45px;}
.profileDetail .cell{float:left; padding-left:6px;}
.profileDetail .profileName{color:#FFF; font-size:12px;font-family: 'robotobold';padding-left: 4px !important;}

.profileDetail a.profileLink {display:block; background:url(../img/arrow02.png) no-repeat 96% 7px transparent; border-radius:0; padding:1px 14px 5px 1px; margin:0px;}
.profileDetail a.profileLink span{display:inline-block; zoom:1px; background:url(../img/header-icons.png) no-repeat left 0 transparent; text-indent:-9999px; width:18px; height:24px;}
.profileDetail a.config span{background-position:-2px -148px;}
.profileDetail a.lang span{background-position:-3px -177px;}
.profileDetail a:hover{background-color:transparent!important;}
.profileDetail  .nav-tabs .open .dropdown-toggle, .profileDetail  .nav-pills .open .dropdown-toggle, .profileDetail  .nav > li.dropdown.open.active > a:hover, .profileDetail  .nav > li.dropdown.open.active > a:focus{background-color:#FFF!important;}
.profileDetail .dropdown-menu{border: 0 none;border-radius: 2px 0 2px 2px;left: auto;padding: 2px 0;right: 0;top: 26px;box-shadow: 5px 5px 8px -8px #666;}

.profileDetail .dropdown-menu > li > a{ padding:3px 14px 3px 8px;}
.profileDetail .dropdown-menu > li > a:before{background: url("../img/header-icons.png") no-repeat scroll center -320px rgba(0, 0, 0, 0);content: "";display: inline-block; zoom:1; height: 16px;margin-bottom: -3px;margin-right: 2px;width: 18px;}

.profileDetail .dropdown-menu > li > a.editProfile:before{background-position:center -320px;}
.profileDetail .dropdown-menu > li > a.editProfile:hover:before{background-position:center -410px;}
.profileDetail .dropdown-menu > li > a.config:before{background-position:center -352px;}
.profileDetail .dropdown-menu > li > a.config:hover:before{background-position:center -440px;}
.profileDetail .dropdown-menu > li > a.sigout:before{background-position:center -384px;}
.profileDetail .dropdown-menu > li > a.sigout:hover:before{background-position:center -471px;}
/* --- Nav --- */
#nav .menu{margin:24px 20px 8px 8px;min-height: 30px;}
#nav .menu > li{float:left;list-style:none; margin: 0 8px;}
#nav .menu > li > a{display:block; background:url(../img/header-icons.png) no-repeat center 3px; text-decoration:none;padding:0 2px; font-size:12px; color:#868686;text-indent: -9999px; width: 24px; height:30px;font-family: robotoregular; position:relative;}
#nav .menu > li > a.show{background-position: center 8px;}
#nav .menu > li > a.comment{background-position: center -18px;}
#nav .menu > li > a.store{background-position: center -52px;}
#nav .menu > li > a.contacts{background-position: center -84px;}
#nav .menu > li > a.books{background-position: center -110px;}
#nav .menu > li > a.pen{ background-position: center -492px;}

#nav .menu > li.open > a.show{background-position: center -521px;}
#nav .menu > li.open > a.comment{background-position: center -549px;}
#nav .menu > li.open > a.store{background-position: center -580px;}
#nav .menu > li.open > a.contacts{background-position: center -612px;}
#nav .menu > li.open > a.books{background-position: center -639px;}
#nav .menu > li.open > a.pen{ background-position: center -935px;}

.notif{background: #FF3802;border-radius: 2px;box-shadow: 1px 1px 2px #0F4046;text-align: center;color: #FFF;font-family: robotobold;font-size: 9px;line-height: 12px;min-width: 9px;padding: 0 2px;}
#nav .menu > li > a .notif{ position: absolute;right: -3px;text-indent: 0;top: 1px;}

.dropdownHeader{border-bottom:1px solid #e0e0e0; overflow:hidden; margin:0 0 6px;}
.dropdownConnexion .dropdownHeader h2{border:none;margin:0;}
.newMsg{font-size:14px; color:#52858b;font-family: 'robotobold';line-height:40px; }

.showAll{color: #414141;  display: block; font-family: 'robotobold'; font-size: 12px; line-height: 30px;}

.premiumBdge{background:url(../img/badge.png) no-repeat; width:30px; height:38px; position:absolute; bottom:11px; left:155px;}
.proBdge{background:url(../img/profile-icon.png) no-repeat; width:27px; height:30px; position:absolute; top:11px; left:6px;}
.dealBdge{background:url(../img/deal.png) no-repeat; width:32px; height:19px; position:absolute; bottom:16px; left:6px;}
/* --- Content --- */
#content{margin-top:72px;}
#content .rightSideBar{float:right;width:245px;background-color:#f1f1f1;}
#content .rightSideBar + .largeContent{margin:0 245px 0 0;}
#content .rightSideBar.compact{width:45px;}
#content .rightSideBar.compact + .largeContent{margin:0 45px 0 0;}
#content .rightSideBar .colContent{padding:0 0 0 8px;}

#content .contentHeader{overflow:hidden;position:relative;}
#content .contentHeader.compact{height:0;}
#content .largeContentBody{position:relative;}
#content .leftSideBar{/*float:left;*/ width:194px;min-height:850px; background-color:#0f2c32;color:#FFF;font-size:11px;position:absolute; top:0; left:0;}
#content .mainContentBody{padding:5px 0 0 5px;}
#content .leftSideBar + .mainContentBody{margin:0 0 0 194px;}
#content .leftSideBar.compact{width:35px;}
#content .leftSideBar.compact + .mainContentBody{margin:0 0 0 35px;}

.mainContentBody .mainContentRightSideBar{float:right; width:224px;}
.mainContentBody .mainContentRightSideBar + .bodyContent{margin-right:230px;}
.mainContentBody .bodyContent{ }
.contentBox{background: none repeat scroll 0 0 #FFF;border-radius: 1px; box-shadow: 0 1px 2px 0 #D0D0D0; padding:6px 10px 10px;margin-bottom:6px;}

.headerProfilBox{float:left; background-color:#0c2328; padding:10px; width:174px; color:#FFF; text-align:center;height: 142px;}
.mainImgProfil{display:block; width:100px; margin:0 auto 4px; border:3px solid #b0b0b0;border-radius:60px;-webkit-border-radius: 60px; -moz-border-radius: 60px;behavior: url(/public/PIE.php);}
.institutImgProfile{width:130px;border-radius:90px;-webkit-border-radius: 90px; -moz-border-radius: 90px; transition: width 0.5s;-webkit-transition: width 0.5s; /* Safari */}
.headerProfilBox h1{font-family: 'robotobold'; font-size:11px;line-height: 14px; margin: 0;}
.headerProfilBox h1.big{font-size:20px; margin:6px 0 0;}
.headerProfilBox .profilInfos{font-size:9px;}
.headerProfilBg{margin-left:194px; height:142px; padding:10px 0px; background:url(../img/profile-bg.png) no-repeat center center #000; background-size:cover; position:relative;}
.headerProfilBg .editCouverture{position:absolute; top:8px; right:6px; border-radius:0 3px 3px 0; background:url(../img/edit-icon3.png) no-repeat right top;padding-right:19px;display:block;font-size:10px;box-shadow: 1px 1px 3px -2px #000000; }
.headerProfilBg .editCouverture > strong{display:inline-block; zoom:1; background:url(../img/bg05.png) repeat-x;color: #160C14; padding: 0 8px 0 5px; border-radius:3px 0 0 3px;}
.mainName{background:url(../img/bgpixel.png) repeat;overflow:hidden;padding:6px 22px 8px;margin-top:40px;}
.mainName.fixed{position:fixed;right:0;top:40px;left: 194px;z-index: 999;}
.headerProfilBg .welcome{float:left;color: #FFF;display: block;font-family: 'roboto_condensedbold';font-size: 34px;font-weight: normal;line-height:40px;padding: 0 17px;text-shadow: 2px 2px 0 #111;opacity:0.8;}
.headerProfilBg .actions{float:right; overflow:hidden; padding:7px 0;}
.fixed .headerProfilBox{height: 51px;left: 0;position: fixed;top: 72px;z-index: 998;}
.institutImgProfile.fixed {left: 61px; position: fixed;top: 80px; width: 48px; }
.fixed .headerProfilBg{height: 51px;left: 0;position: fixed;right: 0;top: 72px;z-index: 999;}
.fixed .editCouverture{display:none;}

.hprofilIcon{background-color:#5fbf5e; float:left; color:#fff; font-size:13px; font-family: 'robotomedium'; display:inline-block; zoom:1; padding:0 13px 0 2px; line-height:23px; border-radius:3px; background-image:url(../img/actionsprofile-icon.png); background-repeat:no-repeat;border-color:#5fbf5e; border-style:solid; border-width:0 8px;margin:0 2px;text-indent:-9999px; height:26px;}
/**/
.hprofilIcon:hover{color:#FFF; text-decoration:none;padding:0 20px 0 2px; text-indent:0;}
.hprofilIcon:hover:after{content: "|"; font-family: robotobold;font-size: 18px; margin-left: 6px;}
/**/
/* Ou Bien
.headerProfilBg .actions:hover .hprofilIcon{color:#FFF; text-decoration:none;padding:0 20px 0 2px; text-indent:0;}
.headerProfilBg .actions:hover .hprofilIcon:after{content: "|"; font-family: robotobold;font-size: 18px; margin-left: 6px;}
*/
.hprofilIcon.recomander{background-position:right 6px;}
.hprofilIcon.message{background-position:right -18px;}
.hprofilIcon.befreind{background-position:right -39px;}

.leftSideBar h2{background-color:#0c2328; border-bottom:1px solid #324a4f; color:#5fbf5e; font-weight:normal; font-size:11px; font-family: 'robotobold'; line-height:18px; padding: 0 0 0 34px;margin:0;}
h2.menuGroupTitle{background:url(../img/icons.png) no-repeat 8px -3px;}
h2.menuGroupTitle.profile{background-position:8px -3px;}
h2.menuGroupTitle.explorer{background-position:8px -299px;}
h2.menuGroupTitle.communication{background-position:8px -558px;}

.leftSideBar .menu{ list-style: none;margin: 0;}
.leftSideBar .menu li{}
.leftSideBar .menu li a{display:block; color:#FFF; line-height:32px; padding: 0 0 0 34px; font-size:13px; text-decoration:none; border-top:1px solid #112e34; border-bottom:1px solid #163238;background:url(../img/icons.png) no-repeat 8px -22px;position:relative;}

span.count, strong.count{display:inline-block; zoom:1; background-color: #0B2024; border-radius: 2px;color: #5FBF5E;font-size: 9px;line-height: 11px; padding: 1px 2px;min-width:14px; text-align:center;}
.leftSideBar .menu li a .count{ position:absolute; right:18px; top:50%; margin-top:-6px;}

.leftSideBar .menu li a.accueil{background-position:8px -607px;}
.leftSideBar .menu li a.desc{background-position:8px -636px;}
.leftSideBar .menu li a.showProfil{background-position:8px -22px;}
.leftSideBar .menu li a.Sosharing{background-position:8px -55px;}
.leftSideBar .menu li a.editProfil{background-position:8px -88px;}
.leftSideBar .menu li a.mesCours{background-position:8px -123px;}
.leftSideBar .menu li a.amis{background-position:8px -157px;}
.leftSideBar .menu li a.agenda{background-position:8px -193px;}
.leftSideBar .menu li a.certifications{background-position:8px -227px;}
.leftSideBar .menu li a.progression{background-position:8px -263px;}
.leftSideBar .menu li a.cours{background-position:8px -317px;}
.leftSideBar .menu li a.etudiants{background-position:8px -352px;}
.leftSideBar .menu li a.etablissements{background-position:8px -385px;}
.leftSideBar .menu li a.devoirs{background-position:8px -420px;}
.leftSideBar .menu li a.examens{background-position:8px -455px;}
.leftSideBar .menu li a.lecons{background-position:8px -489px;}
.leftSideBar .menu li a.documents{background-position:8px -522px;}
.leftSideBar .menu a:hover{background-color:#0b2024;}

.leftSideBar.compact h2{text-indent:-9999px;}
.leftSideBar.compact .menu li a{text-indent:-9999px;}
.leftSideBar.compact .menu li a .count{margin-top: -14px;right: -3px;text-indent: 0;}
.leftSideBar.compact .colBox{display:none;}

.leftSideBar .colBox{padding:10px;}

.rightSideBar .colBox{border-top:1px solid #bacacc; border-left:1px solid #bacacc; border-bottom:1px solid #bacacc; padding:8px 12px 4px; margin-bottom:5px;}
.rightSideBar .colBox.first{border-top:none;}
.rightSideBar .colBox h3{font-size:13px; color:#BCBCBC; font-weight:normal; font-family: 'robotobold';border-bottom:1px solid #105e67; box-shadow:0 1px 0 0 #c4d4d5; margin:0 0 8px;padding-bottom: 2px; line-height: 20px;}

.rightSideBar .return{background:url(../img/compact-to-right.png) no-repeat; width:16px; height:17px; display:inline-block; zoom:1; margin:0 auto 3px -4px;text-indent: -9999px;}
.rightSideBar.compact .return { background: url("../img/compact-to-left.png") no-repeat;margin: 0 auto 3px 0;}
.leftSideBar .return{background:url(../img/return-to-left.png) no-repeat; width:13px; height:13px; display:inline-block; zoom:1; text-indent: -9999px;position: absolute; right: 5px;top:2px;}
.leftSideBar.LearningCenter .return{top:171px;}
.leftSideBar.compact .return{background:url(../img/return-to-right.png) no-repeat;right: -15px;}

.leftSideBar.LearningCenter.compact .headerProfilBox{text-indent: -9999px; width: auto;}

.toggleContentHeaderArea{position:relative;}
.toggleContentHeaderArea  .return{background:url(../img/return-to-top.png) no-repeat; width:18px; height:20px; display:inline-block; zoom:1; text-indent: -9999px;position: absolute; right: 5px;top:139px;z-index: 888;}
.toggleContentHeaderArea.compact  .return{top: -23px;background:url(../img/return-to-bottom.png) no-repeat; z-index:100000;}

.rightSideBar.compact .colBox{padding:8px 4px 4px;}
.rightSideBar.compact .onlineLink,.rightSideBar.compact  .addfreind,.rightSideBar.compact  a.suite{display:none;}
#content .rightSideBar.compact .configList{background:none;padding:0;}
#content .rightSideBar.compact .configList span{background-position: center -286px;  text-indent: -9999px;padding: 4px 24px 2px 2px; width:0px;}


/* mainContent */
.bodyContent .contentBox{padding:14px;}
.schoolImgArea{text-align:center;width:110px;padding:5px 5px 5px 0;border-right:1px solid #0c2328; float:left;}
.schoolDetail{margin-left:125px;font-size:13px; }

.courHeadArea{text-align:center;width:78px;padding:5px 5px 5px 0; float:left;}
.courDetail{margin-left:88px;font-size:13px; border-left:1px solid #0c2328;padding-left:12px;}
.courName{font-size:32px; text-align:center;color:#14555d; padding:8px 0; line-height:32px; display:block;}
.courDetail .peopleList{margin:0 6px;}
.courDetail .peopleList li{padding:0;margin-bottom:3px;}
.courDetail .bold{display:block; text-transform:uppercase; font-size:16px; color:#777;}
.courStat{background:url(../img/hsep03.png) no-repeat left 2px; text-align:center;padding:0 8px 0 10px; line-height:18px;}
.courStat .green{font-size:18px;display:block;}
.courStat .statItem{font-size:12px;color:#777;display:block;}
.consult .statItem{background:url(../img/consult.png) no-repeat center bottom; padding-bottom:20px;}
.inscrits .statItem{background:url(../img/inscrits.png) no-repeat center bottom; padding-bottom:20px;}

.devoirsItems li{list-style:none; background-color:#f2f2f2; margin-bottom:8px; padding:20px 22px; position:relative;}
.devoirsItems li:last-child{margin-bottom:0;}
.devoirsItems li > div{ font-family: robotobold; font-size: 16px;line-height: 18px;padding: 0 100px 0 16px;}
.devoirsItems li .devoir{ background: url("../img/edit.png") no-repeat 0 2px;padding-left:36px;}
.devoirsItems li .plus{ background: url("../img/plus.png") no-repeat 0 2px;padding-left:36px;}
.devoirsItems li .moins{ background: url("../img/moins.png") no-repeat 0 2px;padding-left:36px;}
.devoirsItems li .itemLink{background-color: #14555D;border-radius: 3px;color: #FFF;display: block;font-size: 12px;line-height: 30px;margin-top: -15px; padding: 0 22px;position: absolute;right: 34px;top: 50%;}

.bodyContent .contentBox h2{border-bottom:1px solid #0C2328;line-height: 20px;margin-bottom: 14px;margin-top:0;padding: 0 0 4px;}
.bodyContent .contentBox h2.grayBorder{border-bottom:1px solid #ebebeb;color:#52858b; font-size:22px;}
.bodyContent .contentBox h3{font-size:20px; color:#000;line-height: 22px;margin-bottom:12px;}

.lessons{list-style:none; font-size:14px; color:#595959;}
.lessons li{margin-bottom:10px;}
.lessons li h5{color:#272727; font-size:14px;line-height:12px; margin:0 0 2px;}
.lessons li h5 .nbr{padding-right:14px;}
.lessons li p{margin:0;}
.lessons li .time{background:#E5E5E5; font-size:11px; border-radius:3px; padding:0 4px;}

.sdTop{background:url(../img/sd-top.png) no-repeat center top #FFF; padding-top:22px!important;font-size:19px;line-height:24px;}
.sdDown{background:url(../img/sd-down.png) no-repeat center bottom; padding-bottom:22px;}
.sdTop .block{margin:4px 8px;}
.mainContentRightSideBar .contentBox .pyjama{margin:0 -4px;}
.pyjama li{color:#414141;font-family: 'robotomedium'; font-size:11px; list-style:none;overflow:hidden;padding:4px; background-color:#F2F2F2;}
.pyjama li.even, .pyjama li:nth-child(even){background-color:#FFF;}
.pyjama li .mediaBlock {margin:0 0 0 4px;}
.pyjama li span{padding-left}
.courIcons{background:url(../img/cour-icons.png) no-repeat;padding:0 0 0 22px; display:inline-block; zoom:1; line-height:24px;}
.sertif{background-position:0 3px;}
.fav{background-position:0 -31px;}
.share{background-position:0 -68px;}
.signale{background-position:0 -104px;}
/* mainContentRightSideBar */
.mainContentRightSideBar .contentBox{padding:4px;}
.mainContentRightSideBar h3.title{color:#FFF; background:url(../img/icons.png) no-repeat 10px -267px #14555d; line-height:26px; padding:0 10px 0 38px; font-size:12px;font-family: 'robotoregular'; font-weight:normal;text-transform: uppercase;margin: 0 0 1px;}
.mainContentRightSideBar h3.progression{background-position:10px -267px;}
.mainContentRightSideBar h3.agenda{background-position:10px -195px;}
.mainContentRightSideBar h3.embas{background-position:10px -580px;}

#progressionsRécap td{font-size:10px; color:#333;}

#chatSearchForm{margin:0;}
input.chatSerach{color: #BCBCBC;font-family: 'robotobold';font-size: 13px;font-weight: normal; border:none; background:url(../img/header-icons.png) no-repeat right -205px; border-bottom:1px solid #105e67; box-shadow:0 1px 0 0 #c4d4d5!important; padding:2px 20px 2px 4px;width:190px; margin-bottom:6px;border-radius:0!important;}

.rightSideBar.compact .chatSerach:focus{position:relative; left:-152px; z-index:9999; width:150px; background-color:#F1F1F1;border-radius: 3px 0 0 1px !important;}
.peopleList{margin:0;}
.peopleList li{list-style:none; color:#00535d; font-size:10px; padding:2px 16px 2px 0; margin-bottom:8px; overflow:hidden; position:relative;}
.mainContentRightSideBar .peopleList li{color:#414141;}
.peopleList li a{color:#00535d; }
.peopleList li.isConnect {background:url(../img/connect.png) no-repeat right center; }
.peopleList li .avatar{width:24px; vertical-align:middle; border-radius:15px; border:2px solid #00535d;}
.compactList li{overflow:visible;margin:4px 6px; padding:0; min-height:35px; float:left;}
.compactList li:hover:after{ background-color: #000;color: #FFF;font-family: 'robotolight';
    content: attr(data-tooltip-text);    display: block;
    font-size: 10px; line-height: 20px;
    padding: 0 4px;position: absolute; bottom:-16px; right: -6px; z-index:99;
    border-radius:2px;text-indent: 0;white-space: nowrap; /*pre*/}
.compactList li:hover:before{ border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000000;
    border-image: none;
    border-right: 3px solid rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 3px;
    bottom: 4px;
    content: "";
    position: absolute;
    right: 15px; }
.avatar32 .avatar{width:32px!important;border-radius:22px!important;}
.avatar40 .avatar{border-radius: 25px!important; width: 40px!important;}
.peopleDetails{margin:0 0 0 42px; font-size:11px;  line-height: 11px;}
.peopleList li .name{font-size:11px;}
.peopleList li .info{display:block; font-size:10px;}
.peopleList li .amisc{ font-size:9px;}

.courDetailWidget .peopleList li{padding:5px 7px;}
.courDetailWidget .peopleList li .avatar{width:32px; border-radius:20px;}
.courDetailWidget .bold{display:block; text-align:center; font-size:16px; color:#777; text-transform: uppercase; margin-bottom:12px;}
.courDetailWidget .grayList{width:auto;padding:0;}
.courDetailWidget .grayList li{background:none; border-right:2px solid #777; margin:2px 8px!important; padding:0;}

.relationList{}
.relationList li{float:left;}

.rightSideBar.compact .peopleList li .name, .rightSideBar.compact  .peopleDetails{display:none;}
.rightSideBar.compact .peopleList li.isConnect {background:none;}
.rightSideBar.compact .chatSerach{width:0px;}
.rightSideBar.compact li .avatar {max-width: 24px!important;}
.rightSideBar.compact .colBox h3{border: medium none; box-shadow: 0 0 0 rgba(0, 0, 0, 0); text-indent: -9999px;}
.rightSideBar.compact .colBox h3.p{background:url(../img/p.png) no-repeat center center;}
.rightSideBar.compact .colBox h3.u{background:url(../img/u.png) no-repeat center center;}


.spnsrTitle{font-size:12px; color:#6a7480; background:url(../img/sponserise-icon.png) no-repeat right center; padding:0 25px 0 0; margin-bottom:6px;display: inline-block;zoom:1;line-height:18px;}
.sponsor{font-size:11px; color:#424242; line-height:14px; margin-bottom:18px;}
.sponsor p{margin:6px 0;}

ul.cursus{margin:0; padding-bottom:6px;}
ul.cursus li{margin:0;}
ul.cursus li + li {margin:14px 0 0px;}
ul.cursus li h3{margin:0!important;}
/* Chat */
.chatBox{padding:0!important;color:#14555d;}
.chatBoxHead{padding:5px 5px 4px; border-bottom:1px solid #e3e3e3; box-shadow:0 1px 0 0 #F5F5F5;height:28px;}
.chatBoxHeadR{margin:0 0 0 260px;padding:2px;}
.chatBoxHeadL{float:left;width:253px;padding:0 2px;margin:2px 0;}
.chatBoxHead .chatBoxHeadL{border-right:1px solid #E2E2E2;}
.chatBoxHeadL .title{font-size:14px; margin-right:5px;}
.chatBoxHead .currentProfile{font-size:18px;}
.chatBoxHead .nav{margin:0;}
.chatBoxHead .nav > li > a{border-radius: 0;color: #14555D;line-height: 16px; margin: 1px 0;padding: 1px 14px 3px 4px !important; position:relative; z-index:9990;}
.chatBoxHeadL .nav > li > a{border:1px solid #FFF;font-size:12px;}
.chatBoxHeadL .nav > li > a:focus{border:1px solid #4b7f86; border-bottom:1px solid #FFF; background-color:#FFF;}
.chatBoxHeadR .nav > li > a{background-color:#14555d!important; color:#FFF!important; border-left:1px solid #4b7f86!important;font-size:12px;}
.chatBoxHeadR .nav > li > a:focus, .chatBoxHeadR .nav > li > a:active{background-color:#0c2328!important; color:#FFF; border-left:1px solid #4b7f86;}
.chatBoxHead .nav .dropdown-menu{left:auto; right:0;border-radius:0; border:1px solid #4b7f86; top:19px;}
.chatBoxHead .nav > li > a.addIcon{ padding-left:15px!important;padding-right:5px!important;}
.chatBoxHead .nav > li > a.searchIcon{ padding-left:6px!important; text-indent:-9999px;}

.chatBoxBody{}
.chatBoxBodyR{ margin: 0 0 0 262px;padding: 4px 8px;border-left:1px solid #CCC;}
.chatBoxBodyL{float:left;width:260px;padding:0 2px;margin:2px 0;}
.chatLine{max-height: 700px; min-width:100%; overflow-y: auto;}
.dateGroupe{background:url(../img/pixel2.png) repeat-x left 54%;text-align:center;line-height:28px;}
.dateGroupe .date{display:inline-block; padding:0 20px; color:#808080; zoom:1; background-color:#FFF;font-size:12px;}



.chatItem{line-height:14px;position:relative;margin-bottom:16px;margin-right:8px;}
.chatItem .profileAvatar{margin-left:14px;}
.profileAvatar{}
.chatDetails{margin-left:72px;color:#52858b;font-family: 'robotolight';font-size:12px;}
.chatProfileName{display:block; margin:0 0 6px; font-size:14px;color:#14555d;}
.chatDetails a{color:#5fbf5e;}
.chatItemDate{position:absolute; top:1px; right:4px; font-size:11px;color:#777;}

.chatSpeedSearch{box-shadow: 0 3px 4px -5px #666666 inset; margin: 5px;}
.chatSearchBtn{background: url("../img/chat-icon.png") no-repeat 3px -63px;border: 1px solid #EEE;display: block;border-radius:0 0 3px 3px;float: right;height: 26px !important; text-indent: -9999px; width: 24px;}
.chatSearchBox{margin-right:24px;}
.chatSpeedSearch input[type=text]{border: 1px solid #EEE;border-radius: 3px 3px 0 0;box-shadow: 0 0 0 rgba(0, 0, 0, 0);background-color:rgba(0, 0, 0, 0);margin: 0;padding: 2px;width: 221px;}

.profilesChatList{margin:0; padding:0;border-top:1px solid #efefef;}

.profilesChatList li{list-style:none; border-bottom:1px solid #efefef; padding:5px 15px 5px 5px;color:#bfbfbf;font-family: 'robotolight'; position:relative;}
.profilesChatList li:hover{background-color:#eaffea;}
.profilesChatList li .profileAvatar{ }
.profilesChatList li .chatDetails {margin-left: 54px; color:#bfbfbf;}
.profilesChatList li .chatProfileName {margin:4px 0 2px;color:#5c5c5c; font-size:13px;line-height:14px;}

.dropdownConnexion .profilesChatList{border-top:none;}
.dropdownConnexion .profilesChatList li{padding:8px 30px 8px 5px;}
.dropdownConnexion .booksList li{padding:8px 120px 8px 5px;}
.dropdownConnexion .profilesChatList li .chatDetails {color:#414141; line-height:14px; font-family: 'robotobold'; font-size:11px; }
.dropdownConnexion .profilesChatList li .chatProfileName{margin:0; color:#00535d; font-size:11px;}
.dropdownConnexion .profilesChatList li .chatProfileName span{color:#414141;}
.dropdownConnexion .profilesChatList li .chatDetails > span{display:block;color:#414141;}
.profilesChatList li .chatDetails .ago{font-family: 'robotoregular'; font-size:9px; }

.profilesChatList li .chatItemDate{position:absolute; top:1px; right:4px; font-size:11px;color:#777;}
.profilesChatList li .profileChatActions{position:absolute; top:28px; right:4px; font-size:11px;color:#777;}
.dropdownConnexion .profilesChatList.booksList li .profileChatActions{top:2px;}
.dropdownConnexion  .profilesChatList li .profileChatActions{top:17px;}
.profileChatActions .actionItem{float:left; margin-left:2px;}
.profileChatActions .actionItem input[type=checkbox]{margin: 0; vertical-align: top; vertical-align: calc(3px);}
.profileChatActions .actionItem label{background:url(../img/chat-actions-icons.png) no-repeat 1px 1px #FFF; border:3px solid #FFF; display:inline-block; zoom:1;width:12px; height:12px; text-indent:-9999px;margin: 0 0 0 -18px; position:relative;}
.profilesChatList li:hover .actionItem label{background-color:#eaffea; border:3px solid #eaffea;}

.profileChatActions .luOption label {background-position:1px 1px;}
.profileChatActions .luOption input[type=checkbox]:checked + label,
.profileChatActions .luOption label.forChecked {background-position:1px -12px;}
.profileChatActions .deleteOption label {background-position:-14px -12px;}
.profileChatActions .deleteOption input[type=checkbox]:checked + label,
.profileChatActions .deleteOption label.forChecked {background-position:-14px 1px;}

.profileChatActions .actionItem label:hover:after{ background-color: #000;color: #FFF;font-family: 'robotolight';
    content: attr(data-tooltip-text);
    display: block;
    font-size: 10px;
    line-height: 20px;
    padding: 0 4px;
    position: absolute; bottom:15px; right: -6px;
   border-radius:2px;
    text-indent: 0;
    white-space: nowrap; /*pre*/}
.profileChatActions .actionItem label:hover:before{ border-color: #000000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-image: none;
    border-right: 3px solid rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 3px;
    bottom: 9px;
    content: "";
    position: absolute;
    right: 3px; }

.profilesChatList li .count{position:absolute; top:37px; left:2px; background-color:#14555d; color:#FFF;}

.profilesChatList li.current{background-color:#92e091;}
.profilesChatList li.current:after{content:''; position:absolute; top:50%; right:-1px; margin-top:-10px; width:10px; height:20px; background:url(../img/currentchat.png) no-repeat 0 0;}
.profilesChatList li.current .chatDetails{color:#52858b;}
.profilesChatList li.current .chatProfileName{color:#FFF;}
.profilesChatList li.current .actionItem label{background-color:#92e091; border:3px solid #92e091;}
li.current .profileChatActions .luOption label {background-position:1px -38px;}
li.current .profileChatActions .luOption input[type=checkbox]:checked + label,
li.current .profileChatActions .luOption label.forChecked {background-position:1px -25px;}
li.current .profileChatActions .deleteOption label {background-position:-14px -25px;}
li.current .profileChatActions .deleteOption input[type=checkbox]:checked + label,
li.current .profileChatActions .deleteOption label.forChecked {background-position:-14px -38px;}

.chat, .exprimez{background-color:#f2f2f2; padding:16px 20px;margin: 10px 0px 8px;}
.chat{margin: 10px -8px -4px;}
.chatArea, .exprimezArea{background:#FFF;border:1px solid #EEE; padding:2px 4px;position:relative;}
.smileyIcon{position:absolute; top:5px; right:5px; display:block; background:url(../img/chat-icon.png) no-repeat -1px -105px; width:14px; height:14px;}
.chatOutput, .exprimezOutput{border-radius:0; width:100%; padding:0; margin:0;color:#909090; font-size:12px; font-weight:normal; font-style:normal;font-family: 'robotoregular';box-shadow: 0 0 0 rgba(0, 0, 0, 0); resize: none;border:none;}
.chatOutput:focus{box-shadow: 0 0 0 rgba(0, 0, 0, 0);}

.chatActions{overflow:hidden;background-color:#FFF;margin:0;padding:0;border-left:1px solid #EEE;border-right:1px solid #EEE;}
.chatActions li{list-style:none;float:left;color:#909090;font-size:11px;padding:5px 0;width:50%;overflow:hidden;border-bottom:1px solid #EEE;}
.chatActions li.chatModeArea{width:100%;text-align:right;}
.chatActions li label{font-size:11px;color:#909090;margin:0;}
.chatActions li a{display:block;color:#909090;background:url(../img/chat-icon.png) no-repeat 0 -125px; padding:0 0 0 30px; }
.chatActions li a.pctj{background-position:7px -125px;}
.chatActions li a.phtj{background-position:7px -144px;border-left:1px solid #EEE;}

.chatActions li .sendChatMode{display:none;}
.chatActions li .sendChatMode + label{background:url(../img/checkbox.png) no-repeat right 3px ; padding:0 18px 0 5px;vertical-align: middle;display:inline-block; zoom:1;width: 106px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.chatActions li .sendChatMode:checked + label,.chatActions li label.forChecked{background-position:right -17px;text-overflow: inherit;width:auto;margin-right:5px;}

.chatModeInput{position:relative;}

.chatActions li .greenBtn{margin: 0 5px; padding: 2px 8px;box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.chatActions li .sendChatMode + label + .greenBtn{display:inline-block; zoom:1;}
.chatActions li .sendChatMode:checked + label + .greenBtn,
.chatActions li label.forChecked + .greenBtn{display:none;}

.exprimezActions{overflow:hidden;background-color:#f2f2f2;margin:6px 0 0;padding:0;list-style:none;}
.exprimezActions li{float:left;}
.exprimezActions li + li{background: url("../img/mur-icons.png") no-repeat left -113px; margin-left: 4px; padding-left: 8px;}
.exprimezActions li.right{background:none; padding:0;}
.exprimezActions li a.murIcon{display:block; background:url(../img/mur-icons.png) no-repeat 0 1px; padding:0 0 0 22px; font-size:9px; color:#bababa; line-height:20px;}
.exprimezActions li a.murIcon.tof{text-indent:-9999px; background-position:0 1px;padding-left: 20px;}
.exprimezActions li a.murIcon.audio{text-indent:-9999px; background-position:0 -25px;padding-left: 15px;}
.exprimezActions li a.murIcon.file{text-indent:-9999px; background-position:0 -53px;padding-left: 15px;}
.exprimezActions li a.murIcon.localisation{ background-position:0 -83px;padding-left: 22px;}
.exprimezActions li a.murIcon.localisation span{display:inline-block; zoom:1; padding-right:25px; background:url(../img/mur-icons.png) no-repeat right -137px;}
.exprimezActions li .limitChar{color: #BABABA;display: block;font-size: 9px;line-height: 10px;margin: -2px 5px 4px;}
.exprimezActions li .greenBtn { box-shadow: 0 0 0 rgba(0, 0, 0, 0); margin: 0 2px; padding: 3px 12px;}

.modeMur a{font-family:'robotobold'; font-size:12px; color:#777; display:inline-block; zoom:1; padding:0 5px 1px; margin-left:5px; border-radius:3px; line-height:18px; }
.modeMur a.active{background-color:#52858b; color:#FFF;}
.modeMur a.active:hover{text-decoration:none;}
/* Home */

.layout{margin:0 auto;}
.homeMenu{margin-right:70px;}
.homeMenu > li{list-style:none; float:left; margin:20px 5px 0;}
.homeMenu > li > a{color:#FFF; font-size:16px; background:url(../img/home-icons.png) no-repeat right -56px; display:block; padding:0 22px 0 0;}
.homeMenu > li > a span{background:url(../img/home-icons.png) no-repeat left 0; display:inline-block; zoom:1;padding-left: 26px;line-height: 22px;}
.homeMenu > li > a.connect span{background-position: left -30px;}
.homeMenu > li > a.langue span{background-position: left 0;}
.homeMenu > li > a:hover, .homeMenu li > a:focus{background-color:transparent;}
#header .layout .homeMenu { margin-right: 0px;}

.homeMenu .dropdown-menu{top:26px; font-size:12px;color: #185E66;}
.homeMenu .dropdown-menu a{color: #185E66;}
.homeMenu .dropdown-menu:after, #nav  .dropdown-menu:after{border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFF; border-style: solid; border-width: 9px;content: " "; height: 0;position: absolute; right: 35px;top: -18px;width: 0;z-index: 999;}
#nav  .dropdown-menu:after{right: 133px;}

.dropdownConnexion{width:460px; left:-305px; }
.dropdownCntBody{padding:0 10px 0;}
.dropdownConnexion h2 {margin:0; font-size:24px; border-bottom:1px solid #CCC; margin:0 0 8px;}
.dropdownCntBottom{ background-color: #F7F7F7;border-radius: 0 0 6px 6px;border-top: 1px solid #B5B5B5; box-shadow: 0 1px 0 0 #FFFFFF inset;color: #185E66;margin-bottom: -5px;padding: 4px 12px 8px;}
.dropdownCntBottom .shareIcon{margin:4px 0 0 6px;}
.dropdownConnexion .input-small{border-radius:2px; border:1px solid #CCC; width:155px; padding:5px;}
.dropdownConnexion .greenBtn{ border-radius: 2px;box-shadow: 0 0 0 0 #0F4A51;padding: 6px 15px;margin:0;}

.dropdownLangue{width:270px;left:-118px; }
.dropdownLangue .span6{width:50%; margin:0px;}
.dropdownLangue ul li a{padding:0 12px 2px; line-height:25px; color:#444; display:block; }
.dropdownLangue ul li a:hover{background-color:#5fbf5f!important; color:#FFF; text-decoration:none;}
.dropdownLangue ul li a img{vertical-align:middle;}
.leftBorder{border-left:1px solid #e2e2e2;}
.profileDetail .divider{margin:2px 0 1px;}

#homeTop{background:url(../img/home-top.jpg) no-repeat center center / cover; height:475px; padding:38px 0 48px; overflow:hidden;}
#homeTop.homeEdu{background:url(../img/home-edu-top.png) no-repeat center center / cover; height:426px;}
.inscritionBox{width:340px;float:right;}
#inscription, .authUserBox{ padding-top:36px; background-color:#14555d;color:#FFF;box-shadow:2px 2px 1px 0 rgba(0,0,0,0.25);}
#inscription h3.title, .authUserBox h3.title{color:#5fbf5f; font-size:35px; text-align:center; font-family: 'robotolight'; margin:0 0 22px;font-weight: normal; text-transform:uppercase;}
.inscriptionForm{padding:0 60px 18px;}
.inscriptionForm .formRow{margin-bottom:6px;}
.inscriptionForm label{ display: block;font-family: robotobold;font-size: 12px;line-height: 12px; margin-bottom: 3px;}
.inscriptionForm .inputText{width:207px; border-radius:3px; border:none; color:#595a5a; font-size:10px;margin:0;}
.inscriptionForm select{padding:5px; border-radius:3px; border:none; color:#595a5a; font-size:10px;}
.inscriptionForm .formElement.left + .formElement.left{margin-left:8px;}
.inscriptionForm .greenBtn.block{width:100%;}
.shareBox{background-color:#0e3a40; padding:5px 5px 7px; font-size:11px;}

.shareIcon{background:url(../img/share-icons.png) no-repeat 0 0; display:inline-block; zoom:1; text-indent:-9999px; width:24px; height:22px; margin:4px 8px 0;}
.shareIcon.twitter{background-position:0 0;}
.shareIcon.facebook{background-position:-26px 0;}
.shareIcon.gPlus{background-position:-52px 0;}
.shareIcon.yahoo{background-position:-83px 0;}

.homeContent{color: #FFF; margin-right: 350px; padding-top: 4px; }
.homeContent .block{font-size:20px; margin:4px 0;}
.homeContent p{font-size:14px;}
.homeContent h1{font-family: 'robotobold'; font-size:32px; color:#14555d; text-shadow:2px 2px 0 #FFF; margin:12px 0 22px; text-align:center;}
.homeContent h1.greenStyle{color:#5fbf5f; font-size:28px; text-shadow:2px 2px 0 #090a0a;text-align:center; margin:0 0 2px;}
.whiteStyle{font-family: 'robotobold'; font-size:18px; color:#FFF; text-shadow:2px 2px 0 #090a0a; text-align:center; line-height:26px;}
.darkStyle{font-family: 'robotobold'; font-size:25px; color:#52858b; text-shadow:2px 2px 0 #090a0a; text-align:center;line-height:32px;}
.homeWelcomeBox{width:489px; margin:0 auto;}
.homeVideBox{background:url(../img/laptop-bg.png) no-repeat;padding:17px 59px 62px 63px;margin-bottom:10px;}
.homeMacBox{background: url("../img/mac.png") no-repeat 0 -10px;margin: 0 auto 4px;padding: 27px 47px 120px;width: 357px;}
.homeWelcomeBox span{background-color:#35585b; opacity:0.8; filter: alpha(opacity=80); color:#FFF; padding:4px 12px 4px 8px; line-height: 27px;}
.dipBox{background: url("../img/dip.png") no-repeat 0 center; color: #FFF;font-size: 20px;line-height: 29px;min-height: 61px;padding: 7px 10px 7px 100px;}
.dipBox a{color:#FFF;}.dipBox a.green{color:#5FBF5F;letter-spacing:1px;}
.homeSearchBar{background:#14555d; border-bottom:10px solid #0e3a40; height: 78px;}
.homeSpeedSearchBox{padding:23px 0 0;}
.homeSpeedSearchBox .selectricItems{width:140px!important;}
.searchArea{background-color:#FFF; border-radius:3px; padding:3px;width: 446px;}
.homeSpeedSearchBox .greenBtn{background:url(../img/search-icon.png) no-repeat 98% center #5fbf5f; border:5px solid #5fbf5f; border-radius:3px; font-size:16px; color:#FFF; padding:0 30px 0 3px; font-family: robotoregular; height: 34px; margin:0 0 0 6px;}
.seepdSearchOptions{border:none;}
.speedSearchTxt{border: medium none !important;box-shadow: 0 0 0 !important;	font-size: 17px;margin: 0 !important;padding: 5px 2%;width: 96%;}

.etabHomeBox{background:url(../img/etablissement.png) no-repeat 22px center #0e3a40;height: 50px;padding: 18px 20px 10px 117px;text-align: center; font-size:20px; color:#FFF; font-family: 'robotolight'; line-height:22px;}

.green{color:#5fbf5f;}
.gray{color:#a3a3a3;}

.homeContentBottom{padding:12px 0 8px; color:#14555d;}
.homeContentBottom p{margin:0 0 14px;}
.homeContentBottom .contentBox{margin-bottom:14px;position:relative;}
.boxStatus{position:absolute; top:15px; right:18px; font-size:16px; color:#414141;line-height: 19px;}
.boxStatus strong{ border-right: 2px solid #14555D;display: inline-block;font-size: 22px;line-height: 19px;margin-right: 5px;padding: 0 8px 1px;}
.online{background: url("../img/connect.png") no-repeat left 6px;display: inline-block;line-height: 19px;margin-left: 4px;padding: 0 0 0 13px;}
.homeContentBottom .contentBox h2.subLine, .homeContentBottom .contentBox h2.users, .homeContentBottom .contentBox h2.etbl{ border-bottom: 1px solid #D7D7D7; box-shadow: 0 1px 0 0 #F5F5F5; margin: 0 -6px 10px; padding: 0 12px 5px;}
h2.users, h2.etbl, h2.emploi, h2.books, .titlePic{background: url("../img/iconshomeb.png") no-repeat 20px 0;padding-left:69px!important; line-height:40px!important;}
h2.users{background-position:20px 3px;}
h2.etbl{background-position:20px -43px;}
h2.books{background-position:20px -126px;}
h2.cours{background-position:20px -169px;}
h2.examens{background-position:20px -214px;}
h2.exercices{background-position:20px -260px;}
h2.diplomes{background-position:20px -308px;}
.titleLine{position:relative; padding:4px 0px !important;}
.titleLine h2{margin:0!important;padding-bottom: 0 !important;}

#lesInscrits .peopleList, .relationList{overflow:hidden;padding: 10px 15px 14px;}
#lesInscrits .peopleList li, .relationList li{float:left;width:178px;}
#lesInscrits .peopleList li .avatar, .relationList li .avatar { border-radius: 25px;width: 40px; border:2px solid #00535D;}
#lesInscrits .peopleDetails { font-size: 12px;line-height:14px;margin: 0 0 0 50px;}
.relationList .peopleDetails { font-size: 12px;line-height:17px;margin: 4px 0 0 50px;}

#lesInscrits  .peopleList li .name, .relationList  li .name { font-size: 12px;}
#lesInscrits  .peopleList li .info, .relationList  li .info { color: #565656; font-size: 12px;}

.etabListHome{overflow:hidden;padding: 10px 15px 14px;margin:0;}
.etabListHome li{float:left; width:272px; font-size:12px; color:#565656; list-style:none; padding:5px 40px 5px 12px;}
.etabListHome li h3{color:#14555D; font-size:14px;line-height: 14px; margin: 0;}


.titleOfCenterTxt{background:url(../img/pixel.png) repeat-x left center; font-size:30px; text-align:center;margin: 0 4px 4px;}

h3.titleOfCenterTxt{font-size:15px; color:#14555d;line-height: 28px;}
.titleOfCenterTxt > span{display:inline-block; background-color:#FFF; padding:0 8px; }
h2.titleOfCenterTxt{margin: 0 44px 4px;}
h2.titleOfCenterTxt > span{padding:0 20px;}

.coursproposes{padding:12px 20px 0;}
.courContent{margin:0 6px 12px; position:relative;}
.courContent .courBox .courImg{width:100%;}
.courDetailsArea{ background:url(../img/bg02.png) repeat-x left -1px #eee; border:1px solid #d9d9d9;padding:7px 7px 4px; position:relative; display:block; box-shadow:2px 3px 5px -3px #989898;min-height: 131px;}
.courDetailsArea:after{content:''; top: -14px; right: 27px; position: absolute; background:url(../img/arrow03.png) no-repeat; width:24px; height:14px;}
.courDetailsArea h3{color: #272727;font-family: 'robotomedium';font-size: 17px;line-height: 20px;margin:0 0 8px; border-bottom:1px solid #dbdbdb;font-weight:normal; padding:0 0 8px;}
.courDetailsValues{border-bottom:1px solid #dbdbdb;overflow:hidden;line-height:18px;padding:0 0 5px;margin-bottom:6px;}
.courDetailsArea .priceLabel{font-size:14px; color:#777777;line-height: 12px; display:block;}
.courDetailsArea .priceValue{color:#5fbf5f; font-size:14px;display:block;}
.courDetailsArea .count{color:#414141; font-size:11px; text-align:right;line-height:13px;}
.courDetailsArea .author{font-size:12px; color:#272727; display:block;line-height:12px;}

.dateSelect .formElement{min-width:52px; max-width:68px;}
.dateSelect .formElement .selectric .label{ min-width: 30px; }

.courpBox{background:url(../img/shadow-bg01.png) no-repeat center bottom; padding:0 5px 10px;line-height: 14px; margin-bottom:8px;}
.courpBox .title{color:#272727; display:block; padding:5px 0; border-bottom:1px solid #EEE; margin-bottom:6px;line-height:16px;}
.courpBox .authorBox{font-size:11px;}
.courpBox .count{font-size:10px;}

.grayBox{border-color:#f5f5f5; border-style:solid; border-width:2px 2px 0; margin:0 5px 12px;}
.grayBoxHeader{border-bottom:2px solid #f5f5f5;padding:8px;position:relative;}
.grayBox .boxStatus{top:10px;}
.grayBoxHeader .shareBlock{position:absolute; top:5px; right:10px;font-size:12px; color:#9a9a9a;}
.grayBoxHeader .shareIcon {  margin: 4px 3px 0;}
.grayBox h2, .bodyContent .contentBox .grayBox h2{border: none;font-size: 20px;margin: 0 0 5px; padding:0;}
.grayBoxHeader h2{border: none !important; font-size: 20px;line-height: 21px !important; margin: 0 !important; padding: 0 0 2px !important;}
h2.line34{line-height: 34px!important;}
.grayBox h2.users{ background-position:0 0px; padding: 0 0 0 41px !important;line-height: 34px!important;}
.grayBox h2.etbl{ background-position:0 -45px; padding: 0 0 0 41px !important;line-height: 34px!important;}
.grayBox h2.emploi{ background-position:4px -86px; padding: 0 0 0 41px !important;line-height: 34px!important;}
.grayBoxContent{padding:10px 10px;overflow:hidden;font-size:15px; color:#777; border-bottom:2px solid #F5F5F5;}
.grayBoxContent h3{color:#222; margin:0 0 2px!important; font-size:15px!important;}
.grayBoxContent strong{color:#222; }
.grayBoxContent p{margin:0; line-height:21px;}
.grayBoxLeftCell{margin-right:270px;}
.grayList{width:245px; border-left:1px solid #F5F5F5; padding:0 0 0 12px; margin:0;}
.grayList li{background-color:#f5f5f5; margin-bottom:12px; list-style:none;border-radius: 22px 0 0 22px; padding-right:8px; overflow:hidden; color:#777; font-size:11px;}
.grayList li:last-child{margin:0;}
.grayList .peopleDetails{float: left;line-height: 15px;margin: 0;padding: 8px 2px 4px 8px;width: 130px;}
.grayList .peopleDetails .name{color:#222; font-size:13px;}
.grayList  .coursCount{border-left: 2px solid #52858B; color: #777; float: right;font-size: 13px; line-height: 14px;margin: 6px 0;padding: 4px 6px;text-align: center;width: 32px;}
.grayList  .coursCount .green{font-size:18px;}

.mediaBlock{margin: 0 60px; text-align: center;}
.mediaBlock .mediaLink{background:url(../img/media-icons.png) no-repeat 0 0; display:inline-block; zoom:1; width:16px; height:20px;text-indent:-9999px;margin:0 1px;}
.mediaBlock .mediaLink.pdf{background-position:0 0;}
.mediaBlock .mediaLink.word{background-position:-25px 0;}
.mediaBlock .mediaLink.audio{background-position:-50px 0;}
.mediaBlock .mediaLink.video{background-position:-75px 0;}
.mediaBlock .mediaLink.pdf.on{background-position:0 -25px;}
.mediaBlock .mediaLink.word.on{background-position:-25px -25px;}
.mediaBlock .mediaLink.audio.on{background-position:-50px -25px;}
.mediaBlock .mediaLink.video.on{background-position:-75px -25px;}

#searchStudent{}
#searchStudent td label{color:#14555d; font-size:19px; margin:0 8px;}
#searchStudent td .formElement{border:1px solid #89b2b7;box-shadow: -1px 1px 0 #DCE6E7, -1px 1px 0 #DCE6E7 inset; border-radius:3px; padding:4px;margin:8px;}
#searchStudent .formElement input[type=text]{border: medium none;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); margin: 0;
    padding:4px 0;width: 100%;}
/* --- Footer --- */

#footer{background-color:#f1f1f1; font-size:11px; color:#636363; padding:2px 0 4px;margin-top:4px;}
#footer a{font-size:11px; color:#636363;}
#footer .layout{padding:2px 0; max-width:100%; width:960px;}

/* table */
table.fuulLarge{width:100%;}
table.striped{border-collapse: collapse;}
table.striped th{text-align:left;padding:2px 4px;color:#414141;font-size:13px;}
table.striped tr:nth-child(even), table.striped tr.even {background: #f6f6f6}
table.striped tr:nth-child(odd), table.striped tr.odd {background: #FFF}
table.striped td{padding:5px 4px;color:#636466;font-size:13px;}
table.bordered td{border-bottom:1px solid #e9e9e9;}

/* showLayout */
.showLayout #content{padding:0 10px;}
.layoutRightBox{float:right; width:330px;background-color:#FFF;box-shadow: 1px 0 11px -4px #444;margin: 7px 0 0;border-radius:3px;}
.layoutContentBox{background:url(../img/hline-gray.png) repeat-y 170px top #FFF;box-shadow: 0px 0 8px -4px #444; padding:25px;}
.leftSideBar + .layoutContentBox{margin-left:193px;}
.layoutRightBox + .layoutContentBox{margin-right:340px;}
.leftSideBar + .layoutRightBox + .layoutContentBox{margin-left:193px;margin-right:340px;}

.layoutRightBox.compact{display:none;}
.leftSideBar.compact + .layoutContentBox{margin-left:34px;}
.layoutRightBox.compact + .layoutContentBox{margin-right:0px;}
.leftSideBar.compact + .layoutRightBox + .layoutContentBox{margin-left:34px;margin-right:340px;}
.leftSideBar.compact + .layoutRightBox.compact  + .layoutContentBox{margin-left:34px;margin-right:0px;}

.returnLink{display:inline-block;zoom:1;background:url(../img/return.png) no-repeat; padding-left:27px; font-size:12px; line-height:22px; color:#424242;}
.prevLink{display:iblock;background:url(../img/up.png) no-repeat; padding-left:29px; font-size:12px; line-height:22px; color:#14555d; position:absolute; top:0; left:136px;}
.nextLink{ background: url("../img/nextbox.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);color: #0C2328;font-family: 'robotobold';font-size: 12px;left: 85px;line-height: 31px;padding: 7px 0 2px;position: absolute;text-align: center;top:0;width: 134px; }
.compactLink{display:iblock;background:url(../img/compact-arrow2.png) no-repeat; width:38px; height:34px; position:absolute; top:0; right:-31px; text-indent:-9999px;}
.compactLink.compact{background:url(../img/compact-arrow3.png) no-repeat;}

.courHeader{margin:12px 0 10px;overflow:hidden;}
.courHeader h1{font-family: 'robotobold'; margin:0; float:left; font-size:16px; color:#000; line-height:35px;}
.courSection{color:#000; font-size:11px; overflow:hidden; background:url(../img/secnbr.png) no-repeat right top; height:20px; width:160px; padding:7px 5px 7px 0; float:left; text-transform:uppercase; margin-right:16px;}

.courSection .section{ background-color: #D6D6D6;display: block;line-height: 21px; margin-right: 30px;}
.courSection .section span{background-color: #F5F5F5;display: inline-block;line-height: 21px;padding: 0 8px;}
.courSection .green{display: inline-block;zoom:1; float: right;font-size: 15px;text-align: center;width: 26px;}
.courBottomBox{position:relative; overflow:hidden; margin-top:20px;}
.chrono{background: url("../img/chrono.png") no-repeat; float: right; height: 26px;padding: 10px 0 10px 43px;}
.chrono > span{background-color: #D6D6D6; border-radius: 0 12px 12px 0; color: #14555D; display: block; font-family: robotomedium; font-size: 17px; line-height: 26px; padding: 0 10px 1px 4px;}


.tabsScroll{position:relative; overflow:hidden; padding:8px 0 0; border-bottom:1px solid #e0e0e0; background:url(../img/bg03.png) repeat-x left bottom;}
.tabsScroll > .arrow{background:url(../img/slide-arrows.png) no-repeat; height:39px; width:20px; text-indent:-9999px; display:block; position:absolute; top:6px;}
.tabsScroll > .prev{left:2px; background-position: left top;border-width:0 3px 0 2px;}
.tabsScroll > .next{right:2px; background-position: right top;border-width:0 2px 0 3px;}
.tabsScroll > .tabsBox{margin:0 25px;overflow:hidden;}
.tabsScroll > .tabsBox > .nav-tabs{margin:0;border:none;}
.tabsScroll > .tabsBox > .nav-tabs > li > a{border: 1px solid #e0e0e0;display:block;  border-radius: 4px 4px 0 0; line-height: 20px;  padding:8px 5px 8px 24px; background:url(../img/cour-icons2.png) no-repeat 5px 10px #d3d3d3; margin:0;font-size:15px; color:#414141;}
.tabsScroll > .tabsBox > .nav-tabs > li.active > a{background-color:#FFF;}
.tabsScroll > .tabsBox > .nav-tabs > li > a.materiels{background-position:5px 10px;}
.tabsScroll > .tabsBox > .nav-tabs > li > a.matieres{background-position:5px -19px;}
.tabsScroll > .tabsBox > .nav-tabs > li > a.questions{background-position:5px -49px;}
.tabsScroll > .tabsBox > .nav-tabs > li > a.note{background-position:5px -79px;}
.tabsScroll > .tabsBox > .nav-tabs > li > a.chat{background-position:5px -110px;}
.tabsScroll > .tabsBox > .nav-tabs > li > a.forum{background-position:5px -140px;}



.tabsScrollContent{padding:18px 0 6px;line-height:14px;}
.tab-pane{padding:0 18px;}
.fullSizeTab{padding-left:0; padding-right:0;}
.tabsScrollContent h4{color:#010101; font-size:13px; margin:0 0 6px; }
.tabsScrollContent p{color:#0f4046; font-size:13px; margin:0 0 14px;line-height: 16px;}
.tabsScrollContent .nu li{line-height:14px; color:#595959; font-size:12px;margin-bottom:4px;}
.validItem{color:#5fbf5e; background:url(../img/valid.png) no-repeat right top; padding-right:20px;line-height:16px;}

.tabsScrollContent .accordion-group, .tabsScrollContent  .accordion-inner{border:none; padding:0;}
.tabsScrollContent .accordion-heading{border:none;}
.tabsScrollContent .accordion-heading a{color:#000; font-size:14px; font-family:'robotobold'; margin:0 0 8px;padding: 0;}
.tabsScrollContent .accordion-heading a:hover{text-decoration:none;}
.tabsScrollContent {border:none;}

.tabsScrollContent .sectionsSerach{border:1px solid #E0E0E0; padding:4px; width:270px;}

.courFiles{list-style:none;margin:0;}
.courFiles li{border:1px solid #ebebeb; border-radius:3px; padding:4px; position:relative;margin:0 0 8px;}
.courFiles li.file{background:url(../img/file.png) no-repeat 6px 4px; padding-left:28px;}
.courFiles li .download{position:absolute; top:50%; right:5px; margin-top:-10px; background:url(../img/download.png) no-repeat right center; display:block; width:28px; height:20px; text-indent:-9999px;border-left:1px solid #ebebeb;}

.questionsList{list-style:none;margin:0 1px;border-top:1px solid #e0e0e0;}
.questionsList li{font-size:12px; padding:6px 16px; color:#595959;border-bottom:1px solid #e0e0e0;}
.questionsList li span{color:#000;}
.questionsList li h4{font-size:14px; color:#000;}

.questionOption{display:inline-block; line-height:20px; padding:0 12px 2px; border-radius:18px; color:#FFF;;margin-right:4px;}
.questionOption:hover{text-decoration:none;}
.questionOption.rep{background-color:#5fbf5e;}
.questionOption.rep.off{background-color:#d6d6d6;}
.questionOption.cour{background-color:#14555d;}
.questionOption.cour.off{background-color:#52858b;}

.blockNote{background:url(../img/notebook-line.png) repeat-y; min-height:500px; margin: 0 -18px; padding:19px 18px 0; font-size:13px; color:#424242;  border-top: 1px solid #E0E0E0; box-shadow: 0 -1px 0 0 #E0E0E0; position:relative; list-style:none;}
.blockNote .marge{ line-height: 19px;width: 38px;font-family:'robotoregular'; font-weight:normal;font-size:11px;text-align:right;position:relative; float:left;}
.blockNote .close{background: url("../img/close1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);display: block;height: 15px;left: 280px;opacity: 0;position: absolute;text-indent: 9999px;top: 10px;width: 16px;}
.blockNote  li:hover .close{opacity:1;}
.blockNote .notes{margin:0 0 0 48px;}
.blockNote .notes li{line-height: 19px;font-family: cursive,comic sans ms;font-style:italic; list-style:none;}


.chatTab{padding-bottom:55px; position:relative;}
#courChatForm {background-color: #F4F4F4;border-radius: 0 0 3px 3px; border-top: 2px solid #E9E9E9;bottom: -6px;left:0;overflow: hidden;padding: 9px 18px 5px;position: absolute; width: 294px;}
#courChatForm .chatInput{width:202px; float:left;}
#courChatForm .greenBtn{border-radius: 3px;float: right;font-family: 'robotobold';font-size: 13px;margin: 1px;padding: 4px 12px;}

.chatBulle{position:relative; margin:0 0 6px;}
.chatBulle .profileAvatar{position:absolute; bottom:-16px; margin:0;}
.chatBulle ul{margin:0 51px;padding:0 6px;list-style:none;}
.chatBulle ul li{font-size:13px; margin-bottom:1px; max-width:180px;}
.chatBulle ul li span{display:inline-block;border-radius:8px;padding: 2px 8px;}

.chatBulle.rightItem .profileAvatar{right:0;}
.chatBulle.rightItem ul{background:url(../img/chat-right-arrow.png) no-repeat right bottom;}
.chatBulle.rightItem ul li{text-align:right;}
.chatBulle.rightItem ul li span{background-color:#c7c7cc; color:#FFF;}

.chatBulle.leftItem .profileAvatar{left:0;}
.chatBulle.leftItem ul{background:url(../img/chat-left-arrow.png) no-repeat left bottom;}
.chatBulle.leftItem ul li{text-align:left;}
.chatBulle.leftItem ul li span{background-color:#e5e5ea; color:#000;}

.chatDate{color: #8E8E93;font-size: 9px;margin: -3px 52px 6px;text-align: center;}

.forumList {}
.forumList li{border-bottom:1px solid #e0e0e0;margin: 0;padding: 5px 15px;}
.forumList .avatar{border-color:#b0b0b0!important;border-radius: 25px !important; width: 34px !important;}
.forumList .peopleDetails{margin: 0 0 0 42px; line-height:17px;}
.forumList .name{font-size:13px; color:#000;}
.forumList .info{font-size:12px; color:#595959;}

.courIframe{background-color:#cccccc; padding:8px; max-width:98%; border:none;box-shadow:0 0 1px #444 inset;	}
.grayBox .searchForm{margin:10px 12px 12px;}
.grayBox .searchForm .label{color:#BBB; text-shadow:0 0 0 transparent; font-size:14px;}
.searchStdKeyWords{margin-right:160px;}
input.searchStd{float:right; border-radius:4px; background: url(../img/search-icon.png) no-repeat right center #5fbf5e;font-family:'robotobold'; padding:0 32px 0 0; font-size:21px;border-color: #5fbf5e;border-width:0 8px; border-style:solid; color:#FFF;}
.sorted{font-family:'robotobold';}
.sorted a{color:#14555d; font-size:13px; padding:0 4px;}
.sorted a.on{color:#5fbf5f;}

.searchItem{background-color:#f2f2f2; border-radius:4px; position:relative; padding-bottom:22px; margin:6px;}
.searchItem .nameItem{color:#FFF; background:#14555d; border-bottom:32px solid #11474e; margin:0 0 22px; font-size:30px;font-family: 'robotolight'; line-height:30px; padding:27px 6px 23px; text-align:center; display:block; border-radius:4px 4px 0 0;}
.searchItem .nameItem.longTerme{ font-size: 22px; line-height: 26px;min-height: 52px;padding: 10px 10px 18px;}
.searchInfoBulle{margin:60px 18px 0!important; background:#FFF; padding:8px; border-radius:4px;position:relative; }
#etblResult .searchInfoBulle{margin:84px 18px 0!important;}
.searchInfoBulle li{color: #777777; font-family: 'robotoregular';
    font-size: 12px;
    line-height: 18px;
    margin: 0 !important;}
.searchInfoBulle li strong{color:#333;}
.searchInfoBulle:before{background: url("../img/puce.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #008000;
    content: "";
    display: block;
    height: 7px;
    left: 50%;
    margin-left: -7.5px;
    position: absolute;
    top: -6px;
    width: 15px;}
.searchItem .avatar{position:absolute; top:68px; left:50%; margin-left:-40px; width:80px; border-radius:55px; border-color:#777777; border-width:4px;}
.searchItem .avatar.male{border-color:#5fbf5f;}
.searchItem .avatar.female{border-color:#f3517b;}
.searchItem a.view, .searchItem a.add{position:absolute; top:123px;display:block; background:url(../img/search-std-icons.png) no-repeat;width:38px; height:38px;text-indent:-9999px;}
.searchItem a.view{ left:18px; background-position: 0 0;}
.searchItem a.add{ right:18px; background-position: 0 -44px;}
.searchItem a.add.deja{ right:18px; background-position: 0 -89px;}

.searchItem a.etblResultIcon{position:absolute; top:146px;display:block; background:url(../img/etab-icons2.png) no-repeat;width:38px; height:38px;text-indent:-9999px;}
.searchItem a.etblResultIcon.profile{background-position: -41px 0;height:29px;left: 18px;margin-top: 5px;width: 26px;}
.searchItem a.etblResultIcon.etbl{background-position: 0 0;
    height: 27px;
    left: 18px;
    margin-top: 3px;
    width: 34px;}
.searchItem a.etblResultIcon.partner{background-position: 0 -31px;
    height: 17px;
    left: 50%;
    margin: 17px 0 0 -17px;
    width: 34px;}
.searchItem a.etblResultIcon.partner.on{background-position: -37px -31px;}
.searchItem a.etblResultIcon.verified{background-position: -73px 0;
    height: 29px;
    margin-top: 5px;
    right: 18px;
    width: 22px;}
.searchItem a.etblResultIcon.verified.on{background-position:-73px -30px;}

.bodyContent .contentBox h2.bottomStyle{border:none; font-size:20px;margin: 8px 0 0;}
.roundBleuLink{background-color: #52858B;border-radius: 25px;color: #FFF;display: inline-block;font-family: 'robotobold';font-size: 15px;line-height: 20px;margin: 0 1px;min-width: 13px;padding: 0 4px 1px;text-align: center;}

.radioListInput{float:right;width:135px;list-style:none;padding:26px 0 0; margin:0;}
.radioListInput li{}
.radioListInput li + li{margin-top:14px;}
.radioListInput li input[type=radio]{display:none;}
.radioListInput li input[type=radio] + label{display:inline-block; zoom:1;font-family: 'robotolight'; font-size:19px; color:#52858b;line-height:18px; background:url(../img/radio2.png) no-repeat; padding:0 0 0 22px;}
.radioListInput li input[type=radio]:checked + label{background-position:left bottom;}
.addRightCol{margin-right:150px;}

.grayTabs{margin-bottom:10px;}
.grayTabs .nav{border: none; margin: 0 0 2px; padding-top: 8px; overflow:hidden;}
.grayTabs .nav-tabs > li > a{font-size:15px; color:#414141; font-family: 'robotolight'; background-color:#FFF; border-style:solid; border-color:#FFF;  border-width:0 0 5px; padding-bottom:5px; position:relative;}
.grayTabs .nav-tabs > .active > a, .grayTabs  .nav-tabs > .active > a:hover, .grayTabs .nav-tabs > .active > a:focus{color:#52858b; background-color:#E8E9E9; border-style:solid; border-color:#52858b; border-width:0 0 5px;} 
.grayTabs .nav-tabs a .notif{position:absolute; right:8px; top:-5px;}
.grayTabs .tab-pane{padding:0;}
.grayTabs .contentBox{padding:8px 2px 2px;}

.grayTabs table.striped th{font-family: 'robotobold'; font-size:13px; color:#414141;}
.grayTabs table.striped td{border-bottom:2px solid #e9e9e9;}

.grayTabs .courDetailsArea{border-radius: 0 0 3px 3px;border-top: 4px solid #4D8188;min-height: 38px; position:relative;}
.grayTabs .courDetailsArea:after{display:none;}
.grayTabs .courDetailsArea {font-size:11px; color:#777;}
.grayTabs .courContent .courBox .courImg, .grayTabs .courContent .courBox .courImg img{border-radius:3px 3px 0 0;}
.grayTabs .courDetailsArea .author{color:#11474e; font-size:13px;line-height:12px:}
.grayTabs .courDetailsArea .pourcentage{background:url(../img/75.png) no-repeat; width:40px; height:41px; position:absolute; right:8px; top:4px; display:block; text-align:center; line-height:41px; font-size:12px; font-family:roboto_condensedbold;}
.grayTabs .courDetailsArea .p75{color:#5fbf5e;}
.grayTabs .courDetailsArea .greenLink{bottom: -10px;display: block;left: 50%;line-height: 20px;margin-left: -35px;padding: 0 4px 1px;position: absolute;text-align: center;width: 70px;}


.darkLink{color:#FFF; background-color:#52858b; display:inline-block; zoom:1; padding:0 5px 1px; line-height:16px; font-size:12px;border-radius: 3px;}

/* timeline */
#timeline .item {min-height:50px;word-wrap:break-word; position:static!important;}
#content .rightSideBar.compact + .largeContent .leftSideBar.compact + .mainContentBody #timeline{	/* width:600px; margin: 0 auto; */ 	}
#content .rightSideBar:not(.compact) + .largeContent .leftSideBar:not(.compact) + .mainContentBody #timeline,
#content .rightSideBar.compact + .largeContent .leftSideBar:not(.compact) + .mainContentBody #timeline,
#content .rightSideBar:not(.compact) + .largeContent .leftSideBar.compact + .mainContentBody #timeline{	height:auto!important;	}
#content .rightSideBar.compact + .largeContent .leftSideBar.compact + .mainContentBody #timeline .item{width: 50%;position:absolute !important; }
#timeline .item .itemContent { border-color: #F5F5F5;box-shadow: 0 0 0 1px #F9F9F9 inset;border-style: solid;background-color:#FFF;border-width: 1px;margin:0 2px 4px;line-height:15px;color:#555; font-size:10px;}
#timeline .item .itemContent .itemHead{overflow:hidden;padding:5px 14px; position:relative;}
.chatItemDate{font-size:8px; color:#BABABA;right: 8px; top: 3px;}
#timeline  .itemHead > .profileAvatar{border:none;}
#timeline  .profileName{color:#424242; font-size:11px;  display:block; margin:0 0 2px;}
#timeline  .profileDetails {color: #bababa;font-size: 10px;margin-left: 52px;}
#timeline  .itemMedia{padding:0 2px 6px;}
#timeline  .itemData{padding:0 14px 16px;}
#timeline  .itemData h3{margin:0 0 4px; font-size:13px; color:#222; line-height:15px; }
#timeline  .itemActions{min-height:28px;margin:0;border-top:1px solid #ebebeb;padding:0 8px 0 14px;}
#timeline  .itemActions > li{list-style:none; float:left; background:url(../img/mur-icons.png) no-repeat left -109px; padding:0 4px 0 8px;margin:0;}
#timeline  .itemActions > li.noSep{background:none; padding-left:0;}
#timeline  .itemActions > li > a{font-size:10px; color:#b4b4b4; display:block; padding:0 2px 0 24px; line-height:28px; background:url(../img/mur-icons.png) no-repeat;}
#timeline  .itemActions > li.open > a{color:#bacdd1; text-decoration:none;}
#timeline  .itemActions li a.comment{background-position:0 -157px;}
#timeline  .itemActions li.open a.comment, #timeline  .itemActions li a.comment:hover {background-position: 0 -369px;}
#timeline  .itemActions li a.notLike{background-position:0 -190px;}
#timeline  .itemActions li a.notLike:hover{background-position:0 -478px;}
#timeline  .itemActions li a.like{background-position:0 -219px;}
#timeline  .itemActions li a.like:hover{background-position:0 -451px;}
#timeline  .itemActions li a.tags{background-position:0 -247px;}
#timeline  .itemActions li.open a.tags, #timeline  .itemActions li a.tags:hover{background-position:0 -397px;}
#timeline  .itemActions li a.refresh{background-position:0 -277px; text-indent:-9999px;padding: 0 2px 0 16px;}
#timeline  .itemActions li a.flag{background-position:0 -305px; text-indent:-9999px;padding: 0 2px 0 16px;}
#timeline  .itemActions li a.share{background-position:0 -335px;}
#timeline  .itemActions li.open a.share, #timeline  .itemActions li a.share:hover{background-position:0 -426px;}

#timeline .item .itemContent .itemActions li .dropdown-menu{background: none repeat scroll 0 0 #FCFCFC;border-color: #EBEBEB;border-radius: 3px;box-shadow: 1px 1px 6px -5px #888;left: -15px;}
#timeline .item .itemContent .itemActions li .dropdown-menu:after {border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fcfcfc;border-style: solid;border-width: 9px;content: " ";height: 0;position: absolute;top: -18px;left: 37px;width: 0;z-index: 999;}
#timeline .item .itemContent .itemActions li .dropdown-share:after {border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFF;left: auto;right: 14px;top: -18px;}
#timeline .item .itemContent .itemActions li .dropdown-tags{left:-9px;width:308px;}
#timeline .item .itemContent .itemActions li .dropdown-share{left: auto;right:-9px;width: 144px; background-color:#FFF;}
#timeline .item .itemContent .itemActions li .dropdown-share .shareIcon {margin:4px 4px 0;}
#timeline .item .itemContent .itemActions li form{margin:0;}
#timeline .item .itemContent .itemActions li .dropdown-comment .profileAvatar{margin:8px 0;}
#timeline li .dropdown-comment .commentText{border-radius:0; border:1px solid #EEE; font-size:12px; font-weight:normal; font-style:normal; color:#e2e2e2; width:340px; height:50px; resize:none; margin:0;}
#timeline li .dropdown-tags{width:320px; font-size:12px; color:#bababa;} 
#timeline li .dropdown-tags h3{color:#333; font-size:16px; margin-bottom:0px;} 
#timeline li .dropdown-tags .shareLinkText{border-radius:0; color#000; margin:0; float:left; font-size:11px; width:220px; padding:2px 4px;}
#timeline li .dropdown-tags .shareLinkBtn{background: url("../img/share-icon.png") no-repeat scroll center center #5FBF5F;border: none; float: left;margin: 0 0 0 8px;padding: 5px 22px;text-indent: -9999px;}
/* Clear Fix */
.clr, .clear{clear:both;}