.breadcrumb{
color: #FFF;
}

.breadcrumb a.home:before {
border-top-color:#888;
border-right-color:#888;
}

.breadcrumb a, .breadcrumb a:after{
color: #888;
font-weight: 500;
}

.breadcrumb a:hover {
color: #ccc;
}

body .columns-container {
background: transparent;
}

#intro .video-box {
width: 100%;
max-width: 1280px;
display: inline-block;
border: 2vw solid #FFF;
}

#contenu {
padding: 20px 0 50px;
max-width: 1280px;
margin: 0 auto;
font-family: 'Raleway', 'sans-serif';
font-weight: 300;
}

#contenu a{
color: #3f5795;
font-weight: bold;
text-decoration: underline;
}

#contenu a:hover{
color: #4F6AB3;
}

#contenu .contenu-box {
background:#FFFFFF;
padding:40px 2vw 0;
margin-bottom: 40px;
color: #333333;
}

#contenu .contenu-box:first-child, #contenu .contenu-box:last-child, #contenu .contenu-box:nth-child(3) {
padding:40px 2vw;
}

#contenu p {
text-align: left;
font-size: 16px;
line-height: 24px;
margin: 0 0 20px 0;
padding: 0 60px 10px;
}

#contenu p strong {
font-weight: 400;
}

#contenu .col-md-6  p {
margin: 20px 0px 10px 0px;
}

#contenu .title {
display: block;
text-transform: uppercase;
color: #333333;
font-size: 25px;
margin: 0 0 20px 0;
}

#contenu .title strong {
font-weight: bold;
line-height: initial;
display: inline-block;
}

#contenu .col-md-6 img {
padding: 10px;
margin: 0px auto 10px!important;
box-shadow: 1px 1px 5px #CCC;
}

@media screen and (max-width:767px){

#intro{
	padding-top: 40px;

}

#intro .video-box {
	width: 90%;
}

#contenu{
	padding-top: 20px;
	width: 90%;

}
#contenu .title {
	font-size: 20px;

}
#contenu p {
	padding: 0 20px ;
	font-size: 14px;
	line-height: 18px
}
#contenu .contenu-box, #contenu .contenu-box:first-child, #contenu .contenu-box:last-child {
	padding: 30px 20px 20px 20px;
	margin-bottom: 20px;
}

#contenu .col-md-6  p {
	margin: 20px 0px 0px 0px;
}

#contenu .col-md-6:first-child  p {
	margin: 0 0 20px 0;
}

}