body {
	background:#ebe6d1;
	padding:0;	
}

.loader{
	cursor: wait;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
	margin:1%;	
}

.loader h1{
		background: none;
		border: none;
		color: #458976;
		font-size: 2vh;
		font-family: "Open Sans",sans-serif;
		font-variant: small-caps;
		font-weight: 100;
		height: 700px;
		line-height: 700px;
		margin: 1;
		padding: 0;
		text-align: center;
}

#imgPresentation{
	width: 10%;
	height:auto;
	position: relative;
	z-index: 1;
	left: 45%;
	margin-top:10%;
}

#logoPresentation{
	width: 1%;
	height:auto;
	position: absolute;
	z-index: 1;
	left: 50%;
	margin-top:5%;
}

#container {
	min-width:450px;
	min-height:300px;
	width:100%;
	height:100%;
	overflow:hidden;
}

#blocFond {
	left:0%;
	width:100%;
	height:100%;
	position: absolute;
	z-index: 1;
	display:none;
}






@font-face {
    font-family: 'josefinsans-regular';
    src: url('josefin/josefinsans-regular-webfont.eot');
    src: url('josefin/josefinsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('josefin/josefinsans-regular-webfont.woff2') format('woff2'),
         url('josefin/josefinsans-regular-webfont.woff') format('woff'),
         url('josefin/josefinsans-regular-webfont.ttf') format('truetype'),
         url('josefin/josefinsans-regular-webfont.svg#josefin_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
    letter-spacing:0.17vh;
}

@font-face {
    font-family: 'josefin_sansbold';
    src: url('josefin/josefinsans-bold-webfont.eot');
    src: url('josefin/josefinsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('josefin/josefinsans-bold-webfont.woff2') format('woff2'),
         url('josefin/josefinsans-bold-webfont.woff') format('woff'),
         url('josefin/josefinsans-bold-webfont.ttf') format('truetype'),
         url('josefin/josefinsans-bold-webfont.svg#josefin_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
    letter-spacing:0.17vh;
}

@font-face {
	font-family: "chiller";
	src: url('./fonts/CHILLER.TTF');
}
@font-face {
	font-family: "Hybrid";
	src: url('./TYPO/Minion Pro/MinionPro-Medium.otf');
}

.chiller{
	font-family: "chiller";
	src: url('./fonts/CHILLER.TTF');
	font-size: 100%;
	color:black;
}

.minion{
	font-family: "Hybrid";
	src: url('./TYPO/Minion Pro/MinionPro-Medium.otf');
	font-size: 100%;
	color:black;
}

.ialicChillerRouge{
	font-family: "chiller";
	src: url('./fonts/CHILLER.TTF');
	font-size: 100%;
	color:red;
    text-align: right;
}

.textAlignRight{
	text-align: right;
}

#page {
	left:0%;
	top:0%;
	float:left;
	position: absolute ;
	width:100%;
	height:100%;
	z-index: 7;
	overflow: hidden;
	
}

#newPage,#pageQui,#pageCollection,#pagePartenaires,#pageCommandes,#pageContact,#pageTapuscrits,#pageAuteurs,#pageCatalogue {
	left:100%;
	top:0%;
	float:left;
	position: absolute ;
	width:100%;
	height:100%;
	z-index: 7;

}

#blocTitre{
    position: absolute;
    top:50%;
    left:10%;
    height:50%;
	width:100%;
    float:left;
	z-index: 1;
}

.lettresTitre{
    position: relative;
    height:50%;
	width:3%;
    margin-right: 0.5%;
    float:left;
	z-index: 1;
	display: none;
}

#sousTitre{
    position: absolute;
    top:10%;
    left:0.5%;
	width:20%;
    height:auto;
    float:left;
	z-index: 1;
    display: none;
}

#blocBoot{
    position: absolute;
    top:45%;
    left:2%;
	width:15%;
    height:50%;
    float:left;
	z-index: 51;
    overflow: hidden;
}

.boot{
    cursor:pointer;
    position: absolute;
    left:2%;
	width:98%;
    height:auto;
    top:-100%;
	z-index: 51;

}

#btTapuscrits{
    left:1%;
	z-index: 51;
}
#btCommandes{
	z-index: 52;
}
#btContact{
	z-index: 53;
}
#btPartenaires{
    left:1%;
	z-index: 54;
}
#btAuteurs{
	z-index: 55;
}
#btCatalogue{
	z-index: 56;
    left:1%;
}
#btMaisAussi{
	z-index: 57;
}
#btDernieresParutions{
	z-index: 58;
}
#btCollections{
	z-index: 59;
}
#btInfo{
    left:1%;
	z-index: 60;
}

#logoFontaine{
    position: absolute;
    top:80%;
    left:90%;
	width:8%;
    height:auto;
    float:left;
	z-index: 51;
    display:none;
}

.bloc{ 
    font-family: "Hybrid";
	src: url('./TYPO/Minion Pro/MinionPro-Medium.otf');
	font-size: 2vh;
	color:black;
  
}