/*
 *  ETEQ MAIN PAGE
 */


/* move the help region with the intro slideshow down */
.region.help {
    position: relative;
    top: -70px;
}

#main_section .container,
#header.section .container,
footer.section {
    max-width: 1200px;
    margin: auto;
    width: 100%;
    display: table;
}

footer.section {
    clear: both;
}

/* on te front page, we only have one column */
.path-frontpage #main_section {
    padding-top: 1em;
}

.path-frontpage .content-container {
    min-width: 100% !important;
    float: initial !important;
}


/* for a couple of internal only pages, we maximize content */
.context-liste-cours-en .content-container,
.context-liste-cours-fr .content-container {
    min-width: 100%;
    max-width: max-content;
}

.context-liste-cours-en tr.liste-cours-ligne-en td.views-field,
.context-liste-cours-fr tr.liste-cours-ligne td.views-field {
    padding: 0.5em 0.2em;
    border-bottom: 1px solid #777;
    border-top: 1px solid #777;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
}


/* all other pages have a left column (sidebar) */
.content-container {
    float: right;
    width: 67%;
    min-width: 640px;
    max-width: 820px;
    min-height: 700px;
}

.sidebar-container {
    min-width: 300px;
    max-width: 380px;
    width: 33%;
    float: left;
    position: sticky !important;
    top: 50px;
}

.content {
    padding: 0em 1em;
}

.content img.align-center {
    width: 100%;
}

@media screen and (max-width:992px){
    .content-container {
        min-width: 100% !important;
        clear: both;
        padding-bottom: 4em;
    }
    .sidebar-container {
        clear: both;
        margin: auto;
        width: initial;
        float: initial;
        padding-bottom: 3em;
    }
    .path-frontpage #main_section {
        padding-top: 3em;
    }
    #main_section .container,
    #header.section .container,
    footer.section {
        display: initial;
    }
}

@media screen and (max-width:400px){
    .content {
        padding: 0em;
    }
}
/* all images have a nice 3px radius - classssy! */
img {
    border-radius: 3px;
    max-width: 100%;
}

hr.eteq_separator_footer {
    border-top: 1px solid black !important;
    border: 0px;
    padding-bottom: 3em;
}

/* style the print version for the programmes */
div.print__link {
    padding-top: 2em;
    text-align: right;
    font-size: 0.8em;
}

/*
 * Two columns (with elegant degrade) div
 */
.two_columns {
	display: flex;
	flex-wrap: wrap;
	padding-top: 0.5em;
}

.left {
	flex-grow: 0;
	flex-shrink: 1;
}

.right {
	flex-grow: 1;
	flex-shrink: 1;
	text-align: left;
}

/* font weight */
.contact_info .right,
.horaire_info .right,
.two_columns.bold {
	font-weight: bold;
}

.two_columns.normal {
	font-weight: normal;
}

/* respective width depending on content */
.programme_2cycle .left,
.programme_2cycle .right,
.contact_info .left,
.contact_info .right {
	width: 10em;
}

.date_retenir .right,
.horaire_info .left {
	width: 18em;
}

.date_retenir .left,
.horaire_info .right {
	width: 12em;
}


/*
 * Bibliotheque button
 */

.biblio_search {
    display: inline !important;
}

#transl1 {
    max-width: 75%;
}


/*
 *  PERSONNES
 */
.personne.detail .photo{
	float:left;
	padding-left:0em;
	padding-right:1em;
}

.personne.detail .personne_header {
	display: table-row;
}

.personne.detail .description_courte {
	display: table-cell;
	vertical-align: middle;
}


.personne .photo{
	display:table-cell;
	vertical-align:top;
	padding-top:1em;
	padding-right:1em;
	padding-left:0em;
}

.personne .description{
	display:table-cell;
}

@media screen and (max-width:992px){
	.personne .photo{
        float: initial !important;
		text-align:center;
		display:block;
	}

	.personne.detail .personne_header {
		display: block;
	}
	
	.personne .description{
		width:100%;
		padding-bottom:5em;
		display:inline-block;
	}
	
	.personne.list .description,
	.personne.list .description p{
		text-align:center !important;
	}
}

/*
 * ETEQ LIVRES
 */
.livre {
    display: table;
}

.livre .couverture{
	padding-top:2em;
	padding-right:1.5em;
	width:150px;
    display: table-cell;
}


.livre .couverture img{
	height:auto;
}

.livre .description {
    display: table-cell;
    vertical-align: top;
}

.couverture_livre{
	background:#d3d3d3cc;
	width:150px;
	min-height:220px;
	padding-top:2em;
	padding-left:0.5em;
	padding-right:0.5em;
	text-align:center;
	border:solid;
	border-color:#005DAC;
	color:#5a5a5a;
}

@media screen and (max-width:992px){
	
	.livre{
		text-align:center;
	}
	
	.livre .couverture{
		display:inline-block;
		float:none;
		padding-top:2em;
		padding-bottom:0em;
		margin-right:0em;
		text-align:center;
	}
	
	.livre .description{padding-top:2em;
        margin-left: 0em;
		padding-bottom:2em;
		width:100%;
		text-align:left;
		display:inline-block;
	}
}



/*
 * Blocks "liens indispensables" / "en savoir plus"
 */
#block-eteq2020-titreensavoirplus h1,
#block-eteq2020-titreliensindispensables h1,
#block-eteq2020-titreliensindispensables2ecycle h1,
#block-titreliensindispensables3ecycle h1,
#block-titreliensindispensablesvieetudiante h1,

#block-eteq2020-titrereseauxsociaux h1,
#block-eteq2020-titregardonslecontact h1,

#block-eteq2020-page-title h1,

h1.decouvrir-title,
h1.title-1er-cycle,
h1.title-2e-cycle,
h1.title-3e-cycle,

.page-title-actualites h1,
.path-publication h1,
.path-actualite-article h1,
.page-title h1 {
	padding:1em;
	border-radius:3px;
}

.context-actualite-6 h1.donateurs,
.context-actualite-5 h1.vie_etudiante {
    display: block !important;
}

.context-actualite-5 #block-eteq2020-page-title h1,
.context-actualite-6 #block-eteq2020-page-title h1,
.path-actualite-article #block-eteq2020-page-title h1,
.context-news #block-eteq2020-page-title h1,
.path-publication #block-eteq2020-page-title h1,
.path-cours #block-eteq2020-page-title h1,
.path-course #block-eteq2020-page-title h1,
.path-professeur #block-eteq2020-page-title h1,
.path-frontpage #block-eteq2020-page-title h1{
	display:none;
}