/******************/
/* BLOCK QUICKTAB */
/******************/

@media screen and (min-width:765px) {
	/*L'onglet "téléchargement du menu espace-perso en fait une page à part */
.page_user_menu section ul.menu.nav {max-width: 1270px;margin: auto;height: 50px;margin-bottom: 30px;margin-top: 50px;}
.content .page_user_menu ul.menu.nav {max-width: 1270px;margin: auto;height: 50px;margin-bottom: 30px;}
.page_user_menu section ul.menu.nav li {float: left;position: relative;white-space: normal;width: 19.5%;display: inline-block;border-right: 1px solid lightgrey;height: 50px;text-align: center;line-height: 1;padding: 5px 10px;display: inline-table;}
.content .page_user_menu ul.menu.nav li {float: left;position: relative;white-space: normal;width: 19.5%;display: inline-block;border-right: 1px solid lightgrey;height: 50px;text-align: center;line-height: 1;padding: 5px 10px;display: inline-table;}
.page_user_menu section ul.menu.nav li:last-child {border-right: none;}
.content .page_user_menu ul.menu.nav li:last-child {border-right: none;}
.page_user_menu section ul.menu.nav li a {font-size: 23px;display: table-cell;vertical-align: middle;color: lightgrey;}
.content .page_user_menu ul.menu.nav li a {font-size: 23px;display: table-cell;vertical-align: middle;color: lightgrey;}
.page_user_menu section ul.menu.nav li a.active-trail {background-color: #0093ff;color: #fff;}
.content .page_user_menu ul.menu.nav li a.active-trail {background-color: #0093ff;color: #fff;}
.page_user_menu section ul.menu.nav li a.active-trail::after {content: '';-webkit-mask-image: url(../img/etoiles/etoile_home_2.png);opacity: 0.6;display: inline-block;width: 90px;height: 90px;position: absolute;background-color: #0093ff;transform: scale(0.5) rotate(255deg);top: -60px;right: -15px;}
.content .page_user_menu ul.menu.nav li a.active-trail::after {content: '';-webkit-mask-image: url(../img/etoiles/etoile_home_2.png);opacity: 0.6;display: inline-block;width: 90px;height: 90px;position: absolute;background-color: #0093ff;transform: scale(0.5) rotate(255deg);top: -60px;right: -15px;}
}
.page_user_title h1 {font-weight: bold;}
/*Hover*/

body:not(.page-node-92094):not(.page-node-92097):not(.page-node-92095) .page_user_menu ul.menu.nav li:hover a {background-color: #0093ff;color: #fff;}
body:not(.page-node-92094):not(.page-node-92097):not(.page-node-92095) .page_user_menu ul.menu.nav li:hover a::after {content: '';-webkit-mask-image: url(../img/etoiles/etoile_home_2.png);opacity: 0.6;display: inline-block;width: 90px;height: 90px;position: absolute;background-color: #0093ff;transform: scale(0.5) rotate(255deg);top: -60px;right: -15px;}

body.page_user_menu section ul.menu.nav li:hover a {background-color: #0093ff;color: #fff;}
body.page_user_menu section ul.menu.nav li:hover a::after {content: '';-webkit-mask-image: url(../img/etoiles/etoile_home_2.png);opacity: 0.6;display: inline-block;width: 90px;height: 90px;position: absolute;background-color: #0093ff;transform: scale(0.5) rotate(255deg);top: -60px;right: -15px;}

/* MES INFORMATIONS */
.page-user .main-container.container section.col-sm-12 .row .tabs--primary {display: none;}

/*//User picture*/
.user-picture img {padding: 10px;border: 1px solid grey;}
.user-picture {position: relative;}
.user-picture:before {content:"\e90f";font-family: "icomoon";position: absolute;top: 20px;right: 20px;color: #fff;border-radius: 50px;background-color: grey;width: 20px;height: 20px;padding: 0px 2px;}
.page_user_content .user-edit-form .user-edit-container fieldset.required-fields .panel-body .form-group.form-item-files-picture-upload {display: none;width: 80%;left: 10%;position: absolute;top: 90px;}
.page_user_content .user-edit-form .user-edit-container fieldset.required-fields .panel-body .form-group.form-item-files-picture-upload.openPic {display: block;}

/*User informations*/
.page_user_content  .user-edit-form .user-edit-container fieldset.required-fields {border: none;} 
.page_user_content  .user-edit-form .user-edit-container .panel {border: none;box-shadow: none;} 
.page_user_content  .user-edit-form .user-edit-container fieldset.required-fields .panel-body .panel .panel-heading { background-color: transparent;border-color: transparent;padding: 0;font-weight: bold;}
#edit-field-user-birthdate-und-0-value label {display: none;}
#hw_profile_professional_roles_description p {margin-bottom: 30px;}
.page_user_content  .user-edit-form .user-edit-container fieldset.required-fields .panel-body #edit-picture {width: 30%;position: absolute;}
.page_user_content  .user-edit-form .user-edit-container fieldset.required-fields .panel-body #edit-picture .panel-heading {display: none;}
.page_user_content  .user-edit-form .user-edit-container fieldset.required-fields .panel-body > .form-group {width: 60%;left: 35%;position: relative;}
.page_user_content  .user-edit-form .user-edit-container .form-control {border-radius: 0;width: 97%;height: 50px;}
.page_user_content  .user-edit-form .user-edit-container .date-combo .panel-body {padding: 0;}
.page_user_content  .user-edit-form .user-edit-container fieldset.date-combo .container-inline-date .date-padding {padding: 0;}

#edit-hw-profile-professional-roles .form-item-hw-profile-professional-roles-9-enabled {background-color: #e5f4ff;padding: 15px;clear: both;}
#edit-hw-profile-professional-roles .form-item-hw-profile-professional-roles-11-enabled {background-color: #e5f4ff;padding: 15px;}
#edit-hw-profile-professional-roles .form-item-hw-profile-professional-roles-12-enabled {background-color: #e5f4ff;padding: 15px;clear: both;}
/* Role blogueur = 13 en prod */
#edit-hw-profile-professional-roles .form-item-hw-profile-professional-roles-13-enabled {background-color: #e5f4ff;padding: 15px;clear: both;}

/* Blogueur */
.infos-blogueur {margin: 20px 0; font-style: italic; font-size: 14px;}

/*Checkbox */
/*Journaliste*/
.page-user-edit .checkbox label {position: initial;display: inline-block;}
.page-user-edit .checkbox label::before {position: absolute;content: "+";display: inline-block;border:none;height: 16px;width: 16px;right: 20px;top: 5px;font-size: 25px;left: unset;}
.page-user-edit .checkbox label.openLabel::before {content:'-';}
.page-user-edit .checkbox label::after {display: none;}

.page-user-edit .checkbox input[type="checkbox"] {opacity: 0;}
.page-user-edit .checkbox input[type="checkbox"] +label::after {content: none;}
.page-user-edit .checkbox input[type="checkbox"]:checked +label::after {display: none;}
.page-user-edit .checkbox input[type="checkbox"]:focus +label::before {content:"-";border: 1px solid transparent;}


#edit-field-newsletters-lecteur-und .checkbox label {padding-left: 30px;}
#edit-field-newsletters-lecteur-und .checkbox input[type="checkbox"]:checked +label::after {content: "L";}
#edit-field-newsletters-lecteur-und .checkbox input[type="checkbox"] {display: inline-block;border:none;height: 16px;width: 16px;right: 20px;}
#edit-field-newsletters-lecteur-und .checkbox label::before, #edit-field-newsletters-lecteur-und label::after {position: absolute;content: "";display: inline-block;margin-left: 5px;}
#edit-field-newsletters-lecteur-und .checkbox label::before {height: 16px; width: 16px;border: 1px solid #0093ff;left: 0px;top: 3px;}
#edit-field-newsletters-lecteur-und .checkbox label::after {height: 5px;width: 19px;transform: rotateY(190deg) rotateZ(-40deg);left: 6px;top: -4px;color: #0093ff;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;font-size: 1.3em;}

/* Pictures */
.page_user_content  fieldset#edit-picture {}
.page_user_content  fieldset#edit-picture  label {position: initial;display: inline-block;font-size: 0;font-weight: normal;}
.page_user_content  fieldset#edit-picture  label::after {content:"Modifier la photo de profil";font-size: 18px;border: 1px solid grey;background-color: #fff;padding: 10px;color: grey;}

.page_user_content  fieldset#edit-picture  input[type="file"] {opacity: 0;}
.page_user_content  fieldset#edit-picture  input[type="file"] +label::after {content: none;}
.page_user_content  fieldset#edit-picture  input[type="file"]:checked +label::after {display: none;}

.page_user_content .form-group:last-child, .page_user_content .panel:last-child {margin-bottom: 20px;}

.page_user_content .form-item-field-newsletters-lecteur-und {
    clear: both;
}


#hw-profile-role-9 .form-group .form-group.form-wrapper {width: 48%; float: left;}
#hw-profile-role-9 .form-group .form-group.form-wrapper:nth-child(2n+1) {margin-right: 4%;}

#hw-profile-role-11 .form-group .form-group.form-wrapper {width: 48%; float: left;}	
#hw-profile-role-11 .form-group .form-group.form-wrapper:nth-child(2n+1) {margin-right: 4%;}


/* MA WHISHLIST */

.view-hw-wishlist .view-content .views-row {margin: 30px 0;padding: 20px 0 40px 0;border-bottom: 1px solid lightgrey;}
.view-hw-wishlist .view-content .views-row .field-name-hw-livre-collection-parent {padding: 5px 0;}
.view-hw-wishlist .view-content .views-row .field-name-hw-livre-couverture {padding: 0 80px 0 0;}
.view-hw-wishlist .view-content .views-row .field-name-hw-livre-prix {font-weight: bold;}
.view-hw-wishlist .view-content .views-row .field-name-hw-livre-prix span.maj {font-size: 2em;}
.view-hw-wishlist .view-content .views-row .field-name-hw-livre-titre-court a {font-weight: bold;font-size: 1.7em;}
.view-hw-wishlist .view-content .views-row .field-name-hw-livre-sous-titre {color: grey;margin-bottom: 30px;}
.view-hw-wishlist .view-content .views-row .field-name-hw-livre-serie ,
.view-hw-wishlist .view-content .views-row .field-name-hw-livre-ean ,
.view-hw-wishlist .view-content .views-row .field-name-hw-livre-date-parution {position: relative;}
.view-hw-wishlist .view-content .views-row .field-name-hw-livre-ean .field-item ,
.view-hw-wishlist .view-content .views-row .field-name-hw-livre-serie .field-item ,
.view-hw-wishlist .view-content .views-row .field-name-hw-livre-date-parution .field-item {position: absolute;left: 100px;}
.view-hw-wishlist .view-content .views-row .group-right {padding: 130px 0;text-transform: uppercase;}
.view-hw-wishlist .view-content .views-row .group-right a {color: grey;}

/* PAGE MY WHISHLIST */

.view-hw-wishlist .group-middle .field-name-hw-intervenants {color:lightgrey;margin-bottom: 20px;}
.view-hw-wishlist .group-middle .field-type-entityreference .field-item,
.view-hw-wishlist .group-middle .field-type-entityreference .field-item a,
.view-hw-wishlist .group-middle .field-name-hw-livre-serie .field-item,
.view-hw-wishlist .group-middle .field-name-hw-livre-serie .field-item a,
.view-hw-wishlist .group-middle .field-name-hw-livre-ean .field-item,
.view-hw-wishlist .group-middle .field-name-hw-livre-ean .field-item a {color: lightgrey;}

/* MES ALERTES */

.page_user_content {margin-bottom: 30px;}
.page_user_content  h2 {background-color: #e5f4ff;padding: 20px;font-size: 18px;font-weight: bold;clear: both;}
.page_user_content  h2::before {content: '\e94e';display: inline-block;margin-right: 5px;font-family: "icomoon";font-size: 14px;}
.page_user_content h2:nth-child(7) {display: none;} /* Cacher les alertes collections pour le moment */
.page_user_content .view {padding: 30px 0;display: flow-root;}
.page_user_content .view .text-center {clear: both;}
.page_user_content .view:not(.view-hw-wishlist) .view-content .views-row {position: relative;width: 20%;display: inline-block;float: left;padding: 0 20px;margin: 20px 0;text-align: center;height: auto;}
.page_user_content .view.view-display-id-block_series_alerts .view-content .views-row a {font-weight: bold;}
.page_user_content .view.view-display-id-block_series_alerts .view-content .views-row .field-name-title {margin-top: 10px;}
.page_user_content .view.view-display-id-block_series_alerts .view-content .views-row {height: 300px;}
.page_user_content .view .view-content .views-row .field-name-title-field ,
.page_user_content .view .view-content .views-row .field-name-hw-livre-titre-court {font-weight: bold;margin-top: 10px;}
.page_user_content .view .view-content .views-row .field-name-hw-livre-collection-parent {text-transform: uppercase;}
.page_user_content .view .view-content .views-row .field-name-hw-livre-collection-parent a {font-size: 14px;}
.page-user-alerts .page_user_content .view .view-content .views-row .flag-outer {display: none;}
.page-user-alerts .page_user_content .view .view-content .views-row .node {position: relative;}
.page-user-alerts .page_user_content .view .view-content .views-row:hover .flag-outer {display: block;width: 30px;height: 30px;overflow: hidden;border-radius: 50px;background-color: lightgrey;z-index: 9;}
.page-user-alerts .page_user_content .view .view-content .views-row:hover .flag-outer {display: block;width: 30px;height: 30px;position: absolute;top: -10px;right: 0px;overflow: hidden;border-radius: 50px;background-color: lightgrey;z-index: 9;}
.page-user-alerts .page_user_content .view .view-content .views-row:hover .flag-outer a {color: transparent;}
.page-user-alerts .page_user_content .view .view-content .views-row:hover .flag-outer span a::before {content:"\e90e";position: relative;top: 4px;left: 7px;font-family: "icomoon";color: #fff;}
.page-user-alerts .page_user_content .view .view-content .views-row:hover .flag-outer span a.unflagged::before {content:"+";position: relative;top: -4px;left: 9px;font-family: "icomoon";color: #fff;font-size: 20px;}

.page_user_content div h2 {background-color: transparent;width: auto;padding: 0;font-size: 25px;}
.page_user_content div h2::before {content: none;}

.page_user_introduction {margin: 30px 0;}
.page_user_content form label:first-child {background-color: #e5f4ff;padding: 20px;font-size: 18px;font-weight: bold;clear: both;width: 100%;}
#hw-profile-user-interests-form {margin-bottom: 50px;}
#hw-profile-user-interests-form .form-checkboxes {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;}
#hw-profile-user-interests-form .form-checkboxes .form-item {flex: 0 1 33%;margin-bottom: 30px;}
#hw-profile-user-interests-form #edit-parent-themes {visibility: hidden;height: 0;}
#hw-profile-user-interests-form #edit-themes .form-item {display: block !important;}
#hw-profile-user-interests-form #edit-themes .form-item label {background-color: transparent;}
#hw-profile-user-interests-form .form-checkboxes, #hw-profile-user-interests-form .form-checkboxes {padding-left: 20px;}




#edit-actions--2 {text-align: right;}

.page-user #edit-submit {background-color: #000;border-radius: 50px;padding: 10px 15px;color: #fff;border-color: #000;}
.page-user #edit-submit:hover {background-color: #fff;color: #000;border-color: #000;}
.page-user #edit-submit span {display: none;}

.page-user #edit-cancel {background-color: #fff;border-radius: 50px;padding: 10px 15px;color: #000;border: 1px solid #000;}
.page-user #edit-cancel:hover {background-color: #000;color: #fff;border-color: #fff;}

.page-user .link-user-logout {float: right;text-transform: uppercase;text-decoration: underline;}
.page-user .link-user-logout:hover {text-decoration: underline;}

.page-user-alerts #edit-submit ,
.page-user-interests #edit-submit {float: right;}

/* Page Ressources */
body .page-ressources #page-title-wrapper {margin-bottom: 80px;}
body .page-ressources .view-header .blockfacetteapi_wrapper {width: 30%;float: left;}
body .page-ressources .view-header p {margin-bottom: 50px;}
body .page-ressources .view-header > p {color: grey;}
body .page-ressources .view-header p.block-title {text-transform: uppercase;margin-top: 30px; margin-bottom: 20px; }
body .page-ressources .view-header .block-facetapi:first-child p.block-title {margin: 10px 0px;}
body .page-ressources .view .view-header .intro {position: absolute;top: 70px;}

body .page-ressources .facetapi-facetapi-checkbox-links label {display: inline-block;font-size: 0;}
body .page-ressources .facetapi-facetapi-checkbox-links label::before,
body .page-ressources .facetapi-facetapi-checkbox-links label::after {position: absolute;content: "";display: inline-block;}
body .page-ressources .facetapi-facetapi-checkbox-links label::before{height: 16px;width: 16px;border: 1px solid #0093ff;left: 20px;top: 17px;}
body .page-ressources .facetapi-facetapi-checkbox-links label::after {height: 5px;width: 19px;transform: rotateY(190deg) rotateZ(-40deg);left: 27px;top: 11px;color: #0093ff;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;font-size: 1.3em;}

body .page-ressources .facetapi-facetapi-checkbox-links input[type="checkbox"] {opacity: 0;position: absolute;}
body .page-ressources .facetapi-facetapi-checkbox-links input[type="checkbox"] +label::after {content: none;}
body .page-ressources .facetapi-facetapi-checkbox-links input[type="checkbox"]:checked +label::after {content: "L";font-size: 20px;}
body .page-ressources .facetapi-facetapi-checkbox-links input[type="checkbox"]:focus +label::before {outline: rgb(59, 153, 252) auto 5px;}

body .page-ressources a.facetapi-limit-link {font-style:italic;color: grey;font-weight: bold;}
body .page-ressources .facetapi-facetapi-checkbox-links label::before {left: -20px;top: 11px;}
body .page-ressources .facetapi-facetapi-checkbox-links label::after {left: -16px;top: 0px;}
body .page-ressources .block.block-facetapi ul.facetapi-facetapi-checkbox-links {padding-inline-start:20px;}
body .page-ressources .block.block-facetapi ul.facetapi-facetapi-checkbox-links li {padding: 10px;height: unset;color: #000;cursor: pointer;}
body .page-ressources .block.block-facetapi ul.facetapi-facetapi-checkbox-links li a:hover {color: #0093ff;}
body .page-ressources .block.block-facetapi ul.facetapi-facetapi-checkbox-links li ul li {margin: 0;padding: 5px;color: #000;}
body .page-ressources .block.block-facetapi ul.facetapi-facetapi-checkbox-links li ul li label:before {top: 7px;}
body .page-ressources .block.block-facetapi ul li ul {margin-left: -20px;}

body .page-ressources .view-content .views-row {border:1px solid rgba(0,147,254,0.3);flex:0 0 100%;width: 100%;display: inline-block;float: left;background-color: #fff;padding: 10px;margin: 1% 0;position: relative;box-shadow: 2px 2px 45px rgba(211,211,211,0.5);}
body .page-ressources .view-content .views-row:hover {transform:scale(1.03);}

body .page-ressources .view-content .views-row img {display: none;}

body .page-ressources .view-content .views-row .group-left {width: 70%;}
body .page-ressources .view-content .views-row .group-right {width: 30%;}
body .page-ressources .view-content .views-row .group-left .field-name-title-field {font-weight: bold;padding: 0 10px;}
body .page-ressources .view-content .views-row .group-left .field-name-post-date {color: grey;background-color: #fff;margin-left: 0;display: block;padding: 0 10px;}
body .page-ressources .view-content .views-row .group-left .field-name-post-date:before {content:'Publié le '; color: grey;display: inline-block;float: left;margin-right: 4px;}


body .page-ressources .view-content .views-row .group-right a {font-size: 0;}
body .page-ressources .view-content .views-row .group-right a:before {color:#0093fe;content:'\e911';font-family: "icomoon";font-size: 22px;position: absolute;right: 30px;top: 5px;}

body .page-ressources .pagerer.pagerer-right {display: none;}


input[type=text]:focus,
textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}