/* CSS Document */

/*----------------------------*/
/*++++ BALISES GENERALES +++++*/
/*----------------------------*/

body ,html
{
	margin           : 0;
	padding          : 0;
	font-family      : Arial, Helvetica, sans-serif;
	font-size        : 11px;
	color            : #000000;
}

ul,li
{
	list-style-type     : none;
}
/*----------------------------*/
/*++++++++ CONTENEURS ++++++++*/
/*----------------------------*/

div#global 
{
	position         : relative;
	width            : 952px;
	height           : 676px;
	margin           : 15px auto;
}

/*------------------ BANDEAU SUPERIEUR AVEC MAIN MENU ------------------------*/
div#header 
{
	position         : relative;
	height           : 413px;
	background       : url(../images/bg-header.jpg)  top;
}

div#header #zone-real
{
	float: left;
	width : 125px;
	height: 125px;
	margin-left: 133px;
	margin-top: 4px;
	text-decoration:none;
}

div#header #zone-real:hover
{
	background:url(../images/zone-real-over.jpg) no-repeat;
}

div#header #zone-opport
{
	float: left;
	width : 125px;
	height: 125px;
	margin-left: 1px;
	margin-top: 130px;
	text-decoration:none;
}

div#header #zone-opport:hover
{
	background:url(../images/zone-opport-over.jpg) no-repeat;
}

div#header #zone-forum
{
	width : 250px;
	height: 125px;
	margin-left: 0px;
	margin-top: 255px;
	text-decoration:none;
	position: absolute;
	left: 259px;
	top: 1px;
}

div#header #zone-forum:hover
{
	background:url(../images/zone-forum-over.jpg) no-repeat;
}


div#header #main-menu
{
	position         : absolute;
	bottom           : 0;
	right            : 20px;
	height           : 35px;
}

div#main-menu ul, div#main-menu li
{
	float            : left;
	margin           : 6px 0 6px 25px;
}

div#main-menu a
{
	color               : #FFFFFF;
	text-transform      : uppercase;
	text-decoration     : none;
	padding-left        : 10px;
	background-image    : url(../images/puce-main-menu.gif);
	background-repeat   : no-repeat;
	background-position : 0px 45%;
}

div#main-menu a:hover
{
	color               : #efab09;
	background-image    : url(../images/puce-main-menu-over.gif);
	background-repeat   : no-repeat;
	background-position : 0px 45%;
}

/*------------------ CONTENU TEXTE (actus, menu secondaire) DE LA PAGE WEB  ------------------------*/
div#milieu 
{
	position         : relative;
	height           : 198px;
	width            : 952px;
}

div#actus
{
	float            : left;
	height           : 198px;
	width            : 694px;
	background       : url(../images/bg-actus.jpg)  left top no-repeat;
}

#tbl-actus
{
	float            : right;
	margin           : 10px 5px 0px 0px;
	padding          : 0;
	width            : 400px;
	clear            : both;
	height: 100px;
}

div#parrain 
{
	float            : right;
	margin           : 0px 5px 5px 0px;
	padding          : 0;
	width            : 400px;
	clear            : both;
}

div#parrain h2
{
	border-bottom    : 1px dotted #c3c3c3;
	color            : #efab09;
	font-size        : 12px;
	font-weight      : bold;
	padding-bottom   : 5px;
	margin: 0;
	padding-top: 5px;
}
div#parrain a
{
	color            : #cb282d;
	display          : block;
}


div#parrain a:hover
{
	color            : #efab09;
}


#tbl-actus h2
{
	border-bottom    : 1px dotted #c3c3c3;
	color            : #b63a11;
	font-size        : 12px;
	font-weight      : bold;
	margin           : 0;
	padding-bottom   : 5px;
	margin-bottom: 10px;
}
#tbl-actus p
{
	margin           : 0;
	padding          : 0;
	text-align       : left;
}



div#menu-sec
{
	float            : left;
	padding-top      : 10px;
	height           : 198px;
	width            : 258px;
	background       : url(../images/bg-menu-sec.jpg)  left top no-repeat;
}

div#menu-sec li 
{
	border-bottom       : 1px dotted #c3c3c3;
	margin              : 0;
	padding-bottom      : 2px;
	width               : 183px;
}

div#menu-sec a
{
	color               : #000000;
	padding-left        : 10px;
	line-height         : 1.5em;
	background-image    : url(../images/puce-menu-sec.gif);
	background-repeat   : no-repeat;
	background-position : 0px 45%;
}

div#menu-sec a:hover
{
	color            : #efab09;
}

/*--------- FOOTER (menus, emplois, parrain, actus...) --------------------*/

div#footer 
{
	position         : relative;
	height           : 57px;
	width            : 952px;
	padding-left     : 165px;
	background       : url(../images/bg-footer.jpg)  left top no-repeat;
}

div#footer p
{
	position         : absolute;
	bottom           : -2px;	
	margin           : 0;
	padding          : 0;

}

div#footer a
{
	color            : #000000;
}

div#footer a:hover
{
	color            : #810130;
}

div#footer #zone-artis /* visiter le site Artis */
{
	position         : absolute;
	top              : 5px;
	left             : 85px;
	width            : 40px;
	height           : 40px;
	text-decoration  :none;
}
/*--------- FIN DU FOOTER --------------------*/

/*	AJAXTICKER	*/
#ajaxticker1 a{
	color: #757C8C;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#ajaxticker1 a:hover{
	text-decoration:underline;
	color: #8B1803;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
	background-color: #FFFFFF;
}

.someclass{
}