.nav-mobile-bandeau,
nav .sm,
#nav .sm,
header .sm {
    display: none;
}
root { 
    display: block;
}

body {
    background: url('../images/bkg-01.jpg') ;
    display : block;
    font : 14px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444;
    line-height: 1.6em;
}

header {
    display: block;
}

article ul {
    list-style:  disc;
}
article ul > li {
    margin-left: 40px;
}

article#home{
    padding-top: 95px;    
}

article#home-mobile,
.menu-rubrique-mobil,
#tresource-box-mobil {
    display: none;
}

#mobile-alert {
    display: none;
}

.clearfix {
    display: block;
    clear: both;
    margin-bottom: 10px;
}

input[type=submit],
input[type=button] {

    background-color: #5b8ac2;
    
    border: 0;
    
    color: white;
    
    padding: 5px 15px;
    display: inline-block;
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    outline: 0!important;
    -webkit-appearance:none!important;
    
    cursor: pointer;
}

input[type=submit]:hover,
input[type=button]:hover {
    background-color: #86b0e0;
}

input[type=submit]:active,
input[type=button]:active {
    background-color: #799eca;
}

input[type=text].input_ok,
input[type=password].input_ok {
    border: 1px solid #5fbf00;
}

input[type=text].input_error,
input[type=password].input_error {
    border: 1px solid #0f0ff0;
}

textarea,
input[type=text] {

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    outline: 0!important;
    -webkit-appearance:none!important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
}

.input-description {
    color:#AAA;
    font-style: italic;
    font-size: 0.9em;
    text-align: center;
}

article {
    width: 705px;
    min-height: 700px;
    display: inline-block;
    vertical-align: top;
    background-color: white;
    padding: 15px;
    position: relative;
    margin-bottom: 30px;
}

article.menu-open {
    padding-top: 115px;
}

article > .content-limit {
    background : transparent url('../images/content-limit.png') 0 0 no-repeat;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -20px;
    height : 20px;
    left: 0px;
}

strong {
    font-weight: bold;
}

p {
    margin-bottom: 15px;
}

.open-bleu {
    font-family: 'Open Sans Condensed',sans-serif;
    color: #598ac2;
}


#sidebar {
    width: 240px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    /*background-color: #ccc;*/
}

*:first-child+html #sidebar {
    float: right;
}

header {
    display: block;
}

div.diel-container,
nav,
#nav,
header .header-box {
    width: 975px;
    margin: 0 auto;
    display: block;
}



div.diel-container > article.offset {
    padding-top: 100px;
}

div.diel-container article:first-child {
    box-shadow: 4px 8px 11px rgba(0,0,0,0.1);
}

header .header-box.sl {
    height: 175px; 
    background: transparent url('../images/header-0.png') -20px 0 no-repeat;
    position: relative;
}

header.zone1 .header-box.sl {
    background: transparent url('../images/header-1.png') -20px 0 no-repeat;
}

header.zone2 .header-box.sl {
    background: transparent url('../images/header-2.png') -20px 0 no-repeat;
}

header.zone3 .header-box.sl {
    background: transparent url('../images/header-3.png') -20px 0 no-repeat;
}

header.zone4 .header-box.sl {
    background: transparent url('../images/header-4.png') -20px 0 no-repeat;
}

header.zone5 .header-box.sl {
    background: transparent url('../images/header-5.png') -20px 0 no-repeat;
}

header.zone6 .header-box.sl {
    background: transparent url('../images/header-6.png') -20px 0 no-repeat;
}

header.zone7 .header-box.sl {
    background: transparent url('../images/header-7.png') -20px 0 no-repeat;
}

header .logo-box {
    float: left;
    color: transparent;
    width: 515px;
    height: 175px;
}

header .logo-box > a{
    display: block;
    width: 100%;
    height: 100%;
    
    margin-left: -20px;
    background: transparent url('../images/header-0.png') 0 0 no-repeat;
}

header.zone1 .logo-box > a{
    background: transparent url('../images/header-1.png') 0 0 no-repeat;
}

header.zone2 .logo-box > a{
    background: transparent url('../images/header-2.png') 0 0 no-repeat;
}

header.zone3 .logo-box > a{
    background: transparent url('../images/header-3.png') 0 0 no-repeat;
}

header.zone4 .logo-box > a{
    background: transparent url('../images/header-4.png') 0 0 no-repeat;
}

header.zone5 .logo-box > a{
    background: transparent url('../images/header-5.png') 0 0 no-repeat;
}

header.zone6 .logo-box > a{
    background: transparent url('../images/header-6.png') 0 0 no-repeat;
}

header.zone7 .logo-box > a{
    background: transparent url('../images/header-7.png') 0 0 no-repeat;
}



header .action-box {
    width: 220px;
    float: right;
    padding: 22px 0px 0px 0px;
}

header .action-box .action-tabs-box ul.action-tabs {
    display: block;
    width: 100%;
    background-color: transparent;
    color: white;
    padding: 0px;
    margin: 0px;
    height: 24px

}

header .action-box .action-tabs-box ul.action-tabs li.action-tabs-item {
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
    height: 24px;
    color: transparent;
}

header .action-box .action-tabs-box ul.action-tabs li.action-tabs-item.profile {
    background: transparent url('../images/head-profil-on.png') 0 0px no-repeat;
    width: 98px;
}

header .action-box .action-tabs-box ul.action-tabs li.action-tabs-item.profile.ui-state-active {
    background: transparent url('../images/head-profil-of.png') 0 0px no-repeat;
    width: 98px;
}


header .action-box .action-tabs-box ul.action-tabs li.action-tabs-item.cartable-off,
header .action-box .action-tabs-box ul.action-tabs li.action-tabs-item.cartable {
    background: transparent url('../images/head-cart-on.png') 0 0px no-repeat;
    width: 122px;
}

header .action-box .action-tabs-box ul.action-tabs li.action-tabs-item.cartable.ui-state-active {
    background: transparent url('../images/head-cart-of.png') 0 0px no-repeat;
    width: 122px;
}
header .action-box .action-tabs-box ul.action-tabs li.action-tabs-item.cartable-off {
    background: transparent url('../images/head-cart-disable.png') 0 0px no-repeat;
}

header .action-box #action-tab-profile,
header .action-box #action-tab-cartable {
    color : white;
    padding: 10px 10px 0px 10px;
    font-size: 0.9em;
    font-weight: normal;
    text-shadow: 0px 0px 3px #333;
    display: none;
}

header .action-box .buton-row-del-conexion a,
header .action-box .buton-row-set-profile a,
header .action-box .buton-row-see-carnet a,
header .action-box .buton-row-new-cartable a,
header .action-box .buton-row-add-cartable a,
header .action-box .buton-row-see-cartable a {
    color : #CDD6E0;
    text-decoration: none;
    cursor: pointer;
    padding-right: 30px;
    background: transparent url(../images/web/spt-icone-nav-web.png) 175px 2px no-repeat;
    width: 180px;
    display: inline-block;
    text-align: right;
}

header .action-box .buton-row-del-conexion a.active,
header .action-box .buton-row-del-conexion a:hover,
header .action-box .buton-row-set-profile a.active,
header .action-box .buton-row-set-profile a:hover,
header .action-box .buton-row-see-carnet a.active,
header .action-box .buton-row-see-carnet a:hover,
header .action-box .buton-row-new-cartable a.active,
header .action-box .buton-row-new-cartable a:hover,
header .action-box .buton-row-add-cartable a.active,
header .action-box .buton-row-add-cartable a:hover,
header .action-box .buton-row-see-cartable a.active,
header .action-box .buton-row-see-cartable a:hover {
    color : white;
    text-decoration: none;
}

header .action-box .buton-row-see-cartable a {
    background-position: 175px 2px;
}

header .action-box .buton-row-add-cartable a {
    background-position: 175px -78px;
}

header .action-box .buton-row-new-cartable a {
    background-position: 175px -18px;
}

header .action-box .buton-row-del-conexion a {
    background-position: 175px -98px;
}

header .action-box .buton-row-set-profile a {
    background-position: 175px -38px;
}

header .action-box .buton-row-see-carnet a {
    background-position: 175px -58px;
}


header .action-box .buton-row-new-cartable,
header .action-box .buton-row-add-cartable,
header .action-box .buton-row-see-cartable {
    text-align: right;
}

header .action-box .action-tab-row {
    text-align: right;
    line-height: 18px;
}

header .action-box .action-tab-row.action-tab-user-name {
    font-weight: bold;
}

header .action-box .action-tab-row.action-tab-user-etablissement {
    font-style: italic;
}

header .action-box .action-tabs-box ul.action-tabs li.action-tabs-item a {
    width: 100%;
    height: 100%;
    display: inline-block;
    color : transparent;
    text-decoration: none;
}

header .sl {}

header .sm {
    display: none;
}

#nav ,
nav {
    background-color: #5b8ac2;
    color: white;
}

#nav ul.nav,
nav ul.nav {
    height: 28px;
    position : relative;
    font-size: 0.9em;
    display: inline-block;
    vertical-align: top;  
}

#nav ul.nav > li .nav-submenu-resources li, 
nav ul.nav > li .nav-submenu-resources li {
    line-height:15px;
}

.nav-box.sl {
    position: relative;
}

.nav .nav-item .nav-submenu {
    
    font-size : 12px; 
    
}

.nav .nav-item.resources .nav-submenu {
    background: url("../images/sm-1.jpg") no-repeat scroll 0 0 transparent;
}

.nav .nav-item.resources .nav-submenu-evo {
    background: url("../images/sm-1-1.jpg") no-repeat scroll 0 0 transparent;
}

.nav .nav-item.campus .nav-submenu {
    background: url("../images/sm-2.jpg") no-repeat scroll 0 0 transparent;
}

.nav .nav-item.auteurs .nav-submenu {
    background: url("../images/sm-3.jpg") no-repeat scroll 0 0 transparent;
}

.nav .nav-item.iut .nav-submenu {
    background: url("../images/sm-5.jpg") no-repeat scroll 0 0 transparent;
}

.nav .nav-item.actualites .nav-submenu {
    background: url("../images/sm-4.jpg") no-repeat scroll 0 0 transparent;
}

.nav .nav-item.aide .nav-submenu {
    background: url("../images/sm-6.jpg") no-repeat scroll 0 0 transparent;
}

.nav .nav-item.contact .nav-submenu {
    background: url("../images/sm-7.jpg") no-repeat scroll 0 0 transparent;
}

.nav .nav-item .current a {
    font-weight: bold;
}


span.menu-end {
    background: url("../images/m-fin.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    vertical-align: top;
    height: 28px;
    line-height: 28px;
    /*    
    position: absolute;
    top: 0px;
    left: 735px;
    */
}

/* Retrait des onglets au survol (+ js/script.js) */
/*
#nav ul.nav > li:hover > .nav-submenu,
nav ul.nav > li:hover > .nav-submenu {
    z-index: 999999;
    display: block;
}
*/

#nav ul.nav > li > a,
nav ul.nav > li > a {
    color: transparent;
}

nav ul.nav > li.active > .nav-submenu,
#nav ul.nav > li.active > .nav-submenu,
nav ul.nav > li.active:hover > .nav-submenu,
#nav ul.nav > li.active:hover > .nav-submenu {
    z-index: 99999;
    display: block;

}
/*
nav ul.nav > li.active > .nav-submenu,
nav ul.nav > li.active:hover > .nav-submenu ,
nav ul.nav > li.active > .nav-submenu a,
nav ul.nav > li.active:hover > .nav-submenu a{
   color : #444444;
   text-decoration: none;
}
nav ul.nav > li.active > .nav-submenu a:hover,
nav ul.nav > li.active:hover > .nav-submenu a:hover{
   color : #7b7b7b;
   text-decoration: underline;
}
*/

#nav ul.nav > li > .nav-submenu,
nav ul.nav > li > .nav-submenu {
    position: absolute;
    top: 28px;
    left: 0px;
    width: 735px;
    display: none;
    z-index: 90;
    color: black;
    height: 100px;
    background-color: #f4f5ff;
}

#nav ul.nav > li > ul.nav-submenu,
nav ul.nav > li > ul.nav-submenu {
    height: 100px;
    line-height: 150px;
    text-align: right;
    overflow: hidden;
}

#nav ul.nav > li > ul.nav-submenu > li,
nav ul.nav > li > ul.nav-submenu > li {
    text-align: left;
    display: block;
    vertical-align: bottom;
    padding: 0px 10px;
    float: right;
}

nav ul.nav > li > .nav-submenu span,
nav ul.nav > li > .nav-submenu label,
nav ul.nav > li > .nav-submenu a {
    text-decoration: none;
    color : #666666;
}

nav ul.nav > li > .nav-submenu a:hover {
    text-decoration: underline;
    color : #000000;
}

#nav ul.nav > li > ul.nav-submenu > li a.active,
nav ul.nav > li > ul.nav-submenu > li a.active {
    font-weight: bold;
}

#nav ul.nav > li #nav-search-form,
nav ul.nav > li #nav-search-form {
    display: inline-block;
    vertical-align: top;
}

#nav ul.nav > li  .nav-submenu-evo #nav-search-form,
nav ul.nav > li .nav-submenu-evo #nav-search-form {
    margin: 0 20px;
}

#nav ul.nav > li .nav-submenu-resources,
nav ul.nav > li .nav-submenu-resources {
    display: inline-block;
    vertical-align: top;
    margin: 15px 0 0 20px;
}

#nav ul.nav > li .nav-submenu-evo .nav-submenu-resources,
nav ul.nav > li .nav-submenu-evo .nav-submenu-resources {
    width: 155px;
    margin: 15px 20px;
}


#views-exposed-form-resourcesearch-page {
    margin: 15px 0px 0px 10px;
}

#nav ul.nav > li > a,
nav ul.nav > li > a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

#nav ul.nav > li.overflow > a,
nav ul.nav > li.overflow > a {
    background: transparent url(../images/bg-hover-menu.png) 0px 20px repeat-x;
}

#nav ul.nav > li,
nav ul.nav > li {
    float: left;
    width: 96px;
    display: block;
    height: 28px;
    color : transparent;
    line-height: 20px;
}

#nav ul.nav > li.resources,
nav ul.nav > li.resources {
    width: 159px;
}

#nav ul.nav > li.resources,
nav ul.nav > li.resources {
    background: transparent url('../images/m1-of.png') 0 0 no-repeat;
}

#nav ul.nav > li.resources.active,
nav ul.nav > li.resources.active,
#nav ul.nav > li.resources:hover ,
nav ul.nav > li.resources:hover {
    background: transparent url('../images/m1-on.png') 0 0 no-repeat;
}

#nav ul.nav > li.campus ,
nav ul.nav > li.campus {
    background: transparent url('../images/m2-of.png') 0 0 no-repeat;
}

#nav ul.nav > li.campus.active,
nav ul.nav > li.campus.active,
#nav ul.nav > li.campus:hover ,
nav ul.nav > li.campus:hover {
    background: transparent url('../images/m2-on.png') 0 0 no-repeat;
}

#nav ul.nav > li.auteurs,
nav ul.nav > li.auteurs {
    background: transparent url('../images/m3-of.png') 0 0 no-repeat;
}

#nav ul.nav > li.auteurs.active,
nav ul.nav > li.auteurs.active,
#nav ul.nav > li.auteurs:hover ,
nav ul.nav > li.auteurs:hover {
    background: transparent url('../images/m3-on.png') 0 0 no-repeat;
}

#nav ul.nav > li.actualites,
nav ul.nav > li.actualites {
    background: transparent url('../images/m4-of.png') 0 0 no-repeat;
}

#nav ul.nav > li.actualites.active,
nav ul.nav > li.actualites.active,
#nav ul.nav > li.actualites:hover ,
nav ul.nav > li.actualites:hover {
    background: transparent url('../images/m4-on.png') 0 0 no-repeat;
}

#nav ul.nav > li.iut ,
nav ul.nav > li.iut {
    background: transparent url('../images/m5-of.png') 0 0 no-repeat;
}

#nav ul.nav > li.iut.active,
nav ul.nav > li.iut.active,
#nav ul.nav > li.iut:hover ,
nav ul.nav > li.iut:hover {
    background: transparent url('../images/m5-on.png') 0 0 no-repeat;
}

#nav ul.nav > li.aide ,
nav ul.nav > li.aide {
    background: transparent url('../images/m6-of.png') 0 0 no-repeat;
}

#nav ul.nav > li.aide.active,
nav ul.nav > li.aide.active,
#nav ul.nav > li.aide:hover,
nav ul.nav > li.aide:hover {
    background: transparent url('../images/m6-on.png') 0 0 no-repeat;
}

#nav ul.nav > li.contact ,
nav ul.nav > li.contact {
    background: transparent url('../images/m7-of.png') 0 0 no-repeat;
}

#nav ul.nav > li.contact.active,
nav ul.nav > li.contact.active,
#nav ul.nav > li.contact:hover,
nav ul.nav > li.contact:hover {
    background: transparent url('../images/m7-on.png') 0 0 no-repeat;
}


#float-bg {
    z-index: -1;
    display: block;
    position: fixed;
    top: 0;
    width: 40%;
}

#float-bg img {
    width: 100%;
}

/* form */

#search-form-box-left {
    width: 250px;
    display: inline-block;
    vertical-align: top;
}

#search-form-box-left input {
    width : 245px;
}

#search-form-box-left select {
    width : 120px;
}

#edit-domain-wrapper {
    width: 120px;
    display: inline-block;
}

#search-form-box-left #edit-domaines-wrapper {
    width: 120px;
    display: inline-block;
}

#search-form-box-left #edit-diplome-wrapper {
    width: 125px;
    display: inline-block;
}

#search-form-box-left #edit-text-wrapper {
    padding: 3px 0 10px 0;
}

#search-form-box-right {
    width: 222px;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}

.form-item-ck ,
.form-item-cc ,
.form-item-ct {
    width: 80px;
    display: inline-block;
}

.form-item-ci ,
.form-item-ca {
    width: 120px;
    display: inline-block;
}

#search-submit {
    width: 125px;
    display: inline-block;
    text-align: right;
}

.nav-submenu-evo #search-submit {
    width: 125px;
    display: inline-block;
    text-align: center;
}

#search-submit input {

    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;

    border-radius: 20px;
    color : white;
    font-weight: bold;
    font-size: 1em;
    background: black;
    border: 0px;
    padding: 5px 10px;
    padding: 2px 6px;
    display: inline-block;
}
#sidebar {
    padding-top: 20px;
}


.teaser-ombre {
    position : absolute;
    top: 0px;
    right: 0px;
    margin-right: -10px;
    background: transparent url('../images/head-ombre.png') no-repeat;
    display: block;
    width: 10px;
    height: 100%;
}

.header-box-ombre {
    position: absolute;
    top: 23px;
    right: -10px;
    background: transparent url('../images/ombre-teaser.png') no-repeat;
    display: block;
    width: 10px;
    height: 100%;
}

aside.teaser {
    margin: 0 0 25px 10px;
    border: 1px solid #e0e0e0;
    text-align: left;

    -moz-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    width: 220px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

aside.teaser-tab {
    display: none;
}

aside.teaser-lap {
    display: inline-block;
}

aside.teaser > h2 {

    -moz-border-top-right-radius: 9px;
    -webkit-border-top-right-radius: 9px;
    border-top-right-radius: 9px;

    color: #304965;
    font-size: 1.2em;
/*    font-family: 'Open Sans Condensed', 'Impact';*/
    /*font-family: 'Open Sans Condensed', 'Futura-CondensedExtraBold';*/
    font-family: 'Open Sans Condensed',sans-serif;
    display: block;
    padding: 7px 10px;
    margin: 0px;
    line-height: 24px;
    
    font-weight: bold;
}

aside.teaser .teaser-style-1 {

    color: #808880;
    font-size: 1.2em;
    /*font-family: 'Open Sans Condensed','Futura-Medium';*/
    font-family: 'Open Sans Condensed',sans-serif;
}

aside.teaser .teaser-style-2 {

    color: #808880;
    font-size: 1em;
    /*font-family: 'Open Sans Condensed','Futura-Medium';*/
    font-family: 'Open Sans Condensed',sans-serif;
}

aside.teaser .teaser-style-3 {

    color: #636363;
    font-size: 0.8em;
    font-family: 'Verdana';
}

.teaser-box {
    
    padding: 0px 10px;
    display: block;
    border-top: 0px;
    overflow-y: hidden;
    -webkit-transition:height 0.33s ease-out;  /* Chrome y Safari */
    -o-transition:height 0.33s ease-out;  /* Opera */
    -moz-transition:height 0.33s ease-out;  /* Mozilla Firefox */
    -ms-transition:height 0.33s ease-out;   /* Internet Explorer */
    transition:height 0.33s ease-out;  /* W3C */
}

#list-results {
    width: px;
    display: inline-block;
    vertical-align: top;
}

#recommendations h2,
#list-results h2 {
    font-size: 1em;
    color : #598ac2;
    font-weight: bold;
}

#list-filters {
    width: 190px;
    display: inline-block;
    vertical-align: top;
}

.onglet {
    background: white url('../images/resource_title_bg.jpg') no-repeat;
    /* line-height: 50px; */
    padding: 15px 5px 5px 20px;
}

.uline {
    /*    
    text-decoration: underline;
    */
    border-bottom: 1px solid #7b7b7b; 
}

.stitle {   
    /*    
    font-weight: bold;
    */
    padding: 0 0 0 0;
    margin: 0 0 5px 0;
    display: inline-block;
}

h1 {
    font-size: 1.2em;
    padding: 20px 15px;
    font-weight: bold;

}

.list-row  {
    border-bottom: 1px solid #999;
    margin-left: 25px;
    padding: 15px 0 0px 0;
}

.list-results-home .list-row  {
    border-bottom: 0px solid #999;
    margin-left: 10px;
    padding: 0;
    width: 705px;
}
.list-results-home .list-row  p {
    margin-bottom: 5px;
}
.list-results-home .list-row > .data {
    width: 620px;
}

.list-row.last  {
    border-bottom: 0px solid #999;
}

.list-row > .data ,
.list-row > .picto {
    display: inline-block;
    vertical-align: top;
}

.list-row > .picto {
    width: 50px;
    padding-top: 3px;
}

.list-row > .data {
    width: 390px;
    font-size: 0.9em;
    text-align: justify;
}

.list-row > .data h3 a {
    text-decoration: none;
    color: #7b7b7b;
    font-size: 1.1em;
    font-weight: bold;
}

.list-data-lrt {
    font-style: italic;
    text-decoration: underline ;
}

.list-data-lire-suite {
    font-style: italic;
    color: #444444;
    text-decoration: underline;
}

.list-data-plus {
    text-decoration: none;
    display: inline-block;
    width: 10px;
    padding: 1px 5px 3px 5px !important;
    font-size: 14px;
    font-weight: bold;
    line-height: 0.8 !important;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #b4b4b4;
    border-radius: 8px;
    opacity: 0.8;
}

.list-data-plus:hover {
    opacity: 1;
}

.element-invisible {
    display: none;
}

div#list-pager {
    text-align: center;
}

ul.pager {
    list-style: none;
    width: 660px;
    text-align: center;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #7b7b7b;
    margin: 30px 0px 15px 0px;
    padding: 5px 0px;
    display: inline-block;
    position: relative;

}

ul.pager li {
    margin-left: 0px;
    min-height: 20px;
    height: 20px;
    line-height: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
}


ul.pager li.pager-current,
ul.pager li.pager-item {
    width: 20px;
    text-align: center;
    margin: 0px;
}

ul.pager li.pager-item {
    border: 1px solid transparent;
}

ul.pager li.pager-item:hover {
    border: 1px solid #7b7b7b;
}

ul.pager li.pager-next,
ul.pager li.pager-previous {
    display: none;
}

ul.pager li.pager-last,
ul.pager li.pager-first {
    width: 60px;
    position : absolute;
    top : 7px;
}

ul.pager li.pager-first {
    text-align: left;
    left: 0px;
    background: transparent url(../images/web/page-debut.png) left 4px no-repeat;
    padding-left: 15px;
}

ul.pager li.pager-last {
    text-align: right;
    right : 0px;
    background: transparent url(../images/web/page-fin.png) right 4px no-repeat;
    padding-right: 15px;
}


ul.pager li a {
    display: inline-block;
    height: 100%;
    width: 100%;
        
    text-decoration: none;
    color: #7b7b7b;
}

ul.pager li.pager-current a,
ul.pager li.pager-current a:visited,
ul.pager li.pager-current {
    color: #5D8AC3;
    text-decoration: underline;
}

#list-filters-mobile {
    display: none;
}

#list-filters h4 {
    font-weight: bold;
    padding: 0 0 5px 23px;
    display: inline-block;
}

.ddbutton-action{
    cursor: pointer;
}

.ddbutton{
    position: relative;
}

.ddbutton .puce{
    background: transparent url(../images/spt-arrows.png) 3px -75px no-repeat;
    position: absolute;
    top: 7px;
    right : 0px;
    display: block;
    height: 16px;
    width: 16px;
}

.ddbutton .puce.leftpuce {
    left: 0px;
}

.ddbutton .puce.open {
    background: transparent url(../images/spt-arrows.png) 3px -140px no-repeat;
}

.ddbutton-target {
    display: none;
}

.list-filter-item {
    display: inline-block;
    width: 100%;
    height: 30px;
    line-height: 30px;

    border-right: 5px solid transparent;
    cursor: pointer;
    border-bottom: 1px solid #DADADA;
    padding: 2px 0 0 0;
}

.list-filter-item.filter-lrt-evaluation {
    border-bottom: 1px solid #7b7b7b;
}

.list-filter-item:last-child {
    border-bottom: 0px solid #7b7b7b;
}

.list-filter-item:hover {
    border-right: 5px solid transparent;
}

.list-filter-item.active {
    background: transparent url('../images/web/spt-puces-rondes-web.png') 183px -132px no-repeat;
}

.list-filter-item.loading {
    background: transparent url('../images/refresh.gif') 196px 6px no-repeat;

}

.list-filter-item.active > .filter-item-name {
    /*font-weight: bold;*/
}

.list-filter-options {
    width: 210px;
    font-size: 0.9em;
}

.list-filter-options > .ddbutton {
    border-bottom: 1px solid #7b7b7b;
    padding: 5px 0px;
}

.list-filter-options > .open .ddbutton-action {
    font-weight: bold;
}

.filter-level-value,
.filter-lrt-value {
    display: none;
}

.filter-level-name,
.filter-lrt-name {
    padding: 3px 0 5px 25px;
}

.list-filter-item .filter-lrt-name {
    background: transparent url(../images/web/spt-type-rsc-web.png) -5px 0px no-repeat;
}

.list-filter-item .filter-lrt-picto-none {
    background: transparent;
}

.list-filter-item .filter-lrt-picto-rsctype-1 {
    background-position: -5px 0px;
}

.list-filter-item .filter-lrt-picto-rsctype-2 {
    background-position: -5px -25px;
}

.list-filter-item .filter-lrt-picto-rsctype-3 {
    background-position: -5px -50px;
}

.list-filter-item .filter-lrt-picto-rsctype-4 {
    background-position: -5px -73px;
}

.list-filter-item .filter-lrt-picto-rsctype-5 {
    background-position: -5px -100px;
}

.list-filter-item .filter-lrt-picto-rsctype-6 {
    background-position: -5px -125px;
}

.list-filter-item .filter-lrt-picto-rsctype-7 {
    background-position: -5px -145px;
}

.list-filter-item .filter-lrt-picto-rsctype-8 {
    background-position: -5px -169px;
}

.list-filter-item .filter-lrt-picto-rsctype-9 {
    background-position: -5px -195px;
}

.list-filter-item .filter-lrt-picto-rsctype-10 {
    background-position: -5px -218px;
}

.list-filter-item .filter-lrt-picto-rsctype-11 {
    background-position: -5px -240px;
}


.titre-filtre{
    font-weight: bold;
}

.resource-picto {
    height: 40px;
    background: transparent url(../images/web/spt-type-rsc-liste-web.png) -5px -3px no-repeat;

}

.resource-picto-rsctype-1 {
    background-position: -5px -3px;
}

.resource-picto-rsctype-2 {
    background-position: -5px -55px;
}

.resource-picto-rsctype-3 {
    background-position: -5px -105px;
}

.resource-picto-rsctype-4 {
    background-position: -5px -155px;
}

.resource-picto-rsctype-5 {
    background-position: -5px -205px;
}

.resource-picto-rsctype-6 {
    background-position: -5px -255px;
}

.resource-picto-rsctype-7 {
    background-position: -5px -305px;
}

.resource-picto-rsctype-8 {
    background-position: -5px -355px;
}

.resource-picto-rsctype-9 {
    background-position: -5px -405px;
}

.resource-picto-rsctype-10 {
    background-position: -5px -455px;
}

.resource-picto-rsctype-11 {
    background-position: -5px -505px;
}

.evo #ddfilter-lrt .puce {
    display: none;
}

.evo #ddfilter-lrt .titre-filtre {
    padding: 10px 0;
    text-align: center;
    background: #ccc;
}

.evo #ddfilter-lrt .ddbutton-target {
    background: #eee;
    padding: 5px;
    margin: 0;
}

.evo.list-filter-options.evo {
    width: 225px;
    margin-left: 5px;
}

.evo #ddfilter-lrt {
    border-bottom: 0px;
}

#bubblealert-container ,
#bubble-container {
    position: absolute;
    top: 190px;
    right: 0;
    width: 235px;
    z-index: 9999999999;
    display: none;
}

#bubblealert-container.open,
#bubble-container.open {
    top: 185px;
    opacity: 1;
}

#bubblealert-container.closed,
#bubble-container.closed {
    top: 195px;
    opacity: 0;
}

#data-bubblealert,
#data-bubble {
    position : relative;
    display: block;
    clear: both;
    text-align: center;
    min-height: 150px;
    z-index: 9999999;
    border: 0px solid #ccc;
}

#data-bubblealert .triangle ,
#data-bubble .triangle {
    position: absolute;
    left : 50%;
    top : -15px;
    margin-left: -15px;
    z-index: 9999;
    overflow: hidden;
    height: 20px;
    width: 40px;
}

#data-bubblealert #bubblealert-close-button ,
#data-bubble #bubble-close-button {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 9999;
    height: 16px;
    width: 16px;
    cursor: pointer;
    background: transparent url(../images/web/spt-puces-rondes-web.png) -11px -405px no-repeat;
}

#data-bubblealert #bubblealert-close-button:hover ,
#data-bubble #bubble-close-button:hover {
    background: transparent url(../images/web/spt-puces-rondes-web.png) -11px -372pxpx no-repeat;
}

#data-bubble .triangle > * {
    /*display: inline-block;*/
}


#data-bubblealert .triangle .trileft ,
#data-bubble .triangle .trileft {
    border-left: 20px solid transparent; 
    border-bottom: 20px solid #e5e9f4; 
    width: 0px;
    height: 0px;
    float: left;
}

#data-bubblealert .triangle .trileft {
    border-bottom: 20px solid #444; 
}

#data-bubblealert .triangle .triright ,
#data-bubble .triangle .triright {
    border-right: 20px solid transparent; 
    border-bottom: 20px solid #e5e9f4; 
    width: 0px;
    height: 0px;
    float: right;
}

#data-bubblealert .triangle .triright {
    border-bottom: 20px solid #444; 
}


#data-bubble .bubble-box.loading {
    /** http://loadinggif.com/generated-image?imageId=32&bgColor=%23e5e9f4&fgColor=%23354861&transparentBg=0&download=0&random=0.7900727887172252 **/   
    background: #e5e9f4 url(../images/big-load-2.gif) center center no-repeat;
    height: 80px;
}

#data-bubblealert .bubblealert-box ,
#data-bubble .bubble-box {

    background-color: #e5e9f4;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    
    overflow: hidden;
    
    height: auto;
        
    box-shadow: 0px 2px 10px #7b7b7b;
    padding: 25px 0px;
    text-align: left;
}

#data-bubblealert .bubblealert-box {

    background-color: #444;
}

#data-bubblealert .bubblealert-content ,
#data-bubble .bubble-content {
    overflow: auto;
    /*height: 450px;*/
    min-height: 50px;
    max-height: 450px;
    font-size: 0.9em;
    overflow-x: hidden;
    
}

#data-bubblealert .bubblealert-content {
    
    color: white;
    padding: 0 10px;
    
}


#data-bubble textarea,
#data-bubble input {
    display: inline-block;
    clear: right;
    width: 200px;
    border: 1px solid #AAA;
    padding: 5px;
}

#data-bubble input[type=button] {
    width: auto;
    padding: 5px 10px;
}

#data-bubble .form-date input {
    clear: right;
    width: 150px;
}

#data-bubble .edit-cartable label {
    text-decoration: underline;
    margin: 10px 0px 5px 0px;
    display: inline-block;
}

#data-bubble .form-date {
    margin: 5px 0px;
}

#data-bubble .form-date > div {
    display: inline-block;
    vertical-align: middle;
}

#data-bubble .form-date > div.date-picto {
    height: 25px;
    width: 25px;
    background: transparent url(../images/web/spt-divers-web.png) -110px -596px no-repeat;
}

#data-bubble .bubble-content .cartable-header {
    background: transparent url(../images/web/spt-cartable-web.png) no-repeat;
    padding: 6px 0 3px 50px;
    line-height: 15px;
}

#data-bubble .bubble-content .cartable-fav-box,
#data-bubble .bubble-content .cartable-own-box {
    border-top: 1px solid #ccc;
}

#data-bubble .bubble-content .cartable-fav-box,
#data-bubble .bubble-content .cartable-iel-box,
#data-bubble .bubble-content .cartable-exp-box,
#data-bubble .bubble-content .cartable-own-box {
    margin: 0 10px;
    border-bottom: 1px solid #ccc;
}

#data-bubble .bubble-content .cartable-header-title {
    color: #779eca;
    font-weight: bold;
}

#data-bubble .bubble-content .cartable-header-desc {
    font-style: italic;
}

#data-bubble .bubble-content .cartable-row-name {
    font-weight: bold;
    width: 180px;
}

#data-bubble .bubble-content .cartable-row-extra {
    display: inline-block;
    background: transparent url(../images/key.png) 0px 1px no-repeat;
    height : 16px;
    padding-left: 15px;
}



#data-bubble .bubble-content div > .cartable-row {
    margin: 10px 10px 10px 0px;
    line-height: 15px;
    padding-top: 8px;
}

#data-bubble .bubble-content .cartable-row-action-box > ul {
    margin-top: 10px;
}

#data-bubble .bubble-content .cartable-row-action-box > ul > li {
    border-top: 1px solid #B4CDE9;
}

#data-bubble .bubble-content .cartable-row-action-box > ul > li > div > .picto {
    width: 23px;
}

#data-bubble .bubble-content .cartable-row-action-box > ul > li > div > span {
    height: 30px;
    line-height: 30px;
    display: inline-block;
}

#data-bubble .bubble-content .cartable-own-box .cartable-row-name,
#data-bubble .bubble-content .cartable-own-box .cartable-row-autor,
#data-bubble .bubble-content .cartable-header.cartable-own .cartable-header-title {
    color : #779eca;
}

#data-bubble .bubble-content .cartable-own-box div > .cartable-row {
    border-top: 1px solid #B4CDE9;
}

#data-bubble .bubble-content .cartable-fav-box .cartable-row-name,
#data-bubble .bubble-content .cartable-fav-box .cartable-row-autor,
#data-bubble .bubble-content .cartable-header.cartable-fav .cartable-header-title {
    color : #828383;
}

#data-bubble .bubble-content .cartable-fav-box div > .cartable-row {
    border-top: 1px solid #828383;
}

#data-bubble .bubble-content .cartable-exp-box > ul,
#data-bubble .bubble-content .cartable-iel-box > ul,
#data-bubble .bubble-content .cartable-own-box > ul,
#data-bubble .bubble-content .cartable-fav-box > ul {
    margin-top: -5px;
}

#data-bubble .bubble-content .cartable-exp-box .cartable-row-name,
#data-bubble .bubble-content .cartable-exp-box .cartable-row-autor,
#data-bubble .bubble-content .cartable-header.cartable-exp .cartable-header-title {
    color : #a64e18;
}

#data-bubble .bubble-content .cartable-exp-box div > .cartable-row {
    border-top: 1px solid #a64e18;
}

#data-bubble .bubble-content .cartable-iel-box .cartable-row-name,
#data-bubble .bubble-content .cartable-iel-box .cartable-row-autor,
#data-bubble .bubble-content .cartable-header.cartable-iel .cartable-header-title {
    color : #2a4463;
}

#data-bubble .bubble-content .cartable-iel-box div > .cartable-row {
    border-top: 1px solid #2a4463;
}

#data-bubble .bubble-content .cartable-header.cartable-fav {
    background-position: 0px 0px;
}

#data-bubble .bubble-content .cartable-header.cartable-own {
    background-position: 0px -40px;
}

#data-bubble .bubble-content .cartable-header.cartable-iel {
    background-position: 0px -83px;
}

#data-bubble .bubble-content .cartable-header.cartable-exp {
    background-position: 0px -126px;
}

#data-bubble .bubble-content .cartable-row-autor {
    color: #779eca;
}

#data-bubble .bubble-content .cartable-row-resource-row {
    margin: 0px 0px 10px 0px;
    cursor: pointer;
    border-top: 1px solid #ccc;
    padding-top: 5px;
}

#data-bubble .bubble-content .cartable-row-resource-row:hover {
    color: black;
}


#data-bubble .bubble-content .cartable-row-resource-row .resource-picto {
    height: 30px;
    background: transparent url(../images/web/spt-type-rsc-menu-web.png) -10px -3px no-repeat;
    display: inline-block;
    width : 32px;
}

#data-bubble .bubble-content .cartable-row-resource-row .resource-picto-rsctype-8 {
    background: transparent;
}

#data-bubble .bubble-content .cartable-row-resource-row .resource-picto-rsctype-1 {
    background-position: -5px 0px;
}

#data-bubble .bubble-content .cartable-row-resource-row .resource-picto-rsctype-2 {
    background-position: -5px -70px;
}

#data-bubble .bubble-content .cartable-row-resource-row .resource-picto-rsctype-3 {
    background-position: -5px -140px;
}

#data-bubble .bubble-content .cartable-row-resource-row .resource-picto-rsctype-4 {
    background-position: -5px -210px;
}

#data-bubble .bubble-content .cartable-row-resource-row .resource-picto-rsctype-5 {
    background-position: -5px -280px;
}

#data-bubble .bubble-content .cartable-row-resource-row .resource-picto-rsctype-6 {
    background-position: -5px -350px;
}

#data-bubble .bubble-content .cartable-row-resource-row .resource-picto-rsctype-7 {
    background-position: -5px -420px;
}

#data-bubble .bubble-content .cartable-row-resource-row .resource-picto-rsctype-8 {
    background-position: -5px -490px;
}

#data-bubble .bubble-content .cartable-row-resource-row .resource-picto-rsctype-9 {
    background-position: -5px -580px;
}

#data-bubble .bubble-content .cartable-row-resource-row .resource-picto-rsctype-10 {
    background-position: -5px -630px;
}

#data-bubble .bubble-content .cartable-row-resource-row .resource-picto-rsctype-11 {
    background-position: -5px -720px;
}



#data-bubble .bubble-content .cartable-row-resource-row .resource-data {
    display: inline-block;
    width : 130px;
    vertical-align: top;
    line-height: 13px;
    padding-top: 8px;
    cursor: pointer;
}


#data-bubble .bubble-content .message-contact,
#data-bubble .bubble-content .see-contact {
    border-bottom: 1px solid #ccc;
}

#data-bubble .bubble-content .message-contact .form-box,
#data-bubble .bubble-content .edit-cartable .form-box {

    background: -moz-linear-gradient(top, rgba(203,210,229,0) 0%, rgba(203,210,229,0) 60%, rgba(203,210,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,210,229,0)), color-stop(60%,rgba(203,210,229,0)), color-stop(100%,rgba(203,210,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(203,210,229,0) 0%,rgba(203,210,229,0) 60%,rgba(203,210,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(203,210,229,0) 0%,rgba(203,210,229,0) 60%,rgba(203,210,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(203,210,229,0) 0%,rgba(203,210,229,0) 60%,rgba(203,210,229,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(203,210,229,0) 0%,rgba(203,210,229,0) 60%,rgba(203,210,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cbd2e5', endColorstr='#cbd2e5',GradientType=0 ); /* IE6-8 */
    
    margin: 0px 0px 15px -10px;
    width: 215px;
    padding: 10px;
    
    box-shadow: 0px 3px 5px #bbb;
}


#data-bubble .bubble-content .cartable-ajax-add-html .input-catable-code {
    margin-bottom: 10px;
}

#data-bubble .bubble-content .cartable-ajax-add-html .edit-cartable-box {

    padding: 0 10px;
}

#data-bubble .bubble-content .cartable-ajax-add-html,
#data-bubble .bubble-content .cartable-ajax-new-html {
    padding: 0 10px;
}

#data-bubble .bubble-content .cartable-ajax-add-html .edit-cartable .form-box,
#data-bubble .bubble-content .cartable-ajax-new-html .edit-cartable .form-box {
    background: transparent;
    box-shadow: none;
    margin-bottom: 0px;
}


#data-bubble .bubble-content .cartable-row-resource-row .resource-data:hover {
    color : black;
    text-decoration: underline;
}

#data-bubble .bubble-content .cartable-row-resource-row .resource-delete {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: transparent url(../images/web/spt-puces-rondes-web.png) -11px -440px no-repeat;
    vertical-align: top;
    margin-top: 9px;
    margin-left: 5px;
}

/*
#data-bubble .bubble-box {
    
    position: absolute;
    width: 240px;
    top: 10px;
    padding-top: 20px;
    background-color: #e5e9f4;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    min-height: 200px;
    box-shadow: 0px 2px 10px #7b7b7b;
    z-index: 900;
    left: -20px;
}
*/



/* bubble content styles start */

#data-bubble {}




/* bubble content styles end */




#tabs.tabs-diplomes {
    display: block;
}

#tabs.tabs-diplomes > ul {
    display: block;
    list-style: none;
    width: 100%;
    height: 45px;
}

#tabs.tabs-diplomes > ul > li {
    display: block;
    list-style: none;
    float: left;
    margin-left: 0px;
    width: 150px;
}

#tabs.tabs-diplomes > ul > li > a {
    display: block;
    width: 100%;
    height: 100%;
    font-weight: normal;
    color : #444;
    text-decoration: none;
    font-size: 1.1em;
}

#tabs.tabs-diplomes > ul > li.ui-tabs-active > a {
    font-weight: bold;
}

#tabs.tabs-diplomes > div {
    padding: 20px;
}

*:focus {
    outline: none;
}

#diplome-list {
    list-style: none;
    border-top: 1px solid #7b7b7b;
    width: 445px;
    margin-left: 0px;
}

#diplome-list li {
    list-style: none;
    float: left;
    display: block;
    clear: both;
    height: 30px;
    border-bottom: 1px solid #7b7b7b;
    margin: 0px;
    padding: 0px;
    width: 100%
}

#diplome-list li a {
    display: block;
    height: 100%;
    width: 100%;
    /*text-transform:uppercase;*/
    text-decoration: none; 
    color: #7b7b7b;
    line-height: 30px;
}

#diplome-list li a:hover {
    text-decoration: underline; 
    color: #444;
}

/* fiche ressource */

article#resource-card {

    font-size: 0.9em;

}

article#resource-card h1,
article#resource-card h2,
article#resource-card h3,
article#resource-card h4 {
    font-weight: bold;
}

article#resource-card section {

    /*    border: 1px solid red;*/

}

article#resource-card section#col-left {
    width: 180px;
    display: inline-block;
    vertical-align: top;
    color : #717171;
}

article#resource-card section#col-right {
    width: 475px;
    display: inline-block;
    margin-left: 15px;
    vertical-align: top;
    text-align: justify;
}

article#resource-card section#col-right h1{
    padding: 20px 15px 0px 15px;
}

article#resource-card section#col-right .pub-data {
    margin-bottom: 10px;
}


article#resource-card div.ex-data {
    display: inline-block;
    width: 218px;
    vertical-align: top;
    margin: 10px 0;
}

article#resource-card div.ex-data > ul {
    display: inline-block;
    width: 100%;
    list-style: none;
}

article#resource-card div.ex-data > ul > li {
    display: inline-block;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;

}

article#resource-card section > div ,
article#resource-card section > div.contributions > span {
    padding: 0 15px;
}

article#resource-card section > div.contributions {
    padding: 0;
}

article#resource-card section > div.ex-data {
    padding: 15px 0px 5px 17px;
}
article#resource-card section > div.contributions > span ,
article#resource-card div.keywords span,
article#resource-card div.droits span,
article#resource-card div.install span,
article#resource-card div.propo span {
    font-weight: bold;
    text-decoration: underline;
}

article#resource-card #tresource {
    background: transparent url(../images/web/spt-type-rsc-fiche.png) -20px 0 no-repeat;
    display: block;
    height: 130px;
    color: transparent;
    margin-bottom: 15px;

}

article#resource-card #tresource.tresource-rsctype-2 {
    background-position: -20px -132px;
}

article#resource-card #tresource.tresource-rsctype-3 {
    background-position: -20px -264px;
}

article#resource-card #tresource.tresource-rsctype-4 {
    background-position: -20px -396px;
}

article#resource-card #tresource.tresource-rsctype-5 {
    background-position: -20px -528px;
}

article#resource-card #tresource.tresource-rsctype-6 {
    background-position: -20px -660px;
}

article#resource-card #tresource.tresource-rsctype-7 {
    background-position: -20px -792px;
}

article#resource-card #tresource.tresource-rsctype-8 {
    background-position: -20px -924px;
}

article#resource-card #tresource.tresource-rsctype-9 {
    background-position: -20px -1056px;
}

article#resource-card #tresource.tresource-rsctype-10 {
    background-position: -20px -1188px;
}

article#resource-card #tresource.tresource-rsctype-11 {
    background-position: -20px -1320px;
}

article#resource-card #tresource.tresource-rsctype-12 {
    background-position: -20px -1452px;
}

article#resource-card .resource-actions {
    display: block;
    padding: 0;
    margin: 0;
}

article#resource-card .resource-actions ul {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}

article#resource-card .resource-actions ul li:hover {
    color: black;
}

article#resource-card .resource-actions .resource-actions-li:hover {
    color: black;
}

article#resource-card .resource-actions .resource-actions-li:focus,
article#resource-card .resource-actions .resource-actions-li:visited,
article#resource-card .resource-actions .resource-actions-li:active {
    color: #717171;
}

article#resource-card .resource-actions ul li{
    list-style: none;
    display: block;
    padding: 0 0 5px 0;
    margin: 0;
    border-bottom: 1px solid #b3ceec;
    cursor: pointer;
}

article#resource-card .resource-actions .resource-actions-li {
    
    display: block;
    /* padding: 0 0 5px 0; */
    margin: 0;
    /* border-bottom: 1px solid #b3ceec; */
    cursor: pointer;
}

article#resource-card .resource-actions .resource-actions-li:hover ,
article#resource-card .resource-actions .resource-actions-li:visited ,
article#resource-card .resource-actions .resource-actions-li:active ,
article#resource-card .resource-actions .resource-actions-li {
    color : #444;
    text-decoration: none;
}

article#resource-card .resource-actions ul li > span {
    display: inline-block;
    padding: 6px 0 0 0;
    width: 140px;
}

article#resource-card #col-right .resource-actions ul li > span {
    display: inline-block;
    padding: 6px 0 0 0;
    width: 240px;
}

article#resource-card .resource-actions .resource-actions-li > span {
    display: inline-block;
    padding: 6px 0 0 0;
    width: 140px;
}


article#resource-card #col-right .resource-actions .resource-actions-li > span {
    width: 240px;
}


article#resource-card .resource-actions ul > li > .picto {
    display: inline-block;
    padding: 0;
    margin: 0;
    background: transparent url(../images/web/spt-puces-rondes-web.png) -10px 0 no-repeat;
    height: 30px;
    width: 28px;
    vertical-align: top;
}

article#resource-card .resource-actions  .resource-actions-li > .picto {
    display: inline-block;
    padding: 0;
    margin: 0;
    background: transparent url(../images/web/spt-puces-rondes-web.png) -10px 0 no-repeat;
    height: 30px;
    width: 28px;
    vertical-align: top;
}

#data-bubble .bubble-content .cartable-row-resume,
#data-bubble .bubble-content .date-expiration {
    font-style: italic;
}

#data-bubble .bubble-content .edit-cartable-box,
#data-bubble .bubble-content .share-cartable-box,
#data-bubble .bubble-content .clone-cartable-box {
    margin-bottom: 10px;
}

#data-bubble .bubble-content .delete-cartable {
    cursor: pointer;
}

#data-bubble .bubble-content .cartable-row-action-box > ul > li.show-resources > div > .picto {
    background-position: -10px -2px;
}

#data-bubble .bubble-content .cartable-row-action-box > ul > li.edit-cartable > div > .picto {
    background-position: -10px -34px;
}

#data-bubble .bubble-content .cartable-row-action-box > ul > li.share-cartable > div > .picto {
    background-position: -10px -67px;
}

#data-bubble .bubble-content .cartable-row-action-box > ul > li.clone-cartable > div > .picto {
    background-position: -10px -100px;
}

#data-bubble .bubble-content .cartable-row-action-box > ul > li.delete-cartable > div > .picto {
    background-position: -10px -134px;
}

article#resource-card div.help-tooltip {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: top;
    cursor: help;
}

article#resource-card div.help-tooltip .help-tooltip-button {
    display: inline-block;
    padding: 0;
    margin: 0;
    background: transparent url(../images/web/spt-puces-rondes-web.png) -10px -467px no-repeat;
    height: 30px;
    width: 18px;
    vertical-align: top;
}

article#resource-card div.help-tooltip .help-tooltip-content {
    display: none;
    z-index: 9969;
    text-align: left;
}

article#resource-card div.help-tooltip:hover .help-tooltip-content {
    display: block;
}

article#resource-card div.help-tooltip .help-tooltip-content .arrow{
    width: 0; 
    height: 0; 
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #9e9fa1;

    position: absolute;
    top: 23px;
    right: -6px;
    z-index: 9999;
}
article#resource-card div.help-tooltip .help-tooltip-content .text{
    position: absolute;
    top: 30px;
    width: 200px;
    right: -50px;;
    padding: 10px;
    box-shadow: 0px 0px 5px #000;
    background-color: #9e9fa1;
    color: #eee;
    font-weight: normal;
    z-index: 9989;
}

article#resource-card div.help-tooltip .help-tooltip-content .picto{
    display: block;
    height: 28px;
    background: transparent url(../images/web/spt-puces-rondes-web.png) -10px 0 no-repeat;
}

div#data-bubble .picto,
article#resource-card .picto {
    display: inline-block;
    padding: 0;
    margin: 0;
    background: transparent url(../images/web/spt-puces-rondes-web.png) -10px -330px no-repeat;
    height: 30px;
    width: 28px;
    vertical-align: top;
}

article#resource-card div.print .picto {
    background-position: -10px -330px;
}

article#resource-card .action-contact .picto {
    background-position: -10px -167px;
}

article#resource-card .action-profile .picto {
    background-position: -10px -200px;
}

article#resource-card div.print:hover {
    color: black;
}

article#resource-card div.print {
    display: block;
    padding: 0 0 5px 0;
    margin: 0 0 0 20px;
    cursor: pointer;
}

article#resource-card div.print span.print {
    display: inline-block;
    padding: 6px 0 0 0;
    width: 140px;
}

article#resource-card .resource-actions #action-add > .picto {
    background-position: -10px -231px;
}

article#resource-card .resource-actions #action-extended > .picto {
    background-position: -10px -528px;
}


article#resource-card .resource-actions #action-addfav > .picto {
    background-position: -10px -264px;
}


article#resource-card .resource-actions #action-download > .picto {
    background-position: -10px -562px;
}


article#resource-card .resource-actions #action-samedomain > .picto {
    background-position: -10px -495px;
}


article#resource-card .resource-actions #action-sharecontacts > .picto {
    background-position: -10px -66px;
}

article#resource-card .resource-actions #action-share > .picto {
    background: transparent;
}


article#resource-card .resource-user .row {
    padding: 5px 0 0 0;
}

article#resource-card .resource-user .avatar {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
    width: 75px;
}

article#resource-card .resource-user .whois {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
    width: 215px;
    text-align: left;
}

article#resource-card .resource-user .whois > span{
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
    width: 100%;
}

article#resource-card .resource-user .whois .name {
    color : #4c78a7;
}

article#resource-card .resource-user .whois .etablissement {
    font-style: italic;
}

article#resource-card .resource-user .whois .composante {
    font-weight: bold;
}

article#resource-card .resource-user .resource-user-actions {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
    width: 150px;
    line-height: 30px;
}

article#resource-card .resource-user .resource-user-separator {
    display: block;
    padding: 0;
    width: 100%;
    margin: 5px 0;
    border-bottom: 1px solid #7b7b7b;
}

article#resource-card .resource-user .resource-user-actions ul {
    list-style: none;
}

article#resource-card .resource-user .resource-user-actions ul li {
    list-style: none;
    display: block;
}

article#resource-card .resource-user .resource-user-actions ul li a {
    text-decoration: none;
    color: #7b7b7b;
}
article#resource-card .resource-user .resource-user-actions ul li a:hover {
    text-decoration: none;
    color: #444;
    display: inline-block;
    width: 100%;
    height: 100%;
}

article#resource-card .ex-data.rtype > ul > li {
    background: transparent url(../images/web/spt-type-rsc-web.png) -5px 0px no-repeat;
    display: block;
    clear: both;
    padding-left: 25px;
}


article#resource-card .ex-data.rtype > ul > li.rsctype-1 {
    background-position-y: 0px;
}

article#resource-card .ex-data.rtype > ul > li.rsctype-2 {
    background-position-y: -25px;
}

article#resource-card .ex-data.rtype > ul > li.rsctype-3 {
    background-position-y: -50px;
}

article#resource-card .ex-data.rtype > ul > li.rsctype-4 {
    background-position-y: -73px;
}

article#resource-card .ex-data.rtype > ul > li.rsctype-5 {
    background-position-y: -100px;
}

article#resource-card .ex-data.rtype > ul > li.rsctype-6 {
    background-position-y: -125px;
}

article#resource-card .ex-data.rtype > ul > li.rsctype-7 {
    background-position-y: -145px;
}

article#resource-card .ex-data.rtype > ul > li.rsctype-8 {
    background-position-y: -175px;
}

article#resource-card .ex-data.rtype > ul > li.rsctype-9 {
    background-position-y: -195px;
}

article#resource-card .ex-data.rtype > ul > li.rsctype-10 {
    background-position-y: -218px;
}

article#resource-card .ex-data.rtype > ul > li.rsctype-11 {
    background-position-y: -240px;
}

article#thematic-list h2 {
    font-weight: bold;
    font-size: 1.1em;
}

article#thematic-list .trow {
    padding: 5px 0;
    border-bottom: 1px solid #aaa;
    width: 470px;
    
}

article#thematic-list ul.domain-list {
    padding: 0;
    margin: 0 0 10px 0;
    width: 470px;
}

article#thematic-list ul.domain-list {
    list-style: none;
}

article#thematic-list ul.domain-list li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 5px 0 0 20px;
}

article#thematic-list ul.domain-list li a {
    text-decoration: none;
    display: inline-block;
    height: 100%;
    width: 100%;
}

article#thematic-list ul.domain-list li,
article#thematic-list ul.domain-list li a {
    color : #7b7b7b;
}

article#thematic-list ul.domain-list li a:hover {
    text-decoration: underline;
    color : #444;
}

article#thematic-list ul.domain-list li {
    border-bottom: 1px solid #eee;
}

article#thematic-list ul.domain-list li:last-child {
    border-bottom: 1px solid transparent;
}


/* end fiche ressource */

article#user-content-box {
    color : #666666;
    font-size: 0.9em;
    /*    
    padding-top: 50px;
    background: white url(../images/web/background-user.png) 85px 30px no-repeat;
    */
}

article#user-content-box label{
    color : #4c78a7;
}

article#user-content-box h2 {
    font-weight: bold;
    font-size: 1em;
}

article#user-content-box #user-header {
    margin: 10px 0 15px 0; 
}

article#user-content-box section {
    margin: 0 0 10px 0; 
}

article#user-content-box section > ul {
    list-style: none;
}

article#user-content-box section > ul > li {
    list-style: none;
    margin: 0;
    padding: 0;
}

article#user-content-box section > ul > li ul {
    list-style: disc;
    padding: 0 0 0 15px;
}

article#user-content-box section > ul > li ul li {
    margin: 0 0 0 5px;
}

article#user-content-box .avatar {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
    width: 110px;
    height: 110px;

    overflow: hidden;

    border: 1px solid #CCC;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

article#user-content-box .whois {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
    width: 360px;
    font-size: 1.3em;
    margin-left: 10px;
}

article#user-content-box .whois > span{
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
    width: 100%;
}

article#user-content-box .whois .name {
    color : #4c78a7;
    font-weight: bold;
}

article#user-content-box .whois .etablissement {
    font-style: italic;
}

article#user-content-box .whois .composante {
    font-weight: bold;
}

article#user-content-box > div.user-wrapper {
    
    background: white url(../images/web/background-user.png) 85px 30px no-repeat;

    padding-top: 50px;
    padding-left: 215px;
    
    min-height: 500px;
}

article#user-content-box #user-publications ul li {
    list-style: disc;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 15px;
    line-height: 15px;
}

article#user-content-box #user-publications ul li a {
    color: #7b7b7b;
    text-decoration: none;
}

article#user-content-box #user-publications ul li a:hover {
    text-decoration: underline;
}

article#user-content-box #user-contributions label {
    display: inline-block;
    margin: 10px 0 0 0;
    font-weight: bold;
}

article#user-content-box .list-resource {
    padding: 0px 5px;
    background: #e5e9f4;
}

article#user-content-box .list-resource div.list-resource-row {
    padding: 3px 0px 1px 0px;
    border-bottom: 1px solid #b3ceec;
    height: 38px;
    cursor: pointer;
}

article#user-content-box .list-resource div.list-resource-row a:active,
article#user-content-box .list-resource div.list-resource-row a:visited,
article#user-content-box .list-resource div.list-resource-row a:hover,
article#user-content-box .list-resource div.list-resource-row a {
    color : #7b7b7b;
    text-decoration: none;
}

article#user-content-box .list-resource div.list-resource-row:last-child {
    border-bottom: 1px solid transparent;
}

article#user-content-box .list-resource div.picto {
    display: inline-block;
    width: 55px;
    vertical-align: top;
    height: 100%;
}

article#user-content-box .list-resource div.title {
    display: inline-block;
    width: 375px;
    vertical-align: top;
    line-height: 13px;
    padding: 5px 5px 5px 0px;
}

article#user-content-box .list-resource div.title-box {
    display: table;
    height: 28px;
}

article#user-content-box .list-resource div.title-box > * {
    display: table-cell;
    vertical-align: middle;
}

.share-links {
    float: right;
}

.share-links span.button {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: white url(../images/web/spt-divers-web.png) -116px -1139px no-repeat;
}

.share-links span.button.fb {
    background-position: -116px -1274px;
}

.share-links span.button.tw {
    background-position: -116px -1139px;
}

.share-links span.button.gp {
    background-position: -116px -1409px;
}


article#user-edit-box section {
    font-size: 0.9em;
}

article#user-edit-box .user-edit-photo-wrapper {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 195px;
    vertical-align: top;
}

article#user-edit-box .user-edit-data-wrapper {
    display: inline-block;
    padding: 0;
    margin: 0 0 0 25px;
    width: 450px;
    vertical-align: top;
}

article#user-edit-box .user-edit-photo-wrapper #user-avatar {
    display: block;
    padding: 0;
    margin: 0 0 0 70px;
    
    width: 110px;
    height: 110px;
    
    overflow: hidden;
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    
    border: 1px solid #7b7b7b;
}


article#user-edit-box .user-edit-photo-wrapper ul {
    list-style: none;
    display: block;
    padding: 0;
    margin: 10px 0px 0px 0px;
}

article#user-edit-box .user-edit-photo-wrapper ul li:hover {
    color: black;
}

article#user-edit-box .user-edit-photo-wrapper ul li{
    list-style: none;
    display: block;
    padding: 2px 0;
    margin: 0;
    border-bottom: 1px solid #b3ceec;
    cursor: pointer;
}

article#user-edit-box .user-edit-photo-wrapper ul li > span {
    display: inline-block;
    width: 140px;
}

article#user-edit-box .user-edit-photo-wrapper ul > li > .picto {
    display: inline-block;
    padding: 0;
    margin: 0;
    background: transparent url(../images/web/spt-puces-rondes-web.png) -10px 0 no-repeat;
    height: 30px;
    width: 28px;
    vertical-align: top;
}

article#user-edit-box .user-edit-photo-wrapper #user-avatar-actions {
    line-height: 30px;
    padding: 0;
    width: 180px;
    
    font-size: 0.9em;
    display: inline-block;
    vertical-align: top;
    color: #717171;
}

article#user-edit-box .user-edit-photo-wrapper #user-avatar-actions #action-avatar-add .picto{
    background-position: -10px -298px;
}

article#user-edit-box .user-edit-photo-wrapper #user-avatar-actions #action-avatar-del .picto{
    background-position: -10px -134px;
}

article#user-edit-box .add-form-item {
    display: block;
    padding: 0 0 0 30px;
    margin: 0;
    background: transparent url(../images/web/spt-puces-rondes-web.png) -10px -233px no-repeat;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
}
article#user-edit-box .add-form-item:hover {
    color: black;
}

article#user-edit-box #profile-edit-header {
    background: transparent url(../images/web/spt-puces-rondes-web.png) -10px -34px no-repeat;
    height: 30px;
    font-size: 1.3em;
    font-weight: bold;
    color : #7b7b7b;
    line-height: 30px;
    padding-left: 30px;
    margin-bottom: 15px;
}

.picto-pencil {
    background: transparent url(../images/web/spt-puces-rondes-web.png) -10px -34px no-repeat !important;
    height: 30px;
    font-size: 1.3em;
    font-weight: bold;
    color : #7b7b7b;
    line-height: 30px;
    padding-left: 30px;
    margin-bottom: 15px;
}

.picto-pericles {
    background: transparent url(../../../../default/files/pictures/question-icon.png) no-repeat !important;
    height: 30px;
    width: 28px;
}

article#user-edit-box #user-extra-data {

    font-size: 0.9em;

}

article#user-edit-box #user-extra-data label {
    display: inline-block;
    width: 155px;
    text-align: right;
}

article#user-edit-box #user-extra-data #extra-data-form-box {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #7b7b7b;
}

article#user-edit-box #user-publication-data input,
article#user-edit-box #user-extra-data input {
    display: inline-block;
    clear: right;
    width: 220px;
    border: 1px solid #AAA;
    padding: 5px;
}

article#user-edit-box #user-extra-data #user-password-box .input-description ,
article#user-edit-box #user-extra-data #user-password-confirm-box {
    display: none;
}


article#user-edit-box #user-extra-data input.input_ok {
    border: 1px solid green;
}

article#user-edit-box #user-extra-data input.input_error {
    border: 1px solid red;
}

article#user-edit-box #user-extra-data select {
    display: inline-block;
    clear: right;
    width: 230px;
}

article#user-edit-box .form-row {
    display: block;
    margin: 10px 0;
}

article#user-edit-box section h2 {
    font-size: 1.2em;
    font-weight: bold;
    color: #7b7b7b;
}

article#user-edit-box section .domaine-list .trow h3 {
    font-weight: bold;
}

article#user-edit-box section .domaine-list .trow {
    padding: 5px 0;
    border-bottom: 1px solid #aaa;
}

article#user-edit-box section .domaine-list ul {
    list-style: none;
    padding: 0 0 0 10px;
    margin: 0;
}

article#user-edit-box section .domaine-list ul li {
    /*padding: 0 0 0 10px;*/
    margin: 0;
    border-bottom: 1px solid #eee;
    padding: 3px 0px;
    display: block;
}

article#user-edit-box section .domaine-list ul li label{
    display: inline-block;
    min-width: 380px;
}

article#user-edit-box section .domaine-list ul li:last-child {
    border-bottom: 1px solid transparent;
}

article#user-edit-box section .domaine-list ul li.haschilds {
     padding-left: 20px
}

article#user-edit-box section .domaine-list input[type=checkbox] {
    display: inline-block;
    margin: 0 4px;
}

article#user-edit-box section .domaine-list input[type=checkbox] {
    display: inline-block;
    margin: 0 4px;
}

article#user-edit-box #user-publication-data input {
    clear: none;
    display: inline-block;
}

article#user-edit-box #user-extra-data .delete_matiere,
article#user-edit-box #user-publication-data .delete_publication {
    display: inline-block;
    width: 25px;
    height: 30px;
    background: transparent url(../images/web/spt-puces-rondes-web.png) -10px -133px no-repeat;
    margin-left: 5px;
    vertical-align: top;
    cursor: pointer;
}

article#user-edit-box #user-publication-data input.publication_title {
    width: 215px;
}

article#user-edit-box #user-publication-data input.publication_link {
    width: 150px;
}

article#user-edit-box .avatar-box {
    text-align: center;
}

article#user-edit-box .avatar-box #upload-avatar {
    display: none;
}

article#user-edit-box .avatar-box .upload-avatar-progress {
    height: 5px;
    line-height: 0px;
    width: 120px;
    background: #ccc;
    text-align: left;
    display: none;
    margin: 0 auto;
}

article#user-edit-box .avatar-box .upload-avatar-progress-bar {
    display: inline-block;
    height: 5px;
    width: 0%;
    background: #dee69d;
}

article#user-edit-box .avatar-box .upload-avatar-progress-bar.upload-error {
    background: red;
}

#user-edit-button-box,
#user-save-button-box {
    padding-top: 30px;
    text-align: center;
}

article#user-edit-box #user-save-button-fake {
    display: none;
}

article#user-edit-box #user-save-button-fake:hover,
article#user-edit-box #user-save-button-fake:active,
article#user-edit-box #user-save-button-fake {
    background: #ccc;
    color: #7b7b7b;
    cursor: default;
}

/* Autocomplete
----------------------------------*/
.ui-autocomplete { 
    position: absolute; 
    cursor: default; 
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    
    border: 1px solid white;
    background-color: #eee;
    margin: 3px 0 0 0;
    box-shadow: 0 0 3px #444;
    
    font-size: 0.9em;
}       

.ui-autocomplete-loading { /*background: transparent url('../images/refresh.gif') right center no-repeat; */ }

.ui-helper-hidden-accessible { display: none; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/

.ui-autocomplete.ui-menu {
        list-style:none;
        padding: 2px;
        margin: 0;
        display:block;
}   

.ui-autocomplete.ui-menu .ui-menu {
        margin-top: -3px;
}

.ui-autocomplete.ui-menu .ui-menu-item {
        margin:0;
        padding: 0;
        width: 100%;
}

.ui-autocomplete.ui-menu .ui-menu-item a {
        text-decoration:none;
        display:block;
        padding:.2em .4em;
        line-height:1.5;
        zoom:1;
}

.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover,
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active {
        margin: -1px;
        background-color: #aaa;
        color : white;
}

.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-widget-content .ui-state-hover, .ui-autocomplete .ui-widget-header .ui-state-hover, .ui-autocomplete .ui-state-focus, .ui-autocomplete .ui-widget-content .ui-state-focus, .ui-autocomplete .ui-widget-header .ui-state-focus {
    background-color: #ccc;
    background-image: none;
    padding: 0px;
    margin: 0px;
    border-radius: 0;
}

.ui-autocomplete .ui-tabs-panel {
    display: none;
}

#user-ajax-share-button {
    margin: 10px 0 0 15px;
}

#user-ajax-share .user-ajax-row,
#user-ajax-list .user-ajax-row {
    margin: 3px 10px;
    border-bottom: 1px solid #ccc;
    padding: 1px 0px 5px 0px;
}

#user-ajax-list .user-ajax-row .data {
    display: inline-block;
    vertical-align: top;
    width: 170px;
    line-height: 17px;
}

#user-ajax-share {
    max-height: 410px;
    overflow-y: auto;
}

#user-ajax-share .user-ajax-row .data {
    display: inline-block;
    vertical-align: top;
    width: 145px;
    line-height: 17px;
}

#user-ajax-share .user-ajax-row .data span,
#user-ajax-list .user-ajax-row .data span {
    display: block;
    clear: both;
    
}

#user-ajax-share .user-ajax-row .data .name,
#user-ajax-list .user-ajax-row .data .name {
    color: #779eca;
    font-weight: bold;
}

#user-ajax-share .user-ajax-row .data .compo,
#user-ajax-list .user-ajax-row .data .compo {
    font-style: italic;
}

#user-ajax-share .user-ajax-row .avatar,
#user-ajax-list .user-ajax-row .avatar {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    width: 36px;
    height: 36px;
    
    border: 1px solid #ccc;
}

#user-ajax-share .user-ajax-row .avatar img,
#user-ajax-list .user-ajax-row .avatar img {
    width: 100%;
}

#user-ajax-share .user-ajax-row.open .user-ajax-item,
#user-ajax-list .user-ajax-row.open .user-ajax-item {
    margin-bottom: 10px;
}

#user-ajax-share .user-ajax-row .user-ajax-item > .selection {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 20px;
    vertical-align: top;
}

#user-ajax-share .user-ajax-row .user-ajax-item > label {
    display: inline-block;
    width: 190px;
    vertical-align: top;
}

#user-ajax-list .user-ajax-row.open {
    padding-bottom: 20px;
}

#user-ajax-list .user-ajax-row .user-ajax-actions ul {
    margin-right: 10px;
}

#user-ajax-list .user-ajax-row .user-ajax-actions ul li {
    border-top: 1px solid #B4CDE9;
}

#user-ajax-list .user-ajax-row .user-ajax-actions .message-contact .picto {
    background-position: -10px -167px;   
}

#user-ajax-list .user-ajax-row .user-ajax-actions .see-contact .picto {
    background-position: -10px -200px;   
}

#user-ajax-list .user-ajax-row .user-ajax-actions .delete-contact .picto {
    background-position: -10px -134px;   
}

#user-ajax-list .user-ajax-row .user-ajax-actions span.show {
    height: 30px;
    line-height: 30px;
}

#user-ajax-list .user-ajax-row .user-ajax-actions .user-ajax-action-title {
    padding: 0 0 0 40px;
}

#list-actualites .list-actu-row {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #ccc;
}

#list-actualites .list-actu-row:last-of-type {
    border-bottom: 0px solid transparent;
}

#list-actualites .list-actu-row .list-actu-image {
    display: inline-block;
    width: 220px;
    vertical-align: top;
}

#list-actualites .list-actu-row .list-actu-data {
    display: inline-block;
    width: 420px;
    margin: 0 0 0 20px;
    vertical-align: top;
}

#list-actualites .list-actu-row .list-actu-data a{
    color : #666;
}

#list-actualites .list-actu-row .list-actu-image img {
    border: 1px solid #999;
    box-shadow: 0 2px 8px #777;
}

#list-actualites .list-actu-row .list-actu-data .list-actu-pretitle {
    display: block;
}

#list-actualites .list-actu-row .list-actu-data .list-actu-pretitle a {
    color : #799eca;
    text-decoration: none;
    font-weight: bold;
}

#list-actualites .list-actu-row .list-actu-data .list-actu-title {
    margin-bottom: 10px;
}

#list-actualites .list-actu-row .list-actu-data .list-actu-title a {
    font-weight: bold;
    /*font-family: 'Open Sans Condensed';*/
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 1.2em;
    text-decoration: none;
    color: #666;
}

#list-actualites .list-actu-row .list-actu-data .list-actu-suite a {
    font-style: italic;
    font-size: 0.9em;
    text-decoration: none;
    color: #666;
    text-decoration: none;
}

#tresource-box {
    position : relative;
}

#tresource-box #tresource-private-picto {
    display: none;
    width: 20px;
    height: 23px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: transparent url(../images/web/spt-divers-web.png) -116px -1540px no-repeat;
}
#tresource-box.rprivate #tresource-private-picto {
    display: block;
}

.clickable {
    cursor: pointer;
    color : black;
   
}

.msg-error {
    background-color: #FFDFDF;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid red;
    border-radius: 5px;
}


.featherlight .featherlight-close-icon {
    font-size: 22px;
}

.featherlight .featherlight-close-icon:hover {
    box-shadow: -2px 2px 4px #333;
    color: #5B8AC2;
}