body {
	background:#cccccc;
	padding:0;	
	max-width:1920px;
	max-height:1080px;
}

.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%;
}


@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: 'josefinsans-italic';
    src: url('josefin/josefinsans-italic-webfont.eot');
    src: url('josefin/josefinsans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('josefin/josefinsans-italic-webfont.woff2') format('woff2'),
         url('josefin/josefinsans-italic-webfont.woff') format('woff'),
         url('josefin/josefinsans-italic-webfont.ttf') format('truetype'),
         url('josefin/josefinsans-italic-webfont.svg#josefin_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@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#josefinsans-bold') format('svg');
    font-weight: normal;
    font-style: normal;
    letter-spacing:0.17vh;
}

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

#container {
	width:100%;
	height:100%;

}

#imgFond{
	left:0%;
	top:0%;
	width:100%;
	height: auto;
	position: absolute;
	z-index: 1;
	opacity: 0.5;
}

#blocBas {
	position: absolute;
	top:100%;
	width:20%;
	height:8%;
	z-index: 10;
	margin-bottom:10%;
}

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

.titre{
	top:1%;
	left:5%;
	width:90%;
	height:auto; 
	position: absolute; 
	float:left;
}

#veille{
	position: absolute; 
	cursor:pointer;
	color:white;
	top:25%;
	left:25%;
	width:50%;
	height: auto;
	font-family: 'josefinsans-regular';
	font-size: 3vw;
	text-align: center;
	z-index: 1;

		
}

#blocMenu{
	position: absolute; 
	cursor:pointer;
	border: solid 0.5vw white;
	top:5%;
	left:60%;
	width:30%;
	height: auto;
	font-family: 'josefinsans-regular';
	font-size: 3vw;
	text-align: center;
	z-index: 12;
	box-shadow: 5px 5px 5px grey;
	visibility:hidden
		
}

#blocBootTel{
	position: relative; 
	margin-top:20%;
	left:0%;
	width:100%;
	font-family: 'josefinsans-regular';
	font-size: 2.5vw;
	text-align: center;
	z-index: 20;
	display:none
		
}


.btIntroTel {
	cursor:pointer;
	border: solid 0.2vw white;
	margin:0.5%;
	width:60%;
	height:auto;
	color: white;
	font-size: 4vw;
	font-family: 'josefinsans-regular';
	text-align: center;
	margin-left:20%;
	margin-right:20%;
	padding:0.5%;
	position: relative;
	float:left;
	box-shadow: 5px 5px 5px grey;
}


#blocBoot {
	left:0%;
	top:25%;
	width:20%;
	height:80%;
	position: absolute;
	z-index: 12;
	float:left;
	display:none;
}


#bt {	
	left:0%;
	width:100%;
	height:auto;
	position: absolute;
	z-index: 13;
}

.btIntro {
	width:100%;
	height:auto;
	color: white;
	font-size: 0.9vw;
	font-family: 'josefinsans-regular';
	text-align: center;
	cursor:pointer;
	padding-bottom:10%;
	position: relative;
	z-index: 13;
	line-height: 75%;
}

.btIntroVu {
	width:100%;
	height:auto;
	color: black;
	font-size: 0.9vw;
	font-family: 'josefinsans-regular';
	text-align: center;
	cursor:pointer;
	padding-bottom:10%;
	position: relative;
	z-index: 13;
	line-height: 75%;
}

#blocBootPlasticien {
	border-left: solid 0.1vw white;
	left:5%;
	top:32%;
	width:20%;
	height:auto;
	position: absolute;
	z-index: 12;
	float:left;
	display:none;
	margin-bottom: 1%;
}

#blocBootPhoto,#blocBootPhotoNB,#blocBootMixte {
	border-left: solid 0.1vw white;
	left:5%;
	top:10%;
	width:20%;
	height:auto;
	position: absolute;
	z-index: 12;
	float:left;
	display:none;
	margin-bottom: 1%;
}

.btPlasticien,.btPhoto,.btMixte {
	left:5%;
	width:100%;
	height:auto;
	color: white;
	font-size: 0.8vw;
	font-family: 'josefinsans-regular';
	text-align: left;
	cursor:pointer;
	padding-bottom:0.9%;
	position: relative;
	z-index: 13;
}

#expoEnCours{
	position: relative;
	z-index: 2;
	left:10%;
	width:80%;
	height:auto;
	display:none
}

.expoEnCours{
	position: relative;
	z-index: 2;
	margin-top:20%;
	left:10%;
	width:80%;
	height:auto;
	display:none
}

.page {
	left:20%;
	top:10%;
	float:left;
	position: absolute;
	width:75%;
	height:85%;
	z-index: 6;
	display: none;
}

#pagePhotographie,#pagePhotographieNB,#pagePlasticienne,#pagePhotoMixte {
	left:20%;
	top:10%;
	float:left;
	position: absolute;
	width:75%;
	height:80%;
	z-index: 50;
	display: none;
}

#pagePhotos {
	left:20%;
	top:10%;
	float:left;
	position: absolute;
	width:75%;
	height:80%;
	z-index: 6;
	display: none;
}

#blocPhotos {
	left:0%;
	top:0%;
	position: absolute;
	width:74%;
	height:100%;
	z-index: 50;
}

#blocLoaderImgN{
	position: relative; 
	width:50%;
	height:70%;
	left:25%; 
	margin-top:2%;
	margin-bottom:3%;
	z-index: 12;
	display: none;
}


#loaderImgN{
	cursor:pointer;	
	position: relative; 
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	text-align: center;
	vertical-align:middle;
	margin-top: 5%;
	margin-bottom: 2%;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);	
	z-index: 12;
	box-shadow: 5px 5px 5px grey;

}

.blocLoaderImg{
	position: relative; 
	width:90%;
	height:auto;
	left:10%; 
	top:0%;
	z-index: 12;

}

.loaderImg{
	cursor:pointer;	
	position: relative; 
	max-width:100%;
	max-height:auto;
	text-align: center;
	vertical-align:middle;
	margin-bottom: 10%;
	left: 50%;
	margin-bottom:2%;
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);	
	z-index: 12;
	box-shadow: 5px 5px 5px grey;

}

.loaderImgV{
	cursor:pointer;	
	position: relative; 
	max-width:60%;
	max-height:auto;
	text-align: center;
	vertical-align:middle;
	margin-bottom: 0%;
	left: 30%;
	margin-bottom:2%;
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);	
	z-index: 12;
	box-shadow: 5px 5px 5px grey;
}

.loaderImgC{
	cursor:pointer;	
	position: relative; 
	max-width:70%;
	max-height:auto;
	text-align: center;
	vertical-align:middle;
	margin-bottom: 0%;
	left: 35%;
	margin-bottom:2%;
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);	
	z-index: 12;
	box-shadow: 5px 5px 5px grey;
}

.infoImgN{
	position: relative; 
	width:50%;
	height:auto;
	left:0%; 
	margin-top: 1%;
	margin-bottom: 5%;
	font-family: 'josefinsans-regular';
	z-index: 12;
	display: none;
}

.infoImg{
	position: relative; 
	width:90%;
	height:auto;
	left:10%; 
	margin-bottom: 5%;
	font-family: 'josefinsans-regular';
	z-index: 12;
}


.titrePhoto{
	font-family: 'josefin_sansbold';
	font-size: 1.5vw;
	z-index: 12;

}

.titrePhotoTel{
	font-family: 'josefin_sansbold';
	font-size: 10vw;
	z-index: 12;

}

.infoPhoto{
	font-size: 1.2vw;
}

.infoImgN2{
	position: relative; 
	width:auto;
	height:auto;
	margin-left: 1%;
	margin-top: 1%;
	font-family: 'josefinsans-regular';
	font-size: 1.7vw;
	z-index: 12;
	display: none;
}


.blocInfoTheme{
	background-color: rgba(66,83,92,0.45);
	position: absolute;
	color: white;
	width:27%;
	height:100%;
	padding: 0.5%;
	left:75%;
	top:0%;
	font-family: 'josefinsans-regular';
	font-size: 1.4vw;
	z-index: 100;
}


.infoTheme{
	border-left: solid 0.1vw rgba(221,220,220,1.00);
	position: relative; 
	width:97%;
	height:auto;
	left:1%;
	padding:2%;
	margin-bottom: 3%;
	font-family: 'josefinsans-regular';
	font-size: 1.1vw;
	z-index: 12;
}


.titreInfoTheme{
	color: brown;
	font-family: 'josefin_sansbold';
	margin-bottom: 5%;
	font-size: 1.5vw;
	z-index: 12;
}

.titreInfoTheme1{
	font-family: 'josefin_sansbold';
	margin-bottom: 2%;
	font-size: 1.7vw;
	z-index: 12;
}

.italique{
	font-family: 'josefinsans-italic';
}
#chargement{
	width:50%;
	height:50%;
	left:25%; 
	top:25%;
	position: absolute;
	z-index: 75;
	color: black;
	font-size: 14px;
	font-family: "Arial",sans-serif;
	text-align: center;
	display: none;
}



#copyright {
	color: #EEEEEE;
	font-size: 1.4vh;
	font-family: 'josefinsans-regular';
	top: 110%;
	left:2%;
	width:100%;
	position:absolute; 
	z-index: 7;
	display:none;
}

.rouge{
	color: #C72323
}

.tabulation10{
	padding-left: 10%
}

.typo07{
	
	font-size: 0.7vw;
}