/* cmsms stylesheet: chroniques modified: lundi 12 avril 2021 14:17:54 */
div#chroniques.chroniques-cadre {
 background-color:red;
 color:green;
 }
div#chroniques {
 background-color:red;
 color:green;
 }
/* cmsms stylesheet: Freelance modified: lundi 12 avril 2021 14:18:52 */
/*!    Freelance  CSS   */

/*!   constantes   */

.bg-blanc {
  background-color: White;
  color: black;
}
.bg-blanc a {
  color: black;
}

.bg-clair {
  background-color: #9DC2D1;
  color: black;
}
.bg-clair a {
  color: black;
}

.bg-moyen {
  background-color: #487ED1;
  color: black;
}
.bg-moyen a {
  color: black;
}

.bg-sombre {
  background-color: #487ED1;
  color: White;
}
.bg-sombre a {
  color: White;
}


.bg-noir {
  background-color: Black;
  color: White;
}
.bg-noir a {
  color: White;
}

.bg-transparent {
 border: 0px;
}

/*!   éléments de base    */

html , h1 , h2 , h3 , h4 , h5, ul ,li {
 margin:0;
 padding:0;
}
body {
 margin:0;
 padding:0;
 background-color: #9DC2D1;
}
p {
 margin:0;
 padding:0;
}

header {
 height:50px;
 margin:0;
 padding:0 5px 0 5px;
}
#header2 {
 height:100%;
 background: linear-gradient(#487ED1, #9DC2D1 );
 background-image: url(https://ward.noirduo.com/uploads/designs/Freelance/titre.gif);
 background-position: center top;
 background-repeat: no-repeat;
 background-size: contain;
}

.titre {
  height:50px;
 background: linear-gradient(to right, #487ED1, #9DC2D1 );
}

h1 {
 width:100%;
}

nav {
 min-height:50px;
 margin:0;
 padding:0 5px 0 5px;
 background-color:#487ED1;
}
.nav-currentpage {
  color:White!important;
}

section {
 min-height:100px;
 width:100%;
 margin:0;
 padding:5px;
}
footer {
 min-height:40px;
 margin:10px 0px 0px 0px;
 padding:0 5px 0 5px;
 background-image: linear-gradient(#9DC2D1,#487ED1);
}

.dropdown-item {
  color: Black!important;
}

.shadow-grey {
  box-shadow: 10px 10px 5px grey;
}
.shadow-blue {
  box-shadow: 10px 10px 5px SteelBlue;
}


.img-couv {
  max-height:500px;
  max-width:250px
}
.img-vignette {
  max-height:200px;
  max-width:100px
}

.btn-clair {
    color: #487ED1;
    background-color: #9DC2D1;
    border-color: #487ED1;
}
.btn-outline-clair {
    color: #9DC2D1!important;
    border-color: #9DC2D1;
}
.btn-sombre {
    color: #9DC2D1;
    background-color: #487ED1;
    border-color: #9DC2D1;
}
.btn-outline-sombre {
    color: #487ED1!important;
    border-color: #487ED1;
}
.btn-achat {
    color: Grey!important;
    border-color: White;
    margin-bottom:2px;
}

.hr-clair{
  width:90%;
  border: 1px solid #9DC2D1;
}
.hr-moyen {
  width:90%;
  border: 1px solid #487ED1;
}
.hr-sombre {
  width:90%;
  border: 1px solid #487ED1;
}

.border-clair {
  border-color: #9DC2D1;
}
.border-moyen {
  border-color: #487ED1;
}
.border-sombre {
  border-color: #487ED1;
}

#biblio p {
  margin-top: 1em;
  margin-bottom: 1em;
}
#interviews p {
  margin-top: 1em;
  margin-bottom: 1em;
}

.prix {
  background-image: url("/uploads/accueil/artifices500.jpg");
  background-size: cover;
  padding-top:50px;
  padding-bottom:50px;
  color:White;
  text-align: center;
  text-shadow: 6px 6px 5px grey;
  font-size: 1em;
 }

@media screen and (min-width: 768px) {
.prix {
  font-size: 1.5em;
  }
}
@media screen and (min-width: 992px) {
.prix {
  font-size: 2em;
  }
}@media screen and (min-width: 1200px) {
.prix {
  font-size: 2.5em;
  }
}
/* cmsms stylesheet: sm modified: samedi 20 février 2021 10:54:00 */
/* corrections pour affichage MD  */

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


header {
 height:80px;
}


}
/* cmsms stylesheet: md modified: samedi 20 février 2021 10:54:00 */
/* corrections pour affichage MD  */

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


header {
 height:100px;
}


}
/* cmsms stylesheet: lg modified: samedi 20 février 2021 10:54:00 */
/* corrections pour affichage LG  */

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

.section2 {
 max-width:992px;
 margin:auto;
}
.nav2 {
 max-width:992px;
 margin:auto;
}
.titre2 {
 max-width:992px;
 margin:auto;
}

header {
  background: linear-gradient(#487ED1, #9DC2D1 );
}

}
/* cmsms stylesheet: globaux modified: lundi 8 mars 2021 10:46:29 */
/*!   trucs globaux    */
.margin-0 { margin:0px; }
.margin-1 { margin:1px; }
.margin-2 { margin:2px; }
.margin-5 { margin:5px; }
.margin-bottom-1 { margin-bottom:1px; }
.margin-bottom-2 { margin-bottom:2px; }
.margin-bottom-5 { margin-bottom:5px; }
.margin-top-1 { margin-top:1px; }
.margin-top-2 { margin-top:2px; }
.margin-top-5 { margin-top:5px; }

.padding-0 { padding:0px; }
.padding-1 { padding:1px; }
.padding-2 { padding:2px; }
.padding-5 { padding:5px; }

.border-0 { border-width: 0px; }
.border-width-1 { border-width: 1px; }
.border-width-2 { border-width: 2px; }
.border-width-5 { border-width: 5px; }

.width-50  { width:50px; }
.width-100 { width:100px; }
.width-150 { width:150px; }
.width-200 { width:200px; }
.width-100pc { width:100%; }

.height-50  { height:50px; }
.height-100 { height:100px; }
.height-150 { height:150px; }
.height-200 { height:200px; }