/* ------------------[ GENERIC ]------------------ */
body {
	background: #004D41;
	margin: 0px;
	padding: 0px;
	font: normal normal 9.5pt arial, helvetica, sans-serif;
	color: #000;
}
img { border: 0px; }

noscript {
	border: 1px dashed #FFFF00;
	width: 850px;
	padding: 5px;
	font: normal normal 9.5pt arial, helvetica, sans-serif;
	color: #fff;
}

/* ------------------[ WRAP ]------------------ */
#wrap {
	position: absolute;
	/*background: url("../img/template.gif") no-repeat top center;*/
	width: 850px;
	height: 570px; /*550*/
	left: 0%; 
	/*IE5 Mac Hack */
	right: 15px;
	margin-right: -15px;
	/* end of IE5 Mac Hack */
	margin-top: 10px;
	margin-left: 10px; /* moitié de la largeur */
}

/* ------------------[ TETIERE FLASH ]------------------ */
#tetiere {
	position: absolute;
	width: 850px;
	height: 110px;	
	margin: 0px;
	padding: 0px
}
#tetiere p { margin: 0px; }

/* ------------------[ MENU DE NAVIGATION 1 FLASH ]------------------ */
#menu_1 {
	position: absolute;
	top: 110px;
	left: 0px;
	width: 200px;
	height: 275px;	
	margin: 0px;
	padding: 0px
}
#menu_1 p { margin: 0px; }

/* ------------------[ MENU DE NAVIGATION 2 FLASH ]------------------ */
#menu_2 {
	position: absolute;
	top: 385px;
	left: 0px;
	width: 110px;
	height: 165px;	
	margin: 0px;
	padding: 0px
}
#menu_2 p { margin: 0px; }

#photo_zone {
	/* Penser à régler les marges si nécessaire pour que les bords de la photo ne touchent pas le menu Flash */
	position: absolute;
	background: #fff;
	top: 385px;
	left: 110px;
	width: 90px;
	height: 165px; /*165px*/
	margin: 0px;
	padding: 0px;
}
#photo_zone img { top: 0px; width: 90px; height: 130px; overflow: hidden; }

/* ------------------[ ZONE CONTENU ]------------------ */
#content {
	position: absolute;
	top: 110px;
	left: 200px;
	width: 650px;
	height: 440px;		
	margin: 0px;
	padding: 0px;
	background: #fff url("../img/bg/bg_content.gif") no-repeat top center;
}

#fullpage_content { /* for search result */
	position: absolute;
	top: 0px;
	left: 15px;
	/*background: blue;*/
	width: 650px;
	height: 430px;
	margin-top: 20px; /*10px*/
	padding: 0px;
}

#left_content {
	position: absolute;
	top: 0px;
	left: 15px; /*0*/
	/*background: blue;*/
	width: 310px; /*275px;*/ /*290*/
	height: 430px;
	margin-top: 10px;
	padding: 0px;
}

#right_content {
	position: absolute;
	top: 0px;
	left: 320px; /*left: 290px;*/
	/*background: red;*/
	width: 350px;
	height: 421px;
	margin-top: 10px;
	padding: 0px;
}
/*#right_content p { margin: 0px; }*/

#right_home_content p.europe { margin: 0px; }

/* special home and europe page size */
#left_home_content {
	position: absolute;
	top: 0px;
	left: 15px; /*0*/
	/*background: blue;*/
	width: 275px; /*290*/
	height: 421px;
	margin-top: 10px;
	padding: 0px;
}

#right_home_content {
	position: absolute;
	top: 0px;
	left: 290px;
	/*background: red;*/
	width: 350px;
	height: 421px;
	margin-top: 10px;
	padding: 0px;
}

#footer { position: absolute; top: 550px; height: 20px; margin: 0px; padding: 0px; }
#footer ul { list-style-type: none; margin: 0px; padding: 3px 0px 0px 20px; }
#footer li { display: inline; padding-left: 15px; }
#footer a { color: #4EA496; text-decoration: none; text-transform: uppercase; font: normal 7pt verdana, arial, helvetica, sans-serif; }
#footer a:hover { color: #fff; }


/* ------------------[ STYLE CONTENU DES PAGES ]------------------ */

h1 {
	text-transform: lowercase;
	font: normal bold 11pt arial, helvetica, sans-serif;
	color: #004D41;
	background:  url("../img/arrow_1.gif") no-repeat left center;
	padding: 0px 0px 0px 15px;
	margin: 10px 0px 0px 0px;
}

a { text-decoration: none; color:#004D41; }
a:hover { color:#D66E0F; }

p { margin-top: 5px; margin-bottom: 5px; }

.spacer { clear: both; }
.bold { font-weight: bold; }

/* <special home page lists> */
#left_home_content ul {
	padding-left: 16px;
	margin: 0px;
	list-style-image: url("../img/dot.gif");
}
#left_home_content  li { margin: 0px; }
/* </special home page lists> */

/*#left_home_content br { line-height: 50% }*/

#case_studies { position: absolute; top: 267px; }
#case_studies a {
	display: block;
	color: #004D41;
	border: 1px solid #004D41;
	width: 76px;
	height: 55px;
}
#case_studies img { width: 76px; height: 55px; }
#case_studies a:hover { color: #FFCC12; border: 1px solid #FFCC12; }
#case_studies td { padding: 3px; }

#about_author { position: absolute; top: 305px; }


/* ------------------[ LIENS ]------------------ */

#left_content h1 a { color: #004D41; text-decoration: none; }
#left_content h1 a:hover { color: #D66E0F; }

/* ------------------[ GENERIC BOXE ZONES ]------------------ */
/* header */
#box_header {
	width: 280px;
	height: 19px;
	background: url("../img/bg/box_title.gif") repeat-y right top;
	margin: 0px 0px 1px 0px;
	padding: 0px;
}

#box_header h1 {
	text-transform:lowercase;
	font: normal bold 10pt arial, helvetica, sans-serif;
	color: #fff;
	background: url("../img/arrow_yellow.gif") no-repeat left center;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 5px;
}


/* ------------------[ ZONES LANGUES CARTE EUROPE ]------------------ */
#lang0 { display: block; }
#lang1 { display: none; }
#lang2 { display: none; }
#lang3 { display: none; }
#lang4 { display: none; }
#lang5 { display: none; }
#lang6 { display: none; }
#lang7 { display: none; }
#lang8 { display: none; }
#lang9 { display: none; }
#lang10 { display: none; }
#lang11 { display: none; }
#lang12 { display: none; }
#lang13 { display: none; }
#lang14 { display: none; }
#lang15 { display: none; }
#lang16 { display: none; }
#lang17 { display: none; }
#lang18 { display: none; }
#lang19 { display: none; }
#lang20 { display: none; }
#worldwide { display: none; }
#worldwide a { font-weight: bold; }
#worldwide li { margin-top: 10px; }


/* ------------------[ BOXES HOME PAGE ]------------------ */
#box_1 { position: relative; width: 280px; height: 90px; margin: 9px 0px 0px 30px; padding: 0px; }
#box_1_header {	width: 280px; height: 19px; background: url("../img/bg/box_title.gif") repeat-y right top; margin: 0px 0px 1px 0px; padding: 0px; }
#box_1_header h1 { text-transform:lowercase; font: normal bold 10pt arial, helvetica, sans-serif; color: #fff; background: url("../img/arrow_yellow.gif") no-repeat left center; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 5px; }
#box_1_content { font-size: 9pt; width: 280px; height: 70px; overflow: hidden; background: url("../img/bg/box_1.gif") repeat-y right top; margin: 0px; padding: 0px; }
#box_1_content p { padding-left: 20px; padding-right: 5px; }
#box_1_content strong { font-size: 1.2em; }
#box_1_content a { font-weight: bold; color: #D66E0F; text-decoration: underline; }
#box_1_content a:hover { text-decoration: none; }

#box_2 { position: relative; width: 280px; height: 90px; margin: 9px 0px 0px 30px; padding: 0px; }
#box_2_header {	width: 280px; height: 19px; background: url("../img/bg/box_title.gif") repeat-y right top; margin: 0px 0px 1px 0px; padding: 0px; }
#box_2_header h1 { text-transform:lowercase; font: normal bold 10pt arial, helvetica, sans-serif; color: #fff; background: url("../img/arrow_yellow.gif") no-repeat left center; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 5px; }
#box_2_content { font-size: 9pt; width: 280px; height: 70px; overflow: hidden; background: url("../img/bg/box_1.gif") repeat-y right top; margin: 0px; padding: 0px; }
#box_2_content p { padding-left: 20px; padding-right: 5px; }
#box_2_content strong { font-size: 1.2em; }
#box_2_content a { font-weight: bold; color: #D66E0F; text-decoration: underline; }
#box_2_content a:hover { text-decoration: none; }

#box_3 { position: relative; width: 280px; height: 90px; margin: 9px 0px 0px 30px; padding: 0px; }
#box_3_header {	width: 280px; height: 19px; background: url("../img/bg/box_title.gif") repeat-y right top; margin: 0px 0px 1px 0px; padding: 0px; }
#box_3_header h1 { text-transform:lowercase; font: normal bold 10pt arial, helvetica, sans-serif; color: #fff; background: url("../img/arrow_yellow.gif") no-repeat left center; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 5px; }
#box_3_content { font-size: 9pt; width: 280px; height: 70px; overflow: hidden; background: url("../img/bg/box_1.gif") repeat-y right top; margin: 0px; padding: 0px; }
#box_3_content p { padding-left: 20px; padding-right: 5px; }
#box_3_content strong { font-size: 1.2em; }
#box_3_content a { font-weight: bold; color: #D66E0F; text-decoration: underline; }
#box_3_content a:hover { text-decoration: none; }


/* ------------------[ BOXES AGENCY FACT SHEET ]------------------ */
#box_agency { position: relative; width: 280px; /*height: 90px;*/ margin: 9px 0px 0px 30px; padding: 0px; }

#box_agency_header { width: 280px; height: 19px; background: url("../img/bg/box_title.gif") repeat-y right top;	margin: 0px 0px 1px 0px; padding: 0px; }
#box_agency_header h1 {	text-transform:lowercase; font: normal bold 10pt arial, helvetica, sans-serif; color: #fff; background: url("../img/arrow_yellow.gif") no-repeat left center; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 5px; }

#box_agency_logo { position: relative; width: 280px; height: 90px; margin: 9px 0px 0px 30px; padding: 0px; }
#box_agency_logo_content { font-size: 9pt; width: 280px; height: 70px; overflow: hidden; /*background: url("../img/bg/box_1.gif") repeat-y right top;*/ margin: 0px; padding: 0px;}
#box_agency_logo_content p { text-align: center; margin: 0; padding: 0; }

#box_agency_content { font-size: 9pt; width: 280px; height: 298px; overflow: hidden; background: url("../img/bg/box_1.gif") repeat-y right top; margin: 0px; padding: 0px; }
.agencyText { font-size: 9pt; padding: 0px 5px 0px 20px; } /* corrige un problème d'héritage sous Mozilla qui neutralise le padding à cause d'un trop grand nombre de div imbriqués et force la taille de la police à 9pt */
#box_agency_content strong { font-weight: bold; }

#box_agency_content a { text-decoration: none; color:#004D41; }
#box_agency_content a:hover { color:#D66E0F; }
/*
#box_agency_content a { font-weight: bold; color: #D66E0F; text-decoration: underline; }
#box_agency_content a:hover { text-decoration: none; }
*/

/* ------------------[ BOXES AGENCY PORTFOLIO ]------------------ */
#box_agency_portfolio {
	font-size: 9pt;
	width: 280px;
	height: 393px;
	overflow: hidden;
	background: url("../img/bg/box_1.gif") repeat-y right top;
	margin: 0px;
	padding: 0px;
}
#box_agency_portfolio p { padding-left: 20px; padding-right: 5px; }
#box_agency_portfolio strong { font-weight: bold; }
#box_agency_portfolio strong a { text-decoration: none; color: #000; }
#box_agency_portfolio strong a:hover { color: #D66E0F; }

#box_agency_portfolio h3 {
	font: normal bold 10pt arial, helvetica, sans-serif;
	color: #626262;
	margin-left: 20px;
	padding: 0px 0px 0px 15px;
	background: url("../img/arrow_2.gif") no-repeat left center;
}
#box_agency_portfolio h3 a {
	font: normal bold 10pt arial, helvetica, sans-serif;
	color: #D66E0F;
	text-decoration: none;
	/*background: url("../img/arrow_transp.gif") no-repeat left center;
	padding: 0px 0px 0px 15px;*/
}
#box_agency_portfolio h3 a:hover { color: #004D41; }


/* ------------------[ BOXES NEWS ]------------------ */
#box_news { width: 280px; margin: 9px 0px 0px 30px; padding: 0px; }

#box_news_content { font-size: 9pt; width: 280px; height: 392px; overflow: hidden; background: url("../img/bg/box_1.gif") repeat-y right top; margin: 0px; padding: 0px; }
#box_news_content ul { list-style-type: none; margin: 5px 5px 0px 15px; padding: 0px; }
#box_news_content li { margin: 0px; padding: 0px 0px 7px 0px; }
#box_news_content li a { text-transform: uppercase; color: #000; font-weight: bold; text-decoration: none; }
#box_news_content li a:hover { color: #004D41; }
#box_news_content span { font-size: 8pt; color: #004D41; }

#box_news_content h3 {
	font: normal bold 10pt arial, helvetica, sans-serif;
	color: #626262; /*#D66E0F;*/
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 15px;
	background: url("../img/arrow_2.gif") no-repeat left center;
}
#box_news_content h3 a { color: #D66E0F; /*#894507;*/ text-decoration: none; }
#box_news_content h3 a:hover { color: #004D41; text-decoration: none; }

/* left content's news boxes */
.last_news { font: normal normal 10pt arial, helvetica, sans-serif; }
.last_news h4 { font-size: 10pt; font-weight: bold; margin: 10px 0px 0px 0px; }
.last_news p { margin: 0px; }
.date { font-size: 8pt; color: #004D41; }
.title { font-weight: bold; color: #004D41; }
p.more { text-align: right; padding: 0px 15px 0px 0px; background: url("../img/arrow_1.gif") no-repeat 245px center; }
.last_news a { font-weight: bold; color: #D66E0F; text-decoration: none; }
.last_news a:hover { color: #004D41; }

/* classe pour la zone left_content des news */
.date { font-size: 8pt; color: #004D41; }


/* ------------------[ BOXES CLIENT CASE STUDIES ]------------------ */
#box_client_case_studies { width: 280px; margin: 9px 0px 0px 30px; padding: 0px; }
#box_client_case_studies_content { font-size: 9pt; width: 280px; /*height: 268px;*/ overflow: hidden; background: url("../img/bg/box_1.gif") repeat-y right top; margin: 0px; padding: 0px; }

#box_client_case_studies_content ul { list-style-type: none; margin: 0px; padding: 0px; }
#box_client_case_studies_content li { margin: 0px; padding: 0px 0px 8px 15px; background: url("../img/arrow_2.gif") no-repeat left top; }
#box_client_case_studies_content li a { color: #000; font-weight: bold; text-decoration: none; }
#box_client_case_studies_content li a:hover { color: #004D41; }
#box_client_case_studies_content p { margin: 5px 5px 0px 15px; }


/* ------------------[ BOXES MEET THE EXPERTS ]------------------ */
#box_meet_the_expert { width: 280px; margin: 9px 0px 0px 30px; padding: 0px; }
#box_meet_the_expert_content { font-size: 9pt; width: 280px; height: 275px; overflow: hidden; background: url("../img/bg/box_1.gif") repeat-y right top; margin: 0px; padding: 0px; }

#box_meet_the_expert_content ul { list-style-type: none; margin: 5px 5px 0px 15px; padding: 0px; }
#box_meet_the_expert_content li { margin: 0px; padding: 0px 0px 7px 0px; }
#box_meet_the_expert_content li a { color: #000; font-weight: bold; text-decoration: none; }
#box_meet_the_expert_content li a:hover { color: #004D41; }
/*#box_meet_the_expert_content p { margin: 5px 5px 0px 15px; }*/

#box_meet_the_expert_content h3 { font: normal bold 10pt arial, helvetica, sans-serif; color: #626262; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 15px; background: url("../img/arrow_2.gif") no-repeat left center; }
#box_meet_the_expert_content h3 a { color: #D66E0F; text-decoration: none; }
#box_meet_the_expert_content h3 a:hover { color: #004D41; }


/* ------------------[ BOXES MARKETING TIPS AND TRICKS ]------------------ */
#box_tips_tricks { width: 280px; margin: 9px 0px 0px 30px; padding: 0px; }
#box_tips_tricks_content { font-size: 9pt; width: 280px; height: 275px; overflow: hidden; background: url("../img/bg/box_1.gif") repeat-y right top; margin: 0px; padding: 0px; }

#box_tips_tricks_content ul { list-style-type: none; margin: 5px 5px 0px 15px; padding: 0px; }
#box_tips_tricks_content li { margin: 0px; padding: 0px 0px 7px 0px; }
#box_tips_tricks_content li a { color: #000; font-weight: bold; text-decoration: none; }
#box_tips_tricks_content li a:hover { color: #004D41; }

#box_tips_tricks_content h3 { font: normal bold 10pt arial, helvetica, sans-serif; color: #626262; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 15px; background: url("../img/arrow_2.gif") no-repeat left center; }
#box_tips_tricks_content h3 a { color: #D66E0F; text-decoration: none; }
#box_tips_tricks_content h3 a:hover { color: #004D41; }


/* ------------------[ BOXES FREE MARKETING TOOLS ]------------------ */
#box_free_tools { width: 280px; margin: 9px 0px 0px 30px; padding: 0px; }
#box_free_tools_content { font-size: 9pt; width: 280px; height: 275px; overflow: hidden; background: url("../img/bg/box_1.gif") repeat-y right top; margin: 0px; padding: 0px; }

#box_free_tools_content ul { list-style-type: none; margin: 5px 5px 0px 15px; padding: 0px; }
#box_free_tools_content li { margin: 0px; padding: 0px 0px 7px 0px; }
#box_free_tools_content li a { color: #000; font-weight: bold; text-decoration: none; }
#box_free_tools_content li a:hover { color: #004D41; }

#box_free_tools_content h3 { font: normal bold 10pt arial, helvetica, sans-serif; color: #626262; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 15px; background: url("../img/arrow_2.gif") no-repeat left center; }
#box_free_tools_content h3 a { color: #D66E0F; text-decoration: none; }
#box_free_tools_content h3 a:hover { color: #004D41; }


/* ------------------[ BOXES CONTACT US ]------------------ */
#box_contact { position: relative; width: 280px; /*height: 90px;*/ margin: 9px 0px 0px 30px; padding: 0px; }

#box_contact_agencies {
	font-size: 9pt;
	width: 280px;
	height: 393px;
	overflow: hidden;
	background: url("../img/bg/box_1.gif") repeat-y right top;
	margin: 0px;
	padding: 0px;
}
#box_contact_agencies p { padding: 0px 5px 0px 20px; line-height: 115%; }
#box_contact_agencies a { font-weight: bold; text-decoration: none; color: #000; }
#box_contact_agencies a:hover { color: #D66E0F; }


/* ------------------[ BOXES SEARCH ]------------------ */
#box_search {
	/*position: relative;*/
	width: 280px;
	height: 115px; /*115*/
	margin: 5px 0px 0px 30px;
	padding: 0px;
	background: url("../img/bg/box_search.gif") repeat-y right top;
}
/* fixe la marge entre la dernière boîte de contenu et la boîte de recherche à 9px contre 5px pour les autres pages*/
#box_search.search_home { margin: 9px 0px 0px 30px !important; }

#box_search p { margin: 0px; }
#box_search h1 {
	/*display: none;*/
	font: normal bold 10pt arial, helvetica, sans-serif;
	color: #fff;
	background: url("../img/arrow_orange.gif") no-repeat left 8px;
	padding: 5px 5px 0px 15px;
	margin: 0px 0px 0px 5px;
}

#box_search form {
	/*display: none;*/
	margin: 0px;
	padding: 0px 40px 0px 0px;
	text-align: right;
}

#box_search select { width: 180px; margin-top: 5px; margin-bottom: 3px; }


/* ------------------[ BOXE SEARCH - AGENCIES / EUROPEAN MAP ]------------------ */
#box_search_europe { position: absolute; top: 370px; /*360 320*/ }
#box_search_europe p { font-size: 8pt; padding: 0px; margin: 0px 0px 4px 0px; }
#box_search_europe hr {
	width: 100%;
	margin: 0px;
	border: 0;
	background-color: #D66E0F;
	color: #D66E0F;
	display: block;
	height: 1px;
}
#box_search_europe form { margin: 0px; padding: 0px; }


/* ------------------[ BOXE SEARCH RESULTS ]------------------ */
#box_search_results { }
#box_search_results table { border: 0px; width: 95%; border-collapse: collapse; empty-cells: show; margin-top: 15px; }
#box_search_results th {
	text-transform: uppercase;
	font-size: 8.5pt;
	background-color: #FFF3B4;
	border-top-color: #004D41;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #004D41;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
#box_search_results td {
	font-size: 8.5pt;
	border-bottom-color: #004D41;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
#box_search_results td.document { text-align: center; } 
#box_search_results td img { width: 76px; height: 55px; }
#box_search_results td.folder { text-align: center; }
#box_search_results td.abstract { text-align: left; padding-left: 20px; }
#box_search_results td.abstract a { font-weight: bold; }
#box_search_results td.navigate { text-align: center; color: #999999; }
#box_search_results td.navigate a { font-weight: bold; }
#box_search_results span.previous_page { padding: 0; }
#box_search_results span.num_page { padding-left: 25px; padding-right: 25px; }
#box_search_results span.next_page { padding: 0; }


/* ------------------[ GENERIC INPUTS ]------------------ */
input.champs {
	color: #333;
	background-color: #fff;
	background-image: url("../img/bg/input_text.gif");
	background-position: top;
	background-repeat: repeat-x;
	border: 1px solid #D3670E;
	/*font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;*/
	width: 152px; /*180px*/
	/*width:12em;*/
}
input.valid {
	background-color:#D3670E;
	/*background-image:url("../img/submit.gif");*/
	background-position: bottom;
	background-repeat: no-repeat;
	border-color: #D3670E;
	border-style: solid;
	border-width: 0px;
	color: #fff;
	cursor: pointer;
	font-weight: 700;
	text-align: center;
}

select { font-size: 8pt; width: 180px; }
option.title { font-weight: bold; color: #CC3300; }


/* Styles for scrolling layers *** AGENCY *** - Specify width and height in hold and wn, and in clip for wn */
div#hold {
	position:relative; overflow:hidden;
	width:269px; height:298px; 
	z-index:100;
}
div#wn {
	clip: rect(0px, 269px, 298px, 0px);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 269px;
	height: 298px; 
	overflow: hidden;	
	z-index: 1;
}
div.content {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	z-index: 1;
}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar {
	position: absolute;
	left: 269px;
	top: 20px;
	width: 11px;
	height: 298px;
	font-size: 1px;
	z-index: 1;
}
div#track {
	position: absolute;
	left: 0;
	top: 12px;
	width: 11px;
	height: 274px;/*136px;*/
	background: url("../img/scroller/track.gif") #CDB000 repeat;
	z-index: 1;
}
div#dragBar {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 9px;
	height: 20px;
	background-color: #FFF3B4;
	z-index: 1;
}
div#up { position: absolute; left: 0; top: 0; z-index: 2; }
div#down { position: absolute; left: 0; bottom: 0; z-index: 3; }


/* Styles for scrolling layers *** NEWS *** - Specify width and height in hold and wn, and in clip for wn */
div#hold2 {
	position: relative;
	overflow: hidden;
	width: 300px;
	height: 400px; 
	z-index: 100;
}
div#wn2 {
	clip: rect(0px, 300px, 400px, 0px);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 400px; 
	overflow: hidden;	
	z-index: 1;
}
div.content2 {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	z-index: 1;
}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar2 {
	position: absolute;
	left: 325px; /*312*/
	top: 19px; /*9*/
	width: 11px;
	height: 400px;
	font-size: 1px;
	z-index: 1;
}
div#track2 {
	position: absolute;
	left: 0;
	top: 12px;
	width: 11px;
	height: 376px;
	background: url("../img/scroller/track.gif") #CDB000 repeat;
	z-index: 1;
}
div#dragBar2 {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 9px;
	height: 20px;
	background-color: #FFF3B4;
	z-index: 1;
}
div#up2 { position: absolute; left: 0; top: 0; z-index: 2; }
div#down2 { position: absolute; left: 0; bottom: 0; z-index: 3; }

/* Styles for scrolling layers *** CASE STUDIES *** - Specify width and height in hold and wn, and in clip for wn */
/* Zone à scroller */
div#hold3 {
	position: relative;
	overflow: hidden;
	width: 300px;
	height: 221px; 
	z-index: 100;
}
/* Zone de défilement */
div#wn3 {
	clip: rect(0px, 300px, 221px, 0px);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 221px;
	overflow: hidden;	
	z-index: 1;
}
div.content3 {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	z-index: 1;
}

/* Set small font-size or size/position of div's will be off in some browsers  */

/* Scrollbar */
div#scrollbar3 {
	position: absolute;
	left: 320px;
	top: 62px;
	width: 11px;
	height: 221px;
	font-size: 1px;
	z-index: 1;
}
/* Barre de défilement */
div#track3 {
	position: absolute;
	left: 0;
	top: 12px;
	width: 11px;
	height: 196px; /* Hauteur de la zone à scroller - 25 pixels */
	background: url("../img/scroller/track.gif") #CDB000 repeat;
	z-index: 1;
}
div#dragBar3 {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 9px;
	height: 25px;
	background-color: #FFF3B4;
	z-index: 1;
}
div#up3 { position: absolute; left: 0; top: 0; z-index: 2; }
div#down3 { position: absolute; left: 0; bottom: 0; z-index: 3; }