/*credits faune
Le caractère Faune utilisé dans ce document a été créé par Alice Savoie dans le cadre d’une commande du Centre national des arts plastiques en partenariat avec le Groupe Imprimerie Nationale */
@font-face {
    font-family: 'Faune';
    src:    url('../fonts/faune/eot/Faune-Display_Black.eot');
    src:    url('../fonts/faune/eot/Faune-Display_Black.eot?#iefix') format('embedded-opentype'),
            url('../fonts/faune/woff/Faune-Display_Black.woff') format('woff'),
            url('../fonts/faune/woff2/Faune-Display_Black.woff2') format('woff2'),
            url('../fonts/faune/ttf/Faune-Display_Black.ttf') format('truetype'),
            url('../fonts/faune/svg/Faune-Display_Black.svg#svgFontName') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Faune';
    src:    url('../fonts/faune/eot/Faune-Display_Bold_Italic.eot');
    src:    url('../fonts/faune/eot/Faune-Display_Bold_Italic.eot?#iefix') format('embedded-opentype'),
            url('../fonts/faune/woff/Faune-Display_Bold_Italic.woff') format('woff'),
            url('../fonts/faune/woff2/Faune-Display_Bold_Italic.woff2') format('woff2'),
            url('../fonts/faune/ttf/Faune-Display_Bold_Italic.ttf') format('truetype'),
            url('../fonts/faune/svg/Faune-Display_Bold_Italic.svg#svgFontName') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Faune';
    src:    url('../fonts/faune/eot/Faune-Display_Thin.eot');
    src:    url('../fonts/faune/eot/Faune-Display_Thin.eot?#iefix') format('embedded-opentype'),
            url('../fonts/faune/woff/Faune-Display_Thin.woff') format('woff'),
            url('../fonts/faune/woff2/Faune-Display_Thin.woff2') format('woff2'),
            url('../fonts/faune/ttf/Faune-Display_Thin.ttf') format('truetype'),
            url('../fonts/faune/svg/Faune-Display_Thin.svg#svgFontName') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Faune';
    src:    url('../fonts/faune/eot/Faune-Text_Bold.eot');
    src:    url('../fonts/faune/eot/Faune-Text_Bold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/faune/woff/Faune-Text_Bold.woff') format('woff'),
            url('../fonts/faune/woff2/Faune-Text_Bold.woff2') format('woff2'),
            url('../fonts/faune/ttf/Faune-Text_Bold.ttf') format('truetype'),
            url('../fonts/faune/svg/Faune-Text_Bold.svg#svgFontName') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Faune';
    src:    url('../fonts/faune/eot/Faune-Text_Italic.eot');
    src:    url('../fonts/faune/eot/Faune-Text_Italic.eot?#iefix') format('embedded-opentype'),
            url('../fonts/faune/woff/Faune-Text_Italic.woff') format('woff'),
            url('../fonts/faune/woff2/Faune-Text_Italic.woff2') format('woff2'),
            url('../fonts/faune/ttf/Faune-Text_Italic.ttf') format('truetype'),
            url('../fonts/faune/svg/Faune-Text_Italic.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Faune';
    src:    url('../fonts/faune/eot/Faune-Text_Regular.eot');
    src:    url('../fonts/faune/eot/Faune-Text_Regular.eot?#iefix') format('embedded-opentype'),
            url('../fonts/faune/woff/Faune-Text_Regular.woff') format('woff'),
            url('../fonts/faune/woff2/Faune-Text_Regular.woff2') format('woff2'),
            url('../fonts/faune/ttf/Faune-Text_Regular.ttf') format('truetype'),
            url('svg/Faune-Text_Regular.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*@import url('https://fonts.googleapis.com/css?family=Acme');*/


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

body,h1,h2,h3,h4 {font-family: 'Faune', serif;}
body, .textecourant{font-size: 21px;color:black;}
.moyenneapproche{letter-spacing:2px}
/* couleurs */
.rouge {color:#c00;}
.rose {color:#fda1a4;}
.jaune {color:#ffd700;}
.vert {color:#26b0ac;}
.bouteille {color:#005e57;}
.bleu {color:#000c8c;}
.ciel {color:#a1ecff;}
.rose {color:#fda1a4;}
.jaune {color:#ffd700;}
.vert {color:#26b0ac;}
.bouteille {color:#005e57;}
.bleu {color:#000c8c;}
.ciel {color:#a1ecff;}
.noir {color:#000;}
.blanc {color:#fff;}
.bg-rouge{background-color:#cc0000;}

/*bordures*/
.borduresection{border:30px solid;margin:0;}

/*typo*/
h1{font-size:5em ;font-weight: bold; line-height:1em;}
h2{font-size:3em; font-weight: bold;line-height:1em;}
h3{font-size:2em ;}
h4{font-size:1.8em ;}
h5{font-size:1.5em ;}
h6{font-size:1.2em ;}
.superbig{font-size:7em;font-weight: bold;line-height:0.8em; }
.text-shadow{text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);}

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

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

/*navbar*/
#maNavbar a{text-decoration: none;cursor:pointer;}
#maNavbar a:hover, #maNavbar a:focus{color:#cc0000;}
.marginnavright{margin-right:60px;}

/*intro*/
.introimg{background-image: url('https://medias.ratonscodeurs.com/ninon/img/photos/plusquhier/170429_ArrienEnBethmale_14.jpg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
  min-height: 1200px;}
}

/*curriculum vitae*/
.colonnedate{width:20%; text-align:right; font-size:1.2em; padding-right:50px; font-weight:600;}
.colonneinfo, .colonneinfoimg{width:77%;margin-left:10px;}
.colonneinfoimg p{padding-left: 20px;margin-top:-5px;}
.colonneinfo p{margin-top:2px;}
.w3-modal img{width:100%;}

/*media queries*/
@media screen and (max-width: 767px) {
  .intrimg {
    background-image: url('https://medias.ratonscodeurs.com/ninon/img/photos/plusquhier/170429_ArrienEnBethmale_14_ld.jpg');
    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:4em ;font-weight: bold; line-height:1em;}
  h2{font-size:3em; font-weight: bold;line-height:1em;}
  h3{font-size:2em;}
  h4{font-size:1.7em;}
  h5{font-size:1.5em;}
  h6{font-size:1.1em;}
  .grospadding{padding:25px;}
  .padbot100{padding-bottom:75px;}
  .marginnavright{margin-right:30px;}
  .borduresection{border:15px solid;margin:0;}
  .colonnedate{font-size:1.5em;}
  .colonneinfoimg p{margin-top:10px;}
}

@media only screen and (min-width: 1700px), (-webkit-min-device-pixel-ratio: 2) {
    body, .textecourant{font-size: 25px;}
  .colonnedate{width:25%; text-align:right; font-size:1.5em; padding-right:50px; font-weight:800;}
  .colonneinfo, .colonneinfoimg{width:70%;margin-left:10px;}
  .colonneinfoimg p{padding-left: 20px;margin-top:-5px;}

}