@font-face {
    font-family: 'reefbold';
    src: url('../fonts/reef-webfont.woff2') format('woff2'),
        url('../fonts/reef-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
    background-color:#3da0c4;
}
h1, h2 {

    font-family: 'reefbold';
}
#logo {
    width:1000px;
    margin-top: -35px;
}
.nav>li {
    text-align: right;
}
.nav li {
    border-right: 1px solid #3da0c4;
}
#sous-menu{
    margin-top:80px;
}
#principal {
    display:none;
}
#first-paragraph p{
    font-size:18px;
}
.jumbotron {
    background-color:#2e7c98;
}
.jumbotron p{
    color:aliceblue;
    font-size:16px;
}
#intro, #p-2 {
    display:none;
}
.jour{
    color:#3da0c4;
    background-color: #FBBE54;
    padding-left:20px;
    border-radius: 15px 15px 0 0;
}
.special{
    color:#6d1f1f;
}
.titre_chapitre{
    font-family: 'reefbold';
    color: #FBBE54;
    font-size: 27px;
}
div.with_bandeau{
  width:80%;
  background: #3da0c4;
}
img.bandeau{
  margin-bottom:15px;  
  opacity: 0.6;
  width:100%;
}
.intervenants {
    border-left: 1px solid  #FBBE54;
}
.names {
  color: #FBBE54;
  font-weight: 600;
}
#newsletter {
    background-color: #2e7c98;
    border-radius: 15px;
    margin-top:15px;
    margin-bottom:15px;
	padding: 1px 15px;
}
#newsletter h2{
    font-size:20px;
}

#grande_image {
    text-align: center;
}
#grande_image img {
    width:80%;
    max-width:700px;
}
footer{
    background-color:#fff;
    text-align: center;
}
footer img {
    width: 100%;
    margin-bottom: 5px;
}
.logo_facebook {
    width:37px;
}

/*=============== CHOIX DES ATELIERS ===============*/
.atelier {
    border-radius:10px;
    background-color:#64aae8;
    border: 1px solid #64aae8;
    padding:2px 5px;
    font-family: 'reefbold';
    transition : 0.3s ease-in-out;
    cursor:pointer;
}
.atelier:hover {
    background-color:#64aae8;
    border: 1px solid #FBBE54;
    transform: scale(1.05);
}
.complet {
    border-radius:10px;
    background-color:#8b96ad;
    border: 1px solid #64aae8;
    padding:2px 5px;
    font-family: 'reefbold';
}
.complet::after {
    content: '';
    background:url('../img/complet.png') no-repeat;
    background-size:100%;
    width: 32px;
    height: 32px;
    float: right;
    margin-top: -34px;
}

.chosen{
    background-color:#FBBE54;
    border: 1px solid #FBBE54;
}
.chosen::after {
    content: '';
    background:url('../img/blue_check.png') no-repeat;
    background-size:100%;
    width: 32px;
    height: 32px;
    float: right;
    margin-top: -34px;
}
.chosen:hover{
    background-color:#ffe9c2;
    border: 1px solid #FBBE54;
}
#rappel {
    font-size :18px;
}
#rappel span {
    font-weight: 800;
}
/*===== Formulaire ========*/
#hidden{
    display:none;
}
/*===== page message ========*/
#msg.ok {
    color:#ffffff; 
    font-size : large;
}

#msg.no {
    color:#da93b6; 
    font-size: large;
}
#msg a, #msg a:hover, #msg:visited {
    color:#fbbe54; 
    font-size : larger;
}