/******************* TF-2009 *********************/
/*###############################################*/
/*###############################################*/


	/* Size */
	/* Position & Margins/Paddings */
	/* Fonts properties */
	/* Decoration */


/* Page Properties */
/*###############################################*/
* 
{
	Margin: 0;
	Padding: 0;
	Outline-style:none;
}

body
{
	Background-color: white;
	Background-image: url(../templates/jpg/main_background.jpg);
	Background-repeat: no-repeat;
}

	/* Links properties */
a
{
	Text-decoration: none;
	Color: white;
	Font-style: normal;
}

a:hover
{
	Font-style: italic;
	Text-decoration: line-through;
}


/* CLASS-ETC. Properties */
/*###############################################*/

.on
{
	Color: #FF0000;
}

h1
{
	Max-width: 800px;
	Text-align: left;
	color: black;
	Font-family: arial;
	Border-bottom: 1px solid black;
	Margin-bottom: 40px;
}


#avertissement
{
	/* Size */
	Width: 11px;
	Height: 336px;
	/* Position & Margins/Paddings */
	Float: right;
	Margin-top: 100px;
	Margin-right: 5px;
	/* Fonts properties */
	/* Decoration */
	Background-image: url('../templates/png/avertissement.png');
	Background-repeat: no-repeat;
	Cursor: pointer;
}

#triangle_rouge
{
	/* Size */
	Width: 80px;
	Height: 103px;
	/* Position & Margins/Paddings */
	Float: right;
	Margin-top: -55px;
	Margin-right: -15px;
	/* Fonts properties */
	/* Decoration */
	Background-image: url('../templates/png/triangle_rouge.png');
	Background-repeat: no-repeat;
}

#triangle_rouge_player
{
	/* Size */
	Width: 89px;
	Height: 99px;
	/* Position & Margins/Paddings */
	Position: fixed;
	Margin-top: 300px;
	Margin-left: 20px;
	/* Fonts properties */
	/* Decoration */
	Background-image: url('../templates/png/triangle_rouge_player.png');
	Background-repeat: no-repeat;
}

#triangle_noir_up
{
	/* Size */
	Width: 100px;
	Height: 97px;
	/* Position & Margins/Paddings */
	Position: fixed;
	Margin-left: 55px;
	Margin-top: 300px;
	/* Fonts properties */
	/* Decoration */
	Background-image: url('../templates/png/triangle_noir.png');
	Background-repeat: no-repeat;
}

#triangle_noir_down
{
	/* Size */
	Width: 98px;
	Height: 110px;
	/* Position & Margins/Paddings */
	Position: fixed;
	Margin-left: 5px;
	Margin-top: 380px;
	/* Fonts properties */
	/* Decoration */
	Background-image: url('../templates/png/triangle_noir_down.png');
	Background-repeat: no-repeat;
}

#ph_001
{
	Width: 120px;
	Height: 64px;
	Float: left;
	Margin-right: 50px;
	Margin-bottom: 50px;
	/* Decoration */
	Background-image: url('../templates/jpg/ph_001.jpg');
	Background-repeat: no-repeat;
	Border-top: 10px solid black;
	Cursor: pointer;
}

#ph_001:hover
{
	/* Decoration */
	Background-image: url('../templates/jpg/ph_001.jpg');
	Background-repeat: no-repeat;
	Background-position: 0 -64px;
	Border-top: 10px solid black;
	Cursor: pointer;
}

#ph_002
{
	Width: 120px;
	Height: 64px;
	Float: left;
	Margin-right: 50px;
	Margin-bottom: 50px;
	/* Decoration */
	Background-image: url('../templates/jpg/ph_002.jpg');
	Background-repeat: no-repeat;
	Border-top: 10px solid black;
	Cursor: pointer;
}

#ph_002:hover
{
	/* Decoration */
	Background-image: url('../templates/jpg/ph_002.jpg');
	Background-repeat: no-repeat;
	Background-position: 0 -64px;
	Border-top: 10px solid black;
	Cursor: pointer;
}

#ph_003
{
	Width: 120px;
	Height: 64px;
	Float: left;
	Margin-right: 50px;
	Margin-bottom: 50px;
	/* Decoration */
	Background-image: url('../templates/jpg/ph_003.jpg');
	Background-repeat: no-repeat;
	Border-top: 10px solid black;
	Cursor: pointer;
}

#ph_003:hover
{
	/* Decoration */
	Background-image: url('../templates/jpg/ph_003.jpg');
	Background-repeat: no-repeat;
	Background-position: 0 -64px;
	Border-top: 10px solid black;
	Cursor: pointer;
}

#ph_004
{
	Width: 120px;
	Height: 64px;
	Float: left;
	Margin-right: 50px;
	Margin-bottom: 50px;
	/* Decoration */
	Background-image: url('../templates/jpg/ph_004.jpg');
	Background-repeat: no-repeat;
	Border-top: 10px solid black;
	Cursor: pointer;
}

#ph_004:hover
{
	/* Decoration */
	Background-image: url('../templates/jpg/ph_004.jpg');
	Background-repeat: no-repeat;
	Background-position: 0 -64px;
	Border-top: 10px solid black;
	Cursor: pointer;
}

#ph_005
{
	Width: 120px;
	Height: 64px;
	Float: left;
	Margin-bottom: 50px;
	/* Decoration */
	Background-image: url('../templates/jpg/ph_005.jpg');
	Background-repeat: no-repeat;
	Border-top: 10px solid black;
	Cursor: pointer;
}

#ph_005:hover
{
	/* Decoration */
	Background-image: url('../templates/jpg/ph_005.jpg');
	Background-repeat: no-repeat;
	Background-position: 0 -64px;
	Border-top: 10px solid black;
	Cursor: pointer;
}

#ph_006
{
	Width: 120px;
	Height: 64px;
	Float: left;
	Margin-right: 50px;
	Margin-bottom: 50px;
	/* Decoration */
	Background-image: url('../templates/jpg/ph_006.jpg');
	Background-repeat: no-repeat;
	Border-top: 10px solid black;
	Cursor: pointer;
}

#ph_006:hover
{
	/* Decoration */
	Background-image: url('../templates/jpg/ph_006.jpg');
	Background-repeat: no-repeat;
	Background-position: 0 -64px;
	Border-top: 10px solid black;
	Cursor: pointer;
}

#ph_007
{
	Width: 120px;
	Height: 64px;
	Float: left;
	Margin-right: 50px;
	Margin-bottom: 50px;
	/* Decoration */
	Background-image: url('../templates/jpg/ph_007.jpg');
	Background-repeat: no-repeat;
	Border-top: 10px solid black;
	Cursor: pointer;
}

#ph_007:hover
{
	/* Decoration */
	Background-image: url('../templates/jpg/ph_007.jpg');
	Background-repeat: no-repeat;
	Background-position: 0 -64px;
	Border-top: 10px solid black;
	Cursor: pointer;
}

#ph_008
{
	Width: 120px;
	Height: 64px;
	Float: left;
	Margin-right: 50px;
	Margin-bottom: 50px;
	/* Decoration */
	Background-image: url('../templates/jpg/ph_008.jpg');
	Background-repeat: no-repeat;
	Border-top: 10px solid black;
	Cursor: pointer;
}

#ph_008:hover
{
	/* Decoration */
	Background-image: url('../templates/jpg/ph_008.jpg');
	Background-repeat: no-repeat;
	Background-position: 0 -64px;
	Border-top: 10px solid black;
	Cursor: pointer;
}

#ph_009
{
	Width: 120px;
	Height: 64px;
	Float: left;
	Margin-right: 50px;
	Margin-bottom: 50px;
	/* Decoration */
	Background-image: url('../templates/jpg/ph_009.jpg');
	Background-repeat: no-repeat;
	Border-top: 10px solid black;
	Cursor: pointer;
}

#ph_009:hover
{
	/* Decoration */
	Background-image: url('../templates/jpg/ph_009.jpg');
	Background-repeat: no-repeat;
	Background-position: 0 -64px;
	Border-top: 10px solid black;
	Cursor: pointer;
}

#ph_010
{
	Width: 120px;
	Height: 64px;
	Float: left;
	Margin-bottom: 50px;
	/* Decoration */
	Background-image: url('../templates/jpg/ph_010.jpg');
	Background-repeat: no-repeat;
	Border-top: 10px solid black;
	Cursor: pointer;
}

#ph_010:hover
{
	/* Decoration */
	Background-image: url('../templates/jpg/ph_010.jpg');
	Background-repeat: no-repeat;
	Background-position: 0 -64px;
	Border-top: 10px solid black;
	Cursor: pointer;
}

/* Blocks Properties */
/*###############################################*/

#website
{
	/* Fonts properties */
	Font-family: "Lucida Sans", Arial;
	Font-size: 0.6em;
	Color: White;
}

#galerie
{
	Width: 800px;
}

#area_1 
{
	/* Size */
	Width: 800px;
	/* Position & Margins/Paddings */
	Position: relative;
	Margin-left: auto;
	Margin-right: auto;
	Margin-top: 100px;
	/* Fonts properties */
	Line-height: 2;
	/* Decoration */
}

#area_1 p
{
	/* Size */
	Width: 800px;
}