/*	#####	BALISES	#####	*/
img
{
	border	:	0px	;
}

html
{
	/*overflow-y	:	hidden	;
	overflow-x	:	hidden	;*/
}

body
{
	background-attachment	:	fixed		;
	background-repeat		:	no-repeat	;
	font-family				:	Verdana 	;
	font-size				:	11px		;
	color					:	#7F7A6F		;
	margin					:	0px			;
	padding					:	0px			;
}

h1
{
	margin	:	20px 0px 20px 0px	;
}


h2
{
	font-size	:	14px	;
	font-family	:	Verdana	;
	font-weight	:	normal	;
	color		:	#d6002d	;
}


h3
{
	font-size	:	23px	;
	font-family	:	Verdana	;
	font-weight	:	normal	;
	color		:	#d6002d	;
	letter-spacing: 4px		;
}

h4
{
	font-size	:	23px	;
	font-family	:	Verdana	;
	font-weight	:	normal	;
	color		:	#d6002d	;
	

}

h5
{
	font-size	:	23px	;
	font-family	:	Verdana	;
	font-weight	:	normal	;
	color		:	#706a5d	;
}

h3, h4
{
	margin	:	0px	;
	padding	:	0px	;
}


input[type="submit"], input[type="button"]
{
	background-color	:	#938b7b				;
	color				:	#FFF				;
	border				:	1px solid #938b7b	;
}

fieldset
{
	margin	:	10px 0px			;
	border	:	1px solid #938b7b	;
	padding	:	10px				;
}

legend
{
	font-weight	:	bold				;
	padding		:	0px 5px				;
	color		:	#938b7b				;
}


/*	#####	CLASSES	#####	*/

.menus
{
	margin		:	0px			;
	padding		:	5px 0px		;
	font-size	:	12px		;
}

.menus a
{
	color			:	#938b7b		;
	text-decoration	:	none		;
}

.menus ul
{
	margin	:	0px	;
}

.menus li
{
	margin-bottom	:	5px	;
}

.menus li a:hover
{
	color	:	#706a5d	;
}

.rouge
{
	color	:	#d6002d	!important ;
}

.gris
{
	color	:	#938b7b	!important ;
}

.gris2
{
	color				:	#706a5d !important				;
	font-weight			:	bold							;
}

.novisible
{
	visibility	:	hidden	;
}

.center
{
	text-align	:	center	;
}
.definition
{
	text-align	:	center	;
	font-size	:	12px	;
}

.left
{
	text-align	:	left !important	;
}

.menu2
{
	list-style-image	:	url("../_IMG/pucesimple2.png")	;
	margin-left			:	13px							;
	margin-top			:	20px							;
	display				:	none							;
}

.menu2 li:hover
{
	list-style-image	:	url("../_IMG/pucesimple1.png")	;
}

.menu3
{
	list-style-image	:	url("../_IMG/pucedouble1.png")	;
	margin-left			:	21px							;
	margin-top			:	20px							;
	display				:	none							;
}

.menu3 li:hover
{
	list-style-image	:	url("../_IMG/pucedouble2.png")	;
}

.yesdisplay
{
	display	:	block 	;
}

.nodisplay
{
	display	:	none	;
}

.floatl
{
	float	:	left	;
	width	:	20px	;
}

.emailn
{
	clear	:	both	;
	margin	:	5px 0px	;
	height	:	20px	;
}



/*	#####	SQUELETTE	#####	*/

#global
{
	position		:	relative	;
	height			:	auto		;
	min-height		:	820px		;
	width			:	98%			;
	margin-left		:	20px		;
}

#page
{
	float		:	left		;
	position	:	relative	;
	width		:	75%			;
	height		:	auto		;
	display		:	inline		;
}

#loading
{
	position	:	fixed		;
	width		:	43px		;
	height		:	11px		;
	bottom		:	6px			;
	left		:	110px		;
	display		:	none		;
}

#menu
{
	position			:	relative						;
	float				:	left							;
	display				:	inline							;
	padding				:	20px							;
	width				:	190px							;
	min-height			:	820px							;
	height				:	100% 							;
	background-image	:	url("../_IMG/translucide.png")	;
}

#menu:hover
{
	background-image	:	url("../_IMG/translucide2.png")	;
}

#logo
{
	position		:	relative	;
	width			:	174px		;
	height			:	88px		;
	margin-top		:	30px		;
	margin-bottom	:	25px		;
}

#menuprincipal
{
	margin-top		:	10px		;
	list-style-type	:	none		;
}

#menuprincipal a:hover
{
	color	:	#706a5d	!important ;
}

#footer
{
	position			:	fixed	;
	text-align			:	center		;
	font-size			:	10px		;
	width				:	100%		;
	height				:	20px		;
	line-height			:	20px		;
	bottom				:	0px			;
	left				:	0px			;
	background-color	:	#FFFFFF		;
}

#footer p
{
	margin	:	0px	;
	padding	:	0px	;
}


#footer a
{
	text-decoration	:	none	;
}

#contact
{
	position		:	relative	;
	width			:	595px		;
	height			:	auto		;
	margin-left		: 	auto		;
	margin-right	:	auto		;
	margin-top		:	50px		;
}

#contact a
{
	color			:	#938b7b		;
	text-decoration	:	none		;
}

#contact a:hover
{
	color			:	#d6002d		;
}

#contact object
{
	margin-top			:	40px	;
	margin-bottom		:	35px	;
}


#contactinfos
{
	position		:	relative	;
	width			:	595px		;
	height			:	auto		;
	margin-top		:	30px		;
}

#contactadresse, #contactzoneform
{
	position		:	relative	;
	height			:	auto		;
	display			:	inline		;
}

#contactadresse
{
	float	:	left	;
	width	:	295px	;
}

#contactadresse h2, #contactadresse p
{
	margin	:	0px	;
	padding	:	0px	;
}

#contactzoneform
{
	float	:	right	;
	width	:	295px	;
}

#contactzoneform p, #contactzoneform h2
{
	margin	:	0px	;
	padding	:	0px	;
}


#contactform
{
	margin	:	0px	;
	padding	:	0px	;
}


#contact input[type="text"], #contact textarea, #newsletter input[type="text"], #contact input[name="tel"]
{
	background-color	:	#FFF				;
	border				:	1px solid #938b7b	;
	width				:	178px				;
	color				:	#938b7b				;
}


#contact input[type="text"]
{
	width	:	110px	;
}

#contact textarea
{
	width	:	232px	;
}

#contact input[name="tel"]
{
	width	:	230px	;
}


#popup
{
	position			:	fixed					;
	width				:	100%					;
	height				:	100%					;
	top					:	0px						;
	left				:	0px						;
	background-color	:	#000					;
	-moz-opacity		:	0.5						;
	opacity				:	0.5						;
	filter				:	alpha(opacity=50)		;
}

#inpopup
{
	z-index				:	9999						;
	position			:	fixed						;
	top					:	33%							;
	left				:	40%							;
	width				:	300px						;
	height				:	auto						;
	background-color	:	#FFF						;
	padding				:	15px 15px 2px 15px			;
}

#message
{
	background-color	:	#FFF	;
	color				:	#d6002d	;
	width				:	290px	;
	height				:	auto	;
	padding				:	5px		;
	text-align			:	center	;
}

#newsletter
{
	position			:	relative	;
	width				:	230px		;
	height				:	auto		;
	margin-left			:	auto		;
	margin-right		:	auto		;
	margin-top			:	200px		;
}

#newsletter h1
{
	font-size	:	11px	;
	font-family	:	Verdana	;
	font-weight	:	normal	;
	color		:	#d6002d	;
}

#newsletter input[type="text"]
{
	width	:	215px	;
}

#fichedescription
{
	position	:	relative	;
	margin-top	:	25px		;
	text-align	:	center	;
}


#fichedescription p
{
	padding	:	0px	;
	margin	:	0px	;
}

#fichedescription h1
{
	font-size	:	16px	;
	margin		:	0px		;
}

#lienvisuel
{
	font-size	:	10px	;
	line-height	:	10px	;
	text-align	:	center	;
}

#pagesvisuel a
{
	text-decoration	:	none	;
}

#lienvisuel a, #pagesvisuel a, #admin a
{
	color		:	#938b7b	;
}

#lienvisuel a:hover, #pagesvisuel a:hover
{
	color	:	#d6002d	;
}

#philosophie
{
	position			:	relative							;
	width				:	431px								;
	height				:	205px								;
	background-image	:	url("../_IMG/bg-philo.gif")			;
	background-repeat	:	no-repeat							;
	margin-top			:	150px								;
	margin-left			:	auto								;
	margin-right		:	auto								;
	padding				:	122px 125px							;
	font-size			:	21px								;
	text-align			:	justify								;
	color				:	#938363								;
}

#philosophie p
{
	margin	:	0px	;
	padding	:	0px	;
}

#musicplayer
{
	position	:	absolute	;
	top			:	0px			;
	right		:	20px		;
	width		:	80px		;
	height		:	20px		;
}

#pagesvisuel
{
	text-align	:	center	;
	font-size	:	20px	;
}

#animationindex
{
	/*background-color	:	#938b7b		;*/
	background-color	:	#FFF		;
	position			:	absolute	;
	top					:	0px			;
	left				:	0px			;
	width				:	100%		;
	height				:	1200px		;
	text-align			:	center		;
	z-index				:	9999		;
}

#animationindex a
{
	color	:	#938b7b	;
}

#savoir-faire
{
	width			:	595px		;
	height			:	auto		;
	position		:	relative	;
	margin-left		: 	auto		;
	margin-right	:	auto		;
	margin-top		:	50px		;
	text-align		:	justify		;
}

#parag1
{
	margin-bottom	:	40px	;
	text-align		:	justify	;
}

#parag1 img
{
	float			:	left	;
	margin-right	:	10px 	;
}

#parag2, #parag3, #parag4, #parag5 
{
	width			:	285px	;
	float			:	left	;
	display			:	inline	;
	height			:	auto	;
	margin-bottom	:	40px	;
}



#parag2 img
{
	margin-bottom	:	5px		;
}

#parag3, #parag5
{
	margin-left	:	24px	;
}

#parag2 h3, #parag3 h4, #parag4 h4, #parag5 h4
{
	margin	:	0px	;
	padding	:	0px	;
}



#parag4
{
	clear	:	both	;
	width	:	285px	;
}

#divplayer
{
	background-image	:	url("../_IMG/pixels-video.gif")	;
	background-repeat	:	no-repeat						;
	position			:	relative						;
	margin-left			:	auto							;
	margin-right		:	auto							;
	width				:	692px							;
	height				:	403px							;
	margin-top			:	75px							;
	padding-top			:	95px							;
}


#divplayerweb
{
	background-image	:	url("../_IMG/pixels-web.gif")	;
	background-repeat	:	no-repeat						;
	position			:	relative						;
	margin-left			:	auto							;
	margin-right		:	auto							;
	width				:	793px							;
	height				:	514px							;
	margin-top			:	75px							;
	padding-top			:	107px							;
}


#mediaspace
{	
	position		:	relative	;
	margin-left		:	auto		;
	margin-right	:	auto		;
	width			:	500px		;
	height			:	305px		;
}

#mediaspace2
{	
	position		:	relative	;
	margin-left		:	auto		;
	margin-right	:	auto		;
	width			:	600px		;
	height			:	310px		;
}

#menuportfolio a
{
	color	:	#d6002d	;
}

#menuportfolio a:hover
{
	color	:	#706a5d	!important	;
}