/***************************** Styles spécifiques à la homepage ***************************/


/***************************** Styles partie menu ***************************/
#homepage #maincontent #menu li {
	height: 78px;
}

#homepage #maincontent #menu li a {
	display: block;
	height: 78px;
	background-image: url(./themes/site_themes/styles/images/hp-menu.gif);
}

#homepage #maincontent #menu .col1 a { background-position: 0px 0px; }
#homepage #maincontent #menu .col1 a:hover, #homepage #maincontent #menu .col1 .active { background-position: 0px -79px; }

#homepage #maincontent #menu .col2 a { background-position: -295px 0px; }
#homepage #maincontent #menu .col2 a:hover, #homepage #maincontent #menu .col2 .active  { background-position: -295px -79px; }

#homepage #maincontent #menu .col3 a { background-position: -591px 0px; }
#homepage #maincontent #menu .col3 a:hover, #homepage #maincontent #menu .col3 .active  { background-position: -591px -79px; }


/***************************** Styles partie contenu central ***************************/
#homepage #maincontent #content #col1, #homepage #maincontent #content #col2, #homepage #maincontent #content #col3 {
	background-repeat: no-repeat;
}

#homepage #maincontent #content #col1 {
	background-color: transparent;
	background-image: url(./themes/site_themes/styles/images/hp-choice1.jpg); 
	margin-right: 3px;
	width: 294px;
}

#homepage #maincontent #content #col2 {
	background-color: transparent;
	background-image: url(./themes/site_themes/styles/images/hp-choice2.jpg); 
	margin-right: 3px;
	width: 295px;
}

#homepage #maincontent #content #col3 {
	background-color: transparent;
	background-image: url(./themes/site_themes/styles/images/hp-choice3.jpg); 
	width: 293px;
}

#homepage #maincontent #content #col1 .description, #homepage #maincontent #content #col2 .description, #homepage #maincontent #content #col3 .description {
	display: block;
	height: 363px;
	cursor: pointer;
}

#homepage #maincontent #content .description .rollover{
	display: block;
	height: 65px; 
	background-color: #c2b17b;
}

#homepage #maincontent #content .description .rollover span {
	display: block;
	margin-left: 45px;
	padding-top: 10px;
}

#homepage #maincontent #content  #col1 .description .rollover span { margin-left: 49px;}

#homepage #maincontent #content  a:hover { text-decoration: none;}

#homepage #maincontent #content  .description .rollover { display: none; }

#homepage #maincontent #content  .description .active { display: block; }

#homepage #maincontent #content .box {
	height: 156px;
	margin-top: 20px;
}

#homepage #maincontent #content .box p, #homepage #maincontent #content .box a {
	padding-top: 38px;
	padding-left: 45px;
	padding-right: 10px;
}

#homepage #maincontent #content .box a {
	display: block;
	padding-top: 0px;
	margin-top: 15px;
	text-decoration: underline; 
}

#homepage #maincontent #content .box a:hover { text-decoration: none; }

#homepage #maincontent #content #col2 .box p, #homepage #maincontent #content #col2 .box a { padding-right: 105px; }

#homepage #maincontent #content #col3 .box p, #homepage #maincontent #content #col2 .box a { padding-right: 90px; }

#homepage #maincontent #content #col1 .box {
	background-image: url(./themes/site_themes/styles/images/hp-box1.jpg); 
	width: 294px;
}

#homepage #maincontent #content #col2 .box {
	background-image: url(./themes/site_themes/styles/images/hp-box2.jpg); 
	width: 295px;
}

#homepage #maincontent #content #col3 .box {
	background-image: url(./themes/site_themes/styles/images/hp-box3.jpg); 
	width: 293px;
}

/***************************** Styles partie contenu footer ***************************/

#homepage #footer {
	display: block;
	margin-top: -15px;
	clear: both;
	float: right;
	height: 15px;
	color: #939585;
}

#homepage #footer_msg {
	display: block;
	margin-top: 10px;
	float: left;
	clear: both;
	height: 15px;
	color: #939585;
}