/* ------------------------------------------------------------------------------------ FONTS */

@font-face
	{
		font-family :		"Proxima Nova Condensed";
		font-weight:		normal;
		src :				local( "Proxima Nova Condensed Light" ), 
                        		url( "Proxima_Nova/ProximaNovaCond-Light.woff" ) format("woff"),
						url( "Proxima_Nova/ProximaNovaCond-Light.otf" ) format("opentype");
	}
	
@font-face
	{
		font-family :		"Proxima Nova Condensed";
		font-weight:		bold;
		src :				local( "Proxima Nova Condensed Semibold" ), 
                        		url( "Proxima_Nova/ProximaNovaCond-Semibold.woff" ) format("woff"),
						url( "Proxima_Nova/ProximaNovaCond-Semibold.otf" ) format("opentype");
	}
	
@font-face
	{
		font-family :		"Antique Olive Std";
		font-weight:		normal;
		src :				local( "Antique Olive Std Light" ), 
                        		url( "Antique_Olive/AntiqueOliveStd-Light.woff" ) format("woff"),
						url( "Antique_Olive/AntiqueOliveStd-Light.otf" ) format("opentype");
	}
	
@font-face
	{
		font-family :		"Antique Olive Std";
		font-weight:		bold;
		src :				local( "Antique Olive Std Bold" ), 
                        		url( "Antique_Olive/AntiqueOliveStd-Bold.woff" ) format("woff"),
						url( "Antique_Olive/AntiqueOliveStd-Bold.otf" ) format("opentype");
	}

@font-face
	{
		font-family :		"Picci";
		src :				url("Picci/Picci.eot");
		src :				url("Picci/Picci.eot?#iefix") format("embedded-opentype"),
						url("Picci/Picci.woff") format("woff"),
						url("Picci/Picci.ttf")  format("truetype"),
						url("Picci/Picci.svg#Picci") format("svg");
		font-weight :		normal;
		font-style :		normal;
	}


/* ------------------------------------------------------------------------------------ RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video 
	{
		margin :			0;
		padding :			0;
		border :			0;
		font-size :			100%;
		font :			inherit;
		vertical-align :		baseline;
	}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section
	{
		display :			block;
	}
	
body
	{
		line-height :		1;
	}

blockquote, q
	{
		quotes :			none;
	}
blockquote:before, blockquote:after,
q:before, q:after
	{
		content :			"";
		content :			none;
	}
	
table
	{
		border-collapse :		collapse;
		border-spacing :		0;
	}

img,
object,
embed,
video
	{
		max-width :			100%;
	}
	
video
	{
		height :			auto;
	}


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

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

html
	{
		overflow-y :		scroll;
	}


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

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

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 :		"Proxima Nova Condensed", Arial, Sans-serif;
		font-size :			15px;
		-webkit-appearance :	none;
		-webkit-border-radius :	0; 
		outline :			none;
	}
	
pre,
xmp,
blockquote
	{
		padding :			5px 10px;
		font-family :		monospace;
		background-color :	#F2F1EF;
		border-left :		2px solid #9E6F2F;
		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;
	}

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

.link_black
	{
		color :			#000000;
		text-decoration :		none;
		cursor :			pointer;
		-webkit-tap-highlight-color :	rgba( 0 , 255 , 255 , 0.2 );
	}
	
.link_black:hover
	{
		color :			#000000 !important;
		text-decoration :		underline;
	}

.biglink
	{
		font-size :			25px;
	}

/* ------------------------------------------------------------------------------------ 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 :	#000000;
		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-weight :		bold;
	}
i,	
em,
.italic
	{
		font-style :		italic;
	}

u,
underline
	{
		text-decoration :		underline;
	}

.right
	{
		text-align :		right;
	}

.center
	{
		text-align :		center;
	}

.grey
	{
		color :			#999999;
	}
	
.code
	{
		padding :			10px;
		font-family :		monospace;
		font-size :			14px;
		background-color :	#EEEEEE;
		border-left :		5px solid #1633FF;
		white-space :		pre-wrap;
	}
	
.small
	{
		font-size :			14px;
	}

.justify
	{
		text-align :		justify;
	}
	

/* ------------------------------------------------------------------------------------ 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;
	}


/* ------------------------------------------------------------------------------------ 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;
	}


div#fuck_ie
	{
		left :			0;
		position :			fixed;
		margin :			0;
		padding :			20px 30px;
		width :			100%;
		font-family :		sans-serif;
		background-color :	#D10049;
		z-index :			9000000;
	}


div#fuck_ie,
div#fuck_ie *
	{
		font-size :			18px;
		color :			#FFFFFF;
	}

/* ------------------------------------------------------------------------------------ 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;
	}
	
.button.large
	{
		width :			auto;
		padding-left :		15px;
		padding-right :		15px;
	}
	
	
	
	
/* ------------------------------------------------------------------------------------ TINY MCE */

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

#console
	{
		position :			fixed;
		top :				0;
		left :			0;
		padding :			10px;
		font-family :		monospace;
		font-size :			12px;
		background :		#FFFF96;
		z-index :			10000000;
		box-shadow :		0px 0px 30px 10px rgba( 50 , 50 , 50 , 0.4 );
	}


/* ------------------------------------------------------------------------------------ ICONES */

.icone
	{
		display :			inline-block;
		padding :			0;
		margin :			0;
		
		width :			20px;
		height :			20px;
		line-height :		0.8em;
		font-size :			17px;
		
		text-align :		center;
		vertical-align :		middle;
		font-family :		"Picci";
	}

a.icone
	{
		color :			#000000;
		text-decoration :		none;
	}	

a.icone:hover
	{
		color :			#FA0000;
		text-decoration :		none;
	}
	
.icone.L
	{
		width :			30px;
		height :			30px;
		font-size :			26px;
		line-height :		36px;	
	}
	
.icone.XL
	{
		width :			80px;
		height :			80px;
		font-size :			65px;
		line-height :		80px;	
	}
	
.icone.XXL
	{
		width :			128px;
		height :			128px;
		font-size :			110px;
		line-height :		128px;	
	}
	
.icone.green
	{
		color :			#44A300;
	}
	
.icone.orange
	{
		color :			#ED9200;
	}
	
.icone.red
	{
		color :			#FA0000;
	}
















/* ------------------------------------------------------------------------------------ MEDIA QUERIES : DEFAULT
*
* LARGE SCREENS
* 4 COLONNES
*
* 1440px +
* 
*/

#viewport
	{
		margin :			0 auto;
		width :			1327px;
	}

#container
	{
		padding :			59px 59px 59px 59px;
		padding-top :		59px\9;
	}
	
#container > footer
	{
		margin-top :		5px;
		height :			30px;
		line-height :		27px;
		border-top :		3px solid #000000;
	}
	
#container > footer > nav
	{
		display :			inline-block;
		height :			inherit;
		padding-right :		20px;
	}
#container > footer a
	{
		color :			#000000;
	}

#container > footer > div
	{
		float :			right;
	}


/* ——————————————————————————————————————————————— HEADER */

#container > header
	{
		position :			fixed;
		top :				0;
		left :			0;
		right :			0;
		height :			58px;
		border-bottom :		1px solid #1633FF;
		background :		#FFFFFF;
		background :		rgba( 255 , 255 , 255 , 1 );
		z-index :			100000;
	}

div#header
	{
		width :			1209px;
	}

div#header
	{
		margin :			0 auto;
		height :			58px;
	}

div#header_info
	{
		position :			absolute;
		width :			300px;
		margin-top :		39px;
		height :			19px;
		line-height :		19px;
		color :			#000000;
	}
	
div#header_info a
	{
		color :			#000000;
	}
	
div#header_info a:hover
	{
		color :			#FA0000;
		text-decoration :		none;
	}
	
div#header_info_AT
	{
		float :			right;
		width :			300px;
		margin-top :		40px;
		height :			18px;
		line-height :		18px;
		text-align :		right;
	}
	
div#header_info_AT,
div#header_info_AT a
	{
		color :			#1633FF;
	}


/* ——————————————————————————————————————————————— NAVIGATION */


#container > nav
	{
		display :			block;
		position :			absolute;
		left :			50%;
		margin-left :		-150px;	
		width :			300px;
		height :			58px;
		text-align :		center;
		z-index :			200000;
	}


#container > nav.fixed
	{
		position :			fixed;
		margin-top :		-59px;
	}

#container > nav > div
	{
		font-family :		"Antique Olive Std", Arial, Sans-serif;
		height :			35px;
		line-height :		35px;
		font-size :			26px;
		font-size :			25px\9;
		overflow :			hidden;
	}
	
@media screen and (-webkit-min-device-pixel-ratio:0)
	{
		#container > nav > div
			{
				font-size :			25px;
			}
	}

#container > nav > div > a
	{
		font-weight :		bold;
		color :			#000000;
	}
	
#container > nav > div > a:hover
	{
		text-decoration :		none;
		color :			#1633FF;
	}

#container > nav > a
	{
		display :			inline-block;
		margin-left :		5px;
		margin-right :		5px;
		font-size :			22px;
		text-decoration :		none;
		color :			#1633FF;
	}
	
#container > nav > a:last-child
	{
		margin-right :		0;
	}

#container > nav > a:hover,
#container > nav > a.current
	{
		color :			#000000;
	}

#container > nav > a.current
	{
		text-decoration :		underline;
	}


#container > nav > span
	{
		display :			inline-block;
		width :			16px;
		height :			16px;
		line-height :		16px;
		font-size :			30px;
		vertical-align :		baseline;
		overflow :			hidden;
	}


/* ——————————————————————————————————————————————— COLONNES */

.colonne
	{
		display :			block;
		float :			left;
		margin-right :		3px;
		margin-bottom :		3px;
		width :			300px;
		height :			auto;
		background-color :	#EEEEEE;
	}

.colonne.large
	{
		width :			906px;
		margin-right :		0;
	}

.colonne.large.empty
	{
		background-image :	url( "f.svg" );
		background-position :	center center;
		background-repeat :	no-repeat;
	}

.colonne > header
	{
		background :		lighyellow;
		padding-left :		30px;
		margin-bottom :		20px;
		height :			30px;
		line-height :		30px;
		font-size :			20px;
		border-bottom :		solid;
		border-width :		3px;
		border-color :		#000000;
	}

.colonne > header.red
	{
		color :			#FA0000;
		border-color :		#FA0000;
	}
	
.colonne_content
	{
		padding-left :		30px;
	}

.colonne.large
	{
		min-height :		400px;
	}


/* ——————————————————————————————————————————————— BOXES */

.box
	{
		display :			block;
		float :			left;
		margin-right :		3px;
		margin-bottom :		3px;
		width :			300px;
		height :			181px;
		background-repeat :	no-repeat;
		background-position :	center center;
		-webkit-background-size : cover;
		-moz-background-size : 	cover;
		-o-background-size :	cover;
		background-size : 	cover;
		overflow :			hidden;
		background-color :	#EEEEEE;
		
		-webkit-transition :	background 300ms ease;
		   -moz-transition :	background 300ms ease;
		    -ms-transition :	background 300ms ease;
		     -o-transition :	background 300ms ease;
		        transition :	background 300ms ease;
	}

.box.empty
	{
		overflow :			hidden;
	}


.box.empty > hr
	{
		position :			relative;
		top :				49%;
		width :			80%;
		height :			1px;
		border :			none;
		background-color :	#999999;
	}


.box.font:hover
	{
		background-color :	#DDDDDD;
		cursor :			pointer;
	}
	
.box.font:hover,
.box.font:hover *
	{
		color :			#000000;
	}

a.box_font_name
	{
		display :			table-cell;
		width :			inherit;
		height :			102px;
		vertical-align :		bottom;
		text-align :		center;
		font-size :			60px;
		color :			#000000;
		text-decoration :		none;
	}

.box_font_info
	{
		width :			80%;
		margin :			5px auto 0 auto;
		padding-top :		5px;
		height :			68px;
		text-align :		center;
		border-top :		1px solid #999999;
	}



.box_color_exclusive
	{
		background-color :	#D1D1D1;
	}
	
.box_color_new
	{
		background-color :	rgba( 22 , 51 , 255 , 0.3 );
	}

/*
.box_color_exclusive,
.box_color_exclusive *,
.box_color_exclusive a.box_font_name,
.box_color_new,
.box_color_new *,
.box_color_new a.box_font_name
	{
		color :			#FFFFFF;
	}
*/



.box.page
	{
		background-position :	center 0;
		background-repeat :	no-repeat;
		background-color :	#DDDDDD;

		-webkit-background-size : auto;
		-moz-background-size : 	auto;
		-o-background-size :	auto;
		background-size : 	auto;
	}

.box.page:hover
	{

		background-color :	#D2D2D2;
		cursor :			pointer;
	}

.box.page a.box_font_name
	{
		font-size :			50px;
	}

.box.page div.box_font_info
	{
		margin-top :		107px;
	}

#box_page_archives
	{
		background-image :	url( "box_archives.png" );
	}

#box_page_sur_mesures
	{
		background-image :	url( "box_sur_mesures.png" );
	}


/* ——————————————————————————————————————————————— MENU BOXES */

#menu_box
	{
		margin-bottom :		3px;
		height :			auto;
		text-align :		center;
		background-color :	#EEEEEE;
		background-image :	url( "bg_top_boxes.png" );
		background-position :	top left;
	}


#menu_box.shadow
	{
		padding-bottom :		10px;
		box-shadow :		0 10px 10px -7px rgba( 0 , 0 , 0 , 0.5 );
	}

#menu_box.empty
	{
		height :			181px;
	}

#menu_box > nav
	{
		display :			inline-block;
		text-align :		center;
		margin-top :		83px;
		width :			603px;
		height :			25px;
		background :		#EEEEEE;
	}
	
#menu_box > nav > select
	{
		border :			none;
		margin :			0;
		width :			150px;
		height :			25px;
		line-height :		25px !important;
		text-align :		center;
		vertical-align :		middle;
		background-color :	#CCCCCC;

	}
	
#menu_box > nav > select > option:hover
	{
		color :			#FFFFFF;
		background-color :	#1633FF !important;
	}

#menu_box.absolute
	{
		width :			1209px;
		position :			absolute;
		z-index :			5000;
	}


.top_box
	{
		display :			block;
		float :			left;
		margin-right :		3px;
		margin-bottom :		3px;
		width :			300px;
		height :			181px;
		background-repeat :	no-repeat;
		background-position :	center center;
		-webkit-background-size : cover;
		-moz-background-size : 	cover;
		-o-background-size :	cover;
		background-size : 	cover;
		overflow :			hidden;
		background-color :	rgba( 255 , 255 , 0 , 0.2 );
	}

.top_box.empty
	{
		background-color :	#EEEEEE;
		overflow :			hidden;
	}

/* ——————————————————————————————————————————————— MSG TEMPORAIRE */

#msg
	{
		padding :			20px 20px 30px 20px;
		background-color :	#FFF6B7;
		margin-bottom :		3px;
		display :			none;
	}


/* ——————————————————————————————————————————————— BLOCS */

.bloc
	{
		margin-bottom :		3px;
		width :			100%;
		clear :			left;
	}

.bloc_keyboard_hidden
	{
		opacity :			0;
	}
	
.bloc_keyboard_active
	{
		opacity :			1;
	}

.legende
	{
		height :			20px;
		line-height :		20px;
		padding-left :		1px;
		background-color :	#FFFFFF;
	}



/* ——————————————————————————————————————————————— BLOCS IMAGE */

.bloc.image > img
	{
		background :		url( "stripes.png" ) top left;
	}


/* ——————————————————————————————————————————————— BLOCS TEXTE */

.bloc.texte
	{
		display :			block;
		float :			left;
		clear :			none;
		margin-right :		3px;
		margin-bottom :		3px;
		padding :			5px 20px 5px 2px;
		width :			278px;
		height :			171px;
		background-color :	#F0F0F0;
		overflow :			hidden;
	}
	
.bloc.texte_large
	{
		display :			block;
		padding :			10px;
		width :			inherit;
		min-height :		171px;
		background-color :	#F0F0F0;
		overflow :			hidden;
	}


/* ——————————————————————————————————————————————— BLOCS FILE */

.bloc.file
	{
		display :			block;
		float :			left;
		clear :			none;
		margin-right :		3px;
		margin-bottom :		3px;
		padding :			10px;
		width :			280px;
		height :			161px;
		background-color :	#F0F0F0;
		overflow :			hidden;
	}


.bloc.file > div:first-child
	{
		height :			30px;
		line-height :		30px;
		border-bottom :		1px solid #AAAAAA;
	}

.bloc.file > div:last-child
	{
		margin-top :		15px;
	}

.bloc.file > div:last-child img
	{
		margin-bottom :		5px;
	}



/* ——————————————————————————————————————————————— BLOCS FONT */

.bloc.font
	{
		display :			block;
		height :			729px;
		text-align :		center;
		background-color :	#EEEEEE;
	}
	
.bloc_font_demo
	{
		position :			relative;
		height :			412px;
		z-index :			4000;
	}

.bloc_font_text
	{
		display :			block;
		position :			absolute;
		bottom :			0;
		left :			50%;
		padding :			0;
		margin-left :		-500px;
		width :			1000px;
		height :			160px;
		line-height :		160px;

		font-size :			120px;
		text-align :		center;
		text-decoration :		none;
		text-rendering :		optimizeLegibility;
		font-variant-ligatures : common-ligatures;

		-webkit-font-feature-settings :	"liga", "dlig";
		   -moz-font-feature-settings :	"liga=1, dlig=1";
		    -ms-font-feature-settings :	"liga", "dlig";
		     -o-font-feature-settings :	"liga", "dlig";
		        font-feature-settings :	"liga", "dlig";
		
		color :			#1633FF;
		background :		inherit;
		background-color :	#EEEEEE\9;
		border :			none;
		border-bottom :		1px solid #999999;
		outline :			none;
	}


a.bloc_font_text,
a.bloc_font_text:hover
	{
		color :			#1633FF;
		text-decoration :		none;
	}

input.bloc_font_text
	{
	}
	
input.bloc_font_text:focus
	{
		border-bottom :		1px solid #1633FF;
	}
	
.bloc_font_infos
	{
		position :			relative;
		height :			307px;
		padding-top :		10px;
	}

/* ——————————————————————————————————————————————— BLOC FONT BUY */

#font_buy
	{
		padding-top :		181px;
		background-color :	#EEEEEE;
		display :			none;
	}

.font_buy_line
	{
		position :			relative;
		height :			91px;
	}

.font_buy_line:hover
	{
		background-color :	#CFCFCF;
	}
	
.font_buy_line:hover .font_buy_button
	{
		color :			#1633FF;
	}

.font_buy_line:hover *
	{
		cursor :			pointer;
	}

.font_buy_line.pack,
.font_buy_line.pack *
	{
		color :			#1633FF;
	}

.font_buy_line.pack:hover .font_buy_button
	{
		color :			#FFFFFF;
	}

.font_buy_line.pack .font_buy_msg,
.font_buy_line.pack .font_buy_msg *
	{
		color :			#FFFFFF;
	}

.font_buy_boxes
	{
		width :			inherit;
		height :			inherit;
	}

.font_buy_box
	{
		display :			block;
		float :			left;
		margin-right :		3px;
		padding-top :		10px;
		padding-left :		5px;
		width :			295px;
		height :			80px;
		line-height :		70px;
		border-top :		1px solid #777;
		overflow :			hidden;
		font-size :			38px;
		color :			inherit;
		cursor :			default;
	}

.font_buy_box,
.font_buy_box *
	{
		-webkit-touch-callout :		none;
		  -webkit-user-select :		none;
		   -khtml-user-select :		none;
		     -moz-user-select :		none;
		      -ms-user-select :		none;
		          user-select :		none;
		
	}

.font_buy_boxes > div:first-child > div:first-child
	{
		position :			absolute;
		margin-top :		55px;
		height :			20px;
		line-height :		20px;
		font-size :			14px;
		overflow :			hidden;
		z-index :			100;
	}

.font_buy_button
	{
		padding :			0 3px;
	}

.font_buy_msg
	{
		display :			none;
		position :			absolute;
		width :			1209px;
		height :			92px;
		line-height :		92px;
		font-size :			20px;
		text-align :		center;
		color :			#FFFFFF;
		background-color :	rgba( 0 , 0 , 0 , 0.7 );
		overflow :			hidden;
		z-index :			200;
	}

	
	
	
	
	
	
/* ——————————————————————————————————————————————— BLOCS TEXTE */

.bloc.text
	{
		width :			inherit;
		padding :			20px;
		min-height :		365px;
		background-color :	#F0F0F0;
		overflow :			hidden;
	}
	
/* ——————————————————————————————————————————————— BLOCS CHARMAP */

.bloc.charmap
	{
	}

.bloc.charmap > span
	{
		display :			block;
		float :			left;
		margin :			0 auto !important;
		width :			100px;
		height :			100px;
		line-height :		100px;
		font-size :			50px;
		text-align :		center;
		overflow :			hidden;
		cursor :			default;
		
		background-image :	url( "glyph.png" );
		background-position :	0 0;
		background-repeat :	no-repeat;
		
		-webkit-touch-callout :		none;
		  -webkit-user-select :		none;
		   -khtml-user-select :		none;
		     -moz-user-select :		none;
		      -ms-user-select :		none;
		          user-select :		none;

		/*
		-webkit-transition :		all 300ms ease;
		   -moz-transition :		all 300ms ease;
		    -ms-transition :		all 300ms ease;
		     -o-transition :		all 300ms ease;
		        transition :		all 300ms ease;
		*/
	}
	
	
.bloc.charmap > span:hover
	{
		color :			#FFFFFF;
		background-position :	0 -100px;
	}
	
	
	
	
	

	
/* ——————————————————————————————————————————————— INDEX / HOME */

#index_part1
	{
		height :			729px;
		margin-bottom :		3px;
	}

#index_part1 > .bloc.font:hover
	{
		background-color :	#DDDDDD;
		cursor :			pointer;
	}

.home_bloc
	{
		width :			1209px;
		position :			absolute;
		background-position :	0 0;
		background-repeat :	no-repeat;
		-webkit-background-size : cover;
		-moz-background-size : 	cover;
		-o-background-size :	cover;
		background-size : 	cover;
	}

.home_bloc a.bloc_font_text
	{
		color :			#000000;
	}


/* ——————————————————————————————————————————————— MORE DATA */

div#more_data
	{
		padding-left :		20px;
		height :			50px;
		line-height :		50px;
		background-color :	#EDEDED;
	}

div#more_data > button
	{
		padding :			3px 10px;
		color :			#FFFFFF;
		background-color :	#777777;
		border :			none;
	}
	
div#more_data > button:hover
	{
		color :			#FFFFFF;
		background-color :	#000000;
		cursor :			pointer;
	}
	
	
div#more_data > img
	{
		display :			none;
	}
	

/* ——————————————————————————————————————————————— ACCOUNT / MON COMPTE */

#account_colonnes
	{
		background-color :	#EEEEEE;
	}

.colonne_formulaire > label
	{
		display :			block;
		padding :			2px 0;
		margin-bottom :		3px;
	}

.colonne_formulaire input,
.colonne_formulaire select,
.colonne_formulaire_submit
	{
		width :			100%;
		border :			0;
		border-radius :		0;
		
		 -webkit-box-sizing :	border-box;
		    -moz-box-sizing :	border-box;
			   box-sizing :	border-box;
			    *behavior :	url( "boxsizing.htc" );
	}

.colonne_formulaire input,
.colonne_formulaire select
	{
		position :			relative;
		padding :			2px 10px;
		margin-bottom :		10px;
		background-color :	#D5D5D5;
	}

.colonne_formulaire select
	{
		padding :			1px 0 1px 10px;
	}

.colonne_formulaire select > optgroup
	{
		font-style :		normal;
		background :		#A7A7A7;
	}
.colonne_formulaire select > optgroup > option
	{
		background-color :	#D5D5D5;
	}

.colonne_formulaire_submit
	{
		display :			block;
		padding-left :		30px;
		margin :			20px 0;
		border :			none;	
		color :			#FFFFFF;
		background-color :	#000000;
		font-size :			18px;
		text-align :		left;
		cursor :			pointer;
	}

.colonne_formulaire.red label
	{
		color :			#FA0000;
	}


.colonne_formulaire.red select > optgroup
	{
		background-color :	#FF7F63;
	}

.colonne_formulaire.red input,
.colonne_formulaire.red select,
.colonne_formulaire.red select > optgroup > option
	{
		background-color :	#F0DBD6;
	}
	
	
.colonne_formulaire_submit:hover
	{
		background-color :	#777777;
	}

.colonne_formulaire_submit.red
	{
		background-color :	#FA0000;
	}

.colonne_formulaire_submit.red:hover
	{
		background-color :	#F99090;
	}


.colonne_formulaire input[type="checkbox"],
.colonne_formulaire input[type="radio"]
	{
		padding :			0;
		margin :			2px 0;
		width :			auto;
		height :			auto;
	}

#form_new_account
	{
		padding :			0;
		padding :			0 !important;
		margin :			0;
		margin :			0 !important;
	}

#form_new_account > .colonne:last-child
	{
		margin-right :		0;
	}


#label_new_account_cgv
	{
		color :			inherit;
	}

.account_order
	{
		margin-top :		5px;
		padding :			5px;
		background :		#E0E0E0;
	}


.account_order:hover
	{
		cursor :			pointer;
		background :		#D0D0D0;
	}

.account_order > span.icone
	{
		margin-right :		10px;
	}
	
.account_order_details
	{
		display :			none;
		padding :			20px 20px 40px 20px;
		background :		#E2DFD5;
		border-top :		1px solid #A59663;
	}

/* ——————————————————————————————————————————————— LOGIN / LOST PASSWORD */

#form_lost_password
	{
		padding :			25px 0 25px 25px;
		background :		#FCF8D6;
	}

/* ——————————————————————————————————————————————— PANIER / CART */

#cart_colonnes
	{
		background-color :	#EEEEEE;
	}


.table_cart
	{
		width :			98%;
		border-collapse :		collapse;
	}


.table_cart > tbody > tr > td,
.table_cart > tfoot > tr > td
	{
		padding :			6px;
		border :			2px solid #EEEEEE;
		background :		rgba( 0 , 0 , 0 , 0.05 );
	}
	
.table_cart > tbody > tr > td:nth-child( 2 ),
.table_cart > tbody > tr > td:nth-child( 4 ),
.table_cart > tfoot > tr > td:nth-child( 3 )
	{
		width :			80px;
		text-align :		right;
	}
	
.table_cart > tbody > tr > td:nth-child( 3 )
	{
		width :			140px;
	}
	
.table_cart > tbody > tr > td:nth-child( 5 )
	{
		width :			30px;
		text-align :		center;
	}
	
	
	
.table_cart > tfoot > tr > td
	{
		padding :			10px 6px;
	}

	

.table_cart a
	{
		color :			#000000;
	}
.table_cart a:hover
	{
		color :			#FA0000;
		text-decoration :		none;
	}


select.select_licence,
select.select_qte
	{
		width :			inherit;
		padding :			2px 5px;
		background :		#FFFFFF;
		border :			none;
	}	



.cart_line_total
	{
		position :			relative;
		margin-bottom :		3px;
		height :			40px;
		line-height :		40px;
	}
	
.cart_line_total > div
	{
		position :			relative;
		float :			left;
		padding-left :		5px;
		padding-right :		5px;
		height :			inherit;
		line-height :		inherit;
		background :		rgba( 0 , 0 , 0 , 0.05 );
	}
	
.cart_line_total > div:first-child
	{
		margin-left :		463px;
		width :			234px;
	}
	
.cart_line_total > div:last-child
	{
		margin-left :		3px;
		padding-right :		58px;
		width :			80px;
		text-align :		right;
	}


#panier_nb_article
	{
		font-weight :		bold;
		color :			#CA0000;
	}

	

/* ——————————————————————————————————————————————— COMMANDE / ORDER */
	
#payment_infos hr
	{
		background :		#999999;
	}

#payment_infos_montant
	{
		display :			inline-block;
		padding :			10px 15px;
		font-weight :		bold;
		color :			#874809;
		background-color :	#FCF8C7;
		border :			2px solid #f8b81f;
	}

#payment_buttons
	{
		margin :			20px 0;
		padding :			10px;
		background-color :	#FCF8C7;
	}


/* ——————————————————————————————————————————————— MISC */

.ainsifont
	{
		font-family :		sans-serif;
	}

.show_on_scroll
	{
		display :			none;
	}
	
	

/* ——————————————————————————————————————————————— HACKS */

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

	

	



/* ------------------------------------------------------------------------------------ MEDIA QUERIES :  XL
*
* LARGE SCREENS
* 4 COLONNES
*
* 1440px +
* 
*/

@media only screen and (min-width : 1441px) {

	.colonne:nth-child(4n),
	.box:nth-child(4n),
	.font_buy_box:nth-child(4n)
		{
			margin-right :		0;
		}

}






/* ------------------------------------------------------------------------------------ MEDIA QUERIES : L
*
* NORMAL SCREENS
* 3 COLONNES
*
* 1040px <--> 1140px
* 
*/

@media only screen and (min-width : 1041px) and (max-width : 1440px) {

	#viewport
		{
			width :			1024px;
		}

	.home_bloc,
	div#header,
	#menu_box.absolute,
	.font_buy_msg
		{
			width :			906px;
		}

	.colonne:nth-child(3n),
	.colonne.double,
	.box:nth-of-type(3n),
	.font_buy_box:nth-child(3n)
		{
			margin-right :		0;
		}

	.font_buy_box:nth-child(n+4)
		{
			display :			none;
		}

	#index_part1,
	.bloc.font
		{
			height :			546px;
		}

	.bloc_font_demo
		{
			height :			309px;
		}
		
	.bloc_font_text
		{
			margin-left :		-410px;
			width :			820px;
			height :			130px;
			line-height :		130px;
			font-size :			100px;
		}
		
	.bloc_font_infos
		{
			height :			227px;
		}

	#index_part2 > .box:nth-child(n+4)
		{
			display :			none;
		}

}



/* ------------------------------------------------------------------------------------ MEDIA QUERIES : M
*
* SMALL SCREENS + TABLETS
* 2 COLONNES
*
* 767px <--> 1040px
* 
*/

@media only screen and (min-width : 768px) and (max-width : 1040px) {

	#viewport
		{
			width :			721px;
		}

}


@media only screen and (max-width : 1040px) {

	.home_bloc,
	div#header,
	#menu_box.absolute,
	.font_buy_msg
		{
			width :			603px;
		}

	#container > nav
		{
			position :			fixed;
			left :			auto;
			margin-left :		303px;
			margin-top :		-59px;
		}

	#header_info_AT
		{
			display :			none;
		}

	#menu_box
		{
			height :			auto;
			background-image :	none;
		}
		
	#menu_box.empty
		{
			height :			3px;
			margin-bottom :		0;
			background-color :	inherit;
		}

	#menu_box > nav
		{
			padding-top :		20px;
			margin-top :		0;
		}

	.colonne.large
		{
			width :			100%;
		}

	.colonne:nth-child(2n),
	.box:nth-of-type(2n),
	.font_buy_box:nth-child(2n)
		{
			margin-right :		0;
		}

	.font_buy_box:nth-child(n+3)
		{
			display :			none;
		}

	#index_part1,
	.bloc.font
		{
			height :			364px;
		}

	.bloc_font_demo
		{
			height :			205px;
		}
		
	.bloc_font_text
		{
			margin-left :		-275px;
			width :			550px;
			height :			100px;
			line-height :		100px;
			font-size :			70px;
		}
		
	.bloc_font_infos
		{
			height :			149px;
		}

	#font_buy
		{
			padding-top :		70px;
		}

	#index_part2 > .box:nth-child(n+3)
		{
			display :			none;
		}
		
	.table_cart
		{
			width :			100%;
		}

}




/* ------------------------------------------------------------------------------------ MEDIA QUERIES : S
*
* SMARTPHONES
* 2 COLONNES
*
* 638px <--> 768px
* 
*/

@media only screen and (max-width: 767px) {

	img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video
		{
			max-width :			100%;
		}

	#viewport
		{
			width :			623px;
		}
		
	#container
		{
			padding :			59px 10px 10px 10px;
		}


}


/* ------------------------------------------------------------------------------------ MEDIA QUERIES : S
*
* SMARTPHONES
* 1 COLONNE
*
* 0px <--> 638px
* 
*/

@media only screen and (max-width: 638px) {

	#viewport
		{
			width :			100%;
		}
		
	#container
		{
			padding :			10px 10px 10px 10px;
		}

	#container > header
		{
			position :			static;
			margin-top :		58px;
			height :			18px;
			z-index :			100000;
			padding :			0;
		}
		
	div#header,
	#container > nav,
	#menu_box.absolute,
	.font_buy_msg
		{
			width :			100%;
		}
		
	div#header_info
		{
			width :			auto;
			margin :			0;
		}
		
	#container > nav
		{
			position :			absolute;
			left :			0;
			right :			0;
			margin-left :		0;
			margin-top :		-87px;
		}

	#container > footer
		{
			margin-top :		20px;
			margin-bottom :		20px;
			padding :			5px 0;
			height :			auto;
			line-height :		1em;
		}

	.colonne,
	.box,
	.font_buy_box
		{
			width :			100% !important;
			margin-right :		0;
		}

	.font_buy_box:nth-child(n+2)
		{
			display :			none;
		}

	a.box_font_name
		{
			display :			block;
			padding-top :		30px;
			height :			72px;
		}

	.bloc.texte,
	.bloc.file
		{
			float :			none;
			width :			auto;
			height :			auto !important;
			padding-bottom :		20px;
		}


	#menu_box.empty
		{
			background-image :	none;
		}

	#menu_box > nav
		{
			width :			inherit;
			height :			inherit;
			padding-top :		10px;
		}

	#menu_box > nav > select,
	#menu_box > nav > button
		{
			margin-bottom :		3px;
			width :			inherit;
		}

	.bloc.font
		{
			height :			auto;
		}

	#index_part1
		{
			height :			181px;
			background-color :	#EEEEEE;
		}

	#index_part1 > .bloc.font
		{
			height :			181px;
		}

	#menu_box.absolute
		{
			position :			relative;
		}

	.bloc_font_demo
		{
			padding-top :		20px;
			height :			auto;
		}
		
	.bloc_font_text
		{
			position : 			static;
			left :			none;
			margin :			0 auto;
			width :			80%;
			height :			60px;
			line-height :		60px;
			font-size :			40px;
		}
		
	.bloc_font_infos
		{
			height :			auto;
			padding-bottom :		20px;
		}

	.home_bloc
		{
			width :			95%;
		}

	#font_buy
		{
			width :			100%;
			padding-top :		10px;
		}

	.font_buy_box
		{
			padding-left :		0;
		}
		
	.font_buy_msg
		{
			font-size :			16px;
		}
		
	#index_part2 > .box:nth-child(n+1)
		{
			display :			block;
		}

	.colonne > header.hide
		{
			display :			none;
		}

	.colonne_content
		{
			padding :			0;
		}

	.colonne.large
		{
			min-height :		100px;
		}

	.colonne.large.empty
		{
			min-height :		400px;
		}

	#form_lost_password
		{
			padding-left :		0;
		}

}




/* iPad */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {}

/* iPhone 3 */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {}

/* iPhone 4, 4s, 5 */
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {}





/* ------------------------------------------------------------------------------------ MEDIA QUERIES : L
*
* iPAD / TABLETS
* 3 COLONNES
*
*/

@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px)
	and (orientation : landscape) {

	#viewport
		{
			width :			1024px;
			zoom :			1;
		}
		
	div#header,
	#menu_box.absolute,
	.font_buy_msg
		{
			width :			906px;
		}


	.colonne:nth-child(2n),
	.box:nth-child(2n)
		{
			margin-right :		3px;
		}
		
	.colonne:nth-child(3n),
	.box:nth-child(3n)
		{
			margin-right :		0;
		}
		
	#index_part1,
	.bloc.font
		{
			height :			546px;
		}

	.bloc_font_demo
		{
			height :			309px;
		}
		
		
	.bloc_font_text
		{
			margin-left :		-410px;
			width :			820px;
			height :			130px;
			line-height :		130px;
			font-size :			100px;
		}
		
	.bloc_font_infos
		{
			height :			227px;
		}

	.home_bloc
		{
			width :			906px;
		}
		
	#index_part2 > .box:nth-child(n),
	.font_buy_box:nth-child(n)
		{
			display :			block;
		}

	#index_part2 > .box:nth-child(n+4),
	.font_buy_box:nth-child(n+4)
		{
			display :			none;
		}
		

	#header_info_AT
		{
			display :			block;
		}

}




/* ------------------------------------------------------------------------------------ WEBKIT */

@media screen and (-webkit-min-device-pixel-ratio:0) {

	select
		{
			padding-left :		5px !important;
			background-image :	url( "down.svg" );
			background-repeat : 	no-repeat;
			background-position :	right center;
		}
		
	select.select_licence
		{
			background-image :	url( "down_black.svg" );
			background-repeat : 	no-repeat;
			background-position :	right center;
		}

} 




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