/* ------------------------------------------------------------------------------------ IMPORT */

@import url( "reset.css" );
@import url( "fonts.css" );


/* ------------------------------------------------------------------------------------ HTML */

html,
body
	{
		width :			100%;
		height :			100%;
	}

html
	{
		overflow-y :		scroll;
	}


body
	{
		color :			#FFFFFF;
		background-color :	#000000;
	}

/* ------------------------------------------------------------------------------------ */

html:-moz-full-screen
	{
		background :		#FFFFFF;
	}
	
html:-webkit-full-screen
	{
		background :		#FFFFFF;
	}
	
html:fullscreen
	{
		background :		#FFFFFF;
	}
	

/* ------------------------------------------------------------------------------------ */

body,
input,
select,
optgroup,
option,
textarea,
button
	{
		font-family :		Bodoni, Sans-serif;
		font-size :			17px;
		-webkit-appearance :	none;
		-webkit-border-radius :	0; 
		outline :			none;
	}
	
pre,
xmp,
blockquote,
.code
	{
		padding :			10px;
		font-family :		monospace;
		font-size :			12px;
		background-color :	#fffdf7;
		border-left :		4px solid #c3670f;
		white-space :		pre-wrap;
	}



/* ------------------------------------------------------------------------------------ LIENS */

a,
a:link,
a:visited,
.link
	{
		color :			#1633FF;
		text-decoration :		none;
		cursor :			pointer;
		-webkit-tap-highlight-color :	rgba( 0 , 255 , 255 , 0.2 );
		
		-webkit-transition :	all 100ms ease;
		   -moz-transition :	all 100ms ease;
		    -ms-transition :	all 100ms ease;
		     -o-transition :	all 300ms ease;
		        transition :	all 100ms ease;

		-webkit-transform :	translate3d(0,0,0);
		   -moz-transform :	translate3d(0,0,0);
		    -ms-transform :	translate3d(0,0,0);
		     -o-transform :	translate3d(0,0,0);
		        transform :	translate3d(0,0,0);
	}

a:hover,
.link:hover
	{
		color :			#1633FF;
		cursor :			pointer;
		text-decoration :		underline;
	}

/* ------------------------------------------------------------------------------------ IMAGES */

img
	{
		border :			none;
		vertical-align :		middle;
	}

img.grayscale
	{
		/* IE6-9 */
		filter :			gray;

		/* Firefox 10+, Firefox on Android */
		filter :			url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

		/* Chrome 19+, Safari 6+, Safari 6+ iOS */
		-webkit-filter :		grayscale(100%);
	}

img.grayscale.disabled
	{

		filter :			url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
		-webkit-filter :		grayscale(0%);
	}

/* ------------------------------------------------------------------------------------ HR */

hr
	{
		border :			none;
		background-color :	#EBC880;
		height :			1px;
	}

.hr2	{	height :			2px;	}
.hr3	{	height :			3px;	}
.hr4	{	height :			4px;	}
.hr5	{	height :			5px;	}



/* ------------------------------------------------------------------------------------ UL / LI */

ol,
ul
	{
		margin :			4px 0;
		padding-left :		20px;
	}

ul li
	{
		padding :			0 0 1px 0;
	}

/* ------------------------------------------------------------------------------------ TEXTES */

b,
strong,
.bold
	{
		font-family :		Bodoni, Sans-serif;
		font-weight :		bold;
	}
i,	
em,
.italic
	{
		font-style :		italic;
	}

u,
underline
	{
		text-decoration :		underline;
	}

.left
	{
		text-align :		right;
	}

.right
	{
		text-align :		right;
	}

.center
	{
		text-align :		center;
	}

.justify
	{
		text-align :		justify;
	}

.light
	{
		color :			#999999;
	}
	
.small
	{
		font-size :			12px;
	}


.hyphens
	{
		-webkit-hyphens :		auto;
		   -moz-hyphens :		auto;
		    -ms-hyphens :		auto;
		     -o-hyphens :		auto;
		        hyphens :		auto;
	}
	
/* ------------------------------------------------------------------------------------ MISC */

.clear
	{
		clear :			both;
	}

.clearfix:after
	{
		display :			table;
		clear :			both;
		content :			"";
	}

.autosize
	{
		position :			relative;
		padding-bottom :		56.25%;
		padding-top :		30px;
		height :			0;
		overflow :			hidden;
	}

.autosize iframe,  
.autosize object,  
.autosize embed
	{
		position :			absolute;
		top :				0;
		left :			0;
		width :			100%;
		height :			100%;
	}

.obfuscate
	{
		unicode-bidi :		bidi-override;
		direction :			rtl;
	}
	
.obfuscate span
	{
		display :			none;
	}

.captcha
	{
		visibility :		hidden;
	}

.hide
	{
		position :			absolute;
		top :				-9999px;
		left :			-9999px;
	}

/* ------------------------------------------------------------------------------------ FUCK IE */

div#fuck_ie
	{
		position :			fixed;
		padding :			20px;
		width :			100%;
		font-size :			14px;
		background-color :	#CCCCCC;
		border-bottom :		4px solid #FFFFFF;
		z-index :			9000000;
	}

div#fuck_ie,
div#fuck_ie *
	{
		font-family :		sans-serif;
		color :			#000000;
	}

/* ------------------------------------------------------------------------------------ TAGS */

.info
	{
		display :			inline-block;
		padding :			2px 5px;
		background-color :	#D8EFAC !important;
	}
.info,
.info *
	{
		color :			#169300;
		color :			#169300 !important;
	}

.highlight
	{
		display :			inline-block;
		padding :			2px 5px;
		background-color :	#D5EAED !important;
	}
.highlight,
.highlight *
	{
		color :			#046572;
		color :			#046572 !important;
	}

.note
	{
		display :			inline-block;
		padding :			2px 5px;
		background-color :	#FFF084 !important;
	}
.note,
.note *
	{
		color :			#937100;
		color :			#937100 !important;
	}
	
.notice
	{
		display :			inline-block;
		padding :			5px 10px;
		background-color :	#FFE77F !important;
		border :			1px solid #E59C00;
	}
.notice,
.notice *
	{
		color :			#936500;
		color :			#936500 !important;
	}
	
	
.important
	{
		display :			inline-block;
		padding :			2px 5px;
		background-color :	#AB0000 !important;
	}
.important,
.important *
	{
		color :			#FFFFFF;
		color :			#FFFFFF !important;
	}

.erreur
	{
		padding :			10px;
		color :			#AA0000 !important;
		background-color :	#DDD7D7 !important;
	}

.tag
	{
		display :			inline-block;
		padding :			4px 8px;
		margin :			1px 0;
		background-color :	#1633FF !important;
	}
.tag,
.tag *
	{
		color :			#FFFFFF;
		color :			#FFFFFF !important;
	}

/* ------------------------------------------------------------------------------------ FORMULAIRES / INPUT / TEXTAREA / SELECT */

input[type="checkbox"]
	{
		-webkit-appearance :	checkbox;
	}

input[type="radio"]
	{
		-webkit-appearance :	radio;
	}

input[type="submit"]
	{
		cursor :			pointer;
	}


input[disabled],
input[disabled="disabled"]
	{
		opacity :			0.4;
		cursor :			default;
		outline-width :		0;
		outline :			none;
		-webkit-text-fill-color : inherit;
	}
	
textarea
	{
		resize :			none;
	}


.button
	{
		display :			inline-block;
		padding :			0;
		width :			150px;
		height :			25px;
		line-height :		25px;
		vertical-align :		middle;
		cursor :			pointer;
		background-color :	#1633FF;
		border :			none;
		text-align :		center;
	}

.button,
.button *,
a.button
	{
		color :			#FFFFFF;
	}

.button:hover
	{
		padding :			0;
		color :			#1633FF;
		color :			#1633FF !important;
		background-color :	#FFFFFF;
		background-color :	#FFFFFF !important;
		text-decoration :		none;
	}
	
.button.grey
	{
		background :		#DADADA;
	}
.button:hover
	{
		color :			#000000;
		background-color :	#D0D0D0;
	}

	
	
/* ------------------------------------------------------------------------------------ TINY MCE */

body.mceContentBody
	{
		padding :			5px;
	}
	
	
/* ------------------------------------------------------------------------------------ HACKS */

input::-ms-clear
	{
		display : 			none;
	}

	

/* ------------------------------------------------------------------------------------ BOX SIZING */

#viewport
	{
		 -webkit-box-sizing :	border-box;
		  -khtml-box-sizing :	border-box;
		    -moz-box-sizing :	border-box;
			   box-sizing :	border-box;
			    *behavior :	url( "boxsizing.htc" );
	}
	



/* ------------------------------------------------------------------------------------ TEMPLATE */

#viewport
	{
		position :			relative;
		width : 			100%;
		height :			100%;
	}

#background
	{
		display :			none;
		position :			absolute;
		width : 			100%;
		height :			100%;
		overflow :			hidden;
		background-repeat : 	no-repeat;
		background-position : 	center center;
		background-attachment : fixed;
		-webkit-background-size : cover;
		-moz-background-size : 	cover;
		-o-background-size :	cover;
		background-size : 	cover;
	}

#canvas
	{
		display :			block;
		position :			absolute;
		left :			50%;
		margin-left :		-600px;
		width :			1200px;
		height :			800px;
		opacity :			0.25;
	}
	
	
#container
	{
		position :			relative;
		margin :			0 auto;
		width :			1200px;
		z-index :			1;
	}

#container > nav,
#container > section#content
	{
		float :			left;
		min-height :		600px;
		padding-top :		20px;
		/*background :		rgba( 50 , 50 , 70 , 0.6 );*/
	}
	
#container > nav
	{
		width :			250px;
		text-align :		center;
		z-index :			100;
	}

#container > section#content
	{
		margin-left :		10px;
		width :			940px;
		z-index :			200;
	}

#container > section#content.large
	{
		float :			none;
		margin-left :		0;
		width :			inherit;
	}


/* ------------------------------------------------------------------------------------ TEMPLATE : HEADER */

#container > header
	{
	}
	
	
/* ------------------------------------------------------------------------------------ TEMPLATE : NAV */

#container > nav > ul
	{
		display :			block;
		margin :			40px auto;
		padding :			0;
		list-style :		none;
		text-align :		left;
	}

#container > nav > ul > li
	{
		padding :			0 0 0 40px;
		margin :			0;
		font-family :		Mento, Sans-serif;
		font-size :			14px;
	}
	
#container > nav > ul > li > a
	{
		text-transform :		uppercase;
		display :			block;
		padding :			0 0 0 20px;
		margin :			0 0 5px 0;
		width :			150px;
		height :			30px;
		line-height :		30px;
		font-family :		Mento, Sans-serif;
		font-size :			14px;
		color :			#EBC880;
		text-align :		left;
		border-style :		solid;
		border-width :		1px;
		border-color :		transparent;
	}

#container > nav > ul > li > a:hover
	{
		text-decoration :		none;
		border-color :		#7b7058;
	}

#container > nav > ul:hover > li.current > a
	{
		border-color :		#595140;
	}


#container > nav > ul > li.current > a,
#container > nav > ul > li.current:hover > a,
#container > nav > ul > li:hover > a
	{
		border-color :		#EBC880;
	}


#container > nav > ul > li > div
	{
		margin :			10px 0;
		padding :			0 0 0 20px;
	}

#container > nav > ul > li > ul
	{
		display :			block;
		padding :			0 0 0 20px;
		margin :			10px 0;
		list-style :		none;
	}

#container > nav > ul > li > ul > li
	{
		margin :			3px 0;
	}

#container > nav > ul > li > ul > li > a
	{
		font-family :		Mento, Sans-serif;
		font-size :			12px;
		color :			#999999;
	}

#container > nav > ul > li > ul > li > a:hover,
#container > nav > ul > li > ul > li > a.current
	{
		color :			#FFFFFF;
	}


/* ------------------------------------------------------------------------------------ TEMPLATE : CONTENT */

section#content > article
	{
		margin :			10px 0;
	}

.titre
	{
		font-family :		Mento, Sans-serif;
		text-transform :		uppercase;
		font-soze :			24px;
	}

	

/* ------------------------------------------------------------------------------------ PAGE : HOME — LANDING */

#landing
	{
		padding-top :		40px;
		text-align :		center;
		/*
		background-position :	center 50px;
		background-repeat :	no-repeat;
		background-image :	url( "../../images/bougie_germauld.gif" );
		background-image :	url( "../../images/logo_big.svg" );
		background-image :	url( "../../images/logo_big.png" )\9;
		*/
	}

#landing_languages
	{
		margin-top :		-80px;
	}

#landing_languages > a
	{
		display :			inline-block;
		margin :			0 5px;
		padding :			6px 20px 4px 20px;
		font-family :		Mento, Sans-serif;
		font-size :			18px;
		color :			#EBC880;
		border-style :		solid;
		border-width :		1px;
		border-color :		transparent;
	}

#landing_languages > a:hover
	{
		border-color :		#EBC880;
		text-decoration :		none;
	}

/* ------------------------------------------------------------------------------------ PAGE : HISTOIRE */

#histoire_image
	{
		opacity :			0;
		margin-left :		50px;
		margin-top :		50px;
		z-index :			10;
	}

#histoire_canvas
	{
		opacity :			0;
		position :			absolute;
		width :			450px;
		height :			450px;
		margin-left :		80px;
		margin-top :		80px;
		z-index :			20;
	}

#histoire_texte
	{
		opacity :			0;
		position :			absolute;
		width :			330px;
		margin-left :		540px;
		margin-top :		35px;
		z-index :			1500;
	}


/* ------------------------------------------------------------------------------------ PAGE : COLLECTIONS */

#page_collections
	{
		height :			700px;
	}

#page_collections_img_paris
	{
		display :			none;
		position :			absolute;
		margin-left :		70px;
		margin-top :		40px;
	}
	
#page_collections_line
	{
		position :			absolute;
		margin-left :		390px;
		margin-top :		152px;
		width :			202px;
		height :			192px;
	}

#page_collections_texte
	{
		display :			none;
		position :			absolute;
		margin-left :		200px;
		margin-top :		420px;
		width :			500px;
		color :			#DDDDDD;
	}

#page_collections_texte > span
	{
		display :			block;
		margin-bottom :		15px;
		font-family :		Mento, Sans-serif;
		font-size :			22px;
		color :			#FFFFFF;
	}

/* ----------------------------------------------------- */

a.page_collections_tag
	{
		opacity :			0;
		position :			absolute;
		font-family :		Mento, Sans-serif;
		font-size :			11px;
		color :			#FFFFFF;
		text-align :		center;
		text-decoration :		none;

		text-shadow :		0px 0px 2px #000000;
		filter :			dropshadow(color=#000000, offx=0, offy=0);
	}

a.page_collections_tag:hover
	{
		color :			#EBC880;
	}

#page_collections_tag_madeleine
	{
		margin-left :		315px;
		margin-top :		185px;
	}
	
#page_collections_tag_tuileries
	{
		margin-left :		385px;
		margin-top :		260px;
	}
	
#page_collections_tag_opera
	{
		margin-left :		442px;
		margin-top :		147px;
	}
	
#page_collections_tag_haussmann
	{
		margin-left :		305px;
		margin-top :		125px;
	}
	
#page_collections_tag_nd
	{
		margin-left :		495px;
		margin-top :		355px;
	}
	
#page_collections_tag_arts
	{
		margin-left :		435px;
		margin-top :		300px;
	}


a.page_collections_tag:hover > span.page_collections_bullet
	{
		display :			block;
	}

.page_collections_bullet
	{
		display :			none;
		position :			absolute;
		width :			14px;
		height :			13px;
		background :		url( "../../data/1/bullet.png" ) center center no-repeat;
	}

#page_collections_bullet_madeleine
	{
		right :			-27px;
		top :				-2px;
	}
	
#page_collections_bullet_tuileries
	{
		right :			16px;
		top :				-21px;
	}
	
#page_collections_bullet_opera
	{
		left :			3px;
		top :				29px;
	}
	
#page_collections_bullet_haussmann
	{
		right :			-19px;
		top :				21px;
	}
	
#page_collections_bullet_nd
	{
		right :			-7px;
		top :				-20px;
	}
	
#page_collections_bullet_arts
	{
		right :			-11px;
		top :				-11px;
	}
	
	
	
	
	
	


/* ----------------------------------------------------- */

span.bullet
	{
		display :			block;
		position :			absolute;
		width :			20px;
		height :			20px;
		background-color :	#FFFFFF;
		cursor :			pointer;
		opacity :			0.7;
		
		-webkit-border-radius :	50%;
		   -moz-border-radius :	50%;
		        border-radius :	50%;
		        

		-webkit-transition :	0.15s ease-in-out;
		   -moz-transition :	0.15s ease-in-out;
		    -ms-transition :	0.15s ease-in-out;
		     -o-transition :	0.15s ease-in-out;
		        transition :	0.15s ease-in-out;
        

	
	}


	
span.bullet:hover
	{
		opacity :			1;

		-webkit-transform :	scale( 1.2 );
		   -moz-transform :	scale( 1.2 );
		    -ms-transform :	scale( 1.2 );
		        transform :	scale( 1.2 );
		        
		box-shadow :		0 0 10px rgba(255,255,255,1);
	}
	
	
	
span#page_collections_bullet_madeleine
	{
		margin-left :		325px;
		margin-top :		195px;
		
		margin-left :		10px;
		margin-top :		10px;
	}
	

/* ------------------------------------------------------------------------------------ PAGE : PRODUIT BOUGIE */

span.btn_activate_sound
	{
		position :			absolute;
		z-index :			90000;
		display :			block;
		left :			0;
		top :				6.5%;
		width :			2rem;
		height :			2rem;
		background-image :	url( "./icons/sound_off.svg" );
		background-position :	center center;
		background-repeat :	no-repeat;
		background-size :		100%;
		animation :			animn_sound 1000ms ease-in-out infinite alternate;
		cursor :			pointer;
	}

@keyframes animn_sound
	{
  		0%		{ opacity: 1; }
  		50% 		{ opacity: 0.4; }
  		100% 		{ opacity: 1; }
	}

span.btn_activate_sound:hover,
span.btn_activate_sound.on
	{
		background-image :	url( "./icons/sound_on.svg" );
	}

#page_produit
	{
		position :			relative;
		z-index :			100;
		/*background : #013034;*/
	}

div.lines
	{
		position :			absolute;
		margin-top :		-30px;
		width :			940px;
		height :			600px;
		z-index :			1000;
	}

#audio
	{
		display :			none;
	}
	
#page_produit > div.texte
	{
		z-index :			10000;
		position :			relative;
		display :			none;
		padding-top :		50px;
		padding-left :		100px;
		padding-bottom :		160px;
	}
	
#page_produit > div.texte,
#page_produit > div.texte span
	{
		color :			#DDDDDD;
		font-size :			24px;
	}
	
#page_produit > div.texte > span:first-of-type
	{
		display :			block;
		margin-bottom :		30px;
		font-family :		Mento, Sans-serif;
		text-transform :		uppercase;
	}

#page_produit > div.texte > img:first-of-type
	{
		float :			left;
		margin-top :		3px;
		margin-right :		15px;
		margin-bottom :		2px;
	}
	
#page_produit > div.texte > img#image_texte
	{
		float :			right;
	}
	
#page_produit > div.texte > div:last-of-type
	{
		margin-top :		30px;
		font-family :		Mento, Sans-serif;
		font-size :			13px;
		line-height :		15px;
		text-transform :		uppercase;
	}

#log1,
#log2
	{
		padding :			10px;
		font-family :		monospace;
		font-size :			12px;
		text-align :		left;
		background :		rgba( 255 , 255 , 255 , 0.2 );
	}

.txt_step
	{
		opacity :			0.2;
	}

a.btn_buy
	{
		text-transform :		uppercase;
		display :			inline-block;

		float :			right;
		/*margin-top :		30px;*/
		margin-right :		200px;
		margin-top :		-10px;
		padding :			7px 30px 4px 30px;
		font-family :		Mento, Sans-serif;
		font-size :			18px;
		color :			#EBC880;
		text-align :		left;
		border-style :		solid;
		border-width :		1px;
		border-color :		#595140;
		background-color :	#000000;

		-webkit-box-shadow :	0px 0px 50px 10px #000000;
		   -moz-box-shadow :	0px 0px 50px 10px #000000;
		     -o-box-shadow :	0px 0px 50px 10px #000000;
		        box-shadow :	0px 0px 50px 10px #000000;
		filter :			progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=50);
	}

.btn_buy:hover
	{
		text-decoration :		none;
		border-color :		#EBC880;
	}






/* ------------------------------------------------------------------------------------ BOUTIQUE */

#content_boutique
	{
		min-height :		600px;
		color :			#000000;
		background-color :	#FFFFFF;
	}

#content_boutique_1,
#content_boutique_2
	{
		float :			left;
	}

#content_boutique_1
	{
		padding-left :		10px;
		width :			280px;
	}

#content_boutique_2
	{
		margin-left :		10px;
		width :			650px;
	}

#boutique_div_images
	{
		width :			650px;
		height :			650px;
	}

#boutique_div_image1,
#boutique_div_image2
	{
		position :			absolute;
		margin :			0;
		padding :			0;
		z-index :			1000;
	}

#flamme
	{
		position :			absolute;
		margin-left :		162px;
		margin-top :		245px;
		width :			32px;
		height :			63px;
		background :		url( "../../images/flamme.gif" ) center center no-repeat;
		z-index :			2000;
	}


#btn_boutique_image1,
#btn_boutique_image2
	{
		display :			inline-block;
		width :			60px;
		height :			60px;
	}
	
#btn_boutique_image1:hover,
#btn_boutique_image2:hover
	{
		background-color :	#EEEEEE;
		cursor :			pointer;
	}
	
	
/* ------------------------------------------------------------------------------------ CONTACT */

#formulaire_contact
	{
		border-spacing :		0px;
		border-collapse :		collapse;
	}


#formulaire_contact > tbody > tr > td
	{
		padding :			2px;
		vertical-align :		top;
	}

#formulaire_contact > tbody > tr > td:first-child
	{
		width :			220px;
	}

#formulaire_contact > tbody > tr > td > input[type="text"],
#formulaire_contact > tbody > tr > td > input[type="submit"]
	{
		line-height :		30px !important;
		height :			30px;
		color :			#FFFFFF;
		background-color :	#505050;
		border :			none;
	}
	
#formulaire_contact > tbody > tr > td > input[type="text"]
	{
		padding :			0 10px;
		width :			400px;
	}

#formulaire_contact > tbody > tr > td > input[type="submit"]
	{
		width :			150px;
		text-align :		center;
	}

#formulaire_contact > tbody > tr > td > input[type="submit"]:hover
	{
		background-color :	#404040;
	}
	
#formulaire_contact > tbody > tr > td > textarea
	{
		padding :			5px;
		width :			400px;
		color :			#FFFFFF;
		background-color :	#505050;
		border :			none;
	}

#msg_contact
	{
		display :			block;
		padding :			20px;
		margin :			10px 0 40px 0;
		color :			#E5B149;
		background-color :	#4F3D19;
	}



/* ------------------------------------------------------------------------------------ */