body {
    margin: 0;
    padding: 0;
    color: inherit;
    background: #bcbcbc;
	font-family: Arial, Helvetica, sans-serif;
}

p, ul, li, h1, h2, h3, h4, h5, h6, h7, h8, hr, form, textarea, select, input, img, div, a, fieldset, legend, object, embed {
    margin: 0;
    padding: 0;
}

p, ul {font-size:12px;}

ul{list-style-type:none;}

ul li{min-height:1px;}

img, fieldset, table, tr, td {border:none;}

h1 {display: none;}

hr {visibility:hidden;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}

legend, caption {display:none;}

acronym {cursor:help;}

.clearboth {clear:both;}

/* ----general style---- */

.red{
    color:#dc0000;
}

.italic{
    font-style:italic;
}

a.arrow{
    color:#4d4d4d;
	padding:0 0 0 10px;
	background: url(../images/arrow.gif) 0 4px no-repeat;
}

a.arrow:hover{text-decoration:underline;}

.border_top{border-top:1px dashed #737373;}
.border_bottom{border-bottom:1px dashed #737373;}
.underline{text-decoration:underline;}

h3 {
	font-size:16px;
	border-bottom:1px dashed #737373;
	margin-bottom:10px;
}

h2 {
	font-size:16px;
	color:#dc0000;
}

h3 span{
	color:#989596;
	padding-left:5px;
}

h4 {
	font-size:13px;
	color:#dc0000;
}

h4.arrow {
	padding:0 0 0 10px;
	background: url(../images/arrow.gif) 0 4px no-repeat;
}

p, ul {color:#4d4d4d;}

.black {color:#000;}

ul li{color:#4d4d4d;}

p a{color:#4d4d4d;font-weight:bold;}
p a:hover{color:#dc0000;text-decoration:underline;}

p img.left{float:left;margin-right:10px;}

table {
	font-size:12px;
}

/* ----global container---- */
#global {
    width: 938px;
    margin: 0 auto;
	background: url(../images/bg_page.jpg) top left repeat-y #fff;
    color: inherit;
}

/* ----header---- */
#header {
    position:relative;
    height: 74px;
	margin:0 4px;
}

#header a#logo{
    display:block;
	position:absolute;
	top:27px;
	left:31px;
}

#menu{
    float:right;
	display:inline;
	margin:58px 0 0 0;
}

#menu li{
    float:left;
	display:inline;
}

#menu li a{
    display:block;
	height:12px;
	margin:0 19px;
}

#menu li a span{display:none;}

#menu li.you a{
	width:23px;
    background: url(../images/you.gif) top center no-repeat;
}

#menu li.offre a{
	width:35px;
    background: url(../images/offre.gif) top center no-repeat;
}

#menu li.references a{
	width:68px;
    background: url(../images/references.gif) top center no-repeat;
    
}
#menu li.rd a{
	width:24px;
    background: url(../images/rd.gif) top center no-repeat;
}

#menu li.agence a{
	width:42px;
    background: url(../images/agence.gif) top center no-repeat;
}

#menu li.contact a{
	width:49px;
    background: url(../images/contact.gif) top center no-repeat; 
}

#menu li a:hover, #menu li.current a{
    background-position: center -12px;
}

/* ----flash home---- */
#home_flash {
    height: 240px;
	margin:0 4px;
}

/* ----home poles---- */
#home_poles {
    position:relative;
	height:260px;
}

#home_poles a{
    display:block;
	position:absolute;
	top:0;
	outline:none;
}

#home_poles a.home_pole_eyetracking{
	left:0;
}

#home_poles a.home_pole_emotionimpact{
	right:-5px;
}

/* ----content---- */
#content {
	margin:0 4px;
}

/* ----content_left---- */
#content_left {
	float:left;
	display:inline;
	width:195px;
	min-height:404px;
	background: url(../images/bg_menu_left.jpg) top left repeat-x;
}

/* -----------menu left accordion------------------------------*/

ul#nav_left {
	margin:12px 10px 0 10px;
	border-bottom:1px solid #a1a0a0;
}
			
ul#nav_left a {color:#000000;}

ul#nav_left a:focus {outline:none;}	
			
ul#nav_left li{list-style-type: none;}
		
ul#nav_left a, ul#nav_left span {
	display: block;
	text-decoration: none;
}

ul#nav_left a.link_on {color:#dc0000;}
			
ul#nav_left li.toggleSubMenu, ul#nav_left li.noSubMenu{
	font-weight:bold;
	border-top:1px solid #a1a0a0;
}	

ul#nav_left li.toggleSubMenu a.opened{background: url(../images/arrow_up.gif) center left no-repeat;}
			
#nav_left .toggleSubMenu a, #nav_left .toggleSubMenu span, #nav_left .simple_link a {
	background: url(../images/arrow_up.gif) center left no-repeat;
    padding:6px 0 6px 13px;
	margin-left:10px;
}

#nav_left .simple_link a {font-weight:bold;}

#nav_left .open a, #nav_left .open span, #nav_left li.current a {background: url(../images/arrow_down.gif) center left no-repeat;}
		
#nav_left a:hover, #nav_left a:focus, #nav_left a:active, #nav_left li.current a {text-decoration: underline;color:#dc0000;}

#nav_left li.current li a {color:inherit;}
#nav_left li.current li a:hover,
#nav_left li.current li a:active,
#nav_left li.current li a:focus {color:#dc0000;}
		
#nav_left ul.subMenu {
	font-weight:normal;
	background:none;
	padding-bottom:6px;
}
			
#nav_left ul.subMenu a{
	background: url(../images/arrow_submenu.gif) left 7px no-repeat;
	text-decoration:none;
	margin-left:22px;
	padding:2px 0 2px 8px;
}

ul#nav_left li.noSubMenu{
	padding:6px 0 6px 23px;
	background: url(../images/arrow_up.gif) 10px center no-repeat;	
}	

ul#nav_left li.noSubMenu a{
	background: none;	
}

ul#nav_left li a.link_on{
		color:#dc0000;
}

/* ----content_middle---- */
#content_middle {
	float:left;
	display:inline;
	width:477px;
	padding:20px 30px 30px 30px;
	min-height:380px;
	background: url(../images/bg_content_middle.jpg) top left no-repeat;
}


h4.preview_news{
	margin-top:20px;
}

h4.preview_news a{
	color:#DC0000;
}

div.preview_news{
	margin:8px 0 15px 10px;
	padding-bottom:15px;
}

div.preview_news p a{
	color:#4D4D4D;
}

div.preview_news img{
    float:left;
	margin-right:15px;
	width:150px;
	height:100px;
	border:1px solid #cccccc;
}

h4.news{
	margin-top:20px;
}

h4.news a{
	color:#DC0000;
}

div.news{
	margin:8px 0 15px 10px;
	padding-bottom:15px;
}

div.news p a{
	color:#4D4D4D;
}

div.news img{
    float:left;
	margin-right:15px;
	width:140px;
	height:70px;
	border:1px solid #cccccc;
}

#content_middle ul{
	margin:0;
}

#content_middle ul li{
	margin:4px 0 4px 0;
}

#content_middle ul li a{
	color:#000;
}

#content_middle ul li a:hover{
	color:#dc0000;
	text-decoration:none;
}

#content_middle ul.spacer li{
	margin:15px 0 15px 0;
	padding-bottom:15px;
}

ul.arrow li{
	padding-left:10px;
	background: url(../images/arrow.gif) 0 4px no-repeat;
}

table.references {
	width:100%;
	margin:20px 0;
}

table.references tr td{
	text-align:center;
	vertical-align:middle;
	padding:10px 0;
}

table.references tr td img{
	width:140px;
	height:70px;
	border:1px solid #ccc;
}

img.map{
	display:block;
	margin:20px 0 10px 0;
	border:1px solid #ccc;
}

/*---- picto buttons ----*/

#content_middle ul.list_picto {
	margin:0;
	padding:0;
}

#content_middle ul.list_picto li {
	 float: left;
	 display:inline;
	 width:118px;
	 height:108px;
	 padding:0;
	 margin:0 1px 0 0;
	 list-style: none;
	 text-align:center;
}

#content_middle ul.list_picto li a {
	display:block;
	width:118px;
	height:108px;
	font-weight:bold;
	color:#4d4d4d;
}

#content_middle ul.list_picto li a:hover {color:#4d4d4d;}

#content_middle ul.list_picto li a:focus { outline:none; }
#content_middle ul.list_picto li a:hover {color:#DC0000;}

#content_middle ul.list_picto li.maitrise_ouvrage a {background: url(../images/tabs_maitrise_ouvrage_on.jpg) bottom center no-repeat;}

#content_middle ul.list_picto li.cahiers_charges a {background: url(../images/tabs_cahiers_charges_on.jpg) bottom center no-repeat;}

#content_middle ul.list_picto li.appels_offres a {background: url(../images/tabs_appels_offres_on.jpg) bottom center no-repeat;}

#content_middle ul.list_picto li.localisation a{background: url(../images/tabs_localisation_on.jpg) bottom center no-repeat;}

#content_middle ul.list_picto li.architecture_information a{background: url(../images/tabs_architecture_information_on.jpg) bottom center no-repeat;}

#content_middle ul.list_picto li.structuration_contenu a{background: url(../images/tabs_structuration_contenu_on.jpg) bottom center no-repeat;}

#content_middle ul.list_picto li.storyboarding a {background: url(../images/tabs_storyboarding_on.jpg) bottom center no-repeat;}

#content_middle ul.list_picto li.charte_ergonomique a {background: url(../images/tabs_charte_ergonomique_on.jpg) bottom center no-repeat;}

#content_middle ul.list_picto li.test_utilisateurs a {background: url(../images/tabs_test_utilisateurs_on.jpg) bottom center no-repeat;}

#content_middle ul.list_picto li.etude_cibles a {background: url(../images/tabs_etude_cibles_on.jpg) bottom center no-repeat;}

#content_middle ul.list_picto li.audit_ergonomique a{background: url(../images/tabs_audit_ergonomique_on.jpg) bottom center no-repeat;}

#content_middle ul.list_picto li.enquete_online a {background: url(../images/tabs_enquete_online_on.jpg) bottom center no-repeat;}


/* Tabs
----------------------------------*/

h4.title_tabs {
	font-size:14px;
	background-position: 0 5px;
	margin:20px 0;
	border-bottom:1px solid #DC0000;
	clear:both;
}

#content_middle div.menutabs ul {
	margin:0;
	padding:0;
}

#content_middle div.menutabs ul li {
	 float: left;
	 display:inline;
	 width:118px;
	 height:108px;
	 padding:0;
	 margin:0 1px 0 0;
	 list-style: none;
	 text-align:center;
}

#content_middle div.menutabs ul li a {
	display:block;
	width:118px;
	height:108px;
	font-weight:bold;
	color:#4d4d4d;
}

#content_middle div.menutabs ul li a:hover {color:#4d4d4d;}

#content_middle div.menutabs ul li a:focus { outline:none; }
#content_middle div.menutabs ul li a.current {color:#DC0000;}

#content_middle div.menutabs ul li.maitrise_ouvrage a {background: url(../images/tabs_maitrise_ouvrage_off.jpg) bottom center no-repeat;}
#content_middle div.menutabs ul li.maitrise_ouvrage a:hover, 
#content_middle div.menutabs ul li.maitrise_ouvrage a.current {background: url(../images/tabs_maitrise_ouvrage_on.jpg) bottom center no-repeat;}

#content_middle div.menutabs ul li.cahiers_charges a {background: url(../images/tabs_cahiers_charges_off.jpg) bottom center no-repeat;}
#content_middle div.menutabs ul li.cahiers_charges a:hover, 
#content_middle div.menutabs ul li.cahiers_charges a.current {background: url(../images/tabs_cahiers_charges_on.jpg) bottom center no-repeat;}

#content_middle div.menutabs ul li.appels_offres a {background: url(../images/tabs_appels_offres_off.jpg) bottom center no-repeat;}
#content_middle div.menutabs ul li.appels_offres a:hover, 
#content_middle div.menutabs ul li.appels_offres a.current {background: url(../images/tabs_appels_offres_on.jpg) bottom center no-repeat;}

#content_middle div.menutabs ul li.localisation a {background: url(../images/tabs_localisation_off.jpg) bottom center no-repeat;}
#content_middle div.menutabs ul li.localisation a:hover, 
#content_middle div.menutabs ul li.localisation a.current {background: url(../images/tabs_localisation_on.jpg) bottom center no-repeat;}

#content_middle div.menutabs ul li.architecture_information a {background: url(../images/tabs_architecture_information_off.jpg) bottom center no-repeat;}
#content_middle div.menutabs ul li.architecture_information a:hover, 
#content_middle div.menutabs ul li.architecture_information a.current {background: url(../images/tabs_architecture_information_on.jpg) bottom center no-repeat;}

#content_middle div.menutabs ul li.structuration_contenu a {background: url(../images/tabs_structuration_contenu_off.jpg) bottom center no-repeat;}
#content_middle div.menutabs ul li.structuration_contenu a:hover, 
#content_middle div.menutabs ul li.structuration_contenu a.current {background: url(../images/tabs_structuration_contenu_on.jpg) bottom center no-repeat;}

#content_middle div.menutabs ul li.storyboarding a {background: url(../images/tabs_storyboarding_off.jpg) bottom center no-repeat;}
#content_middle div.menutabs ul li.storyboarding a:hover, 
#content_middle div.menutabs ul li.storyboarding a.current {background: url(../images/tabs_storyboarding_on.jpg) bottom center no-repeat;}

#content_middle div.menutabs ul li.charte_ergonomique a {background: url(../images/tabs_charte_ergonomique_off.jpg) bottom center no-repeat;}
#content_middle div.menutabs ul li.charte_ergonomique a:hover, 
#content_middle div.menutabs ul li.charte_ergonomique a.current {background: url(../images/tabs_charte_ergonomique_on.jpg) bottom center no-repeat;}

#content_middle div.menutabs ul li.test_utilisateurs a {background: url(../images/tabs_test_utilisateurs_off.jpg) bottom center no-repeat;}
#content_middle div.menutabs ul li.test_utilisateurs a:hover, 
#content_middle div.menutabs ul li.test_utilisateurs a.current {background: url(../images/tabs_test_utilisateurs_on.jpg) bottom center no-repeat;}

#content_middle div.menutabs ul li.etude_cibles a {background: url(../images/tabs_etude_cibles_off.jpg) bottom center no-repeat;}
#content_middle div.menutabs ul li.etude_cibles a:hover, 
#content_middle div.menutabs ul li.etude_cibles a.current {background: url(../images/tabs_etude_cibles_on.jpg) bottom center no-repeat;}

#content_middle div.menutabs ul li.audit_ergonomique a {background: url(../images/tabs_audit_ergonomique_off.jpg) bottom center no-repeat;}
#content_middle div.menutabs ul li.audit_ergonomique a:hover, 
#content_middle div.menutabs ul li.audit_ergonomique a.current {background: url(../images/tabs_audit_ergonomique_on.jpg) bottom center no-repeat;}

#content_middle div.menutabs ul li.enquete_online a {background: url(../images/tabs_enquete_online_off.jpg) bottom center no-repeat;}
#content_middle div.menutabs ul li.enquete_online a:hover, 
#content_middle div.menutabs ul li.enquete_online a.current {background: url(../images/tabs_enquete_online_on.jpg) bottom center no-repeat;}

#content_middle div.innercontent {
	clear:both;
	padding:10px 0 25px 0;
}

#content_middle div.innercontent p.link_info {
	text-align:right;
}

#content_middle div.innercontent p.link_info a{
	font-weight:bold;
	color:#4d4d4d;
	padding:0 15px 0 0;
	background: url(../images/bt_plus.gif) center right no-repeat;
}

.innercontent{display: none;}

/* ----content_right---- */
#content_right {
	float:right;
	display:inline;
	width:178px;
	padding:20px 10px 0 10px;
	min-height:400px;
	background: url(../images/bg_content_right.jpg) bottom left no-repeat;
}

#content_right p {
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

#content_right p.arrow {
	padding-left:20px;
	background: url(../images/arrow.gif) 6px 4px no-repeat;
}

#content_right p span{
	display:block;
	font-weight:bold;
}

#content_right p span.title {
	color:#000;
}

/* ----hightlight---- */

#content_right div.hight_light {
	width:136px;
	padding:10px 13px 4px 13px;
	margin:0 0 0 8px;
	background: url(../images/bg_hight_light.jpg) top center no-repeat #c1def0;
}

#content_right div.hight_light p{
	padding:0;
	margin:0;
}

#content_right div.hight_light p a{
	padding:1px 5px 1px 15px;
	line-height:30px;
	color:#fff;
	background:url(../images/arrow_white.gif) 5px center no-repeat #dc0000;
}

#content_right div.hight_light p a:hover{
	text-decoration:none;
	background:url(../images/arrow_white.gif) 5px center no-repeat #bf0202;
}


#content_right div.cover1 {
	width:178px;
	height:340px;
	padding:0px 0px 0px 0px;
	margin:15px 0 0 2px;
	background: url(../images/cover_testgratuit.jpg) top center no-repeat #c1def0;
}

#content_right div.cover2 {
	width:178px;
	height:340px;
	padding:0px 0px 0px 0px;
	margin:15px 0 0 2px;
}

#content_right div.cover3 {
	width:178px;
	height:351px;
	padding:0px 0px 0px 0px;
	margin:15px 0 0 2px;
}

div.hightlight_question_top {
	width:178px;
	padding:15px 0 0 0;
	margin:0 0 0 2px;
	background: url(../images/bg_highlight_question_top.jpg) top left no-repeat;
}

div.hightlight_question_bottom {
	padding:0 13px 10px 14px;
	background: url(../images/bg_highlight_question_bottom.jpg) bottom left no-repeat;
}

#content_right div.hightlight_question_bottom p{
	margin:0;
	padding:0;
}

#content_right div.hightlight_question_bottom p span.title{
	display:block;
	color:#000;
}

#content_right div.hightlight_question_bottom p span.content{
	display:block;
	padding:3px 0 5px 0;
	font-weight:normal;
}

#content_right div.hightlight_question_bottom p span.content span{
	padding:0 0 3px 0;
	font-weight:bold;
}

#content_right div.hightlight_question_bottom p a{
	padding:1px 5px 1px 15px;
	line-height:30px;
	color:#fff;
	background:url(../images/arrow_white.gif) 5px center no-repeat #dc0000;
}



/* ----title---- */
h2.title_cat {
	height:75px;
}

h2.title_cat span{
	display:none;
}

h2.you {background: url(../images/title_you.jpg) top left no-repeat;}

h2.references {background: url(../images/title_references.jpg) top left no-repeat;}

h2.agence {background: url(../images/title_agence.jpg) top left no-repeat;}

h2.offre {background: url(../images/title_offre.jpg) top left no-repeat;}

h2.recherche_developpement {background: url(../images/title_recherche_developpement.jpg) top left no-repeat;}

h2.contact {background: url(../images/title_contact.jpg) top left no-repeat;}

/* ----home left---- */
#home_left {
    float:left;
	display:inline;
	width:340px;
	margin:0 0 0 40px;
}

#home_left h2, #home_right h2{
    font-size:15px;
	border-bottom:1px dashed #737373;
	margin:17px 0 10px 0;
	padding-left:17px;
	background: url(../images/slash_title.gif) top left no-repeat;
}


#home_left .news_une img{
    float:left;
	margin:0 10px 10px 0;
	border:1px solid #cccccc;
}

ul.list_news li{
    padding:10px 0 3px 0;
}

ul.list_news li a{
    display:block;
}

/* ----home right---- */
#home_right {
    float:right;
	display:inline;
	width:450px;
	margin:0 40px 0 0;
}

#home_test {
    position:relative;
	margin:10px 0;
	padding:10px 0;
}

#home_test span{
	display:block;
	font-weight:bold;
}

#home_test a{
	display:block;
	position:absolute;
	top:25px;
	right:110px;
	padding:0 4px;
	color:#fff;
	font-weight:bold;
	background:#FF0000;
}

/* ----footer---- */
#footer {
    height:30px;
	margin:0 4px;
	background:#ce0808;
}


#footer p{
	float:left;
	display:inline;
	margin:0 0 0 10px;
    font-weight:bold;
	color:#fff;
	margin:7px 0 0 10px;
}

#footer ul{
    float:right;
	display:inline;
	margin:7px 0 0 0;
}

#footer ul li{
    float:left;
	display:inline;
	margin:0 10px 0 0;
	color:#fff;
}

#footer ul a{
    color:#fff;
	padding-right:10px;
}

#footer ul a:hover{
    text-decoration:underline;
}

/* ----sitemap---- */
#sitemap {
    min-height:210px;
    margin:0 4px;
	padding:0 0 0 10px;
	background:url(../images/bg_sitemap.jpg) top left repeat-x #908f8f;
}

#sitemap ul{
	float:left;
	dislay:inline;
    width:115px;
    font-size:11px;
	margin:30px 10px 0 10px;
	color:#fff;
}

#sitemap ul li{
	padding:1px 0;
	min-height:1px;
}

#sitemap ul a{
	color:#fff;
}

#sitemap ul a:hover{
	text-decoration:underline;
}

#sitemap ul.large{
    width:345px;
}

#sitemap ul ul{
	margin:0;
}

#sitemap ul h3{
	font-size:13px;
	border-bottom:1px solid #919191;
	color:#fff;
	margin:0;
}

#sitemap ul ul h4{font-size:11px;color:#fff;}

/* ----address---- */
#footer_address {
	width: 938px;
    margin: 0 auto;
	background: url(../images/bg_footer_address.jpg) bottom left no-repeat;
    color: inherit;
}

#footer_address p{
	color:#fff;
	margin:0 0 0 14px;
	padding:7px 0 11px 0;
}

#footer_address p span{
	padding:0 0 0 25px;
}