/* CSS Document */
/*

GABARIT DE BASE
------------------------
- TOP
- MIDDLE
- SPACE
- UNDERMIDDLE
	- CROIX
	- MARQUE FG

************************

CONTENU
------------------------
- ...

*/

body
{
	margin: 0px;
	/* TEXTE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 12px;
}
a.liens
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	cursor: pointer;
}
a.liens:hover
{
	color: #000000;
}



/* LIENS MENUS PROPRIéTéS  */
a.lien
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	letter-spacing: 0.5px;
}
a.lien:hover
{
	color: #000000;
}
a.menus_haut
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #acacac; /* 666666 */
	text-decoration: none;
	letter-spacing: 0.5px;
}
a.menus_haut:hover
{
	color: #000000;
}
a.menus_haut_select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #99CC00;
	text-decoration: none;
	letter-spacing: 0.5px;
}

a.menus_principal
{
	height: 11px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	/* TEXTE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #acacac;
	text-decoration: none;
	letter-spacing: 0.5px;
}
a.menus_principal:hover
{
	color: #000000;
}
a.menus_principal_select
{
	height: 11px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	/* TEXTE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0099CC;
	text-decoration: none;
	letter-spacing: 0.5px;
}

a.btn_liste_select
{
	height: auto; /* 11px */
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	/* TEXTE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
	text-decoration: none;
	letter-spacing: 0.5px;
	line-height: 1em;
}
a.btn_liste
{
	height: auto; /* 11px */
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	/* TEXTE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	letter-spacing: 0.5px;
	line-height: 1em;
}
a.btn_liste:hover
{
	color: #000000;
}
/**/







DIV.BASE
{
	width: 100%;
	vertical-align: top;
	height: 680px;
	background-color: inherit;
}

/* TOP */
		DIV.TOP
		{
			margin: 0px;
			background-color: inherit;
			width: 100%;
			height: 227px;
		}
/**/		
		
/* MIDDLE */
		DIV#MIDDLE
		{
			position: relative;
			top: 0px;
			left: 0px;
			margin: 0px;
			background-color: #ccc;
			width: 100%;
			height: 220px;
		}
			DIV#MIDDLE_bloc1
			{
				position: absolute;
				top: 0px;
				left: 0px;
				margin: 0px;
				background-color: #CCCCCC;
				width: 107px;
				height: 220px;
				float: left;
			}
			DIV#MIDDLE_bloc2
			{
				position: absolute;
				top: 0px;
				left: 107px;
				margin: 0px;
				background-color: #000000;
				width: 11px;
				height: 220px;
				float: left;
			}
			DIV#MIDDLE_bloc3
			{
				position: absolute;
				top: 0px;
				left: 118px;
				margin: 0px;
				background-color: #CCCCCC;
				width: 302px;
				height: 220px;
				float: left;
			}
			DIV#MIDDLE_bloc4
			{
				position: absolute;
				top: 0px;
				left: 420px;
				margin: 0px;
				background-color: #000000;
				width: 460px;
				height: 220px;
				float: left;
			}
/**/

/* SPACE */
		DIV.SPACE
		{
			width: 100%;
			height: 71px;
		}
/**/

/* UNDERMIDDLE */
		DIV#UNDER_MIDDLE
		{
			position: relative;
			top: 0px;
			left: 0px;
			margin: 0px;
			background-color: inherit;
			width: 100%;
			height: 222px;
		}
			DIV#UNDER_MIDDLE_bloc1
			{
				position: absolute;
				top: 0px;
				left: 0px;
				margin: 0px;
				background-color:inherit;
				width: 421px;
				height: 220px;
				float: left;
			}
			DIV#UNDER_MIDDLE_bloc2
			{
				position: absolute;
				top: 0px;
				left: 421px;
				margin: 0px;
				background-color: #000000;
				width: 17px;
				height: 220px;
				float: left;
			}
/**/

	/* CROIX */
			DIV#CROIX
			{
				position: absolute;
				top: 207px;
				left: 231px;
				width: 68px;
				height: 68px;
				background-image: url(../images/croix.jpg);
			}
	/**/
	
	
	/* MARQUE FG */
			DIV#MARQUE
			{
				position: absolute;
				top: 55px;
				left: 689px;
				width: 174px;
				height: 19px;
				background-image: url(../images/marque_FG.jpg);
			}
	/**/
	

/*  ******************************************************************************************   */


DIV#CONTENU
{
	position: absolute;
	top: 59px;
	left: 126px;
	width: 754px;
	height: auto;
	background-color: inherit;
}

DIV#LIGNE1
{
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	width: 100%;
	height: 18px;
	background-color: inherit;
}
	DIV#EXTRA
	{
			position: absolute;
			top: 0px;
			left: 0px;
	}
	DIV#INFO
	{
			position: absolute;
			top: 0px;
			left: 210px;
	}
	DIV#CONTACT
	{
			position: absolute;
			top: 0px;
			left: 294px;
	}
DIV#LIGNE2
{
	position: relative;
	top: 69px;
	left: 0px;
	margin: 0px;
	width: 100px;
	height: 67px;
	background-color: inherit;
}
DIV#LIGNE3
{
	position: absolute;
	top: 168px;
	left: 0px;
	width: 100%;
	height: auto;
	background-color: inherit;
}
	DIV.BLOC_LISTE
	{
		width: 294px;
		height: 100%;
		float: left;
		background-color: inherit;
	}
		DIV.TITRE
		{
			width: 294px;
			height: 18px;
			margin-top: 30px;
			float: left;
			background-color: inherit;
			/* TEXTE*/
			color: #FFFFFF;
			letter-spacing: 0.5px;
		}
		DIV.LISTE
		{
			width: 294px;
			height: auto;
			margin-top: 40px; /* 56px */
			float: left;
			background-color: inherit;
		}
	DIV.BLOC_VISUELS
	{
		width: 460px;
		height: auto;
		float: left;
		background-color: inherit;
	}
		DIV.IMAGE
		{
			width: 460px;
			height: 220px;
			float: left;
			background-color: inherit;
		}
		DIV.LEGENDE
		{
			width: 460px;
			height: 63px;
			float: left;
			background-color: inherit;
		}
			.LEGENDE_TEXTE
			{
				padding-top: 8px;
			}
		DIV.BLOC_BTN_CROIX
		{
			width: 439px;/*460px*/
			height: 20px;
			float: left;
			margin: 0px;
			padding-left: 21px;
			background-color: inherit;
		}
			DIV.BTN_CROIX
			{
				width: 19px;
				height: 19px;
				float: left;
				margin: 0px;		
			}
		DIV.COPYRIGHT
		{
			width: 439px;/*460px*/
			height: 20px;
			float: left;
			margin-top: 185px;
			padding-left: 21px;
			background-color: inherit;
			/* TEXTE */
			color: #acacac;
		}




/*  ******************************************************************************************   */

DIV#FORM
{
	position: absolute;
	top: 518px;
	left: 0px;
	width: 420px;
	height: 222px;
}
DIV.FORM_TITRES
{
	width: 118px;
	height: 222px;
	float: left;
}

DIV.FORM_INPUT
{
	width: 302px;
	height: 222px;
	float: left;
}

DIV.MENU_TITRE
{
	width: 106px; /* 118px */
	height: 14px;
	border: 0px;
	float: left;
	margin-bottom: 4px;
	/* TEXTE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #666666;
}

input.menu_form
{
	width: 302px;
	height: 14px;
	border: 0px;
	padding: 0px;
	margin-bottom: 4px;
	background-color: #CCCCCC;
	/* TEXTE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
textarea.menu_form
{
	width: 302px;
	height: 103px;
	border: 0px;
	padding: 0px;
	margin-bottom: 4px;
	background-color: #CCCCCC;
	overflow: auto;
	/* TEXTE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

DIV.CONTENT_SUBMIT
{
	height: 28px;
	width: 106px;
	margin-top: 60px;
	float: left;
	text-align: right;
}
#submit
{
	height: 14px;
	width: auto;
	/* TEXTE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	color: #666666;
	border: none;
	background-color: #FFFFFF;
}
#reset
{
	height: 14px;
	width: auto;
	/* TEXTE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	margin-left: 0px;
	padding: 0px;
	color: #666666;
	border: none;
	background-color: #FFFFFF;
}