@CHARSET "ISO-8859-1";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html{
	font-family : arial, sans-serif;
	color : #7f7f7f;
	font-size : 11px;
}
#chargement {
	text-align: center;
	padding-top:100px;
}
#main{
	width : 900px;
	height : 600px;
	position : absolute;
		top : 50%;
		left : 50%;
		margin-top : -300px;
		margin-left : -450px;

}
	#main #left{
		width : 623px;
		height : 600px;
		position : absolute;
			top : 0px;
			left : 0px;
		background : url(../images/accueil/left.png) top left no-repeat;
		_background-image : none;
		/*a modifier en ligne*/
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/public/images/accueil/left.png');
		z-index : 4;

	}
	
		#main #left .chiffres{
			float: right;
			font-size : 18px;
			text-align: right;
			margin: 40px 25px 0px 0px;
			width : 380px;
			color: #5c5b5b;
			line-height: 125%;
		}

			#main #left .chiffres span{
				color : #7f7f7f;
				margin-right : 10px;
				font-size : 14px;
			}
			
			#main #left .chiffres strong{
				font-weight: bold;
			}
						
			
					
		#main #left .infos{
			height : 75px;
			width : 550px;
			position : absolute;
				bottom : 70px;
				left : 35px;
		}

			#main #left .infos .contact{
				margin-top : 8px;
				float : right;
				font-size : 12px;
				
			}
				#main #left .infos .contact a{
					color : #7f7f7f;
				}
			
			#main #left .infos .contact_en {
			
				float : left;
			}
		
			
		#dlPlaquettes{
			display : block;
			position : absolute;
				top : 50px;
				left : 70px;
			font-size : 10px;
			background : url(../images/dlPlaquettesPDF.png) no-repeat top left;
			width : 100px;
			height : 27px;
			padding : 4px 5px 0px 37px;
			font-weight : bolder;
			cursor : pointer;
			border-top : solid 1px #dedede;
			border-left : solid 1px #dedede;
			border-right : solid 1px #ccc;
			border-bottom : solid 1px #ccc;
			color : #7f7f7f;
				text-decoration : none;
		}

			#dlPlaquettes span{
				font-size : 9px;
			}
			
		#site-pays {
			position : absolute;
				top : 45px;
				left : 20px;
				
			list-style-type: none;
		}
			
			
	#main #right{
		width : 298px;
		height : 326px;
		position : absolute;
			top : 25px;
			right : 0px;
		background : url(../images/accueil/right.jpg) top left no-repeat;
		z-index : 2;

	}
		#main #right ul{
			list-style-type : none;
		}
			#main #right ul li{
				border : solid 1px #ececec;
				margin : 5px 20px 10px 30px;
				padding : 5px 5px 10px 63px;
				background-position : 5px 5px;
				background-repeat : no-repeat;
				height : 51px;
				cursor:pointer;
			}
				#main #right ul li a{
					display : block;
					color : #000;
					font-size : 12px;
					text-decoration : none;
					font-weight : bold;
					padding : 15px 5px;
					height : 25px;
				}
				#main #right ul li.etudes{
					background-image : url(../images/accueil/etudes.png);
				}
					#main #right ul li.etudes a{
						background : url(../images/accueil/flecheEtude.png) no-repeat 145px 17px #f7f7f7;
						padding-top: 10px;
					}
				#main #right ul li.recrutements{
					background-image : url(../images/accueil/recrutements.png);
				}
					#main #right ul li.recrutements a{
						background : url(../images/accueil/flecheRecrut.png) no-repeat 145px 17px #f7f7f7;
					}
				#main #right ul li.location{
					background-image : url(../images/accueil/location.png);
				}
					#main #right ul li.location a{
						background : url(../images/accueil/flecheLocation.png) no-repeat 145px 17px #f7f7f7;
						padding-top: 10px;
					}
				#main #right ul li.visites{
					background-image : url(../images/accueil/visites.png);
				}
					#main #right ul li.visites a{
						background : url(../images/accueil/flecheVisite.png) no-repeat 145px 17px #f7f7f7;
					}
					#main #right ul li a:hover{
						background-position : 152px 17px; 
					}
					#main #right ul li a span{
						display : block;
						color : #7f7f7f;
						font-size : 11px;
					}
	 	 
		 #main #right a.creation-entreprise {
		 	display: block;
		 	height: 29px;
		 	padding: 20px 0px 20px 70px;
			margin-top: 30px;
			color : #000;
			font-size : 12px;
			text-decoration : none;
			font-weight : bold;		 	
		 	
		 	background : url(../images/accueil/creation.png) no-repeat 0px 0px #f7f7f7;
		 }
			#main #right a.creation-entreprise span{
				display : block;
				color : #7f7f7f;
				font-size : 11px;
			}	
			
		#main #right #espace-panelistes	{
			height: 130px;
			width: 240px;
			background: url(../images/accueil/fauteuil.jpg) no-repeat bottom right ;
			color: #e95f14;
			padding-left: 25px;
			margin-top: 15px;
			
		}	
			
			#main #right #espace-panelistes	h2 {
				font-weight: bold;
				font-size: 18px;
			}			
		
			#main #right #espace-panelistes	p {
				font-weight: bold;
				margin-top: 8px;
				margin-right: 60px;
			}		
				
			#main #right #espace-panelistes	.bouton-panelistes {
				display:block;
				margin-top: 15px;
				margin-left: 20px;
				padding-top: 15px;
				width: 144px;
				height: 36px;
				background: url(../images/accueil/inscription-panelistes.gif) center center no-repeat;
				text-align: center;
				
				color: #fff;
				font-weight: bold;
				text-decoration: none;			
			}	
								
					
#main #chargement {
	text-align: center;
	padding-top:100px;		
}