/* ------------------------------------------------------------------------------------ ALL */

*
	{
		font-family :		Verdana, Arial, Sans-serif;
		font-size :			8pt;
		font-style :		italic;
		color :			#333333;

		/**
		* DEBUG

		border :			1px solid #0099FF;

		*/
	}

::-moz-selection
	{
		background-color :	#333333;
		color :			#FFFFFF;
	}
::selection
	{
		background-color :	#333333;
		color :			#FFFFFF;
	}


.bg_color
	{
		background-color :	#333333;
	}

.fg_color
	{
		color :			#333333;
	}

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

body, html
	{
		width :			100%;
		height :			100%;
		margin :			0;
		padding :			0;
	}

html
	{
		text-align :		center;
		background-color :	#CCCCBB;
		overflow :			-moz-scrollbars-vertical;
	}


/* ------------------------------------------------------------------------------------ IE HACKS */

body
	{
		behavior :			url( "/lib/css/csshover.htc" );
	}


img, div, span, a, li
	{
		behavior :			url( "/lib/css/iepngfix.htc" );
	}

/* ------------------------------------------------------------------------------------ TYPO */
pre
	{
		font-family :		monospace;
		font-size :			9pt;
	}

/* ------------------------------------------------------------------------------------ COMMONS */

h1
	{
		/*
		filter :			alpha(opacity=0);
		opacity :			0;
		*/
		position :			absolute;
		margin-left :		0px;
		margin-top :		0px;
		padding-left :		10px;
		width :			510px;
		height :			20px;
		line-height :		20px;
		color :			#FFFFFF;
		background-color :	#FFFFFF;
		text-decoration :		none;
		font-style :		normal;
	}

a, a:link, a:visited
	{
		text-decoration :		underline;
	}

a:hover
	{
		color :			#FF3D00;
	}

@media all
	{
		.page-break
			{
				display : 			none;
			}
	}

@media print
	{
		.page-break
			{
				display :			block;
				page-break-before :	always;
			}
	}


.link:hover
	{
		color :			#FFFFFF;
		background-color :	#333333;
		text-decoration :		none;
	}



table, td
	{
		border-collapse :		collapse;
		text-align :		left;
	}

img
	{
		border :			none;
		vertical-align :		middle;
		color :			#FFFFFF;
	}

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

/* ------------------------------------------------------------------------------------ MESSAGE TEMPORAIRE */

#msg_tmp
	{
		position :			absolute;
		width :			510px;
		height :			18px;
		line-height :		18px;
		margin-top :		5px;
		margin-left :		530px;
		padding-left :		10px;
		text-align :		left;
		font-weight :		bold;
		font-style :		normal;
		color :			#333333;
		background-color :	#A7A778;
		z-index :			60000;

		visibility :		hidden;
		filter :			alpha(opacity=0);
		-moz-opacity :		0;
		-khtml-opacity :		0;
		opacity :			0;
	}

/* ------------------------------------------------------------------------------------ INFO BULLE */
#info_bulle
	{
		position :			absolute;
		margin-left :		10px;
		margin-top :		18px;
		visibility :		hidden;
		border :			2px solid #333333;
		padding :			10px;
		background-color :	#FFFFFF;
		color :			#333333;
		text-align :		left;
		z-index :			10000;
	}

/* ------------------------------------------------------------------------------------ MULTIPAGE */

#nav_multipage
	{
		border-top :		1px solid #333333;
		padding-top :		10px;
		text-align :		center;
		margin-bottom :		40px;
	}

.nav_multipage_number
	{
		padding :			1px 4px 1px 4px;
		color :			#333333;
		border :			1px solid #333333;
		margin-left :		4px;
		margin-right :		4px;
		text-decoration :		none; 
	}

.nav_multipage_number:hover
	{
		color :			#FFFFFF;
		background-color :	#333333;
		text-decoration :		none;
	}

.nav_multipage_number_current
	{
		font-weight :		bold;
		color :			#FFFFFF;
		background-color :	#333333;
	}

/* ------------------------------------------------------------------------------------ FORMULAIRES */

.champ_obligatoire
	{
		color :			#333333;
		background-color :	#FFFFFF;
	}

.champ_obligatoire_clignotement
	{
		color :			#FFFFFF;
		background-color :	#333333;
	}

input, select, option, textarea
	{
		font-size :			8pt;
		text-transform :		none; 
	}

input, select, textarea
	{
		border :			1px solid #CCCCCC;
	}

input:focus, select:focus, textarea:focus
	{
		border :			1px solid #333333;
		outline :			none;
	}

optgroup
	{
	}

optgroup > option
	{
	}

.checkbox
	{
		width :			auto;
	}

 
.formulaire_group
	{
		clear :			left;
		margin :			0;
		padding :			0;
		padding-top :		4px;
		padding-bottom :		14px;
	}

.formulaire p
	{
		width :			100%;
		clear :			left;
		margin :			0;
		padding :			0;
		padding-top :		2px;
		padding-bottom :		2px;
	}

.formulaire label
	{
		display :			inline;
		float :			left;
		width :			140px;
		margin :			0px;
		padding :			0px;
	}

.formulaire input[type="submit"]
	{
		cursor :			pointer;
		color :			#FFFFFF;
		background-color :	#333333;
	}

.formulaire input[type="submit"]:hover
	{
		color :			#333333;
		background-color :	#FFFFFF;
	}

.formulaire input
	{
		width :			300px;
		border :			1px solid #333333;
	}

.formulaire select
	{
		width :			302px;
		border :			1px solid #333333;
	}

.formulaire input[type="checkbox"]
	{
		width :			auto;
	}

.formulaire input[type="submit"]
	{
		width :			302px;
	}

.formulaire textarea
	{
		width :			300px;
		height :			70px;
		border :			1px solid #333333;
	}

.formulaire input:hover, .formulaire select:hover, .formulaire textarea:hover
	{
	}


.select
	{
		width :			301px;
	}

.select_date, .select_date option
	{
		width :			100px;
	}

.selected_selected
	{
		color :			#FFFFFF;
		background-color :	#333333;
	}

.anti_robot
	{
		border :			1px solid #0099FF;
		display :			none;
	}


/* ------------------------------------------------------------------------------------ BOUTTONS */

.bouton
	{
		width :			auto;
		overflow :			visible;
		padding :			4px 10px 3px 7px;		/* IE6 */
		background-color :	#F5F5F5;
		border :			1px solid #9F9F9F;
		cursor :			pointer;
	}

.bouton:hover
	{
		background-color :	#DFF4FF;
		border :			1px solid #336699;
	}

bouton[type]
	{
		padding :			5px 10px 5px 7px;		/* Firefox */
		line-height :		17px;				/* Safari */
	}

.bouton img
	{
		margin :			0;
		padding :			0;
		border :			none;
	}

.bouton_save:hover
	{
		background-color :	#FFDFE0;
		border :			1px solid #333333;
	}

.bouton_create_account, .bouton_create_account:hover
	{
		width :			auto;
		height :			auto;
		padding :			0px;
		margin :			0px;
		border :			none;
		background-color :	#FFFFFF;
	}



/* ------------------------------------------------------------------------------------ CONTAINER */

#container
	{
		width :			1050px;
		padding-bottom :		1000px;
		margin-left :		auto;
		margin-right :		auto;
	}


/* ------------------------------------------------------------------------------------ HEADER */

#header
	{
		width :			1050px;
		height :			25px;
		line-height :		25px;
		margin-top :		10px;
		text-align :		left;
	}

.header_icon
	{
		position :			absolute;
		width :			25px;
		height :			25px;
		background-image :	url( "pictos.png");
		background-repeat :	no-repeat;
		cursor :			pointer;
	}

#header_icon_blog
	{
		margin-left :		0px;
		background-position :	0px 0px;
	}

#header_icon_blog:hover
	{
		background-position :	0px -25px;
	}

#header_icon_bio
	{
		margin-left :		25px;
		background-position :	-25px 0px;
	}

#header_icon_bio:hover
	{
		background-position :	-25px -25px;
	}

#header_icon_consultation
	{
		background-image :	url( "pictos_consultation.png");
		margin-left :		50px;
		background-position :	0px 0px;
	}

#header_icon_consultation:hover
	{
		background-position :	0px -25px;
	}

#header_icon_consultation_return
	{
		background-image :	url( "pictos_consultation.png");
		margin-left :		50px;
		background-position :	0px -100px;
	}

#header_icon_consultation_return:hover
	{
		background-position :	0px -125px;
	}


#newsletter,
#copyright,
#btn_rss
	{
		position :			absolute;
		text-align :		right;
		color :			#6F6F4C;
	}

#copyright a
	{
		color :			#CCCCBB;
		text-decoration :		none;
	}

#copyright a:hover
	{
		color :			#FFFFFF;
	}

#newsletter
	{
		width :			370px;
		margin-left :		128px;
	}

#newsletter_email, #newsletter_btn
	{
		vertical-align :		middle;
		border :			none;
	}

#newsletter_email
	{
		width :			198px;
		height :			14px;
		border :			1px solid #DFDFD1;
		padding-left :		2px;
		color :			#929292;
		background-color :	#DFDFD1;
	}

#newsletter_email:focus
	{
		font-style :		normal;
		color :			#333333;
		background-color :	#FFFFFF;
		border :			1px solid #FFFFFF;

	}

#newsletter_btn
	{
		width :			30px;
		height :			18px;
		color :			#FFFFFF;
		background-color :	#333333;
		border :			1px solid #333333;
		cursor :			pointer;
	}

#newsletter_btn:hover
	{
		color :			#333333;
		background-color :	#FFFFFF;
	}


#btn_rss
	{
		margin-left :		502px;
		margin-top :		5px;
	}

#copyright
	{
		width :			520px;
		margin-left :		530px;
	}

/* ------------------------------------------------------------------------------------ BOUTONS */

.btn_top, .btn_more_infos
	{
		position :			absolute;
		width :			25px;
		height :			25px;
		background-image :	url( "pictos.png");
		background-repeat :	no-repeat;
		cursor :			pointer;
	}

.btn_top
	{
		margin-left :		-30px;
		margin-top :		740px;
		background-position :	-75px 0px;
	}

.btn_top:hover
	{
		margin-left :		-30px;
		margin-top :		740px;
		background-position :	-75px -25px;
	}

.btn_more_infos
	{
		margin-left :		-30px;
		margin-top :		0px;
		background-position :	-50px 0px;
		cursor :			pointer;
	}

.btn_more_infos:hover
	{
		background-position :	-50px -25px;
		background-color :	#FFFFFF;
	}

.btn_pilote_play, .btn_pilote_pause
	{
		width :			52px;
		height :			76px;
		background-image :	url( "pictos.png");
		background-repeat :	no-repeat;
	}

.btn_pilote_play
	{
		background-position :	0px -50px;
	}
.btn_pilote_play:hover
	{
		background-position :	0px -126px;
	}

.btn_pilote_pause
	{
		background-position :	-52px -50px;
	}
.btn_pilote_pause:hover
	{
		background-position :	-52px -126px;
	}

/* ------------------------------------------------------------------------------------ MENU */

.menu_box
	{
		float :			left;
		width :			130px;
		height :			190px;
		background-position :	0px 0px;
		background-repeat :	no-repeat;
		cursor :			pointer;
		margin :			0px;
	}

.menu_box:hover
	{
		background-position :	0px 200px;
	}

.menu_box_update
	{
		position :			absolute;
		width :			120px;
		height :			70px;
		margin-left :		10px;
		margin-top :		120px;
	}

.menu_box_update_this_week
	{
		color :			#FF3D00;
	}

.menu_box_update_this_month
	{
		color :			#AAAA33;
	}


/* ------------------------------------------------------------------------------------ NEWS */

#img_news
	{
		position :			absolute;
		width :			520px;
		height :			760px;
		cursor :			pointer;
		z-index :			800;
		background-color :	#FFFFFF;

		/margin-top :		-570px;
		/margin-left :		-520px;

	}


#box_news, #box_news_temp
	{
		position :			absolute;
		width :			520px;
		height :			760px;
	}

.box_news_return_menu
	{
		position :			absolute;
		width :			520px;
		height :			580px;
		margin-left :		530px;
		cursor :			pointer;
	}

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

.box
	{
		padding-top :		10px;
		width :			1050px;
		height :			760px;
		text-align :		left;
	}

.box:target > div
	{
	}

#footer
	{
		margin-top :		10px;
		width :			1050px;
		height :			130px;
		text-align :		left;
		cursor :			pointer;
		background-color :	#BFBFA7;
	}

#footer:hover
	{
		background-color :	#BFBF9B;
	}

.box_archives
	{
		position :			absolute;
		width :			520px;
		height :			760px;
		margin-left :		-30px;
		padding-left :		30px;
		z-index :			100;
		overflow :			hidden;
	}

.box_archives:hover
	{
	}

.box_archives_mouseout
	{
		position :			absolute;
		width :			520px;
		height :			760px;
		margin-left :		-30px;
		padding-left :		30px;
		z-index :			500;
	}

.box_archives_title
	{
		float :			left;
		width :			130px;
		height :			190px;
		margin-left :		-30px;
		padding-left :		30px;
		background :		url( "archives_less.png" ) 5px 9px no-repeat;
		background-color :	#FFFFFF;
	}


.box_archives_img
	{
		float :			left;
		width :			130px;
		height :			190px;
		background-position :	0px 0px;
		background-repeat :	no-repeat;
	}


.box_archives_txt_part_1, .box_archives_txt_part_2
	{
		float :			left;
		width :			260px;
		height :			760px;
	}

.box_archives_txt_part_1
	{
		margin-left :		-130px;
	}

.box_archives_txt
	{
		display :			block;
		width :			260px;
		height :			95px;
		overflow :			hidden;
		background-color :	#CCCCBB;
	}

.box_archives_txt_1, .box_archives_txt_2
	{
		padding-top :		5px;
		padding-left :		5px;
		float :			left;
	}

.box_archives_txt_1
	{
		width :			40px;
		color :			#FFFFFF;
	}
.box_archives_txt_2
	{
		width :			210px;
	}


.box_left, .box_right
	{
		float :			left;
		background-color :	#FFFFFF;
		width :			520px;
		height :			760px;
	}
	
.box_left
	{
		z-index :			1500;
	}

.box_right
	{
		margin-left :		10px;
		background-position :	0px 0px;
		background-repeat :	no-repeat;
	}

.box_image, .box_image_temp, .box_image_wide, .box_image_temp_wide
	{
		position :			absolute;
		width :			520px;
		height :			760px;
		background :		url( "loading.gif" ) center center no-repeat;
	}


.box_image_temp, .box_image_temp_wide
	{
		background :		none;
		filter :			alpha(opacity=0);
		-moz-opacity :		0;
		-khtml-opacity :		0;
		opacity :			0;
	}


.box_image_wide, .box_image_temp_wide
	{
		width :			1050px;
	}




.box_right_content
	{
		width :			505px;
		height :			380px;
		margin-top :		380px;
		margin-left :		15px;
		position :			absolute;
		z-index :			2000;
	}

.box_right_content_1, .box_right_content_2, .box_right_content_3
	{
		margin-left :		50px;
		overflow :			hidden;
	}

.box_right_content_1
	{
		height :			18px;
		color :			#A7A778
	}

.box_right_content_2
	{
		height :			76px;
		padding-right :		20px;
	}

.box_right_content_3
	{
		height :			76px;
	}

.box_right_content_3 > img
	{
		float :			left;
		margin-right :		3px;
		cursor :			pointer;
	}

.box_right_content_4
	{
		margin-top :		10px;
		height :			200px;
	}

.box_right_infos_project_1, .box_right_infos_project_2
	{
		float :			left;
	}

.box_right_infos_project_1
	{
		width :			40px;
		padding-left :		10px;
		color :			#A7A778;
	}
.box_right_infos_project_2
	{
		width :			455px;
	}


/* ------------------------------------------------------------------------------------ BIO HI */
#bio_hi
	{
		position :			absolute;
		width :			1050px;
		/margin-left :		-1050px;
		height :			760px;
		background-image :	url( "bio_hi.png" );
		background-repeat :	no-repeat;
		background-position :	0px 0px;
		z-index :			10000;
	}

/* ------------------------------------------------------------------------------------ COMMENTS */
#comments
	{
		position :			absolute;
		margin :			0px;
		/margin-left :		-15px;
		width :			490px;
		height :			380px;
		padding-top :		380px;
		padding-left :		20px;
		padding-right :		10px;
		z-index :			5000;
		background :		url( "last_comments.png" ) top left no-repeat;
	}

#comments_click_zone
	{
		position :			absolute;
		width :			520px;
		height :			380px;
		margin-top :		-380px;
		margin-left :		-20px;
		cursor: 			pointer;
	}

#comments_list
	{
		height :			250px;
		/height :			230px;
		overflow :			hidden;
	}

.comment
	{
		text-align :		left;
		padding-bottom :		20px;
	}

.comment_user
	{
		border-top :		1px solid #929292;
		height :			16px;
		line-height :		16px;
		padding-left :		10px;
		color :			#A7A778;
	}

.comment_user_first
	{
		height :			20px;
		line-height :		20px;
		padding-left :		10px;
		color :			#333333;
		background-color :	#CCCCBB;
	}

.comment_date
	{
		float :			right;
		padding-right :		5px;
		color :			#A7A778;
	}

.comment_text
	{
		padding-left :		10px;
	}



#add_comment
	{
		border-top :		1px solid #929292;
		height :			120px;
		padding-top :		4px;
	}

#add_comment_textarea, #add_comment_user
	{
		background-color :	#DFDFD1;
		border :			none;
	}

#add_comment_textarea
	{
		width :			490px;
		height :			80px;
	}

#add_comment_btn_submit
	{
		float :			right;
		color :			#FFFFFF;
		background-color :	#333333;
		border :			1px solid #333333;
		cursor :			pointer;
	}

#add_comment_btn_submit:hover
	{
		color :			#333333;
		background-color :	#FFFFFF;
	}

#btn_refresh_comments
	{
		float :			right;
		padding :			1px 4px 1px 4px;
	}
#btn_refresh_comments:hover
	{
		color :			#FFFFFF;
		background-color :	#333333;
		cursor :			pointer;
	}


/* ------------------------------------------------------------------------------------ BIO */
#bio
	{
		position :			absolute;
		margin :			0px;
		/margin-left :		-15px;
		width :			520px;
		height :			760px;
		z-index :			6000;
		background :		url( "bio.png" ) top left no-repeat;
	}

#bio_pdf
	{
		width :			520px;
		height :			190px;
	}

#bio_pdf_atelier, #bio_pdf_graphic, #bio_pdf_typo, #bio_pdf_about
	{
		float :			left;
		width :			130px;
		height :			190px;
		background-repeat :	no-repeat;
		cursor :			pointer;
		background-position :	0px 0px;
		margin :			0px;
	}

#bio_pdf_atelier
	{
		background-image :	url( "01_atelier.png" );
	}

#bio_pdf_graphic
	{
		background-image :	url( "02_graphic_design.png" );
	}

#bio_pdf_typo
	{
		background-image :	url( "03_typography.png" );
	}

#bio_pdf_about
	{
		background-image :	url( "04_about.png" );
	}
#bio_pdf_about:hover
	{
		background-position :	0px -190px;
	}

#bio_text
	{
		width :			500px;
		height :			570px;
		padding-left :		10px;
		padding-right :		10px;
	}

#bio_text > p
	{
		margin :			0px;
	}

#bio_text *
	{
		font-style :		normal;
	}

/* ------------------------------------------------------------------------------------ FORMULAIRE CONSULTATION */

#formulaire_acces
	{
		padding :			280px 10px 0px 10px;
		font-size :			7pt;
		font-style :		normal;
		color :			#DFDFD1;
	}

#txt_code
	{
		color :			#DFDFD1;
	}


#code
	{
		display :			block;
		width :			480px;
		margin-top :		4px;
		padding :			10px;
		text-align :		center;
		font-size :			20pt;
		font-style :		normal;
		color :			#000000;
		background-color :	#DFDFD1;
		border :			1px solid #DFDFD1;
		outline :			none;
	}

#consultation_btn_ok
	{
		position :			absolute;
		margin-top :		4px;
		margin-left :		452px;
		width :			50px;
		border :			none;
	}

/* ------------------------------------------------------------------------------------ STICKERS CASSE COUILLES */

.floating_stickers
	{
		z-index :			10000;
		position :			absolute;
		width :			130px;
		height :			130px;
		cursor : 			move;
		cursor : 			-moz-grab;
		background-repeat :	no-repeat;
		overflow :			hidden;
	}

.floating_stickers:hover
	{
		height :			180px;
	}

#floating_stickers_menu
	{
		height :			32px;
		margin-top :		140px;
		text-align :		left;
		background-color :	#DFDFD1;
		border :			1px solid #A7A778;
		filter :			alpha(opacity=20);
		-moz-opacity :		0.2;
		-khtml-opacity :		0.2;
		opacity :			0.2;
	}
#floating_stickers_menu:hover
	{
		filter :			alpha(opacity=100);
		-moz-opacity :		1;
		-khtml-opacity :		1;
		opacity :			1;
	}

.floating_stickers_menu_element
	{
		height :			16px;
		line-height :		16px;
		padding-left :		4px;
		font-style :		normal;
		color :			#333333;
	}

.floating_stickers_menu_element:hover
	{
		background-color :	#FFFFFF;
		cursor :			pointer;
	}