html {
  scroll-behavior: smooth;
}
/*effet couleur sélection*/
::-moz-selection, ::selection {background: #feadaf;color: #FFFFFF;}

body,h1,h2,h3,h4 {font-family: 'Roboto', sans-serif;}
body, .textecourant{font-size: 21px;color:black;}
.moyenneapproche{letter-spacing:2px}
/* couleurs */
.bleu {color:#101c72;}
.rouge {color:#f73b2b;}
.rose {color:#feadaf;}
.noir {color:#000;}
.blanc {color:#fff;}

.bg-bleu {background-color:#101c72;}


/*typo*/
h1{font-size:4em ;font-weight: bold; line-height:1em;}
h2{font-size:2em; font-weight: bold;line-height:1em;}
h3{font-size:1.7em ;}
h4{font-size:1.5em ;}
h5{font-size:1.3em ;}
h6{font-size:1.2em ;}
.italique{font-style: italic;}
.engras{font-weight: bold}
.superbig{font-size:7em;font-weight: bold;line-height:0.8em; }
.text-shadow{text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);}

.aucentre{text-align:center;}

/*liens*/

a.lienbleu:hover, a .lienbleu:focus{color:#101c72;}
a.lienciel:hover, a .lienciel:focus{color:#5271ff;}
a.lienblanc:hover, a .lienblanc:focus{color:#fff;}


/*paddding margin*/
.minipadding{padding:5px;}
.grospadding{padding:50px;}
.padleft5{padding-left:5px;}
.marginright20{margin-right: 20px;}
.padbot30{padding-bottom:30px;}
.padbot100{padding-bottom:100px;}
.padtop100{padding-top:100px;}

/*slides*/
.w3-button:hover{color:#fff!important;background-color:rgba(0, 0, 0, 0.1)!important}

/*intro*/
.introimg{
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;-webkit-background-size: 50%;-moz-background-size: 50%;-o-background-size: 50%;
  min-height: 800px;}
}


/*media queries*/
@media screen and (max-width: 601px) {
  .introimg {
    background-attachment: scroll;
    min-height: 400px;
  }
  body, .textecourant{font-size: 16px;}
  .superbig{font-size:5em;font-weight: bold;line-height:0.8em; }
  h1{font-size:3em ;font-weight: bold; line-height:1em;}
  h2{font-size:1.5em; font-weight: bold;line-height:1em;}
  h3{font-size:1.6em;}
  h4{font-size:1.4em;}
  h5{font-size:1.2em;}
  h6{font-size:1.1em;}
  .grospadding{padding:25px;}
  .padbot100{padding-bottom:75px;}
}

@media only screen and (min-width: 1500px), (-webkit-min-device-pixel-ratio: 2) {
    body, .textecourant{font-size: 25px;}

}