/* CSS RESET */

html,body { height: 100%; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var,p,a {
	font-style:normal;
	font-weight:normal;
	font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; 
	font-size: 1em;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	font-family: Georgia, "DejaVu Serif", Norasi, serif;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}

/* BASE */
body {
	width: 950px;
	margin: auto;
	background: url(../img/bg_site.png) #f6f6f6 repeat-x top;
	position:relative
}

h1 {
	width: 711px;
	height: 39px;
	float: left;
	margin: 81px 0 0 0;
}

#content_left {
	float: left;
	width: 711px;
	padding-bottom: 100px;
}

body a, body li a {
	text-decoration: none;
	color: #00b3ff;
}

#content_right {
	width: 190px;
	/*padding: 104px 0 0 0;*/
	position:relative;
	float:left;
/*	position: absolute;*/
	top: 0;
	margin-top: 60px;
}
	/* Fleches */
	#content_right .arrows li {
		margin: 0 0 0px 1px;
		height: 8px;
		cursor:pointer
	}
	#content_right .arrows li:first-child {
		padding-bottom: 11px;
	}
	
	/* Navigation */
	#navigation {
		margin: 55px 0 0 0;

	}
	
	/* tailles pour chaque liens du menu */
	#navigation li {
	
	}
		#navigation li a {
		height: 28px;
		display:block;
		text-indent:-9999px;
		overflow:hidden
	}	
		#navigation li a.home {
		background:url(../img/menu/sprite/home.png) no-repeat left 0
		}
		#navigation li a.news {
		background:url(../img/menu/sprite/news.png) no-repeat left 0;
		margin-bottom:0px
		}
		#navigation li a.edito {
		background:url(../img/menu/sprite/sub_edito.png) no-repeat left top
		}
		#navigation li a.vie_agence {
		background:url(../img/menu/sprite/sub_vie-agence.png) no-repeat left top
		}
		#navigation li a.agence {
		background:url(../img/menu/sprite/agence.png) no-repeat left top
		}
		#navigation li a.native {
		background:url(../img/menu/sprite/sub_native.png) no-repeat left top
		}
		#navigation li a.international {
		background:url(../img/menu/sprite/sub_international.png) no-repeat left top
		}
		#navigation li a.workspace {
		background:url(../img/menu/sprite/sub_workspace.png) no-repeat left top
		}
		#navigation li a.etude {
		background:url(../img/menu/sprite/etudes-de-cas.png) no-repeat left top
		}
		#navigation li a.scotts {
		background:url(../img/menu/sprite/sub_scotts.png) no-repeat left top
		}
		#navigation li a.babolat {
		background:url(../img/menu/sprite/sub_babolat.png) no-repeat left top
		}
		#navigation li a.autodesk {
		background:url(../img/menu/sprite/sub_autodesk.png) no-repeat left top
		}
		#navigation li a.veolia {
		background:url(../img/menu/sprite/sub_veolia.png) no-repeat left top
		}
		#navigation li a.franche {
		background:url(../img/menu/sprite/sub_franche-comte.png) no-repeat left top
		}
		#navigation li a.lyon {
		background:url(../img/menu/sprite/sub_grand-lyon.png) no-repeat left top
		}
		#navigation li a.caisse {
		background:url(../img/menu/sprite/sub_caisse-epargne.png) no-repeat left top
		}
		#navigation li a.caisse {
		background:url(../img/menu/sprite/sub_caisse-epargne.png) no-repeat left top
		}
		#navigation li a.tnt {
		background:url(../img/menu/sprite/sub_tnt.png) no-repeat left top
		}
		#navigation li a.fm {
		background:url(../img/menu/sprite/sub_fm.png) no-repeat left top
		}
		#navigation li a.clients {
		background:url(../img/menu/sprite/clients.png) no-repeat left top
		}
		#navigation li a.recrutements {
		background:url(../img/menu/sprite/recrutements.png) no-repeat left top
		}
		#navigation li a.contacts {
		background:url(../img/menu/sprite/contacts.png) no-repeat left top
		}
		#navigation li a.newsletter {
		background:url(../img/menu/sprite/abonnement-newsletter.png) no-repeat left top
		}
		#navigation li a:hover,
		#navigation li a.active{
		background-position:left bottom
		}	
		#navigation li.sub div {
			margin-bottom:20px
		}
		/* Sous-menu News */
		#navigation .sub_news {
			height: 106px;
		}
		#navigation .sub_news ul {
			margin-top: 6px;
		}
		/* Sous-menu Agence */
		#navigation .sub_agence {
			height: 134px;
		}
		#navigation .sub_agence ul {
			margin-top: 6px;
		}
		/* Sous-menu Etudes de cas */
		#navigation .sub_etudes-de-cas {
			height: 246px;
		}
		#navigation .sub_etudes-de-cas ul {
			margin-top: 6px;
		}
	
	/* Nav bottom */
	#nav_bottom {
		margin: 60px 0 0 0;
		padding-bottom: 16px;
		border-bottom: 1px solid #9a9a9a;
	}
	#nav_bottom ul li {
		float: left;
	}
	#nav_bottom ul li img { display: block; }
	
	#nav_bottom .face-twitt li:first-child {
		margin-left: 29px;
	}
	
#content_right.fixed {
/*	position:fixed;*/
/*	position:fixed;*/
 	top: 0px;
}

#right_wrap { /* required to avoid jumping */
	width: 190px;
	right:0px;
	position:absolute;
	float:left;
}

.slider_news {width: 711px; height: 513px; overflow: hidden ; display: block;}