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

*
	{
		font-family :		"Trebuchet MS", Verdana, Arial, Sans-serif;
		font-size :			10pt;
		color :			#333333;
		line-height :		1em;
	}

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

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

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

html
	{
		text-align :		center;
		background-color :	#FFFFFF;
		width :			100%;
		height :			100%;
	}
/* ------------------------------------------------------------------------------------ STRUCTURE */

#container
	{
		margin-left :		auto;
		margin-right :		auto;
		width :			800px;
		min-height :		616px;
		height :			auto !important;
		height :			616px;
		text-align :		left;
	}

#header
	{
		height :			116px;
	}

#menu
	{
		height :			45px;
	}

#content
	{
		margin-top :		15px;
		margin-bottom :		15px;
		height :			400px;
	}

#footer
	{
		height :			25px;
		line-height :		25px;
		text-align :		center;
		font-size :			9pt;
		font-style :		italic;
		color :			#EE1C23;
		border-top :		1px solid #EE1C23;
		background-image :	url( "degrade_bas.gif" );
		background-repeat:	x-repeat;
	}


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

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

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


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

#logo
	{
		
	}

#smiley
	{
		position :			absolute;
		margin-left :		672px;
		width :			128px;
		height :			116px;
	}



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

#link_language
	{
		position :			absolute;
		width :			100px;
		text-align :		right;
		margin-left :		695px;
		padding-right :		5px;
		height :			20px;
		line-height :		20px;
	}

#link_language > a
	{
		font-size :			9pt;
		font-style :		italic;
		text-decoration :		none;
		color :			#FFFFFF;
	}

#link_language > a:hover
	{
		text-decoration :		underline;
	}



#menu_1, #menu_2, #menu_2_projets
	{
		height :			20px;
		line-height :		20px;
	}

#menu_1
	{
		background :		url( "menu_background.jpg" ) top right no-repeat;
	}

.bloc_menu
	{
		display :			block;
		float :			left;
		width :			100px;
		height :			20px;
		line-height :		20px;
		text-align :		center;
		text-decoration :		none;
		color :			#FFFFFF;
		font-style :		italic;
		font-weight :		bold;
	}

.bloc_menu:hover
	{
		text-decoration :		none;
	}

#bloc_menu_1	{ background :	url( "menu_bg_01.jpg" ) top left no-repeat; }
#bloc_menu_2	{ background :	url( "menu_bg_02.jpg" ) top left no-repeat; }
#bloc_menu_3	{ background :	url( "menu_bg_03.jpg" ) top left no-repeat; }
#bloc_menu_4	{ background :	url( "menu_bg_04.jpg" ) top left no-repeat; }
#bloc_menu_5	{ background :	url( "menu_bg_05.jpg" ) top left no-repeat; }




#menu_2
	{
		margin-top :		5px;
		background-repeat:	x-repeat;
	}

.menu_2
	{
		background-image :	url( "degrade_haut.gif" );
	}

.menu_2_societe
	{
		background-image :	url( "degrade_haut.gif" );
		border-bottom :		1px solid #009DE0;
	}
.menu_2_references
	{
		background-image :	url( "degrade_haut.gif" );
		border-bottom :		1px solid #FABA00;
	}
.menu_2_projets
	{
		background-image :	url( "degrade_projets.gif" );
	}
.menu_2_partenaires
	{
		background-image :	url( "degrade_haut.gif" );
		border-bottom :		1px solid #F29400;
	}
.menu_2_contacts
	{
		background-image :	url( "degrade_haut.gif" );
		border-bottom :		1px solid #97BE0D;
	}





.bloc_menu_2, .bloc_menu_2_selected
	{
		text-decoration :		none;
		display :			block;
		float :			left;
		height :			20px;
		line-height :		20px;
		margin :			0;
	}
.bloc_menu_2:hover, .bloc_menu_2_selected:hover
	{
		text-decoration :		none;
	}

.bloc_menu_2_selected
	{
		background :		url( "onglet_gauche.gif" ) top left no-repeat;
	}

.bloc_menu_2 > span, .bloc_menu_2_selected > span
	{
		display :			block;
		margin-left :		5px;
		padding-left :		5px;
		padding-right :		10px;
		height :			20px;
		line-height :		20px;
		font-style :		italic;
		font-size :			9pt;
		color :			#EE1C23;
	}

.bloc_menu_2_selected > span
	{
		background :		url( "onglet_droite.gif" ) top right no-repeat;
	}


/*

.bloc_menu_2:hover
	{
		background :		url( "onglet_gauche_2.gif" ) top left no-repeat;
	}

.bloc_menu_2:hover span
	{
		background :		url( "onglet_droite_2.gif" ) top right no-repeat;
	}
*/

/* ------------------------------------------------------------------------------------ PAGE SOCIETE */

#bloc_societe_1, #bloc_societe_2
	{
		float :			left;
	}

#bloc_societe_1
	{
		width :			460px;
		height :			360px;
		padding :			20px;
		color :			#FFFFFF;
		background :		url( "fond_01.gif" ) top left no-repeat;
	}

#bloc_societe_2
	{
		width :			280px;
		height :			380px;
		padding-left :		20px;
		padding-top :		20px;
		background :		url( "fond_01bis.jpg" ) bottom right no-repeat;
	}


/* ------------------------------------------------------------------------------------ PAGE REFERENCES */

#bloc_references
	{
		width :			800px;
		height :			400px;
		background :		url( "fond_02.gif" ) top left no-repeat;
	}

.bloc_references
	{
		float :			left;
		padding :			20px;
		width :			360px;
		height :			360px;
	}


/* ------------------------------------------------------------------------------------ PAGE PARTENAIRES */

#bloc_partenaires
	{
		width :			800px;
		height :			400px;
		background :		url( "fond_04.gif" ) top left no-repeat;
	}

.bloc_partenaires
	{
		float :			left;
		padding :			20px;
		padding-left: 150px;
		padding-top: 22px;
		line-height: 10px;
		width :			210px;
		height :			360px;
	}



/* ------------------------------------------------------------------------------------ PAGE CONTACTS */
#bloc_contacts_1, #bloc_contacts_2
	{
		float :			left;
	}

#bloc_contacts_1
	{
		width :			480px;
		height :			380px;
		padding :			10px;
		background :		url( "fond_05.gif" ) top left no-repeat;
		color :			#FFFFFF;
	}

#bloc_contacts_1 > b
	{
		color :			#FFFFFF;
	}

#contact_titre
	{
		color :			#FFFFFF;
		font-style :		italic;
		border-bottom :		1px solid #FFFFFF;
		padding-bottom :		5px;
		margin-bottom :		20px;
	}

.form_contact_label
	{
		width :			150px;
		padding-right :		10px;
		color :			#FFFFFF;
		font-style :		italic;
		text-align :		right;
	}

.form_contact_input
	{
		margin :			0;
		border :			none;
		width :			290px;
	}

.form_contact_select
	{
		margin :			0;
		border :			none;
		width :			290px;
	}

.form_contact_textarea
	{
		margin :			0;
		border :			none;
		width :			290px;
		height :			60px;
		vertical-align :		top;
	}

#btn_send
	{
		width :			100px;
		height :			20px;
		line-height :		20px;
		border :			none;
		margin :			0;
		padding :			0;
		text-align :		center;
		font-style :		italic;
		font-size :			9pt;
		font-weight :		bold;
		background :		url( "btn_send.gif" ) top left no-repeat;
	}

#bloc_contacts_2
	{
		width :			280px;
		height :			380px;
		padding :			10px;
	}


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


#contact_titre
	{
		/margin :			0;
	}

table, td, td
	{
		/padding :			0;
		/margin :			0;
	}

input
	{
		/padding :			0;
		/margin :			0;
	}

#contact_table
	{
		/margin-top :		-10px;
	}

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




/* ------------------------------------------------------------------------------------ ANTI ROBOTS */

.anti_robot
	{
		display :			none;
	}

/* ------------------------------------------------------------------------------------ PAGE PROJETS */

#bloc_projets_1, #bloc_projets_2
	{
		float :			left;
	}

#bloc_projets_1
	{
		width :			280px;
		padding-left :		10px;
		padding-right :		310px;
		padding-top :		10px;
		padding-bottom :		10px;
		height :			380px;
	}

#projet_titre
	{
		font-style :		italic;
		font-size :			14pt;
		color :			#FFFFFF;
	}

#projet_txt
	{
		margin-top :		10px;
	}


#bloc_projets_2
	{
		width :			190px;
		height :			390px;
		padding-left :		10px;
		padding-bottom :		10px;
	}

#bloc_projets_2_details
	{
		height :			130px;
		border-bottom :		1px solid #EE1C23;
	}

.bloc_projets_2_details_line
	{
		height :			25px;
	}

#bloc_projets_2_galerie
	{
		position :			absolute;
		margin-left :		-10px;
		width :			200px;
	}

.galerie_thumb
	{
		float :			left;
		width :			90px;
		height :			80px;
		margin-left :		10px;
		margin-top :		10px;
	}



