@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700);

body {font-family:'Roboto', sans-serif;}
.header-top {padding:25px 0; background:#ececec; background-image:url(../images/txt-top.jpg);}
.navbar-collapse {border:0 !important; box-shadow:none !important}

.navbar-brand { background-image:url(../images/logo-1.png); width:308px; height:69px; color:#333; font-size:40px; font-weight:700;}

.navbar-nav > li > a { color:#ababab !important; font-size:18px;}
.navbar-nav > li > a:hover { color:#1d1d1b !important}
.navbar-nav > .active > a { background:#fff !important; color:#1d1d1b !important;}

.navbar-toggle { background:#CCC !important}
.navbar-toggle:hover { background:#2f56a0 !important}
.icon-bar { background:#fff !important}

.mt120 { margin-top:120px}
.mt50 { margin-top:50px}
.mb30 { margin-bottom:30px}


.bgintro { position:relative}
.superposition { position:absolute; top:0; left:0; color:#2f56a0; width:100%; margin-left:20%}
.superposition h2 { font-size:50px; font-weight:700}
.superposition h3 { font-size:90px; font-weight:300; margin-top:-20px}
.superposition h4 { font-size:20px; font-weight:300; color:#e442d5; margin-bottom:30px}
a.btn.rose { color:#fff; border:1px solid #e442d5; font-size:27px; background:rgba(205,35,185,.80); padding:9px 20px}
a.btn.rose:hover { background:rgba(255,35,185,.50)}

.jumbotron { background:#2f56a0; margin-bottom:0}
.accroche { font-size:30px !important; font-weight:300; color:#FFF}

.foot p { font-size:16px; font-weight:300; color:#FFF}

.caption h2 a { color:#aa35d1 !important; text-decoration:none}
.caption h2 a:hover { color:#333 !important}