html {font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#FFFFFF; background: #16232f; }
body { margin:0; }
.conteneur { overflow: hidden; }
.contenu { margin:0 auto; width:100%; }
.conteneur1 { float:left; width: 70%; height: 100%; background-image:url(../images/thisisbriceandbob_bg.jpg) ; background-position: 50% 50%; position:fixed; display:flex; align-items: center;}
.conteneur2 { float:right; width: 30%; }
.ligne { padding: 5%; display: block; margin:0 auto; width:70%;}
.heading {font-family: 'Passion One', Arial, sans-serif; font-size: 40px; font-weight: 400; text-align:left; line-height:30px ;}
.subtitle {font-family: 'Open Sans', Arial, sans-serif; font-size: 26px; font-weight: 400; text-align:left; line-height:20px ;}
.borderbottom {border-bottom: 1px solid #4b4b4b; }
.vignettecadre {border: 10px solid #ffffff; }
.vignette {text-align:center; margin:auto; display:flex; padding:10%; }
.listenon {width:50%; height:auto;} 
.conteneur_btn { float:right; width: 40%; border: 1px solid #999999; border-radius: 3px; text-align:center; text-decoration: none; color:#999999; display:inline; line-height:40px ; font-size:14px ;font-family: 'Passion One', Arial, sans-serif; font-weight: 400; }
.conteneur_btn:hover { border: 1px solid #FFFFFF; color:#FFFFFF; }
.imgbb {width:35%; height:auto;}
.signature { float:right; width: 60%; text-align:left; color:#FFFFFF; font-size:12px ; }
.passion {font-family: 'Passion One', Arial, sans-serif; font-size: 20px; font-weight: 400; text-align:left;}
.rs {width:12%; height:auto; padding: 5px;}

@media screen and (max-width: 1000px) {
.conteneur1 { float:none; width: 100%; height:auto; position:static; }
.conteneur2 { float:none; width: 100%; }
.vignettecadre {width:250px; height:auto; }
}