/*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('https://medias.ratonscodeurs.com/ninon/fonts/faune/eot/Faune-Display_Black.eot');
    src:    url('https://medias.ratonscodeurs.com/ninon/fonts/faune/eot/Faune-Display_Black.eot?#iefix') format('embedded-opentype'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/woff/Faune-Display_Black.woff') format('woff'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/woff2/Faune-Display_Black.woff2') format('woff2'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/ttf/Faune-Display_Black.ttf') format('truetype'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/svg/Faune-Display_Black.svg#svgFontName') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Faune';
    src:    url('https://medias.ratonscodeurs.com/ninon/fonts/faune/eot/Faune-Display_Bold_Italic.eot');
    src:    url('https://medias.ratonscodeurs.com/ninon/fonts/faune/eot/Faune-Display_Bold_Italic.eot?#iefix') format('embedded-opentype'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/woff/Faune-Display_Bold_Italic.woff') format('woff'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/woff2/Faune-Display_Bold_Italic.woff2') format('woff2'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/ttf/Faune-Display_Bold_Italic.ttf') format('truetype'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/svg/Faune-Display_Bold_Italic.svg#svgFontName') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Faune';
    src:    url('https://medias.ratonscodeurs.com/ninon/fonts/faune/eot/Faune-Display_Thin.eot');
    src:    url('https://medias.ratonscodeurs.com/ninon/fonts/faune/eot/Faune-Display_Thin.eot?#iefix') format('embedded-opentype'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/woff/Faune-Display_Thin.woff') format('woff'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/woff2/Faune-Display_Thin.woff2') format('woff2'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/ttf/Faune-Display_Thin.ttf') format('truetype'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/svg/Faune-Display_Thin.svg#svgFontName') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Faune';
    src:    url('https://medias.ratonscodeurs.com/ninon/fonts/faune/eot/Faune-Text_Bold.eot');
    src:    url('https://medias.ratonscodeurs.com/ninon/fonts/faune/eot/Faune-Text_Bold.eot?#iefix') format('embedded-opentype'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/woff/Faune-Text_Bold.woff') format('woff'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/woff2/Faune-Text_Bold.woff2') format('woff2'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/ttf/Faune-Text_Bold.ttf') format('truetype'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/svg/Faune-Text_Bold.svg#svgFontName') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Faune';
    src:    url('https://medias.ratonscodeurs.com/ninon/fonts/faune/eot/Faune-Text_Italic.eot');
    src:    url('https://medias.ratonscodeurs.com/ninon/fonts/faune/eot/Faune-Text_Italic.eot?#iefix') format('embedded-opentype'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/woff/Faune-Text_Italic.woff') format('woff'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/woff2/Faune-Text_Italic.woff2') format('woff2'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/ttf/Faune-Text_Italic.ttf') format('truetype'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/svg/Faune-Text_Italic.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Faune';
    src:    url('https://medias.ratonscodeurs.com/ninon/fonts/faune/eot/Faune-Text_Regular.eot');
    src:    url('https://medias.ratonscodeurs.com/ninon/fonts/faune/eot/Faune-Text_Regular.eot?#iefix') format('embedded-opentype'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/woff/Faune-Text_Regular.woff') format('woff'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/woff2/Faune-Text_Regular.woff2') format('woff2'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/ttf/Faune-Text_Regular.ttf') format('truetype'),
            url('https://medias.ratonscodeurs.com/ninon/fonts/faune/svg/Faune-Text_Regular.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

html,body{height:100%;}
body {overflow:hidden;}
body,h1,h2,h3,h4,h5,h6,a {font-family:'Faune', serif;font-weight: normal;color:white;}
body, .textecourant{font-size: 27px;}
.moyenneapproche{letter-spacing:2px}
.bg-bleu {background-color:#000c8c;}

/*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 ;}
.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;}
.sednon{text-decoration:none;border: 2px solid white;padding:2px 6px 2px 6px;}
.sednon:hover, .sednon:focus{color:#000c8c !important;background-color: white;padding:5px;}

/*liens*/
a.lienitalic:hover, a.lienitalic:focus{font-style:italic;}
/*a.surlienblanc:hover, a.surlienblanc:focus{color:#000c8c;background-color: white;padding:5px;text-decoration:none;}*/

.wheeling{background:url(../data/ajax-loader.gif) no-repeat center center;background-size: 25%;}
#introsednon{width:50%;padding-left:25%;padding-top:100px;}
/*a {color:black;text-decoration:none;}
a:hover, a:focus, a:visited{font-family:'Capriola'; font-size:0.88em;}
.sednon a {color:#B2006C;text-decoration:none;}
.sednon a:hover, .sednon a:focus, .sednon a:visited{border-style:dashed dashed solid dashed;border-width: 3px;padding: 2px 5px;}*/
#m_image{width:100%;height: 100%;margin:0;padding: 0;z-index:999;background-color: transparent;}
#x-coordonnees{position:absolute;width:100px;height: 100px;z-index:9999;background:#FFF;color:black;}

/*---------------------------------
media queries
---------------------------------*/
/***** telephones mini ********/
@media (max-width: 375px) {
	#introsednon{
		width:90%;
		padding-left:5%;
		padding-top:15px;
	}
}
/*******téléphone max*******/
@media (min-width: 376px) and (max-width: 767px) {
	#introsednon{
		width:80%;
		padding-left:10%;
		padding-top:20px;
	}
	.borduresection{border:15px solid;margin:0;}
}
/***** tablettes ********/
@media (min-width: 768px) and (max-width: 979px) {
	#introsednon{
		width:70%;
		padding-left:15%;
		padding-top:40px;
	}
}
/***** écrans HD ********/
@media (min-width: 1700px) {
	#introsednon{width:48%;padding-left:26%;padding-top:250px;}
}