/* CSS HESGE - code : LTI - février 2017 */
/* lti@hesge.ch */

/* CSS RESET */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
}

ol li {
  list-style-type: decimal;
}
ol[style="list-style-type:lower-alpha"] li {
  list-style-type: lower-alpha;
}
ol[style="list-style-type:upper-alpha"] li {
  list-style-type: upper-alpha;
}

ol li ul li {
  list-style-type: none;
}

/*hr*/
hr {
	color: #fff; 
	background-color: #fff; 
	border: 1px dotted #c9c9c9; 
	border-style: none none dotted; 
	clear: both;
	margin: 10px 0;
	padding: 0;
}

.clear {
	clear:both;
	height:1px;
	line-height:1px;
	font-size:0px;
}

/*Style pour le contributeur*/
.hesge-texte-rouge {
	color: #ea3b39;
}
.hesge-aligne-droite {
	text-align: right;
}
.hesge-aligne-centre {
	text-align: center;
}

/* CORRECTIONS DRUPAL */

html body.admin-menu {
	margin-top:34px !important;
}
#admin-menu-wrapper {
    font-size: 0.75em;
}

#main #content ul.pager li {
  background: none;
  display: inline;
}

ul.menu li {
  margin: 0;
}
ul li.expanded, ul li.collapsed, ul li.leaf {
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-type: none;
}

#main #content  .field-collection-container {
	border-bottom: none;
	margin-bottom: 0;
}

#main #content .field-collection-view {
	padding: 0;
	margin: 0px;
	border: none;
}

/* STYLES POUR TOUS LES SITES */

/*************** FONT ***************/

.uppercase
	{
		text-transform: uppercase;
	}
	
.bold
	{
		font-weight: bold;
	}
	
.italic
	{
		font-style: italic;
	}
.normal
	{
		font-weight: normal;
		font-style: normal;
	}

.font-size-18,
.hesge-font-size-18 
	{
		font-size: 18px;
	}

.font-size-48,
.hesge-font-size-48 
	{
		font-size: 48px;
	}
	
.float-left,
.hesge-float-left

	{
		float: left;
	}
	
.float-right,
.hesge-float-right

	{
		float: right;
	}
	

/*************** PADDING ***************/

.padding-0
	{
		padding: 0 !important;
	}
	
.padding-30,
.hesge-padding-30
	{
		padding: 30px !important;
	}
	
.padding-40
	{
		padding: 40px !important;
	}

.padding-50
	{
		padding: 50px !important;
	}
	

/*************** PADDING-TOP ***************/

.padding-top-10
	{
		padding-top: 10px !important;
	}
	
.padding-top-15
	{
		padding-top: 15px !important;
	}
	
.padding-top-20
	{
		padding-top: 20px !important;
	}
	
.padding-top-30
	{
		padding-top: 30px !important;
	}
	
.padding-top-40
	{
		padding-top: 40px !important;
	}
	
.padding-top-50
	{
		padding-top: 50px !important;
	}
	
.padding-top-60
	{
		padding-top: 60px !important;
	}
	
.padding-top-75
	{
		padding-top: 75px !important;
	}
	
.padding-top-100
	{
		padding-top: 100px !important;
	}
	
/*************** PADDING-BOTTOM ***************/

.padding-bottom-10
	{
		padding-bottom: 10px !important;
	}
	
.padding-bottom-15
	{
		padding-bottom: 15px !important;
	}
	
.padding-bottom-20
	{
		padding-bottom: 20px !important;
	}
	
.padding-bottom-30
	{
		padding-bottom: 30px !important;
	}
	
.padding-bottom-40
	{
		padding-bottom: 40px !important;
	}
	
.padding-bottom-50
	{
		padding-bottom: 50px !important;
	}
	
.padding-bottom-75
	{
		padding-bottom: 75px !important;
	}
	
.padding-bottom-100
	{
		padding-bottom: 100px !important;
	}
	
/*************** PADDING-LEFT ***************/

.padding-left-10
	{
		padding-left: 10px !important;
	}
	
.padding-left-20
	{
		padding-left: 20px !important;
	}
	
.padding-left-30
	{
		padding-left: 30px !important;
	}
	
.padding-left-50
	{
		padding-left: 50px !important;
	}
	
.padding-left-75
	{
		padding-left: 75px !important;
	}
	
	
/*************** PADDING-RIGHT ***************/

.padding-right-0
	{
		padding-right: 0;
	}
	
.padding-right-10
	{
		padding-right: 10px !important;
	}
	
.padding-right-20
	{
		padding-right: 20px !important;
	}
	
.padding-right-30
	{
		padding-right: 30px !important;
	}
	
.padding-right-50
	{
		padding-right: 50px !important;
	}
	
.padding-right-75
	{
		padding-right: 75px !important;
	}
	
	
/*************** MARGIN ***************/

.margin-0
	{
		margin: 0 !important;
	}
	
/*************** MARGIN-TOP ***************/

.margin-top-10
	{
		margin-top: 10px !important;
	}
	
.margin-top-20
	{
		margin-top: 20px !important;
	}
	
.margin-top-30
	{
		margin-top: 30px !important;
	}
	
.margin-top-40
	{
		margin-top: 40px !important;
	}
	
.margin-top-50
	{
		margin-top: 50px !important;
	}
	
.margin-top-75
	{
		margin-top: 75px !important;
	}
	
.margin-top-100
	{
		margin-top: 100px !important;
	}
	
/*************** MARGIN-BOTTOM ***************/

.margin-bottom-10
	{
		margin-bottom: 10px !important;
	}
	
.margin-bottom-20
	{
		margin-bottom: 20px !important;
	}
	
.margin-bottom-30
	{
		margin-bottom: 30px !important;
	}
	
.margin-bottom-40
	{
		margin-bottom: 40px !important;
	}
	
.margin-bottom-50
	{
		margin-bottom: 50px !important;
	}
	
.margin-bottom-75
	{
		margin-bottom: 75px !important;
	}	
	
.margin-bottom-100
	{
		margin-bottom: 100px !important;
	}
	
/*************** MARGIN-LEFT ***************/

.margin-left-10
	{
		margin-left: 10px !important;
	}
	
.margin-left-20
	{
		margin-left: 20px !important;
	}
	
.margin-left-40
	{
		margin-left: 40px !important;
	}
	
.margin-left-50
	{
		margin-left: 50px !important;
	}
	
/*************** MARGIN-RIGHT ***************/

.margin-right-10
	{
		margin-right: 10px !important;
	}
	
.margin-right-20
	{
		margin-right: 20px !important;
	}
	
.margin-right-40
	{
		margin-right: 40px !important;
	}
	
.margin-right-50
	{
		margin-right: 50px !important;
	}


/*************** MARGIN-RIGHT ***************/


/*************** Formulaire ***************/

#structure #content input[type=text],
#structure #content input[type=password],
#structure #content input[type=email],
#structure #content .form-item select {
	border: 1px solid #ccc;
	padding: 4px;
	width: 455px;
}

#structure #content .form-item select {
	width: 465px;
}
#structure #content input.form-submit {
	background-color: #5c5959;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px;
	width: auto;
}
#structure #content label {
	margin-top: 10px;
}
#structure #content fieldset {
	margin: 25px 0 5px 0;
}
#structure #content legend {
	font-size: 14px;
	margin: 0 0 10px 0;
}
#structure #content .node-webform p {
	margin: 10px 0 0 0;
}
#structure #content .form-actions,
#structure #content .checkout-buttons {
	margin-right: 15px;
	text-align: right;
}

/*Label et champs sur la meme ligne*/
#structure #content .webform-container-inline label {
	width: 150px;
	margin-top: 20px;
	float: left;
}
#structure #content .webform-container-inline input {
	width: 293px;
	margin-top: 15px;
}

/*Dates*/
#structure #content .date-display-start,
#structure #content .date-display-end,
#structure #content .date-display-single,
#wrapper #content .date-display-start,
#wrapper #content .date-display-end,
#wrapper #content .date-display-single {
	text-transform: lowercase;
}

/* Icones de liens */
.hesge-link-pdf,
.hesge-link-img,
.hesge-link-word,
.hesge-link-excel,
.hesge-link-powerpoint,
.hesge-link-zip,
.hesge-link-audio,
.hesge-link-video,
.hesge-link-web,
.hesge-link-external,
.hesge-link-eml,
.ext,
.mailto {
    background-position: left top !important;
    background-repeat: no-repeat !important;
    padding: 0 0 0.2em 22px !important;
    border: medium none !important;
}
.hesge-link-web {
    background:url("../images/ico-web.gif") no-repeat 0px 0px !important;
}
.hesge-link-eml,
.mailto {
    padding-left: 18px !important;
    background:url("../images/ico-eml.gif") no-repeat 0px 3px !important;
}
.hesge-link-pdf {
    background-image: url("../images/ico-pdf.gif") !important;
}
.hesge-link-excel {
  background-image: url("../images/ico-excel.gif") !important;
}
.hesge-link-word {
  background-image: url("../images/ico-word.gif") !important;
}
.hesge-link-powerpoint {
  background-image: url("../images/ico-powerpoint.gif") !important;
}
.hesge-link-zip {
  background-image: url("../images/ico-zip.gif") !important;
}
.hesge-link-audio {
  background-image: url("../images/ico-audio.gif") !important;
}
.hesge-link-video{
  background-image: url("../images/ico-video.gif") !important;
}
.hesge-link-external, .ext {
    background-image: url("../images/ico-external.gif") !important;
}

span.ext, span.mailto {
    display: none !important;
    padding: 0;
}



/* Fil d'Ariane */

#breadcrumb ul li {
	display: inline;
	padding: 0px 5px 0px 14px;
	background: url("../images/bullet-breadcrumb.gif") no-repeat 0 center;
}

#breadcrumb ul li.bc-first {
	padding: 0px 5px 0px 0px;
	background: none;
}

/********** COLONNE CENTRALE **********/

h2#section-title {
  font: 1.85em bold Arial, Helvetica, sans-serif;
  color: #848a92;
  text-transform: none;
}

#structure #content ul {
	margin: 10px 0 15px 0;
}

#main #content ul li {
  margin:2px 0px 0px 0px;
  padding:0px 0px 0px 12px;
  background: url("../images/bullet-main.gif") no-repeat left 7px;
}

#main #content p {
    margin: 8px 0 7px 0;
}

#main #content p.read-more {
    float: left;
    padding:0.5em 0 0 0;
}
#main #content p.note {
    margin:70px 0px 0px 0px;
    padding:5px;
    background:#F5F5F5;
}

#main #content p.read-more a {
    color:#CC0000;
}

#main #content .field-collection-view .field-label{
  width: 100%;
}

#main #content .view-content .addthis_button,
#main #content .view-content .addthis_toolbox {
    float: right;
    padding: 0.5em 0 0 0;
}

#main #content .addthis_button,
#main #content .addthis_toolbox {
	float: left;
	margin: 0.5em 0 0 0;
}

#structure #content ul.tabs li,
#wrapper #content ul.tabs li {
	background: none !important;
	padding-left: 0 !important;
}

/********** navigation dans la page centrale *******/

#main #content div.page-nav {
    clear: both;
    margin:20px 0px;
    padding: 10px;
    background: #EFF1F3;
}

#main #content div.page-nav ul{
  margin:0px;
  padding: 0px;
}

#main #content div.page-nav ul li {
    display: inline;
    padding:0px 4px 0px 10px;
    line-height: 1.75em;
    font-weight: bold;
    background:url("../images/bullet-page-nav.gif") no-repeat 1px 3px;
}
#main #content div.page-nav ul li.page-nav-1 {
    padding:0px 4px 0px 0px;
    background:none;
}

#main #content div.page-nav ul li a {
	border: medium none;
	color: #A7ABB0;
}

#main #content div.page-nav ul li a:hover {
	color: #696E75;
}

#main #content div.page-nav ul li a.active {
	text-decoration: none;
	color: #696E75;
}

/********** Search **************/
#structure #content .ds-search-extra,
#main #content .ds-search-extra {
	margin-bottom: 20px;
}
.form-item-apachesolr-search-detach-auto-language-filter {
	display: none !important;
}
.spelling-suggestions {
	margin-bottom: 20px;
	padding: 10px;
}
#content .form-item {
	margin: 0;
}

li.search-result {
	display: list-item;
}

.page-recherche-heg .block-system h1,
.page-recherche-hets .block-system h1,
.page-recherche-hem .block-system h1,
.page-recherche-head .block-system h1,
.page-recherche-hepia .block-system h1,
.page-recherche-sc .block-system h1 {
	display: none;
}

/********** Table **************/

#main #content table {
	width: 100%;
}

/********** ACTUALITE **********/

#main .view .date-nav-wrapper .date-nav{
  margin-bottom: 0px;
}

#main .view .date-nav ul.pager {
  padding: 0px;
  margin: 0px;
}

#main .view .date-nav ul.pager li.date-prev,
#main .view .date-nav ul.pager li.date-next {
  padding: 5px;
  margin: 0px;
  background: none repeat scroll 0 0 #DFDFDF;
}

/********** ANNUAIRE **********/

#main #content div.views-field-picture img {
    float: left;
    margin: 0px 10px 10px 0px;
    padding: 6px;
    width:59px;
    height:78px;
}

#main #content .view-annuaire .views-row {
  clear:left;
}

#main #content .view-annuaire .views-field h6 {
    margin: 0;
    padding: 3px 0px 10px 0px;
}
#main #content .view-annuaire .views-field p {
    margin: 0;
    padding: 0;
}
#main #content .view-annuaire hr {
    margin-bottom: 10px;
}

#main #content #basic-data {
	padding:0px 0px 20px 0px;
}
#main #content #basic-data .user-picture img {
    float: left;
    margin: 0px 10px 0px 0px;
    padding:6px;
    width:113px;
    height:150px;
}
#main #content #basic-data p {
    line-height: 0.7em;
    margin: 0px 0px 7px 140px;
    padding: 0px 0px 6px 0px;
}
#main #content #basic-data a {
  padding-bottom: 0;
}

#main #content div.fiches h6 {
  margin-top: 20px;
  padding-bottom: 4px;
  padding-top: 0;
}

#main #content div.fiches a {
    padding-bottom: 0;
}

#main #content div.field_user_department {
  clear: both;
  margin: 0px 0px 20px 0px;
  padding: 7px 10px 10px;
  background:url("../images/bg-annuaire-filiere.gif") repeat-x left top;
}

#main #content div.field_user_department h6 {
  margin: 4px 0px 0px 0px;
  padding: 0px;
  border: medium none;
}

#main #content span.annuaire-nom {
  text-transform: uppercase;
}

/********** FORMULAIRE **********/

form {
  display: block;
  clear: both;
  width: 100%;
}

form input.form-text,
form textarea {
    width: auto;
    padding: 4px;
}
form input.form-submit {
    width: auto;
    padding: 5px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #C1C3C6;
}

/********** PLAN DU SITE **********/

#main #content.sitemap h5 {
	margin:15px 0px;
	padding:0px;
}

#main #content ul ul {
    padding:2px 0px 10px 0px;
}
#main #content p.back-to-top {
    clear: both;
    margin:8px 0px 7px 0px;
    padding: 6px 16px 0px 0px;
    font-size: 0.85em;
    font-weight: bold;
    text-align: right;
    background: url("../images/top.gif") no-repeat right 8px;
}

#content .form-item select {
  width: 100%;
}

#content .form-item input
{
  width: auto;
}

#site-map h2 {
	display: none;
}

/*********** GALERIE DE PHOTO ***********/

#main #content div.gallery-slides ul li,
#main #content div.gallery-thumbs ul li{
  background: none;
  padding:0;
  margin:0;
}

.galleryformatter-greenarrows .gallery-thumbs {
  padding: 0;
}

.view-id-galerie_de_photos .field-content {
  text-align: center;
}

/*********** LIVRE EDITIONS IES *****/
div.group_livre_cr_aff > div > span {
  font-weight:bold;
}
/*********** DRUPAL COMMERCE ********/

.block-commerce-cart {
  margin-bottom: 12px;
}
.view-commerce-cart-block table,
.view-commerce-cart-block .line-item-summary span {
  width: 100%;
}

ol.commerce-checkout-progress {
  padding: 0 0 0 20px;
}

ol.inline.commerce-checkout-progress li {
  width: 20%;
}

/**** Messages *****/

.messages {
  clear: both;
}

/**** Autocomplete ***/

#main #content #autocomplete {
  background: #fff;
  border: 1px solid;
  overflow: hidden;
  position: absolute;
  z-index: 100;
}

#main #content #autocomplete ul li {
  list-style-type: none;
  background: none;
  cursor: default;
  margin: 0;
  padding: 0;
}

#main #content  #autocomplete ul li.selected {
  background: #C1C3C6;
  color: #fff;
}