/* HOME */
		#home {
			padding-top: 36px;
			padding-bottom: 96px;
		}
		
		#home h2 {
			font-size: 3.4em;
			padding-bottom: 62px;
			border-bottom: 1px solid #535353;
		}
		#home h2 span {
			color: #00b3ff;
		}
		
		#home .content {
			margin-top: 30px;
		}
		
		#home h3 {
			font-size: 2.2em;
			margin-bottom: 33px;
		}
		#home h3 span {
			color: #00B3FF;
		}

/* NEWS pt1 : Edito*/
		#edito {
			padding-bottom: 100px;
			position: relative;
			background: url(../img/barre.png) 0 8px no-repeat;
			overflow: hidden;
		}
		
		#edito .date {
			color: #535353;
			font-size: 0.8em;
			padding: 30px 0 10px 0;
			/* background: url(../img/sep_edito.png) 0 bottom no-repeat; */
		}
		
		/* Titre */
		#edito h2 {
			font-size: 3.4em;
			padding-bottom: 18px;
			border-bottom: 1px solid #898989;
			position: relative;
			bottom: 4px;
		}
		#edito h2 span {
			color: #00b3ff;
		}
		
		#edito h3 {
			font-size: 2.2em;
			margin-bottom: 35px;
		}
		#edito h3 span {
			color: #00B3FF;
		}
		
		#edito .content {
			margin-top: 26px;
			overflow: hidden;
		}
		
		#edito .content .intro {
			font-size: 1.3em;
			line-height: 1.15em;
			color: #666666;
			position: relative;
			bottom: 2px;
		}
		
		#edito .content .float-left {
			float: left;
			padding-right: 19px;
			padding-top:24px;
			padding-bottom: 15px;
		}
		#edito .content .float-right {
			float: right;
			padding-left: 19px;
			padding-top:24px;
			padding-bottom: 15px;
		}
		
		#edito .content .article {
			color: #666666;
			font-size: 0.8em;
			line-height: 17px;
			padding-top: 20px;
		}
		
		/* Liens du bas */
		#edito .liens_bas {
			clear: both;
			padding-top: 20px;
			background: url(../img/barre3.gif) 0 bottom no-repeat;
		}
		
		#edito .content .inscription_newsletter img, #edito .content .regarder_newsletter img {
			display: block;
			margin-top: 18px;
		}
			/* partie 1 */
			#edito .inscription_newsletter {
				float: left;
				width: 360px;
				padding-top: 28px;
			}
			#edito .inscription_newsletter p {
				font: 1.55em Georgia, "DejaVu Serif", Norasi, serif;
				margin: 0;
			}
			#edito .inscription_newsletter span {
				color: #00B3FF;
			}
			/* partie 2 */
			#edito .regarder_newsletter {
				float: left;
				width: 350px;
				padding-top: 28px;
			}
			#edito .regarder_newsletter p {
				font: 1.55em Georgia, "DejaVu Serif", Norasi, serif;
				margin: 0;
			}
			#edito .regarder_newsletter span {
				color: #00B3FF;
			}
			
/* NEWS Pt2 : Vie de l'agence (news) */
		.news {
			/*margin-bottom: 20px;*/
			background: url(../img/barre2.png) 0 15px no-repeat;
			position: relative;
		}
		
		.news {
			position: relative;
			margin-bottom: 80px;
		}
		
		.news .date {
			color: #535353;
			font-size: 0.8em;
			padding: 26px 0 13px 0;
			border-bottom: 1px solid #898989;
			/* background: url(../img/sep_edito.png) 0 bottom no-repeat; */
		}
		.news .news-facetwitt {
			float: left;
			position: absolute;
			right: 0px;
			top: 17px;
		}
		.news .news-facetwitt li {
		float: left;
		}
		
		/* Titre */
		.news h2 {
			font-size: 2.35em;
			margin-top: 13px;
		}
		.news h2 span {
			color: #00b3ff;
		}
		
		.news h3 {
			font-size: 2.2em;
			margin-bottom: 35px;
		}
		.news h3 span {
			color: #00B3FF;
		}
		
		.news .content {
			/* border-bottom: 1px solid #000000; */
			padding-bottom: 18px;
		}
		
		.news .content .article {
			color: #666666;
			clear: both;
			font-size: 0.8em;
			line-height: 17px;
			padding-top: 9px;
			padding-bottom: 15px;
		}
		
		.news .content .float-left { float: left; padding-right: 12px; }
		.news .content .float-right { float: right; padding-left: 12px;	}
		
		/* Slider */
		.news .content .slider_news {
			margin-top: 10px;
		}
		.news .content .slider_news p {
			margin-top: 8px;
			color: #535353;
			font: .95em Georgia, "DejaVu Serif", Norasi, serif;
		}
		.news .content .slider_news p span {
			color: #9a9a9a;
		}
		
/* L'AGENCE 1/3 - Native */
		#native {
			padding-bottom: 89px;
			background: url(../img/barre.png) 0 8px no-repeat;
		}

		#native h2 {
			font-size: 3.4em;
			padding-top: 52px;
			padding-bottom: 18px;
			border-bottom: 1px solid #898989;
		}
		#native h2 span {
			color: #00b3ff;
		}
		
		#native .text-intro {
			margin-top: 22px;
			margin-bottom: 24px;
			font-size: 1.22em;
			color: #666666;
		}
		
		#native ul {
			margin-top: 1px;
		}
		#native ul li {
			font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
			font-size: 13px;
			color: #666666;
			padding-bottom: 8px;
			padding-top: 8px;
			background:url("../img/sep_edito.png") no-repeat 1px 1px;
		}
		#native ul li:first-child {
			background: none;
		}
		
		#native .qui-on-est {
			margin-top: 22px;
		}
		
		#native h3 {
			font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; 
			font-size: 1.25em;
			color: #535353;
			margin-bottom: 0px;
		}
		#native h3 span {
			color: #00B3FF;
		}
		
/* L'AGENCE 2/3 - International */
		#international {
			padding-bottom: 97px;
			background: url(../img/barre2.png) 0 15px no-repeat;
		}

		#international h2 {
			font-size: 3.4em;
			padding-top: 52px;
			padding-bottom: 18px;
			border-bottom: 1px solid #898989;
		}
		#international h2 span {
			color: #00b3ff;
		}
		
		#international h3 {
			margin-top: 22px;
			margin-bottom: 15px;
			font-size: 1.22em;
			font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; 
			color: #666666;
		}
		
		#international .info {
			font-size: 0.8em;
			color: #666666;
		}
		
/* L'AGENCE 3/3 - Workspace */
		#workspace {
			padding-bottom: 120px;
			background: url(../img/barre2.png) 0 15px no-repeat;
		}

		#workspace h2 {
			font-size: 3.4em;
			padding-top: 47px;
			padding-bottom: 18px;
		}
		#workspace h2 span {
			color: #00b3ff;
		}
		
		#workspace h3 {
			margin-top: 22px;
			margin-bottom: 15px;
			font-size: 1.22em;
			font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; 
			color: #666666;
		}
		
		#workspace .info {
			font-size: 0.8em;
			color: #666666;
		}
		
		#workspace .slider_workspace {
			margin-top: 9px;
		}
		
		#workspace .numeros_slider {
			margin-top: 10px;
			color: #535353;
			padding-bottom: 7px;
			border-bottom: 1px solid #898989;
		}
		
		#workspace .numeros_slider span {
			color: #9a9a9a;
		}
		
		#workspace p {
			margin-top: 13px;
			font-size: 1.22em;
			font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; 
			color: #666666;
		}

		/* ETUDES DE CAS */
		/* BASE */
		#etudes-de-cas {
			overflow: hidden;
		}
		
		div#babolat h3 ,
		div#autodesk h3 ,
		div#veolia h3 ,
		div#bioderma h3 ,
		div#franche-comte h3 ,
		div#grand-lyon h3 ,
		div#grand-lyon2 h3 ,
		div#caisse-epargne h3 , 
		div#tnt h3 ,
		div#france-montagnes h3  {
			margin-top: 21px;
			margin-bottom: 15px;
			font-size: 1.22em;
			font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; 
			color: #666666;
		}
		
		#etudes-de-cas .info {
			font-size: 0.8em;
			color: #666666;
		}
		
		#etudes-de-cas .slider_etudes-de-cas {
			margin-top: 9px;
		}
		
		#etudes-de-cas .numeros_slider {
			margin-top: 10px;
			color: #535353;
			padding-bottom: 7px;
			border-bottom: 1px solid #898989;
		}
		
		#etudes-de-cas .numeros_slider span {
			color: #9a9a9a;
		}
		
		div#babolat p ,
		div#autodesk p ,
		div#veolia p ,
		div#bioderma p ,
		div#franche-comte p ,
		div#grand-lyon p ,
		div#grand-lyon2 p ,
		div#caisse-epargne p , 
		div#tnt p ,
		div#france-montagnes p ,
		div#scotts p {
			margin-top: 13px;
			font-size: 1.22em;
			font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; 
			color: #666666;
			border-bottom: 1px solid #898989;
			padding-bottom: 24px;
		}
		
		div#babolat h2 ,
		div#autodesk h2 ,
		div#veolia h2 ,
		div#bioderma h2,
		div#franche-comte h2 ,
		div#grand-lyon h2 ,
		div#grand-lyon2 h2 ,
		div#caisse-epargne h2 , 
		div#tnt h2 ,
		div#france-montagnes h2 ,
		div#scotts h2 {
			font-size: 3.4em;
			padding-top: 50px;
			padding-bottom: 18px;
		}
		
		div#babolat h2 span ,
		div#autodesk h2 span ,
		div#veolia h2 span ,
		div#bioderma h2 span ,
		div#franche-comte h2 span ,
		div#grand-lyon h2 span ,
		div#grand-lyon2 h2 span ,
		div#caisse-epargne h2 span , 
		div#tnt h2 span ,
		div#france-montagnes h2 span ,
		div#scotts h2 span {
			color: #00b3ff;
		}
		
		div#babolat h3 ,	
		div#autodesk h3 ,
		div#veolia h3 ,
		div#bioderma h3 ,
		div#franche-comte h3 ,
		div#grand-lyon h3 ,
		div#grand-lyon2 h3 ,
		div#caisse-epargne h3 , 
		div#tnt h3 ,
		div#france-montagnes h3 ,
		div#scotts h3 {
			font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; 
			font-size: 1.25em;
			color: #535353;
			margin-bottom: 0px;
		}
		
		
		 .reponse {
			width: 400px;
			float: left;
			padding-right: 40px;
		}
		 .resultat {
			width: 271px;
			float: left;
		}
		
		div#babolat ul li ,	
		div#autodesk ul li ,
		div#veolia ul li ,
		div#bioderma ul li ,
		div#franche-comte ul li ,
		div#grand-lyon ul li ,
		div#grand-lyon2 ul li ,
		div#caisse-epargne ul li , 
		div#tnt ul li ,
		div#france-montagnes ul li ,
		div#scotts ul li {
		font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
			font-size: 13px;
			color: #666666;
			padding-bottom: 8px;
			padding-top: 8px;
			background:url("../img/sep_edito.png") no-repeat 1px 1px;
		}
		
		div#babolat ul li.first ,	
		div#autodesk ul li.first ,
		div#veolia ul li.first ,
		div#bioderma ul li.first ,
		div#franche-comte ul li.first ,
		div#grand-lyon ul li.first ,
		div#grand-lyon2 ul li.first ,
		div#caisse-epargne ul li.first , 
		div#tnt ul li.first ,
		div#france-montagnes ul li.first ,
		div#scotts ul li.first {
			background:none;
		}
	
			
		#etudes-de-cas ul li:first-child {
			background: none;
		}
		
		/* Liste des études */
		/* Sélectionne la premier #div du block #etudes-de-cas */
		 div#scotts {
			padding-bottom: 100px;
			background: url(../img/barre.png) 0 8px no-repeat;
			clear: both;
			overflow: hidden;
		}
		/* Sélectionne toutes les #div du block #etudes-de-cas */
		 div#babolat,
		 div#autodesk,
		 div#veolia,
		 div#bioderma,
		 div#franche-comte,
		 div#grand-lyon,
		 div#grand-lyon2,
		 div#caisse-epargne, 
		 div#tnt,
		 div#france-montagnes {
			/*margin-top: 89px;*/
			margin-bottom:100px;
			background: url(../img/barre2.png) 0 15px no-repeat;
			clear: both;
			overflow:hidden;
		}
		
/* CLIENTS */
		#clients {
			padding-bottom: 6px;
			margin-bottom:100px;
			/*margin-top:89px;*/
			background: url(../img/barre.png) 0 8px no-repeat;
			overflow: hidden;
			clear: both;
		}

		#clients h2 {
			font-size: 3.4em;
			padding-top: 52px;
			padding-bottom: 18px;
			border-bottom: 1px solid #898989;
			margin-bottom: 22px;
		}
		#clients h2 span {
			color: #00b3ff;
		}
		
		#clients ul li {
			color:#666666;
			font-family:Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;
			font-size:1.22em;
			height: 24px;
		}
		#clients h3 {
			margin-bottom: 13px;
			margin-top: 24px;
		}
		#clients h3:first-child {
			margin-top: 0px;
		}
		
		.colonne1 {
			float: left;
			width: 241px;
		}
		.colonne2 {
			float: left;
			width: 240px;
		}
		.colonne3 {
			float: left;
		}
		
		
/* RECRUTEMENTS */
		#recrutements {
			/*margin-top: 89px;*/
			padding-bottom: 93px;
			background: url(../img/barre.png) 0 8px no-repeat;
			position: relative;
			clear: both;
		}

		#recrutements h2 {
			font-size: 3.4em;
			padding-top: 52px;
			padding-bottom: 18px;
			border-bottom: 1px solid #898989;
		}
		#recrutements h2 span {
			color: #00b3ff;
		}
		
		#recrutements .text-intro {
			margin-top: 22px;
			margin-bottom: 39px;
			font-size: 1.22em;
			color: #666666;
		}
		
		#recrutements h3 {
			font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; 
			font-size: 1.25em;
			color: #535353;
			margin-bottom: 0px;
			margin-top: 37px;
			padding-top: 18px;
			border-top: 1px solid #898989;
		}
		
		.offre {
			margin-top: 16px;
			padding-bottom: 24px;
			border-bottom: 1px solid #898989;
		}
		.offre p {
			color: #666666;
			font-size: 0.8em;
			padding-bottom: 13px;
		}
		
		.candidatures-spontanes {
			font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; 
			font-size: 1.25em;
			color: #666666;
			margin-top: 25px;
			padding-bottom: 10px;
		}
		
		h4 {
			font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; 
			font-size: 0.8em;
			color: #535353;
			padding-bottom: 17px;
			font-weight: bold;
			background: url(../img/sep_edito.png) 0 25px no-repeat;
		}
		
		#recrutements .news-facetwitt {
			float: left;
			position: absolute;
			right: 0px;
			top: 145px;
		}
		#recrutements .news-facetwitt li {
			float: left;
		}
		
/* CONTACT */
		#contacts {
			padding-bottom: 80px;
			background: url(../img/barre.png) 0 8px no-repeat;
		}

		#contacts h2 {
			font-size: 3.4em;
			padding-top: 52px;
			padding-bottom: 18px;
			border-bottom: 1px solid #898989;
		}
		#contacts h2 span {
			color: #00b3ff;
		}
		
		#contacts .coordonnees {
			margin-top: 22px;
			margin-bottom: 15px;
			font-size: 1.22em;
			font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; 
			color: #666666;
		}
		#contacts .coordonnees a {
			color: #666666;
			text-decoration: underline;
		}
		
/* ABONNEMENT NEWSLETTER */
		#abonnement-newsletter {
			padding-bottom: 97px;
			background: url(../img/barre.png) 0 8px no-repeat;
		}

		#abonnement-newsletter h2 {
			font-size: 3.4em;
			padding-top: 52px;
			padding-bottom: 18px;
			border-bottom: 1px solid #898989;
		}
		#abonnement-newsletter h2 span {
			color: #00b3ff;
		}
		
		#abonnement-newsletter form {
			margin-top: 20px;
			padding-bottom: 68px;
			border-bottom: 1px solid #898989;
		}
		
		#abonnement-newsletter .partie_gauche {
			width: 360px;
			float: left;
		}
		#abonnement-newsletter .partie_droite {
			width: 271px;
			float: left;
		}
		
		#abonnement-newsletter form .mail,
		#abonnement-newsletter form .societe {
			margin-bottom: 28px;
		}
		
		#abonnement-newsletter p span {
			font-size: 0.8em;
			color: #666666;
		}
		
		#abonnement-newsletter form input {
			display: block;
			width: 269px;
			border: 1px solid #a0a0a0;
			height: 18px;
			background: #f6f6f6;
			margin-top: 14px;
		}
		
		#abonnement-newsletter .bouton_envoyer {
			clear: both;
			border: none;
			width: 72px;
			height: 7px;
			position: relative;
			top: 29px;
		}
		
		#abonnement-newsletter .voir-newsletter {
			margin-top: 35px;
		}
		#abonnement-newsletter .voir-newsletter p {
			margin-top: 17px;
		}
		
		
		#abonnement-newsletter #infos{
			display:block;
			margin-top:15px;
			font-weight:normal; 
			font-size: 1em;
			color: #00B3FF;
		}
		
		
/* FIN DU SITE */
		#fin-site {
			margin-top: 20px;
		}
		
		#fin-site blockquote {
			margin-top: 795px;
			padding-top: 39px;
			border-top: 1px solid #898989;

		}
		
		#fin-site blockquote p{
			font-size: 2em;
			font-family: Georgia,"DejaVu Serif",Norasi,serif;
			font-weight: normal;
		}
		#fin-site blockquote span {
			color: #00b3ff;
		}
		
		#fin-site blockquote .auteur {
			display: block;
			margin-top: 25px;
		}