@font-face {font-family: "Arial Rounded MT Bold";
  src: url('../fonts/arialrounded.eot'); /* IE9*/
  src: url('../fonts/arialrounded.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/arialrounded.woff2') format("woff2"), /* chrome、firefox */
  url('../fonts/arialrounded.woff') format("woff"), /* chrome、firefox */
  url('../fonts/arialrounded.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/arialrounded.svg#Arial Rounded MT Bold') format("svg"); /* iOS 4.1- */
	font-weight: normal;
  	font-style: normal;
}

body,p,h1,h2,h3,h4,a {
  font-family: 'Arial Rounded MT Bold';
  color : #010080;
}

.article-details .article-header h1{
  color: #010080;
}

.article-list .article .article-header h2 a{
  color: #010080;
}



.sous-titre{
  color:#ff8041;
  font-size: 1.2rem;
  font-style:italic;
  text-align: justify;
  width:100%
}

p{
  text-align: justify;
  color:#010080;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span{
  font-size:1.2rem;
}

.bouton , .btn-primary {
         background-color: #010080;
         border: none;
  		 border-radius: 5px;
         color: white;
         padding: 10px 15px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 1rem;
         margin: 4px 2px;
         cursor: pointer;
}
.bouton:hover, .btn-primary:hover{
  background-color: #ff8041;
  color : white;
}

.sp-scroll-up{
  background:#010080;
}
.sp-scroll-up:hover,.sp-scroll-up:active,.sp-scroll-up:focus{
  background:#ff8041;
}

#sp-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0;
}
.body-wrapper{
  min-height:100vh;
}
.article-details .article-full-image{
  float: right;
  width: 40%;
  margin-left: 2.5%;
  margin-bottom:0rem;
}
.article-details .article-full-image img {

  width: 100%;
}

figcaption{
  display:none;
}
.boite{
  display:flex;
  flex-wrap: wrap;
  justify-content:space-between;
  align-items: start;
}
.bloc{
  max-width: 49.5%;
  min-width: 49.5%;
}
.photo{
  flex-grow:2;
  margin-bottom: 20px;
  float: left;
}

@media (max-width:800px){
  .bloc{
  max-width: 100%;
 }
  .article-details .article-full-image{
  width: 100%;
 }
}

}