@font-face {
  font-family: marianne;
  src: url("/www2/minisite/0_communs/fonts/marianne-regular.woff");
}

@font-face {
  font-family: marianne-xbold;
  src: url("/www2/minisite/0_communs/fonts/marianne-extrabold.woff");
}

.region-content h1.page-title {
display:none;
}

.breadcrumb li a,
.breadcrumb li span,
.breadcrumb > li + li::before{
color: #fff !important;
}

#banniere_concours .banner{
display:flex;
margin-left: -20px;
margin-right: -20px;
margin-bottom: 40px;
}


#banniere_concours .banner .visuel{
width: 100%;
}


#banniere_concours .banner .visuel img{
margin: 0 auto -30px auto;
width: 70%;
max-width: 375px;
}

#banniere_concours h1{
border:0;
padding:0;
margin:0;
color:#fff;
font-family: marianne !important;
/* align-items: center; */
justify-content: center;
display: flex;
flex-direction: column;
height: 100%;
font-size: 30px;
text-align: center;
}


#banniere_concours h1 span{
display:block;
}

#banniere_concours h1 span.big{
font-family: marianne-xbold;
font-size: 40px;
margin-bottom: .5em;
}

#banniere_concours .banner>div{
padding-bottom:30px;
}


#banniere_concours .banner>div:first-of-type{
display:block;
}

/*bleu*/
.page.bleu,
#banniere_concours.bleu .banner.bleu > div,
#banniere_concours.bleu .btn.btn-primary{
background:#284AAC;
}

/*vert*/
.page.vert,
#banniere_concours.vert .banner.vert>div,
#banniere_concours.vert .btn.btn-primary{
background:#267A47;
}
/*rouge*/
.page.rouge,
#banniere_concours.rouge .banner.rouge>div,
#banniere_concours.rouge .btn.btn-primary{
background:#CA0A17;
}

a.hypertext{
font-weight: bold;
text-decoration: underline;
}


.btn_infos {
	font-size: 1.2em;
	font-weight: bold;
}


/*inscription*/
#btn_inscription_concours {
	clear: both;
	text-align: center;
	padding: 30px 0;
	font-size: 1.2em;
	background: #efefef;
}

#btn_inscription_concours .btn.btn-primary {
	color: #fff;
	font-size: 1.75em;
	padding: .5em 1.25em;
	border: 2px solid #000 !important;
}


#banniere_concours #calendrier {
	margin: 30px -15px;
	font-size:1.2em;
}

#banniere_concours #calendrier div > div {
	box-shadow: 0 -7px 20px -10px #ccc;
	text-align: center;
	padding: 30px 0;
	margin-bottom: 1em;
}

#banniere_concours #calendrier h3,
#banniere_concours #calendrier h4{
	margin: 0 0 .5em 0;	
	font-size: 1.4em !important;
}

#banniere_concours.bleu a.hypertext,
#banniere_concours.bleu .btn_infos,
#banniere_concours.bleu #calendrier h3,
#banniere_concours.bleu #calendrier h4{
color:#284AAC;
}

#banniere_concours.vert a.hypertext,
#banniere_concours.vert .btn_infos,
#banniere_concours.vert #calendrier h3,
#banniere_concours.vert #calendrier h4{
color:#267A47;
}

#banniere_concours.rouge a.hypertext,
#banniere_concours.rouge .btn_infos,
#banniere_concours.rouge #calendrier h3,
#banniere_concours.rouge #calendrier h4{
color:#CA0A17;
}



@media(min-width:992px){

        #banniere_concours .banner>div:first-of-type{
		display: flex;
		align-items: end;
		}

		#banniere_concours .banner .visuel{
		width: 33.3333333333%;
		}

		#banniere_concours .banner .visuel img{
		width:100%;
		max-width: none;
		}
		
		#banniere_concours h1{
        text-align:left;
        font-size: 40px;
		}
		
        #banniere_concours h1 span.big{
        font-size: 50px;
        }       

}