/*!
 * Journées du lycéen 2023
 * Custom styles
 * DSI
 */
 body {
	 font-family: Georgia, serif;
	 font-family: 'Marianne', serif;
	 font-weight: normal; 
	 font-style: normal;
	 font-size: 1.2em;
 }
 body, .card {
	 /*background-color: #ffdb9f;*/
	 background-color: #fff;
 }
 h1 {
	 text-transform: uppercase;
 }
 h1, h2, h3, h4, h5, h6 {
	 font-family: 'Marianne', serif;
 }
.typo {
	 	 font-family: 'Marianne'; 
 }
 .sousligne:hover {
	 text-decoration: underline;
 }
 /*
 COULEURS
 */
 .blanc {
	color: #ffffff!important;
 }
 .cyan {
	 color: #003044!important;
 }
 .bleu {
	 color: #003044!important;
 }
 .orange {
	 color: #f3702c!important;
 }
 .vert {
	 /*color: #00795a!important;*/
	color: #b23761!important;
 }
 .violet {
	 color: #a086be!important;
 }
 .bg-jaune {
	 background-color: #ffdb9f!important;
 }
 .bg-orange {
/*	 background-color: #f3702c!important;*/
	background-color: #b23761!important;

 }
 .bg-violet {
/*	 background-color: #a086be!important;*/
	background-color: #b23761!important;

 }
 .bg-violet:hover{
	 background-color: #4f415e!important;
 }
 
 .bg-orange-dark{
	 background-color: #f3702c!important;
 }
 /*
 BOUTONS
 */
.btn-orange {
	background-color: #F05651;
	color: #fff;
}
.btn-magenta {
	background-color: #a34996;
	color: #fff;
}
 /*
 TITRE
 */
 .titre {
	 font-size: 2em;
	 text-transform: uppercase;
/*	 background-color: #fff;
	 border-radius: 1em;
	 padding: 0.2em;*/
 }
 /*
 GESTION DES IMAGES
 */
 .img10{
	 max-height: 10em;
 }
 .img5{
	 max-height: 5em;
 }
  .img7{
	 max-height: 7em;
 }
 .footer img {
	 max-width:70%;
 }
 .side img {
	max-width:10em;
 }
 .side2 img {
	max-width:15em;
 }
.modal a {
	 color: #F05651!important;
 }
 .list-group-item {
	 background-color: #fff;
 }


.asobre:hover {
	text-decoration: none;	
}
.asobre {
	color:#003044;
}
.table-jdl{
	background-color: #fff;
}

.bleu-espace-back{
	background-color: #7cd0e4;
}
.bleu-espace-back{
	background-color: #a086be;
}
.date {
	background-color: #F05651;
	color: #F3F1C1;
}
.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {
  width: 422px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
  border-bottom: 1px solid #000;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: rgb(178, 55, 97);
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #20b3a6;

}

.tt-suggestion p {
  margin: 0;
}
.tt-dataset {
text-align:left;
}
.gist {
  font-size: 14px;
}
.jdl-blanc{
	color: #fff;
}
a:hover {
	cursor: pointer;
}
.btn-link:hover {
    color: #000000;
    text-decoration: underline;
}
a{
	
}
a:hover{
	color: #000;
}

.mt-6,
.my-6 {
  margin-top: 6rem !important;
}


/*MEDIQ QUERIES*/
@media (min-width: 992px) {
.card-columns .card {
    display: inline-block;
    width: 100%;
    background-color: #e8e8e8;
    padding: 10px;
    border: none;
}
}

@media (max-width: 991.98px) {
.card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
}
.titre {
	font-size: 2em;
	text-align: center;
	margin: 0 auto;
}
}
.bgd-blanc{
	background-color: #fff;
}
.bd-form {
    position: relative;
    padding: 1rem;
    margin: 1rem -15px 0;
    background-color: #f8f9fa;
    border-width: .2rem 0 0;
}
.custom-select{
	width: auto;
}
.jumbotron {
	padding: 1rem 1rem;
}
.alert-warning {
	
}
.icones {
	color: #faa42a;
	font-size: 2rem;
	top: .5rem;
}
.oi-video {
	color: #f05651;
}
.oi-info {
	color: #2d64ae;
}

.card-columns .card {
    display: inline-block;
    width: 100%;
    padding: 10px;
    border: none;
}