/*

importation des feuilles de styles

- reset.css pour reinitialisé les styles de facon homogène quelque soit le navigateur
- layout.css en fonction du template du site
- GBstyles.css pour les styles utilisé dans GenieBuilder

*/
@import "ttcss_reset.css";
@import "ttcss_layout_home.css";
@import "ttcss_nav.css";
@import "ttcss_content.css";
@import "ttcss_header.css";
@import "ttcss_footer.css";

/* gestion de la transparence des PNG pour IE6 
img { behavior: url(ttcss_iepngfix.htc) }*/

.spacer {clear: both;}
.floatleft {float: left; margin: 0 40px 0 0}
.floatright {float: right; margin: 0 0 0 40px}

/* texte */
.alignleft 	{ text-align: left; 	}
.alignright 	{ text-align: right; 	}
.justify 	{ text-align: justify; 	}
.center	{ text-align: center;	}
.italic { font-style: italic; }

/*divers*/
.noborder { border:none;}



/* div #push */

#page_home #headercontent ul#push {
	width: 703px;
	height: 100px;
	position: absolute;
	padding: 0 0 20px 0;
	top: 188px;
	left: 252px;
	font-family: trebuchet ms;
	font-size: 13px;
}

#page_home #headercontent ul#push li {
	line-height: 100px;
	height: 100px;
	border: none;
	display: block;
	float:left;
	margin: 0 0 0 28px;
}

#page_home #headercontent ul#push li a,
#page_home #headercontent ul#push li a:link,
#page_home #headercontent ul#push li a:visited,
#page_home #headercontent ul#push li a:hover {
	height: 99px;
	display: block;
	width: 197px;
	padding: 1px 0 0 0;
	text-decoration: none;
	cursor: pointer;
}

#page_home #headercontent ul#push li a.push_recrutement {background: url("bg_encart_push_home.png") no-repeat top left; }
#page_home #headercontent ul#push li a.push_contact {background: url("bg_encart_push_home.png") no-repeat top left; }
#page_home #headercontent ul#push li a.push_newsletter {background: url("bg_encart_push_home.png") no-repeat top left; }

#page_home #headercontent ul#push li a span.pushtitre {
	display: none;
}

#page_home #headercontent ul#push li a span.pushdetail {
	display: block;
	margin: 0 0 0 1px;
	color: #747474;
	line-height: 17px;
	text-decoration: none;
	padding: 0 16px 0 16px;
	width: 163px;
}

#page_home #headercontent ul#push li a.push_recrutement span.pushdetail {
	padding-top: 41px;
	height:57px;
	background: url("bg_home_push_recrutement.png") left top no-repeat;
}

#page_home #headercontent ul#push li a.push_contact span.pushdetail {
	padding-top: 40px;
	height:58px;
	background: url("bg_home_push_contact.png") left top no-repeat;
}

#page_home #headercontent ul#push li a.push_newsletter span.pushdetail {
	padding-top: 57px;
	height:41px;
	background: url("bg_home_push_newsletter.png") left top no-repeat;
}

/* encart actualité home */

#page_home .home_actu {
	width: 355px;
	position: relative;
}

#page_home .home_actu .home_actu_on {
	display: block;
}

#page_home .home_actu .home_actu_off {
	display: none;
}

#page_home #content .home_actu_on img {
	border: 10px #d0d0d0 solid;
	width: 333px;
	height: 155px;
	display: block;	
}

#page_home #content .home_actu_on .detail_home_actu {
	margin: 15px 0 0 0;
	border: 1px #d0d0d0 solid;
	padding: 15px 12px 40px 12px;
}

/*	la paging de l'encart actu */


ul.actu_home_paging {
	width: 106px;
	height: 30px;
	position: absolute;
	bottom: 25px;
	right: 0px;	
}

ul.actu_home_paging li {
	display: block;
	float: left;
	margin-right: 5px;
}

#content ul.actu_home_paging a.actu_home_paging_off,
#content ul.actu_home_paging a.actu_home_paging_off:link,
#content ul.actu_home_paging a.actu_home_paging_off:visited {
	width: 29px;
	height: 29px;
	display: block;
	background-color: #bfbfbf;
	font-family: arial;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 29px;
	text-align: center;
	text-decoration: none;
	float: left;
	margin: 0;
}

#content ul.actu_home_paging a.actu_home_paging_on,
#content ul.actu_home_paging a.actu_home_paging_on:link,
#content ul.actu_home_paging a.actu_home_paging_on:visited,
#content ul.actu_home_paging a.actu_home_paging_off:hover {
	width: 29px;
	height: 29px;
	display: block;
	background-color: #4eb4f2;
	font-family: arial;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 29px;
	text-align: center;
	text-decoration: none;
	float: left;
	margin: 0;
}



