/* Faire disparaître le logo si le navigateur est trop étroit */
@media (max-width: 768px) {
	img#logo_paroisse {
		display: none;
	}
}

/* Ajoute un peu d'espace en haut */
.top-buffer { margin-top:30px; }

body {
	margin-bottom: 20px;
}

/* Pour montrer les limites de colonnes (debug only)*/

.show-grid{
	margin-bottom:15px
}

.show-grid [class^=col-]{
	padding-top:10px;
	padding-bottom:10px;
	background-color:#eee;
	background-color:rgba(86,61,124,.15);
	border:1px solid #ddd;
	border:1px solid rgba(86,61,124,.2)
}

/* Complement pour les widgets provenant de l'admin (classe module) */

.module {
    border: 1px solid #ccc;
    margin-bottom: 5px;
    background: #fff;
}

.module p, .module ul, .module h3, .module h4, .module dl, .module pre {
    padding-left: 10px;
    padding-right: 10px;
}

.module blockquote {
    margin-left: 12px;
}

.module ul, .module ol {
    margin-left: 1.5em;
}

.module h3 {
    margin-top: .6em;
}

.module h2, .module caption, .inline-group h2 {
    margin: 0;
    padding: 2px 5px 3px 5px;
    font-size: 11px;
    text-align: left;
    font-weight: bold;
    background: #7CA0C7 url(../img/default-bg.gif) top left repeat-x;
    color: #fff;
}

.module table {
    border-collapse: collapse;
}

/* La règle suivante est un hack pour bug de mozilla 
http://getbootstrap.com/css/#tables-responsive
*/
@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

/*
Transformation de tableau en pile
http://creersonsiteweb.net/page-bootstrap-tableau-table-responsive-design
*/

.responsive-table-line th {
	vertical-align: top !important;
}

@media (max-width: 768px) {
	
	.responsive-table-line td:before { content: attr(titre); }
	
	.responsive-table-line table,
	.responsive-table-line thead,
	.responsive-table-line tbody,
	.responsive-table-line th,
	.responsive-table-line td,
	.responsive-table-line tr {
	display: block;
	}
	
	.responsive-table-line thead tr {
	display:none;
	}
	
	.responsive-table-line td {
	position: relative;
	border: 0px solid transparent;
	padding-left: 50% !important;
	white-space: normal;
	text-align:right;
	/* La ligne suivante est indispensable pour les cellules vides */
	min-height: 2em;
	}
	
	.responsive-table-line td:before {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 45%;
	padding-right: 15px;
	height:100%;
	white-space: nowrap;
	text-overflow: ellipsis !important;
	overflow:hidden !important;
	text-align:left;
	background-color:#f8f8f8;
	padding:2px;
	}
	
	td.date {
    font-weight: bold;
	margin-top: 1em;
	border-top:2px solid #333 !important;
	}
	
}

/* Liens internes aux pages qui sont illuminés en jaune */

h3:target {
  animation: highlight 1s ease;
}

@keyframes highlight {
  from { background: yellow; }
  to { background: white; }
}

/* Textes d'aides pour les formulaires inline */

.help-block {
    display: inline;
}

.pre {
	white-space: pre;
}

/* Nom de salle dans le planning d'occupation */
.table_occups {
	margin-bottom: 0px;
}

.nom_salle {
	width: 40px;
	text-transform: uppercase;
    white-space: pre-line;
}

.nom_tranche {
    white-space: pre-line;
}

.nom_tranche_addon {
    white-space: pre;
    padding: 0 1rem;
}

#list_occups {
    display: none
}

.list_occups_item {
    padding: 0px 1px;
}

tr.salle {
	border-top-width: 3px;
	border-top-style: solid;
}

.table_occups td {
	padding: 2px;
	border-left-width: 1px;
	border-left-style: solid;
	border-color: rgb(221, 221, 221);
}

.table_occups textarea {
    min-width:50px; 
    max-width:100%;
    min-height:50px;
    height:100%;
    width:100%;
}

#nav_salles {
    display: flex;
    justify-content: space-between;
}

#nav_salles a {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.vdp-datepicker {
    position: relative;
    text-align: left;
    display: inline-block;
}

@media (max-width: 1024px) {
    #list_occups {
        display: block
    }

    .table_occups {
        display: none
    }
}