/* CSS Document */

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

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

ul,li
{
	list-style-type  : none;
	margin           : 0;
	padding          : 0;
}

a
{
	color            : #ffffff;
	text-decoration  : underline;
}

a:hover
{
	color            : #9d80a5;
}
/*----------------------------*/
/*++++++++ CONTENEURS ++++++++*/
/*----------------------------*/

div#global 
{
	position         : relative;
	margin           : 15px auto;
	width            : 983px;
	height           : 669px;
	background       : url(../images/bg-arthea.jpg) no-repeat top left;
}


/*------------------ IMAGE DE FOND AVEC MAIN MENU ------------------------*/
div#global #main-menu
{
	position         : absolute;
	top              : 23px;
	right            : 85px;
	height           : 35px;
}

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

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                : #9d80a5;
	background-image     : url(../images/puce-main-menu-over.gif);
	background-repeat    : no-repeat;
	background-position  : 0px 45%;
}

/*------------------ CONTENU  DE LA PAGE WEB  ------------------------*/
div#global #zone-opport
{
	float               : left;
	width               : 152px;
	height              : 30px;
	margin-left         : 407px;
	margin-top          : 451px;
	text-decoration     : none;
}

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

div#global #actus
{
	width               : 270px;
	text-align          : left;
	right               : 20px;
	margin: 0;
	position: relative;
	float: right;
	height: 150px;
	margin-top: 380px;
}

div#global #mentions
{
	text-align          : justify;
	position            : absolute;
	left                : 170px;
	bottom              : 25px;
}

div#global #tbl-menu-sec
{
	position            : absolute;
	bottom              : 45px;
	right               : 15px;
	width               : 550px;
	border-collapse     : collapse;
	text-align          : right;
}

div#global #tbl-menu-sec td
{
	vertical-align     : bottom;
	padding-right      : 10px;
}
div#global #tbl-menu-sec td#milieu
{
	border-right       : 1px solid #855536;
	border-left        : 1px solid #855536;
	width              : 130px;
}

div#parrain
{
	text-align        : left;
	padding-left      : 10px;
}

div#parrain h2
{
	color            : #9d80a5;
	font-size        : 12px;
	font-weight      : bold;
	padding-bottom   : 2px;
}
div#actus h2 {
	font-size: 14px;
	margin: 0px;
	color: #CEB395;

}

div#global #zone-artis /* visiter le site Artis */
{
	position         : absolute;
	bottom           : 40px;
	left             : 85px;
	width            : 40px;
	height           : 40px;
	text-decoration  :none;
}

#certifications {
	float: right;
	position: absolute;
	left: 550px;
	top: 653px;
	height: 73px;
	width: 400px;
	padding-bottom: 20px;
}

	#logo-annecy{
	display: block;
	width: 100px;
	height: 90px;
	float: left;
	}

	#logo-qualite{
	display: block;
	width: 105px;
	height: 72px;
	background-image: url(../images/logo_maisons_qualite1.gif);
	float: left;
	margin-left: 20px;
	}
	
	#logo-qualite:hover{
	background-image: url(../images/logo_maisons_qualite2.gif);
	}

	#logo-UCM{
	display: block;
	width: 140px;
	height: 72px;
	background-image: url(../images/logo_ucm1.gif);
	float: left;
	margin-left: 20px;

	}
	#logo-UCM:hover{
	background-image: url(../images/logo_ucm2.gif);
	}
	
	#ajaxticker1{
	width: 250px;
	height: 120px;
	padding: 5px;
	background-color: #845634;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

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

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

#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: #845634;
}

.someclass{
}