a {
	color : #1EC2D5;
}

#infoSec a {
	color : #0056b3;
}

p {
	text-align : justify;
}

.btn:hover {
	color : white;
}

.card a {
	color : #0056b3;
}

blockquote {
	padding-left : 1em;
	border-left : 5px solid #E8E8E8;
}

hr {
	width : 75%;
}

footer a {
	color : #212529;
}

.firstWord {
	font-weight : bold;
	font-size : 1.5em;
}

.italicSpan {
	font-style: italic;
}

.darkblue-title{
	color : #007bff;
}

.blue-title{
	color : #1EC2D5;
}

.orange-title {
	color : #FF9F3E;
}

.green-title {
	color : #1ED57C;
}

.purple-title {
	color : #EF65FF;
}

.green-paragraphe {
	color: #1ED57C;
}

.bold-paragraphe {
	font-weight: bold;
}

.banner-container {
	display: none;
}

.jumbotron {
	border-radius: 0px;
}
.navButton {
	border : none;
}

.widthParent {
	width : inherit;
}

.card-text {
	text-overflow: ellipsis;
}

.emotion-color {
	color : #56B6A8;
}

.respect-color {
	color : #E9ACA7;
}

.encore-un-instant-color {
	color : #EAAD53;
}

.agression-color {
	color : #B0143C;
}

.prendre-ma-place-color {
	color : #005166;
}

.culpabilite-color {
	color : #511E03;
}

.depression-color {
	color : #193664;
}

.petit-guide-accompagnant-color {
	color : #083288;
}

.evoluer-color {
	color : #FE551E;
}

.solitude-color {
	color : #1EC2D5;
}

.courage-color {
	color : #FF9F3E;
}

.responsiveBarButton {
	border : none;
}

.btn-emotion {
	color : white;
	background-color: #56B6A8;
	border-color: #56B6A8;
	width : 100%;
}

.btn-respect {
	color : white;
	background-color: #E9ACA7;
	border-color: #E9ACA7;
	width : 100%;	
}

.btn-encore-un-instant {
	color : white;
	background-color: #EAAD53;
	border-color: #EAAD53;
	width : 100%;	
}

.btn-depression {
	color : white;
	background-color: #193664;
	border-color: #193664;
	width : 100%;	
}

.btn-agression {
	color : white;
	background-color: #B0143C;
	border-color: #B0143C;
	width : 100%;	
}

.btn-prendre-ma-place {
	color : white;
	background-color: #005166;
	border-color: #005166;
	width : 100%;	
}

.btn-culpabilite {
	color : white;
	background-color: #511E03;
	border-color: #511E03;
	width : 100%;	
}

.btn-petit-guide-accompagnant {
	color : white;
	background-color: #083288;
	border-color: #083288;
	width : 100%;	
}

.btn-evoluer {
	color : white;
	background-color: #FE551E;
	border-color: #FE551E;
	width : 100%;	
}

.btn-solitude {
	color : white;
	background-color: #1EC2D5;
	border-color: #1EC2D5;
	width : 100%;	
}

.btn-courage {
	color : white;
	background-color: #FF9F3E;
	border-color: #FF9F3E;
	width : 100%;	
}

.youtube-player {
	width : 100%;
	height : 700px;
}

.orange-section-title {
	background-color: #FF9F3E;
    color: white;
    padding: 5px;
    border-radius: 15px 15px 0px 0px;
    margin: 0px;
}

.orange-section-content {
    padding: 10px;
    border-radius: 0px 0px 5px 5px;
    border-left: 2px solid #FF9F3E;
    border-right: 2px solid #FF9F3E;
    border-bottom: 2px solid #FF9F3E;
}

.custom-carousel-item {
	background-size : contain;
}

.custom-carousel-control {
	background-color: black;
	width : 8%;
}

.ribbon {
    position: absolute;
    top: 20px;
    right: 10px;
	padding: 15px;
	width : 98%;
}
.ribbon-content{
    position: relative; 
    width: 105%; 
    height: 100px; 
}
.ribbon.base {
    background: #3498db;
    color: #fff;
    border-right: 5px solid #8bc4ea;
}
.ribbon.light {
    background: #ecf0f1;
    color: #2c3e50;
    border-right: 5px solid #dde4e6;
}
.ribbon.dark {
    background: #131313;
    color: #fff;
    border-right: 5px solid #464646;
}
.ribbon.base-alt {
    background: #9cd70e;
    color: #fff;
    border-right: 5px solid #c6f457;
}
.ribbon.red {
    background: #e91b23;
    color: #fff;
    border-right: 5px solid #f2787d;
}
.ribbon.orange {
    background: #ff8a3c;
    color: #fff;
	border-right: 5px solid #ffc7a2;
}
.ribbon.yellow {
    background: #ffd800;
    color: #fff;
    border-right: 5px solid #ffe866;
}
.ribbon:before, .ribbon:after {
    content: '';
    position: absolute;
    left: -9px;
    border-left: 10px solid transparent;
}
.ribbon:before {
    top: 0;
}
.ribbon:after {
    bottom: 0;
}
.ribbon.base:before {
    border-top: 27px solid #3498db;
}
.ribbon.base:after {
    border-bottom: 27px solid #3498db;
}
.ribbon.light:before {
    border-top: 27px solid #ecf0f1;
}
.ribbon.light:after {
    border-bottom: 27px solid #ecf0f1;
}
.ribbon.dark:before {
    border-top: 27px solid #131313;
}
.ribbon.dark:after {
    border-bottom: 27px solid #131313;
}
.ribbon.base-alt:before {
    border-top: 27px solid #9cd70e;
}
.ribbon.base-alt:after {
    border-bottom: 27px solid #9cd70e;
}
.ribbon.red:before {
    border-top: 27px solid #e91b23;
}
.ribbon.red:after {
    border-bottom: 27px solid #e91b23;
}
.ribbon.orange:before {
    border-top: 27px solid #ff8a3c;
}
.ribbon.orange:after {
    border-bottom: 27px solid #ff8a3c;
}
.ribbon.yellow:before {
    border-top: 27px solid #ffd800;
}
.ribbon.yellow:after {
    border-bottom: 27px solid #ffd800;
}
.ribbon span {
    display: block;
    font-size: 16px;
    font-weight: 600;
}

@media screen and (min-width: 992px) {

	.banner-container {
		width : 100%;
		display: block;
	}
	
	.banner-space {
		width: 100%;
	}

	.jumbotron {
		height : 400px;
		background-image: url('../../images/banner_main.jpg');
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
  }
