/*STYLE PAGE ACCUEIL*/

/*ACTUALITES */
div#actu {
	float: 		left; 
	background: #f7f7f7;
	width: 		172px;
	height: 	257px;
	padding: 	12px; 
	margin: 	0 27px 16px 0; 
	-moz-border-radius:	5px;
	-webkit-border-radius:	5px;
}

div#actu p {margin:	3px 0 20px 0;}


/*CONTENT*/
div#accueil-content{
	float:	left; 
	width: 	713px;
}

div#accueil-content div{
	float:		left; 
	height:		254px; 
	padding:	14px; 
}

div#accueil-content div#left{/*img*/
	background: 	transparent url(../img/accueil-left.gif) top left no-repeat;
	width: 			421px;
}

div#accueil-content div#right{ /*texte*/
	background: 	transparent url(../img/boxs/index.jpg) 0px 30px  no-repeat;
	width: 			236px;
}

div#accueil-content p{
	text-align:justify; 
	margin:30px 0 10px 0;
	line-height :18px; 
	padding-right:26px;
}


div#accueil-content h2 {
	padding-bottom:8px;
	margin: 0px 20px 8px 0px;
	border-bottom:1px solid #eee;
}

/*BOUTONS BAS */

div#accueil-btn {
	height:110px;
}


div#accueil-btn div {
	float:left; 
	height:96px; 
	position:relative; 
}

/*
div#accueil-btn div.pass{
	width: 			305px;
	margin-right:	19px;
	padding-top: 	5px; 
	border-right: 	1px solid #d4d6d8;
}
*/

div#accueil-btn div.video{
	width:305px;
	margin-right:19px;
	padding-top:5px; 
	border-right:1px solid #d4d6d8;
	height:115px;
}

div#accueil-btn div.entreprise{
	/*background: 	transparent url(../img/bg-btn.gif) 0 0   no-repeat;*/
	width:			295px; 
	padding: 		5px 5px 0 5px; 
	margin-right:	19px; 
	border-right: 	1px solid #d4d6d8;
	height: 		61px;
	padding-bottom:	10px;
}

div#accueil-btn div.salaries{
	/*background:		transparent url(../img/bg-btn2.gif) 0 0 no-repeat; */
	width: 			276px; 
	padding:	 	5px 5px 0 5px;
	height: 		61px;
	padding-bottom:	10px;
}

div#accueil-btn p {
	float:		left; 
	width:		173px;
	margin: 	5px 8px 0 0;
	font-size: 	0.9em; 
	
}

div#accueil-btn p.btn-accueil{
	background: transparent url(../img/btn-accueil.gif) right -5px no-repeat; 
	margin:7px 0 0 0;
	padding: 7px 35px 0 10px;
	height: 30px;
	width: 107px;
	text-align:left;
}

div#accueil-btn p.resource{	width:88px; }
div#accueil-btn p.telechargement{ width:135px; }
div#accueil-btn p.saisie{ width:100px; padding-top:12px; height:25px; }

div#accueil-btn p.btn-accueil a{
	text-transform : uppercase;  
	font-weight: bold; 
	font-size: 1em;
	color:#166983;
}

div#accueil-btn p.btn-accueil a:hover{ color:#929799; }

/*A*/

div#accueil-btn div a.btn, div#accueil-btn div a.btnleft {
	display:block;
	position : absolute;
	width: 120px; 
	text-transform : uppercase;  
	font-weight: bold; 
	font-size: 0.9em;
	color:#166983;
}

div#accueil-btn div a.btn:hover, div#accueil-btn div a.btnleft:hover {color:#929799;}

 
div#accueil-btn div.video a.btn{
 	background: transparent url(../img/btn-blanc-small.gif) right top no-repeat;
	padding: 12px 35px 12px 0;
	top: 61px; 
	left: 0;
	width:130px;
	text-align:right;
}

/*UL*/
div#accueil-btn div.salaries ul, div#accueil-btn div.entreprise ul{margin-top: 5px; }

div#accueil-btn div.salaries ul li, div#accueil-btn div.entreprise ul li {
	display:block ; 
	background: transparent url(../img/fleche-grise.gif) center left no-repeat; 
	width : 110px; 
	float: left;
	padding-left: 10px;
	font-size: 0.9em;
	margin:3px 0;
}
