@import url('https://fonts.googleapis.com/css?family=Charm');

body{
background: #030506 url("img/bg_medium.jpg") no-repeat left top;
 background-attachment: fixed;
font-size:16px;}
h2{font-size: 2em;}
.mentions{color:#ffc90d;}
.bgbleu{background-color:#0e1821;border-bottom: #ffc118 1px solid;}
.cursive{font-family: 'Charm', cursive;}
.logo{float: left;margin-right: 25px;}
.clearfix {  overflow: auto;}
.nomvoyant{padding-top: 25px;}
.accroche{padding-top: 15px;text-align: center;font-size: 1.4em;}
.btnjaune{background: #ffc90d; /* Old browsers */
background: -moz-linear-gradient(top, #ffc90d 1%, #cfa515 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffc90d 1%,#cfa515 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffc90d 1%,#cfa515 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc90d', endColorstr='#cfa515',GradientType=0 ); /* IE6-9 */
padding-left: 45px;padding-right: 45px;font-size: 1.7em; padding-top: 15px;padding-bottom: 15px;font-weight: bold;}
.bleualpha{background-color: rgba(14,53,93,0.8);}
.bleualpha2{background-color: rgba(14,53,93,0);}
.contenu{padding-left: 10px;padding-right: 10px;}
.big{font-size: 1.2em; text-align: justify; padding-left:10px;padding-right: 10px;}


.blanc{color:#ffffff}
.jaune{color:#ffc118;}

@media (min-width: 768px) {
.contenu{padding-left: 20px;padding-right: 20px;}
.bleualpha2{background-color: rgba(14,53,93,0.8);}

 }