/* FEUILLE DE STYLE DU FRONT */

BODY
{
	background-color:#F8F8F9;
	/*background-image:url("../images/fond.gif");
	background-repeat:repeat-x;
	*/
	background-position:top;
}

* {
	margin:0px;
	padding:0px;
}

#boxPage
{
	margin:0px;
	position:relative;
	height:100%;
}
		

#bordureSite
{
	width:702px;
	margin-bottom:10px;
}

#site
{
	width:700px;
	background-color:#fff;
}


.menuItem {
	/*left:-150px;*/
	position:absolute;
	text-align:right;
	width:150px;
	color:#F3A12D;
	font-weight:bold;
}





#header
{
	height:12px;
	background-color:#A3A6A8;
}

#header2
{
	height:15px;
	background-color:#C1C2C4;
}

#bandeauTitre
{
	height:150px;
	background-color:#fff;
	background-image:url("../images/site/titreSite.jpg");
	background-repeat:no-repeat;
}

#boxAdresseClub
{
	float:right;
	width:200px;
	text-align:left;
}

div.boxFoContenu
{
	margin:2px;
}

div.boxTitre
{
	height:21px;
	font-family:verdana;
	font-size:10px;
	color:#666666;
	background-image:url("../images/site/fond_titre_bloc.gif");
	text-transform:uppercase;
}

div.boxTitre span
{
	position:relative;
	top:4px;
}

div.boxPuce
{
	float:left;
	width:0px;
	height:21px;
	border-right:2px solid #fff;
	margin-right:3px;
}

div.boxTexte
{
	margin:10px;
}

#bandeauMenu
{
	position:relative;
	height:21px;
	background-image:url("../images/site/fond_titre_bloc.gif");
	color:#888888;
	text-align:right;
}

#bandeauMenu .section
{
	top:0px;
	left:0px;
	position:absolute;
	height:21px;
	text-align:center;
	width:203px;
}

#bandeauMenu.connecte .section
{
	position:relative;
	float:left;
}

#bandeauMenu .section A, #bandeauMenu .section A:link, #bandeauMenu .section A:hover, #bandeauMenu .section A:visited
{
	position:relative;
	top:4px;
	font-size:9px;
	font-weight:normal;
}

#bandeauMenu.connecte .section
{
	height:21px;
	float:left;
	text-align:right;
	width:203px;
}

#bandeauMenu.connecte .section span
{
	position:relative;
	top:4px;
	font-weight:bold;
}

#bandeauMenu A
{
	margin-left:20px;
	color:#888888;
}

#bandeauMenu FORM
{
	position:relative;
	font-size:9px;
	top:3px;
	margin-right:20px;
}

#bandeauMenu INPUT
{
	border:1px solid #cccccc;
	font-size:9px;
	color:#888888;
	width:80px;
}



#bandeauMenu .connectEchec
{
	color:#DF3D1A;
	font-weight:bold;
	margin-right:10px;
}

#bandeauMenu .connectEchec IMG
{
	position:relative;
	top:2px;
}

#bandeauMenu.connecte SPAN.menu
{
	display:block;
	float:left;
	margin-top:5px;
	margin-left:10px;
	color:#4896CF;
}

#bandeauMenu.connecte SPAN.hello
{
	display:block;
	float:right;
	margin-top:5px;
	margin-right:10px;
}

#bandeauMenu.connecte SPAN.hello B
{
	color:#4896CF;
}


#menuServices
{
	margin-top:25px;
	margin-left:50px
}

#menuMembre .menuMembre
{
	position:relative;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	text-align:left;
	background-color:#FCFCFC;
	background-image:url("../images/fond_menu_membre.gif");
	background-repeat:repeat-x;
}

#menuMembre .menuMembre .boxContenu
{

	margin:10px;
	margin-top:0px;
}

#menuMembre .titre
{
	color:#4896CF;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
}

#menuMembre IMG.pictoMembre
{
	position:relative;
	float:right;
	margin-right:10px;
}

#menuMembre DIV.rubrique
{
	position:relative;
	float:left;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
	background-color:#FCFCFC;
}

#menuMembre DIV.rubrique A, #menuMembre DIV.rubrique A:hover, #menuMembre DIV.rubrique A:link, #menuMembre DIV.rubrique A:visited
{
	position:relative;
	color:#B9B9B9;
	font-weight:normal;
}

TABLE.structureContenu
{
	width:100%;
}

TD.menu
{
	vertical-align:top;
	width:202px;
	background-color:#CBD300;
}

TD.menu div
{
	height:25px;
	background-color:#CBD300;
	color:#fff;
	font-weight:bold;
}

TD.menu span
{
	display:block;
	width:100%;
	background-color:#fff;
}

TD.menu div span
{
	display:block;
	position:relative;
	top:7px;
	width:9px;
	height:9px;
	float:left;
	margin-left:10px;
	margin-right:5px;
	background-color:#3E3E40;
}

TD.menu div A, TD.menu div A:hover, TD.menu div A:link, TD.menu div A:visited
{
	position:relative;
	top:5px;
	color:#fff;
	font-size:11px;
	text-decoration:none;
}

TD.menu div.survol, TD.menu div.actif
{
	background-color:#3E3E40;
	cursor:pointer;
}

TD.contenu
{
	vertical-align:top;
	background-image:url("../images/fond_contenu.gif");
	background-repeat:repeat-x;
}

#titrePage
{
	height:25px;
	text-align:right;
}

#titrePage span
{
	height:25px;
	overflow:hidden;
	font-size:28px;
	font-family:arial;
	font-weight:bold;

}

FIELDSET	{
	padding:0;
	margin:0;
	border-top:1px solid #eee;
	border-right:0px solid #fff;
	border-left:0px solid #fff;
	border-bottom:1px solid #eee;
}

FIELDSET DIV.fieldsetContenu
{
	margin-left:15px;
	margin-right:15px;
}

LEGEND, .legend
{
	font-family:arial;
	font-weight:bold;
	font-size:16px;
	color:#AAAAAA;
}

#footer A, #footer A:hover, #footer A:link, #footer A:visited
{
	color:#5F5F5F;
	font-weight:normal;
	text-decoration:none;
}

#footer A:hover
{
	text-decoration:underline overline;
}

#boxHomepage
{
	width:172px;
	float:right;
	margin:10px;
}

.autocompleter
{
	   	width: 330px;
	   	max-height:200px;
	   	height:auto !important;
	   	height:200px;
	   	overflow:auto;
}