/* GENERAL */
@font-face {
    font-family: 'BlueHighwayRegular';
    src: url('../font/bluehigh-webfont.eot');
    src: url('../font/bluehigh-webfont.eot?#iefix') format('eot'),
         url('../font/bluehigh-webfont.woff') format('woff'),
         url('../font/bluehigh-webfont.ttf') format('truetype'),
         url('../font/bluehigh-webfont.svg#webfontfv5e0ctR') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 12px;
	background-color:#cfcfcf;
}

h1 { margin: 0px; padding: 0px;}
h1 span { display: none;}

.hide { display: none;}

img {
	border: 0px;
	text-decoration:none;
}

a {
	color: #333333;
	text-decoration:underline;
}

#foundation {
	margin:auto;
	padding:0px;
	position:relative;
	width:960px;
}

#main {
	background: url(../img/main_bg.png) repeat-x;
	padding: 0px;
}

#main_frame {
	background-color:#d3d3d3;
}

#header {
	width: 948px;
	height: 125px;
	margin: 0px;
	padding: 4px 7px 0px 5px;
}

#logo {
	float: left;
	padding: 42px 0px 0px 35px;
}

#menu_top {
	background:url(../img/bg_menu_top.png) no-repeat;
	float:right;
	width:520px;
	height:29px;
	margin:0px;
	padding:0px;
}

#menu {
	float:right;
	width:563px;
	height:37px;
	margin:59px 0px 0px 0px;
	padding:0px;
}

#menu_top ul {
	margin: 0px 0px 0px 107px;
	margin: 0px 0px 0px 33px;
	padding:0px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
}

#menu li, #menu_top li {
	float: left;
	margin:0px;
	padding:0px;
	list-style:none;
}

#menu_top .gplus {
  padding: 7px 0 0 4px;
}

#bandeau {
	height:199px;
	width:948px;
	padding:0px 7px 0px 5px;
	margin:0px;
	background: url(../img/bg_bandeau.png) repeat-y;
}

#middle {
	background: url(../img/bg_middle.png) repeat-y;
	padding:0 19px 19px 19px;
	margin:0px;
}

#bloc_temoignages {
    cursor: pointer;
}

.pictos {
	vertical-align:bottom;
	height:39px;
	margin:15px 0px 0px 0px;
	padding:0px;
}

.pictos img {
	padding-right:2px;
}

.nul {
	margin:0px;
	padding:0px;
}

.clearboth {
	clear: both;
	font-size: 1px;
}

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.reftop {
	vertical-align:top;
	width:300px;
}

.vert {
	color: #999966;
	text-decoration:none;
}

.rouge {
	color: #c20008;
	text-decoration:none;
}

.bleu {
	color: #4e8dba;
	text-decoration:none;
}

.gris {
	color: #333333;
	text-decoration:none;
}

.blanc {
	color: #ffffff;
	text-decoration:none;
}

.pagination {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	margin:15px 0px 10px 0px;
}

.pagination a {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}

h3 {
	color:#4e8dba;
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin:8px 0px 5px 0px;
}

h4 {
	color:#c20008;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:5px 0px 5px 0px;
}

.mini {
	font-size:11px;
}

ul {
	margin:0px 0px 0px 10px;
	padding:0px;
}

.contact {
	line-height:18px;
}

.contact a {
	color:#4e8dba;
	font-weight:bold;
}

/* TOP */

#top_middle {
	background: url(../img/bg_top_middle.gif) no-repeat;
	margin:0px;
	height:24px;
}

#top_middle_metiers {
	background: url(../img/bg_top_middle_metiers.gif) no-repeat;
	margin:0px;
	height:24px;
}

#top_middle_expertises {
	background: url(../img/bg_top_middle_expertises.gif) no-repeat;
	margin:0px;
	height:24px;
}

#top_middle_agence {
	background: url(../img/bg_top_middle_agence.gif) no-repeat;
	margin:0px;
	height:24px;
}

#top_middle_references {
	background: url(../img/bg_top_middle_references.gif) no-repeat;
	margin:0px;
	height:24px;
}

#top_middle_contact {
	background: url(../img/bg_top_middle_contact.gif) no-repeat;
	margin:0px;
	height:24px;
}

#top_middle_temoignages {
	background: url(../img/bg_top_middle_temoignages.gif) no-repeat;
	margin:0px;
	height:24px;
}

#top_middle_recrutement {
	background: url(../img/bg_top_middle_recrutement.gif) no-repeat;
	margin:0px;
	height:24px;
}

#top_middle_404 {
	background: url(../img/bg_top_middle_404.gif) no-repeat;
	margin:0px;
	height:24px;
}

#top_middle_404_2 {
	background: url(../img/bg_top_middle_404_2.gif) no-repeat;
	margin:0px;
	height:24px;
}

#top_middle_503 {
	background: url(../img/bg_top_middle_503.gif) no-repeat;
	margin:0px;
	height:24px;
}
/* BOTTOM */

#bottom_colleft {
	background: url(../img/bottom_col_left.png) no-repeat;
	margin:0px;
	width:603px;
	height:17px;
}

#bottom_colright {
	background: url(../img/bottom_col_right.png) no-repeat;
	margin:0px;
	width:305px;
	height:17px;
}

#bottom_middle {
	background: url(../img/bg_bottom_middle.png) no-repeat;
	margin:0px;
	width:960px;
	height:14px;
}

#bottom_collarge {
	background: url(../img/bottom_col_large.png) no-repeat;
	margin:0px;
	width:924px;
	height:17px;
}

/* GAUCHE */

/* Voeux 2009 */

#voeux {
	width:550px;
	height:550px;
	margin:0px;
	background: url(../img/bg_col_left.png) repeat-y;
	position:relative;
	padding:18px 20px 20px 33px;
}

.topcolleft {
	background: url(../img/top_col_left.png) no-repeat;
	width:570px;
	padding:17px 0px 0px 33px;
}

.colleft {
	background: url(../img/bg_col_left.png) repeat-y;
	width:550px;
	position:relative;
	padding:18px 20px 20px 33px;
}

#topcolleft2 {
	background: url(../img/top_col_left_2.png) no-repeat;
	width:570px;
	padding:24px 0px 0px 33px;
}

h2#titre_news {
	display:block;
	background:url(../img/titre_news.png) no-repeat;
	width: 97px;
	height: 30px;
	margin:0px;
}

h2#titre_news span {
	display:none;
}

h2#titre_agence {
	display:block;
	background:url(../img/titre_agence.png) no-repeat;
	width: 105px;
	height: 34px;
	margin:0px;
}

h2#titre_agence span {
	display:none;
}

h2#titre_quelques-dates {
	display:block;
	background:url(../img/titre_quelques-dates.png) no-repeat;
	width: 179px;
	height: 31px;
	margin:0px;
}

h2#titre_quelques-dates span {
	display:none;
}

h2#titre_ref {
	display:block;
	background:url(../img/titre_ref_mois.png) no-repeat;
	width: 238px;
	height: 34px;
	margin:0px;
}

h2#titre_ref span {
	display:none;
}


h1.t36, h2.t36  {
	height: 34px;
	line-height: 34px;
	margin: 0px;
	font-size: 36px;
	color: #4d4d4d;
	font-family: "BlueHighwayRegular";
	font-weight: normal;
}


h1.h74, h2.h74 {
  height: 74px;
}

h2.t29  {
	height: 29px;
	line-height: 29px;
	margin: 0px;
	font-size: 29px;
	color: #4d4d4d;
	font-family: "BlueHighwayRegular";
	font-weight: normal;
}
h2.rouge { color: #C20008 } 

h2#titre_metiers {
	display:block;
	background:url(../img/titre_metiers.gif) no-repeat;
	width: 142px;
	height: 34px;
	margin:0px;
}

h2#titre_metiers span {
	display:none;
}

h2#titre_expertises {
	display:block;
	background:url(../img/titre_expertises.gif) no-repeat;
	width: 186px;
	height: 34px;
	margin:0px;
}

h2#titre_expertises span {
	display:none;
}

h2#titre_recrutement {
	display:block;
	background:url(../img/titre_recrutement.gif) no-repeat;
	width: 144px;
	height: 32px;
	margin:0px;
}

h2#titre_recrutement span {
	display:none;
}

h2#titre_temoignages {
	display:block;
	background:url(../img/titre_temoignages.gif) no-repeat;
	width: 184px;
	height: 33px;
	margin:0px;
}

h2#titre_temoignages span {
	display:none;
}

h2#titre_references {
	display:block;
	background:url(../img/titre_references.gif) no-repeat;
	width: 183px;
	height: 40px;
	margin:0px;
}

h2#titre_references span {
	display:none;
}

h2#titre_nosreferences {
	display:block;
	background:url(../img/titre_nosreferences.gif) no-repeat;
	width: 164px;
	height: 29px;
	margin:0px;
}

h2#titre_nosreferences span {
	display:none;
}

h2#titre_espace_clients {
	display:block;
	background:url(../img/titre_espace_clients.gif) no-repeat;
	width: 166px;
	height: 32px;
	margin:0px;
}

h2#titre_espace_clients span {
	display:none;
}

h2#titre_support {
	display:block;
	background:url(../img/titre_support.gif) no-repeat;
	width: 213px;
	height: 34px;
	margin:0px;
}

h2#titre_support span {
	display:none;
}

h2#titre_plan_du_site {
	display:block;
	background:url(../img/titre_plan_du_site.gif) no-repeat;
	width: 137px;
	height: 34px;
	margin:0px;
}

h2#titre_plan_du_site span {
	display:none;
}

h2#titre_mentions_legales {
	display:block;
	background:url(../img/titre_mentions_legales.gif) no-repeat;
	width: 199px;
	height: 34px;
	margin:0px;
}

h2#titre_mentions_legales span {
	display:none;
}

h2#titre_contact {
	display:block;
	background:url(../img/titre_contact.gif) no-repeat;
	width: 99px;
	height: 34px;
	margin:0px;
}

h2#titre_contact span {
	display:none;
}

h2#titre_form_contact {
	display:block;
	background:url(../img/titre_form_contact.gif) no-repeat;
	width: 219px;
	height: 34px;
	margin:0px;
}

h2#titre_form_contact span {
	display:none;
}

h2.titre_temoignageref {
	display:block;
	background: url(../img/titre_temoignage_rouge.gif) no-repeat;
	width: 108px;
	height: 21px;
	margin:0px;
}

h2.titre_temoignageref span {
	display:none;
}

div.reference_description * li {
	margin:5px 20px;
/*	padding:0px 0px 5px 16px;
	list-style:none;
	background:url(../img/puce.gif) no-repeat left top; */
}
.puce {
	padding:0px 0px 5px 16px;
	margin:2px 0px 2px 0px;
	list-style:none;
	background:url(../img/puce.gif) no-repeat left top;
}

.puce a {
	text-decoration: none;
}

.colleft .refleft {
	float:left;
	width:300px;
	vertical-align:top;
}

.colleft .refright {
	float:right;
	width:247px;
	vertical-align:top;
}

.colleft table input {
	width:410px;
	height:20px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	border: 1px solid #676767;
	margin:  2px 0px 2px 10px;
	padding: 0px 0px 0px 2px;
}

.colleft table input.bt_envoyer {
	width: 65px;
	height: 24px;
	border: 0px;
}

.colleft table textarea {
	width:410px;
	height:155px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	border: 1px solid #676767;
	margin:  2px 0px 2px 10px;
	padding: 0px 0px 0px 2px;
}

.colleft table img {
	margin:15px 0px 0px 15px;
	padding:0px;
}

.colleft_arrondi {
	background: url(../img/bg_left_arrondi.gif) no-repeat right bottom;
	width:565px;
	padding:0px 0px 12px 0px;
	margin:10px 0px 10px 0px;
}

.temoignages {
	background: url(../img/quote_gche.gif) no-repeat top left;
	margin-top:5px;
	padding:10px 20px 0px 25px;
}

.signature {
	background: url(../img/quote_dte.gif) no-repeat top right;
	padding:10px 25px 0px 25px;
	color:#4e8dba;
	font-size:12px;
	margin:8px 15px 10px 0px;
	text-align:right;
}

.embed {
	background-color:#ededed;
	padding:10px;
	width:530px;
}

/* PLAN DU SITE */

.plan {
	margin:0px 0px 10px 30px;
	list-style:square;
}


/* REFERENCES */

.reference {
	width: 560px;
	background: url(../img/bg_left_arrondi.gif) bottom right no-repeat;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}

.img_ref {
	width: 560px;
	margin: 0px 0px 15px -20px;
}

.reference p {
	margin:0px;
	padding:0px;
	line-height:16px;
}

.reference a {
	text-decoration:underline;
}

/* DROITE */

#topcolright {
	background: url(../img/top_col_right.png) no-repeat;
	width:276px;
	height:30px;
	padding:17px 0px 0px 29px;
}

.topcolright2 {
	background: url(../img/top_col_right_2.png) no-repeat;
	width:285px;
	padding:21px 0px 0px 29px;
}

.colright {
	background: url(../img/bg_col_right.gif) repeat-y;
	width:265px;
	padding:18px 11px 20px 29px;
	font-size:11px;
}

#last-box .colright {
/*	background: url(../img/bottom_col_right_2.gif) bottom right; */
	width:265px;
	padding:18px 11px 20px 29px;
}


h2#titre_rappel {
	display:block;
	background:url(../img/titre_rappel.png) no-repeat;
	width: 151px;
	height: 25px;
	margin:0px;
}

h2#titre_rappel span {
	display:none;
}

h2#titre_coordonnees {
	display:block;
	background:url(../img/titre_coordonnees.png) no-repeat;
	width: 189px;
	height: 29px;
	margin:0px;
}

h2#titre_coordonnees span {
	display:none;
}

h2#titre_social {
	display:block;
	background:url(../img/titre_social.png) no-repeat;
	width: 151px;
	height: 29px;
	margin:0px;
}

h2#titre_social span {
	display:none;
}

h2#titre_temoignages_right {
	display:block;
	background:url(../img/titre_temoignages_clients.png) no-repeat;
	width: 224px;
	height: 29px;
	margin:0px;
}

h2#titre_temoignages_right span {
	display:none;
}

h2#titre_qqreferences {
	display:block;
	background:url(../img/titre_qqreferences.gif) no-repeat;
	width: 234px;
	height: 29px;
	margin:0px;
}

h2#titre_qqreferences span {
	display:none;
}

.colright form {
	margin: 0px;
	padding: 0px;
}

.colright input {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #333333;
	color:#333333;
	margin: 0px 5px 0px 0px;
	padding: 2px 0px 0px 2px;
	width:190px;
	height:19px;
	vertical-align:top;
}

input.bt_ok {
	float: left;
	width: 32px;
	height: 23px;
	border: 0px;
}

.callback-p {
	padding: 0px;
	margin: 0px;
}

input.callback {
	float: left;
}

.colright #temoignages_right {
	background: url(../img/quote_gche.gif) no-repeat top left;
	width:210px;
	margin-top:5px;
	padding:1px 20px 0px 25px;
}

.colright #temoignages_rightbottom {
	background: url(../img/quote_dte.gif) no-repeat top right ;
	width:210px;
	padding:0px 25px 1px 25px;
	text-align:right;
	margin:0px 20px 10px 0px;
}

#temoignages_right .texte {
	font-style:italic;
}

colright p {
	margin:0px;
	padding:0px;
}

#social {
	width:240px;
	height:60px;
	margin:10px 0 20px 0;
	padding:0;
	font-size:11px;
}

.pictos_social {
	with:80px;
	float:left;
	text-align:center;
	border:none;
  cursor: pointer;
}

.pictos_social a {
  display: block;
  padding-top: 50px;
}

.fb {
	background:url(../img/picto_FB.png) no-repeat;
	width: 80px;
}

.tw {
	background:url(../img/picto_twitter.png) no-repeat;
	width: 80px;
}

.rss {
	background:url(../img/picto_RSS.png) no-repeat;
	width: 80px;
}

/* DATES */

.chronoDesc {
	width: 490px;
	float: left;
}

h3#date2004 {
	display:block;
	background:url(../img/2004.gif) no-repeat;
	width: 42px;
	height: 13px;
	margin:0px 11px 0px 0px;
	float: left;
}

h3#date2004 span {
	display:none;
}

h3#date2005 {
	display:block;
	background:url(../img/2005.gif) no-repeat;
	width: 42px;
	height: 13px;
	margin:2px 11px 0px 0px;
	float: left;
}

h3#date2005 span {
	display:none;
}

h3#date2006 {
	display:block;
	background:url(../img/2006.gif) no-repeat;
	width: 42px;
	height: 13px;
	margin:2px 11px 0px 0px;
	float: left;
}

h3#date2006 span {
	display:none;
}

h3#date2007 {
	display:block;
	background:url(../img/2007.gif) no-repeat;
	width: 42px;
	height: 13px;
	margin:2px 11px 0px 0px;
	float: left;
}

h3#date2007 span {
	display:none;
}

h3#date2008 {
	display:block;
	background:url(../img/2008.gif) no-repeat;
	width: 42px;
	height: 13px;
	margin:2px 11px 0px 0px;
	float: left;
}

h3#date2008 span {
	display:none;
}

h3#date2009 {
	display:block;
	background:url(../img/2009.gif) no-repeat;
	width: 42px;
	height: 13px;
	margin:2px 11px 0px 0px;
	float: left;
}

h3#date2009 span {
	display:none;
}

h3#date2010 {
	display:block;
	background:url(../img/2010.gif) no-repeat;
	width: 38px;
	height: 14px;
	margin:2px 11px 0px 0px;
	float: left;
}

h3#date2010 span {
	display:none;
}

h3#date2011 {
	display:block;
	background:url(../img/2011.gif) no-repeat;
	width: 38px;
	height: 14px;
	margin:2px 11px 0px 0px;
	float: left;
}

h3#date2011 span {
	display:none;
}


/* COLONNE LARGE */

.topcollarge {
	background: url(../img/top_col_large.gif) no-repeat;
	width:891px;
	padding:16px 0px 0px 33px;
}

.collarge {
	background: url(../img/bg_col_large.gif) repeat-y;
	width:871px;
	position:relative;
	padding:18px 20px 20px 33px;
}

h2#titre_equipe {
	display:block;
	background:url(../img/titre_equipe.png) no-repeat;
	width: 87px;
	height: 33px;
	margin:0px;
}

h2#titre_equipe span {
	display:none;
}

.silhouette {
	float:left;
	width:61px;
	text-align:right;
}

.team {
	float:left;
	margin-left:15px;
	padding:0px;
	width:230px;
}

.texte-team {
	font-size:11px;
	font-style:italic;
}

/* BASELINE */

#baseline1 {
	width: 864px;
	height: 85px;
	padding:15px 32px 15px 32px;
	line-height:25px;
}

#baseline2 {
	background:url(../img/bg_baseline_2.png) no-repeat;
	width: 924px;
	height: 55px;
}

#baseline2_left {
	float:left;
	margin:28px 0px 0px 32px;
	width: 140px;
}

#baseline2_left img {
	margin-right:12px;
}

#baseline2_text {
	float:left;
	width: 570px;
	text-align:center;
	margin-top:20px;
}

#baseline2 .a, .a:visited {
	font-size:12px;
	color:#333333;
	text-decoration:underline;
}

#baseline2 .a:hover, .a:active {
	font-size:12px;
	color:#333333;
	text-decoration: none;
}

#baseline3 {
	background:url(../img/bg_baseline_3.png) #cfcfcf no-repeat;
	width: 904px;
	height: 480px;
	padding: 28px;
}

#baseline3_texttop {
	width: 876px;
}

#baseline3 p{
	font-size:11px;
	color: #333333;
}

#baseline3 h4 {
	font-size:11px;
	color: #c20008;
}

#baseline3 .textbottom {
	width: 226px;
	font-size:11px;
	color: #333333;
	margin-top:10px;
}

#baseline3 a {
text-decoration:none;
}



/* RECRUTEMENT */

#poste {
	font-size:12px;
	color:#333333;
	width:340px;
	margin:5px 0px 30px 0px;
	padding:0px 10px 0px 10px;
}

.poste_none {
	position: absolute;
	top: 0px;
	left:200px;
	z-index: 30;
	margin: 0px 0px 0px 15px;
	font-size:11px;
	display:none;
}

.poste_top {
	width: 400px;
	height: 17px;
	background: url(../img/alerte_top.png) no-repeat;
	font-size: 1px;
}

.poste_middle {
	width: 365px;
	padding: 20px 15px 0px 20px;
	min-height: 145px;
	color: #333333;
	background: url(../img/poste_middle.png) no-repeat;
}

.poste_bottom {
	width: 400px;
	height: 16px;
	background: url(../img/alerte_bottom.png) no-repeat;
}

#poste h4 {
	font-size:12px;
	color:#333333;
	font-weight:bold;
}

.poste_none ul {
	margin:0px 0px 0px 5px;
	padding:0px;
}

.poste_none li{
	margin:0px;
	padding:0px;
}

/* 404 et 503 */


#bigcol {
	background: url(../img/middle_big_col.gif) repeat-y;
	width:924px;
	min-height:400px;
	padding:18px 20px 20px 33px;
}

.topcollarge {
	background: url(../img/top_big_col.png) no-repeat;
	width:891px;
	padding:16px 0px 0px 33px;
}

h2#titre_404 {
	display:block;
	background:url(../img/titre_404.gif) no-repeat;
	width: 47px;
	height: 35px;
	margin:0px;
}

h2#titre_404 span {
	display:none;
}


h2#titre_503 {
	display:block;
	background:url(../img/titre_503.gif) no-repeat;
	width: 45px;
	height: 35px;
	margin:0px;
}

h2#titre_503 span {
	display:none;
}
/* TIP RUB NON ACTIVE */


.tool-tip {
	color: #333333;
	width: 129px;
	z-index: 13000;
}

.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #4e8dba;
	padding: 8px 8px 4px;
	background: url(../img/bubble.png) top left;
}

.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../img/bubble.png) bottom right;
}

.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}

.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}

.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}



.colleft ul {
  margin: 0;
  padding-top: 4px;
}
.colleft ul li {
  list-style: none outside;
  padding: 2px 0px;
}


.newsletterForm {}
.newsletterForm label { display: block; padding: 0 0 5px 0;}