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

*
	{
		font-family :		"Century Gothic" , "Trebuchet MS";
		font-size :			10pt;
		color :				#FFFFFF;
	}

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


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

body, html
	{
		margin :			0px;
		padding :			0px;
	}

html
	{
		text-align :		center;
		background-color :	#000000;
	}

body
	{
		padding-bottom :		40px;
		behavior :			url("csshover.htc");
	}
	
hr
	{
		border:			1px solid #222222;
		height:			1px;
	}
	
li
	{
	list-style:				none;
	}
	
ul
	{
	margin-left:			0px;
	padding-left:			0px;
	}

/* ------------------------------------------------------------------------------------ TYPO */
pre
	{
		font-family :		monospace;
		font-size :			9pt;
	}
	
/* ------------------------------------------------------------------------------------ COULEURS */
	
.magenta
	{
	color: 					#e2007a;
	}

.cyan
	{
	color: 					#009ee0;
	}
	
.orange
	{
	color: 					#f29400;
	}

.rouge
	{
	color: 					#e2001a;
	}
	
.rose01
	{
	color:					#caadbb;
	}

/* ------------------------------------------------------------------------------------ CONTENT */

#container
	{
		width :				950px;
		min-height :		750px; 
		margin-left :		auto;
		margin-right :		auto;
		background-repeat :	no-repeat;
		background-position :	top;
		background-attachment :	fixed;
		background-image :	url( "background_image.php" );
		padding-top :		75px;
	}


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

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

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


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

#header_title
	{
		font-size :			20pt;
	}


/* ------------------------------------------------------------------------------------ LIENS */
a, a:link, a:visited, a:hover
	{
		text-decoration :	none;
	}

a:hover
	{
		color :				#AF0049;
	}

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

#menu
	{
		margin-left :		50px;
		height :			150px;
	}

.menu_section
	{
		float :			left;
		width :			150px;
		height :			25px;
		overflow :			hidden;
	}

.menu_section:hover , .menu_current_section
	{
		height :			150px;
		overflow :			visible;
	}

.menu_section_hover
	{
		float :			left;
		width :			150px;
		height :			150px;
		overflow :			visible;
	}

.menu_section_title, .menu_section_link
	{
		display :			block;
		height :			25px;
		line-height :		25px;
		padding-left :		5px;
		font-family :		"Century Gothic" , "Trebuchet MS";
		font-size :			10pt;
		text-align :		left;
		color :			#666666;
		white-space :		nowrap;
		cursor :			pointer;
	}

.menu_section_title:hover, .menu_section_link:hover , .menu_section_current_link
	{
		color :				#FFFFFF;
	}

/* ------------------------------------------------------------------------------------ CONTENT */

#content
	{
		padding :			20px;
		width :				920px;
		height :			auto;
		min-height :		400px;
		border :			1px solid #222222;
		text-align :		left;
		background :		url("content_bg.png"); 														/* IE7, Gecko */
		-background :		url("content_bg.gif");														/* IE SUCKS */
		filter :			progid:DXImageTransform.Microsoft.AlphaImageLoader(src="content_bg.png", sizingMethod="scale"); 	/* IE6 */

	}

#content_col_g
	{
		float:				left;
		width:				293px;
/*		border-right :		1px solid #222222; */
	}
	
#content_col_d
	{
		float : 			left;
		width : 			586px;
		margin-left :		20px;
	}

#content_col_1-2
	{
		float : 			left;
		width : 			49%;
		text-align:			center;
	}

#content_col_2-2
	{
		float : 			left;
		width : 			49%;
		margin-left: 		20px;
		text-align:			center;
	}
	
#content_col_1-3
	{
		float : 			left;
		width : 			31%;
		text-align:			center;
	}

#content_col_2-3
	{
		float : 			left;
		width : 			31%;
		margin-left: 		20px;
		text-align:			center;
	}

#content_col_3-3
	{
		float : 			left;
		width : 			31%;
		margin-left: 		20px;
		text-align:			center;
	}
	
#content p
	{
		font-size:			13px;
	}

#footer
	{
		height :			30px;
		line-height :		30px;
		text-align :		left;
		color :				#666666;
	}

.link_footer, .link_footer_credits
	{
		font-family :		"Century Gothic" , "Trebuchet MS";
		font-size :			10pt;
		color :				#666666;
	}

.link_footer:hover, .link_footer_credits:hover
	{
		color :				#FFFFFF;
	}

.link_footer_credits
	{
		float :				right;
	}

#link_credits
	{
		float :				right;
	}

/* ------------------------------------------------------------------------------------ ACCORDION */

#accordion_album
	{
	width:					586px;
	}

#accordion_projets
	{
	}

.accordion_title
	{
		padding :			4px;
		background-color :	#222222; /* #4B1526 */
		margin-bottom :		2px;
		cursor :			pointer;
		text-transform :	uppercase;
	}

.accordion_title_exp
	{
		font-size:			8pt;
		text-transform:		uppercase;
	}

.accordion_part
	{
		padding:			5px;
		text-transform:	uppercase;
	}

#titre_page
	{
		text-transform :	uppercase;
		font-family :		"Century Gothic" , "Trebuchet MS";
		font-size :			10pt;
		margin-bottom :		20px;
	}

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

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

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

.champ_obligatoire
	{
		color :				#FF3333;
	}

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

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


input , .contact_input, .contact_submit, .contact_select, .contact_textarea
	{
		color :				#000000;
		border :			1px solid #FFFFFF;
		width :				350px;
		margin :			0px;
	}

.contact_select
	{
		width :				352px;
	}

.contact_select option
	{
	color :					#000000;
	}

.contact_submit
	{
	width :					352px;
	cursor :				pointer;
	}

.contact_textarea
	{
	height :				100px;
	}



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

#billet_humeur
	{
	float :					left;
	}

#billet_titre
	{
	color: 					#009ee0; /* cyan */
	width :					586px;
	}

#billet_message
	{
		width :				100%;
	}


/* ------------------------------------------------------------------------------------ VOS MESSAGES */

#message-td td
	{
	border-top:				1px solid #222222;
	padding-top:			10px;
	padding-bottom:			10px;
	}

.prenom
	{
	text-align: 			right;
	text-transform:			uppercase;
	color: 					#009ee0; /* cyan */
	}

.date
	{
	text-align: 			right;
	font-size:				8pt;
	text-transform:			lowercase;
	color: 					#555; /* gris */
	}


/* ------------------------------------------------------------------------------------ NOUVELLES */

#nouvelles_t
	{
	border-top:				1px solid #555;
	border-bottom :			none;
	border-right:			1px solid #555;
	border-left:			1px solid #555;
	}

#nouvelles_t td
	{
	border-bottom:			1px solid #555;
	padding:				8px;
	}

.nouvelles_titre
	{
	width:					150px;
	text-align: 			left;
	text-transform:			uppercase;
	color: 					#009ee0; /* cyan */
	border-right: 			1px dashed #555;
	}

.nouvelles_desc
	{
	text-align: 			left;
	font-size: 				8pt;
	color: 					#777;
	border-right: 			1px dashed #555;
	}

.nouvelles_pdf
	{
	width: 25px;
	}

/* ------------------------------------------------------------------------------------ INFOS */


.infos_t
	{
	text-align: 			left;
	text-transform:			uppercase;
	color: 					#009ee0; /* cyan */
	}

#justify
	{
		text-align: justify;
	}



/* ------------------------------------------------------------------------------------ FONT SIZES */

.font_size_1
	{
		font-size :			8pt;
	}
.font_size_2
	{
		font-size :			10pt;
	}
.font_size_3
	{
		font-size :			12pt;
	}
.font_size_4
	{
		font-size :			14pt;
	}
.font_size_5
	{
		font-size :			18pt;
	}
.font_size_6
	{
		font-size :			24pt;
	}
.font_size_7
	{
		font-size :			36pt;
	}