@charset "utf-8";


@media screen and (max-width: 600px)
 {


  * {


    box-sizing: border-box;


    color:#333333;


  }





  main {


    margin-left:3.125%;


    margin-right:3.125%;


    margin-top:70px;
  }





  .nom-page {


    display:block;


    font-family: 'Quicksand medium', sans-serif;


    text-transform: uppercase;


    font-size:20px;


    line-height:25px;


    margin-bottom:10px;


    text-align:center;


    letter-spacing:-0.5px;


  }





  .titre-principal {


    font-family: 'Quicksand bold', sans-serif;


    font-size:20px;


    line-height:30px;


    margin-bottom:20px;


    text-align:center;


  }





  .article {margin-bottom:50px;}





  .article:after {


    content:"";


    display:block;


    width:100%;


    height:10px;


    margin:0;


    background-image:url(../icones/interface/dot3.svg);


    background-repeat: repeat-x;


    background-size: 8px 18px;


    background-position-y: center;


  }





  .titre-article {


    font-family: 'Quicksand medium', sans-serif;


    font-size:20px;


    line-height:30px;


    margin-bottom:5px;


  }





  .lien-article {text-decoration: none;}





  .extrait-article {


     font-family: 'Open Sans regular', sans-serif;


     font-size:14px;


     line-height:23px;


   }





   .lire-article {


     display:block;


     text-align:right;


     text-decoration: none;


     text-transform:uppercase;


     font-family: 'Quicksand medium', sans-serif;


     margin-top:15px;


   }





   .lire-article:before {content:"→ ";}





  .pagination {


    text-align:center;


    margin-bottom:75px;


  }





  .num-page {


    display:inline-block;


    width:35px;


    height:35px;


    color:#8E44AD;


    font-family: 'Open Sans regular', sans-serif;


    font-size:20px;


    line-height:30px;


    text-decoration:none;


    border:2px solid #8E44AD;


    margin-right:4px;


    border-radius:2px;


  }




  .num-page a, .link {

    text-decoration: none;

    color:#8E44AD;

  }



  footer {margin-bottom:70px;}




} /*///// fin query mobile*/





@media screen and (min-width: 600px) and (max-width: 1200px) {





  * {


    box-sizing: border-box;


    color:#333333;


  }





  main {


    margin-left:15%;


    margin-right:15%;


  }





  .nom-page {


    display: block;


    font-family: 'Quicksand medium', sans-serif;


    text-transform: uppercase;


    font-size:25px;


    line-height:30px;


    margin-bottom:10px;


    text-align:center;


    letter-spacing:-0.5px;


    margin-top:80px;

  }




  .titre-principal {


    font-family: 'Quicksand bold', sans-serif;


    font-size:25px;


    line-height:35px;


    margin-bottom:20px;


  }








.article {margin-bottom:50px;}





.article:after {


  content:"";


  display:block;


  width:100%;


  height:10px;


  margin:0;


  background-image:url(../icones/interface/dot3.svg);


  background-repeat: repeat-x;


  background-size: 8px 18px;


  background-position-y: center;


}





.titre-article {


  font-family: 'Quicksand medium', sans-serif;


  font-size:25px;


  line-height:30px;


  margin-bottom:5px;


}





.lien-article {text-decoration: none;}





.extrait-article {


   font-family: 'Open Sans regular', sans-serif;


   font-size:18px;


   line-height:26px;


 }





 .lire-article {


   display:block;


   text-align:right;


   text-decoration: none;


   text-transform:uppercase;


   font-family: 'Quicksand medium', sans-serif;


   font-size:16px;


   margin-top:15px;


 }





 .lire-article:before {content:"→ ";}





.pagination {


  text-align:center;


  margin-bottom:80px;


}





.num-page {


  display:inline-block;


  width:35px;


  height:35px;


  color:#8E44AD;


  font-family: 'Open Sans regular', sans-serif;


  font-size:20px;


  line-height:30px;


  text-decoration:none;


  border:2px solid #8E44AD;


  margin-right:4px;


  border-radius:2px;


}




.num-page a, .link {

  text-decoration: none;

  color:#8E44AD;

}



  footer {margin-bottom:70px;}




} /* /////// fin query tablette */





@media screen and (min-width: 1200px) {


  * {


    box-sizing: border-box;


    color:#333333;


  }





  main {


    margin-left:3.38%;


    margin-right:3.38%;





  }





  .nom-page {


    display:inline-block;


    width:23.3%;


    font-family: 'Quicksand bold', sans-serif;


    text-transform: uppercase;


    font-size:30px;


    line-height:37px;


    letter-spacing:-0.5px;


    margin-right:2.28%;


  }





  .titre-principal {


    display:inline-block;


    width:48.8%;


    font-family: 'Quicksand bold', sans-serif;


    font-size:25px;


    line-height:37px;


    margin-bottom:40px;


    margin-right:2.28%;


    vertical-align:top;


  }








  .photo-article {margin-bottom:20px;}





  .article {


    width:40.36%;


    margin-bottom:50px;


    margin-left:25.58%;


  }





  .article:after {


    content:"";


    display:block;


    width:100%;


    height:10px;


    margin:0;


    background-image:url(../icones/interface/dot3.svg);


    background-repeat: repeat-x;


    background-size: 8px 18px;


    background-position-y: center;


  }





  .titre-article {


    font-family: 'Quicksand medium', sans-serif;


    font-size:25px;


    line-height:35px;


    margin-bottom:5px;


  }





  .lien-article {text-decoration: none;}





  .extrait-article {


     font-family: 'Open Sans regular', sans-serif;


     font-size:20px;


     line-height:30px;


   }





   .lire-article {


     display:block;


     text-align:right;


     text-decoration: none;


     text-transform:uppercase;


     font-family: 'Quicksand medium', sans-serif;


     margin-top:20px;


   }





   .lire-article:before {content:"→ ";}





  .lire-article:hover {


      font-family: 'Quicksand bold', sans-serif;
  }


  .pagination {


    display:inline-block;


    width:40.36%;


    margin-left:25.58%;


    text-align:center;


    margin-bottom:200px;


  }




  .num-page {display:inline-block;}




  .num-page a {


    display:inline-block;


    width:45px;


    height:45px;


    color:#8E44AD;


    font-family: 'Open Sans regular', sans-serif;


    font-size:30px;


    line-height:40px;


    text-decoration:none;


    border:2px solid #8E44AD;


    margin-right:4px;


    border-radius:3px;


  }




  .num-page a:hover {

    background-color:#8E44AD;

    color:white;



  }






}