html {
background-color: #222;
} 

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 
	min-height:1212px;/* pour les vrais navigateurs*/
	min-width:1024px;/* pour les vrais navigateurs*/
	font-size: 12px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

/*************** centrage de la page ********************/

#xouter{
	height:100%;
	width:100%;
	display:table;

}
#xcontainer {
	position:relative;
	display:table-cell;
	height: 1200px; /*768*/

}	
#xinner {
	width: 1024px;
	height: 1200px; /*768*/
	margin-left:auto;
	margin-right:auto;
	background:#000000;
	background-image: url(../images/abysses-profond.png);
	background-repeat:no-repeat;
	background-position:left;
	
}

/********************Galerie************************/

#colone-galerie {
	position: relative;	
	top: 65px;
	left: 70px;	
	width:950px;
    height: 583px;
	//height: 600px; 
	float:left;  
	background-color:#000; 
	padding:10px 10px 10px 0;
	color: #88c2ea;
	overflow:hidden;
}

#colone-photo {
	position: relative;	
	top: 5px;
	left: 70px;	
	width:900px;
   height: 330px; 
	float:left;  
	background-color:#000; 
	padding:10px 0 10px 0;
	color: #88c2ea;
	overflow:hidden;
	background-image: url(../images/tse-tse.jpg);
	background-repeat:no-repeat;
}

#colonne-world {
	position: relative;	
	top: 5px;
	left: 70px;	
	width:900px;
   height: 400px; 
	float:left;  
	background-color:#000; 
	padding:10px 0 10px 0;
	color: #88c2ea;
	overflow:hidden;
}

#colonne-awareness {
	position: relative;	
	top: 0px;
	left: 70px;	
	width:900px;
   height: 397px; 
	float:left;  
	background-color:#000; 
	padding:10px 0 0px 0;
	color: #88c2ea;
	overflow:hidden;
	background-image: url(../images/education.jpg);
	background-repeat:no-repeat;
}

#colonne-soon {
	position: relative;	
	top: 0px;
	left: 70px;	
	width:900px;
   height: 397px; 
	float:left;  
	background-color:#000; 
	padding:10px 0 0px 0;
	color: #88c2ea;
	overflow:hidden;
	background-image: url(../images/soon.png);
	background-repeat:no-repeat;
}

#colonne-livre {
	position: relative;	
	top: 0px;
	left: 70px;	
	width:900px;
   height: 400px; 
	float:left;  
	background-color:#000; 
	padding:0px 0 7px 0;
	color: #88c2ea;
	overflow:hidden;
}

ul#galerie {
	padding:0;
	list-style: none;
	height: 120px;
}

ul#making {
	padding:0;
	list-style: none;
	height: 140px;
}

#galerie li, #making li {
	display:inline;
}

#galerie li img {
	margin:0.2em 0.3em 0.2em 0;
	border: 1px solid #88c2ea;
}

/*********************Making Of*******************/

#colone-making, #colone-making2 {
	position: relative;	
	top: 65px;
	left: 70px;	
	width: 440px;
	height: 600px; 
	float:left;  
	background-color:#000; 
	padding:10px 10px 10px 0;
	color: #88c2ea;
	overflow:hidden;
   text-align:right;
}


/********************Texte************************/

#colonne1 {
	position: relative;	
	top: 15px;
	left: 70px;	
	width:330px;
	height: 360px; 
	float:left; 
	text-align: justify; 
	background-color:transparent; 
	padding:10px 10px 10px 0;
	color: #88c2ea;
	overflow:hidden;
}

#colonne1pro {
	position: relative;	
	top: 15px;
	left: 70px;	
	width:400px;
	height: 400px; 
	float:left; 
	text-align: justify;
	background-color:transparent; 
	padding:10px 10px 10px 0;
	color: #88c2ea;
	overflow:hidden;
}

#colonne2 {
	position: relative;
	top: 15px;
	left: 70px;		
	width:330px;
	height: 600px; 
	float:left; 
	text-align: justify; 
	background-color:transparent; 
	padding:10px;
	color: #88c2ea;
	overflow:hidden;
}

#center_2 {
	text-align:center;
	font-size: 10px;
	font-stretch:condensed;
}

#colonne1p {
	position: relative;	
	top: 15px;
	left: 70px;	
	width:300px;
	height: 360px; 
	float:left; 
	text-align: justify; 
	background-color:transparent; 
	padding:10px 10px 10px 0;
	color: #88c2ea;
	overflow:hidden;
}

#colonne2p {
	position: relative;
	top: 15px;
	left: 70px;		
	width:300px;
	height: 600px; 
	float:left; 
	text-align: justify; 
	background-color:transparent; 
	padding:10px;
	color: #88c2ea;
	overflow:hidden;
}

#colonne3 {
	position: relative;
	top: 15px;
	left: 60px;		
	width:225px;
	height: 360px; 
	float:left; 
	text-align: justify; 
	background-color:transparent; 
	padding:10px;
	padding-left:5px;
	color: #88c2ea;
}

/************* colonne home *************/
#colonne-i {
	position: relative;
	top: 8px;
	left: 45px;		
	width:335px;
	height: 603px; 
	float:left; 
	text-align: justify;
	background-color:transparent;
	background-image: url(../images/bleu.png);
	background-repeat:no-repeat;
	padding:0px;
	padding-left:5px;
	color: #000;
	overflow:hidden;
}

#colonne-3i {
	position: relative;
	top: 8px;
	right: 55px;		
	width:450px;
	height: 700px; 
	float:right; 
	text-align: justify;
	background-color:transparent;
	background-repeat:no-repeat;
	padding:0px;
	padding-left:5px;
	color: #88c2ea;
	overflow:hidden;
}

#colonne-1i {
	position: relative;
	top: 25px;
	left: 40px;		
	width:322px;
	height: 404px; 
	float:left; 
	text-align: justify; 
	background-color:transparent;
	background-image: url(../images/vert.png);
	background-repeat:no-repeat;
	padding:0px;
	padding-left:5px;
	color: #88c2ea;
}

#colonne-2i {
	position: relative;
	top: 25px;
	left: 35px;		
	width:322px;
	height: 404px; 
	float:left; 
	text-align: justify; 
	background-color:transparent;
	background-image: url(../images/rouge.png);
	background-repeat:no-repeat;
	padding:0px;
	padding-left:5px;
	color: #88c2ea;
}

#texte-home {
	position: relative;
	top: 0px;		
	width:400px;
	height: 583px; 
	float:left; 
	text-align: left;
	background-color:transparent;
	padding:20px;
	color: #000;
	overflow:hidden;
}

#boutons-home {
	position: relative;
	top: -200px;		
	width:400px;
	height: 200px; 
	float:left; 
	text-align: center;
	background-color:transparent;
	padding:20px;
	color: #000;
	overflow:hidden;
}

#colonne1a {
	position: relative;	
	top: 15px;
	left: 70px;	
	width:150px;
	height: 360px; 
	float:left; 
	text-align: justify; 
	background-color:transparent; 
	padding:10px 10px 10px 0;
	color: #88c2ea;
	overflow:hidden;
}

#colonne1b {
	position: relative;	
	top: 15px;
	left: 70px;	
	width:430px;
   height: 600px; 
	float:left; 
	text-align: justify;
	background-color:transparent; 
	padding:10px 0 10px 0;
	color: #88c2ea;
	overflow:hidden;
}

#colonne1b ul, #colonne-3i ul{
	list-style:none;  
   padding:0;
}

#colonne-3i span, #colonne2e span{  
   color:#CCC;
}

#colonne1b li{
	display:inline;          
   padding:0 17px;
}

#colonne-3i li{
	display:inline;          
   padding:0 15 0 0;
}

#colonne2b {
	position: relative;
	top: 15px;
	left: 70px;		
	width:430px;
	height: 640px; 
	float:left; 
	text-align: justify; 
	background-color:transparent; 
	padding:10px;
	color: #88c2ea;
	overflow:hidden;
}

#colonne2c {
	position: relative;
	top: 15px;
	left: 70px;		
	width:420px;
	height: 600px; 
	float:left; 
	text-align: justify; 
	background-color:transparent; 
	padding:10px;
	color: #88c2ea;
	overflow:hidden;
}

#colonne2d {
	position: relative;
	top: 15px;
	left: 70px;		
	width:360px;
	height: 600px; 
	float:left; 
	text-align: justify; 
	background-color:transparent; 
	padding:10px;
	color: #88c2ea;
	overflow:hidden;
}

#colonne2e {
	position: relative;
	top: 0px;
	left: 70px;		
	width:475px;
	height: 720px; 
	float:left; 
	text-align: justify; 
	background-color:transparent; 
	padding:10px;
	padding-top:0px;
	color: #88c2ea;
}

#colonne2e p{
	margin-top:5px;
}

#colonne2f {
	position: relative;	
	top: 15px;
	left: 70px;	
	width:437px;
	height: 405px; 
	float:left; 
	text-align: justify;
	background-color:transparent; 
	padding:0 10px 10px 0;
	color: #88c2ea;
	overflow:hidden;
}

#colonne2g {
	position: relative;
	top: 0px;
	left: 70px;		
	width:437px;
	height: 720px; 
	float:left; 
	text-align: justify; 
	background-color:transparent; 
	padding:10px;
	padding-top:0;
	color: #88c2ea;
}

#colonne2f-home {
	position: relative;	
	top: 15px;
	left: 70px;	
	width:437px;
	height: 405px; 
	float:left; 
	text-align: justify; 
	padding:0 10px 10px 0;
	background-image: url(../images/home-bg.png);
	background-repeat:no-repeat;
	overflow:hidden;
}
/* 15px IE7 */
*+html #colonne2f-home, *+html #colonne2g-home, *+html #colonne1, *+html #colonne1a, *+html #colonne1b, *+html #colonne1pro, *+html #colonne1p, *+html #colonne2, *+html #colonne2b, *+html #colonne2c, *+html #colonne2d, *+html #colonne2f, *+html #colonne2p, *+html #colonne3 {
  top: -20px;
}

/* 0px IE7 */
*+html #colonne2g, *+html #colonne2e {
  top: -20px;
}

/* 5px IE7 */
*+html #colone-photo {
  top: -30px;
}

/* 8px IE7 */
*+html #colonne-3i, *+html #colonne-i {
  top: -5px;
}

/* 25px IE7 */
*+html #colonne-1i, *+html #colonne-2i {
  top: -10px;
}

#colonne2g-home {
	position: relative;
	top: -2px;
	left: 70px;		
	width:437px;
	height: 720px; 
	float:left; 
	text-align: justify;  
	padding:0 10px 10px 0;
	background-image: url(../images/home-bg.png);
	background-repeat:no-repeat;
}

#colonne2f-home a, #colonne2g-home a  {
	color: #cd061e;
	text-decoration: none;
}

#colonne2f-home a:hover, #colonne2g-home a:hover {
  color: #cd061e;
  text-decoration: underline overline;
}

#colonne2f-home h2, #colonne2g-home h2{
	font-size: 10pt; 	
	color:#cd061e;
}

#colonne2l {
	position: relative;
	top: 15px;
	left: 70px;		
	width:330px;
	height: 600px; 
	float:left; 
	text-align: justify;
	background-color:transparent; 
	padding:10px;
	color: #88c2ea;
	overflow:hidden;
}

#colonne1 p, #colonne2 p, #colonne1a p, #colonne2b p, #colonne2c p, #colonne2d p, #colonne2e p, #colonne2f p, #colonne2g p, #colonne1b p, #colonne3 p, #colonne-3i p, #colonne2l p, #colonne1p p, #colonne2p p, #colonne2c p, #colonne2d p {
	font-size: 12px;
	font-stretch:condensed;
}

/*************** images themes ********************/

#abysses-fond-n {
	background-color: transparent;
}

/*************** menu ********************/

ul#menulist li ul{ display:none; }

ul#menulist li:hover>ul{ 
	display:block; 
	}

ul#menulist {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #88c2ea;
	clear: both ;
	position:relative;
	
	left: 55px;
	list-style:none;
  	width:180px;
  	_width:178px;
}

*+html ul#menulist {
  top: -351px;
}

ul#menulist ul {
  list-style:none;
  margin:0;
  padding:0;
  width:210px;
  _width:208px;
  
}

ul#menulist ul{
  position:absolute;
  top:20px;
  left:210px;
}

ul#menulist ul ul{
  position:absolute;
  top:0px;
  left:210px;
}

ul#menulist li{
  position:relative;
  margin:0px;
  vertical-align:text-top;
  _display:inline;
}

ul#menulist li:hover, ul#menulist li a:hover {
  color: #FFFFFF;
  text-align:right;
  background-image: url(../images/abysses-liste.png);
  background-repeat:repeat-x;
  background-position:0 31px;
}

ul#menulist a{
  display:block;
  width:100%;
  text-decoration: none;
  text-indent: 1em;
  padding-top:23px;
  width: 210px;
}

/* Safari 2 */
ul#menulist a{
  padding-bottom:23px;
}

/* Firefox */
ul#menulist a{
  padding-bottom:21px;
  #
}

/* Safari 3 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    ul#menulist a { padding-bottom:22px; }
}

/* IE 7 */
*+html ul#menulist a {
  padding-bottom:20px;
}

ul#sousmenu a{
  display:block;
  width:100%;
  text-decoration: none;
  text-indent: 1em;
  width: 210px;
  padding: 3px 0;
  text-align:left;
}

ul#sousmenu li:hover, ul#sousmenu li a:hover {
  color: #FFFFFF;
  text-align:right;
  background-image: url(../images/abysses-liste.png);
  background-repeat:repeat-x;
  background-position:0 12px;
}

/*****************************************************/

#abysses-bloom {
  position: relative;
  float:right;
  margin-right:50px;
  top: -20px;
  top: -40px !important; 
  width:85px;
  height:56px;
  background-image: url(../images/abysses-bloom.png);
  z-index:1;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #abysses-bloom { top: -40px !important!; }
}

#abysses-family {
  position: relative;
  float:right;
  width: 150px;
  top: 5px;
  background-image: url(../images/abysses-liste.png);
  background-repeat:repeat-x;
  background-position:50%;
  font-weight:bold;
  font-size: 16px; 
}

#abysses-family span{
  background-color: #000000;
}

#abysses-home {
  position: relative;
  left:50px;
  top: 0px; 
}

#abysses-map {
  position: relative;
  float:left;
  left:80px;
  width: 50px;
  top: -39px;  
}

#abysses-contactus {
  position: relative;
  float:left;
  left:70px;
  top: -39px; 
}

#abysses-home-fr {
  position: relative;
  left:50px;
  top: 0px; 
}

#abysses-map-fr {
  position: relative;
  float:left;
  left:80px;
  width: 50px;
  top: -39px;  
}

#abysses-contactus-fr {
  position: relative;
  float:left;
  left:80px;
  top: -39px; 
}


#abysses-home-cn {
  position: relative;
  left:50px;
  top: 0px; 
}

#abysses-map-cn {
  position: relative;
  float:left;
  left:80px;
  width: 50px;
  top: -39px;  
}

#abysses-contactus-cn {
  position: relative;
  float:left;
  left:80px;
  top: -39px; 
}

#abysses-haut {
  position: relative;
  top: 5px;
  text-align:right;
  background-image: url(../images/abysses-liste.png);
  background-repeat:repeat-x;
  background-position:65% 65%;
  width:748px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #abysses-haut { top: 5px !important!; }
}

/*IE 7*/
*+html #abysses-haut {
  top: -35px;
}

span {
  /*font-family: Arial, Helvetica, sans-serif;*/
  /*background-color:#000000;*/ /*pour la transparence tooltip*/
}

span#menu{
  font-size: 16px;
}

#abysses-haut span{
  color: #88c2ea;  
  background-color: #000;
  padding: 0 -25px 0 5px;
  font-weight:bold;
  font-size: 16px;
}

#colonne1 a, #colonne2 a, #colonne2p a, #colonne2l a, #colonne1b a, #colonne2c a, #colonne2d a, #colonne2e a, #colonne2f a, #colonne2g a, #colonne2b a, #colonne3 a, #colonne-3i a {
	color: #CCC;
	text-decoration: none;
}

#colonne1 a:hover, #colonne2 a:hover, #colonne2l a:hover, #colonne1b a:hover, #colonne2c a:hover, #colonne2d a:hover, #colonne2e a:hover, #colonne2f a:hover, #colonne2g a:hover, #colonne2b a:hover, #colonne3 a:hover, #colonne-3i a:hover, #colonne2p a:hover {
  color: #FFFFFF;
  text-decoration: underline overline;
}

a, ul#menulist a {
	color: #88c2ea;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.image {
	border: 1px solid #88c2ea;
}

a img {
	border: 1px solid #88c2ea;
	/*opacity: 0.7;
	color: rgba(0,0,0,0.5)*/
}

a img:hover {
  	-moz-opacity: 0.5;
	border: 1px solid #FFF;
	/*opacity: 0.7;
	color: rgba(0,0,0,0.5)*/
}

/*********************** Titles & headers - English *******************************/

#abysses-home {
	width:90px; height:39px;
	background:url("../images/home.png") center right no-repeat;
	}

#abysses-contactus {
	width:135px; height:39px;
	background:url("../images/contactus.png") center right no-repeat;
	}

#abysses-map {
	width:155px; height:39px;
	background:url("../images/sitemap-haut.png") center right no-repeat;
	}
   
#whoweare {
	width:800px; height:39px;
	background:url("../images/about_e.png") left no-repeat;
	background-position: 410px;
	}

#who-issues {
	width:900px; height:39px;
	background:url("../images/about_oceans_e.png") left no-repeat;
	background-position: 520px;
	}
    
#who-goals {
	width:800px; height:39px;
	background:url("../images/about_mission_e.png") left no-repeat;
	background-position: 500px;
	}

#who-about {
	width:820px; height:39px;
	background:url("../images/about_team_e.png") left no-repeat;
	background-position: 500px;
	}

#who-claire {
	width:900px; height:39px;
	background:url("../images/about_claire_e.png") left no-repeat;
	background-position: 500px;
	}

#who-claire-inspirations {
	width:900px; height:39px;
	background:url("../images/about_claire_inspirations_e.png") left no-repeat;
	background-position: 480px;
	}

#who-steps {
	width:800px; height:39px;
	background:url("../images/who-individual.png") left no-repeat;
	background-position: 410px;
	}

#what-we-do {
	width:900px; height:39px;
	background:url("../images/wedo_e.png") left no-repeat;
	background-position: 410px;
	}

#what-book {
	width:900px; height:39px;
	background:url("../images/done_book_e.png") left no-repeat;
	background-position: 380px;
	}

#what-exhibition {
	width:950px; height:39px;
	background:url("../images/done_exhibition_e.png") left no-repeat;
	background-position: 508px;
	}

#what-makingof {
	width:900px; height:39px;
	background:url("../images/done-buzz_e.png") left no-repeat;
	background-position: 495px;
	}

#what-makingof-preparing {
	width:1000px; height:39px;
	background:url("../images/done_world_e.png") left no-repeat;
	background-position: 500px;
	}

#what-exhibition-partners {
	width:1000px; height:39px;
	background:url("../images/what-exhibition-partners.png") left no-repeat;
	background-position: 410px;
	}

#what-exhibition-media {
	width:1000px; height:39px;
	background:url("../images/what-conservation.png") left no-repeat;
	background-position: 500px;
	}
	
#what-awareness {
	width:1000px; height:39px;
	background:url("../images/what-awareness.png") left no-repeat;
	background-position: 500px;
	}

#what-other {
	width:1000px; height:39px;
	background:url("../images/done_e.png") left no-repeat;
	background-position: 400px;
	}

#what-other-children {
	width:1000px; height:39px;
	background:url("../images/wedo-kids_e.png") left no-repeat;
	background-position: 480px;
	}
	
#learning-where {
	width:900px; height:39px;
	background:url("../images/learninge_explore_e.png") left no-repeat;
	background-position: 480px;
	}

#learning-who {
	width:930px; height:39px;
	background:url("../images/bloom-home.png") left no-repeat;
	background-position: 518px;
	}

#learning-how {
	width:900px; height:39px;
	background:url("../images/learning_quiz_e.png") left no-repeat;
	background-position: 450px;
	}

#learning-midwater {
	width:900px; height:39px;
	background:url("../images/learning_play_e.png") left no-repeat;
	background-position: 450px;
	}

#learning-bottom {
	width:1000px; height:39px;
	background:url("../images/about_speaker_e.png") left no-repeat;
	background-position: 480px;
	}

#learning-stop {
	width:1000px; height:39px;
	background:url("../images/partners_e.png") left no-repeat;
	background-position: 500px;
	}

#take {
	width:1000px; height:39px;
	background:url("../images/take.png") left no-repeat;
	background-position: 480px;
	}

#weneedyou {
	width:1000px; height:39px;
	background:url("../images/weneedyou.png") left no-repeat;
	background-position: 480px;
	}

#sitemap {
	width:1000px; height:39px;
	background:url("../images/sitemap.png") left no-repeat;
	background-position: 480px;
	}

#preface_book {
	width:1000px; height:39px;
	background:url("../images/about_initiatives_e.png") left no-repeat;
	background-position: 520px;
	}

#internat_book {
	width:950px; height:39px;
	background:url("../images/what-education.png") left no-repeat;
	background-position: 480px;
	}

#reviews_book {
	width:800px; height:39px;
	background:url("../images/weneedyou-buy-en.png") left no-repeat;
	background-position: 500px;
	}

#inside_book {
	width:800px; height:39px;
	background:url("../images/weneedyou-shop.png") center right no-repeat;
	background-position: 500px;
	}

#intro_exhibition {
	width:950px; height:39px;
	background:url("../images/done_makingof_e.png") center right no-repeat;
	background-position: 500px;
	}

#whoweare span, #whoweare span, #home span, #who-issues span, #who-goals span, #who-about span, #who-claire span, #who-claire-inspirations span, #who-claire-hour span, #who-claire-conference span, #what-we-do span, #what-book span, #what-exhibition span
, #who-steps span
, #what-makingof span
, #what-makingof-gathering span
, #what-makingof-preparing span
, #what-exhibition-partners span
, #what-exhibition-gallery span
, #what-exhibition-media span
, #take span
, #what-awareness span
, #what-other span
, #what-other-children span
, #learning span
, #learning-where span
, #learning-who span
, #learning-how span
, #learning-midwater span
, #learning-bottom span
, #learning-stop span
, #abysses-contactus span
, #abysses-map span
, #abysses-home span
, #sitemap span
, #weneedyou span
, #partners_asso span, #intro_book span, #preface_book span, #blurbs_book span, #internat_book span, #reviews_book span, #inside_book span, #intro_exhibition span, #making_exhibition span, #gathering_exhibition span, #inpersong_exhibition span, #preparation_exhibition span, #partners_exhibition span, #media_exhibition span, #photos_exhibition span, #intro_claire span, #portrait_claire span, #inspirations_claire span, #anhourwith_claire span, #conferences_claire span, #intro_contact span, #intro_newsletter span { display:none }

/******* Don't know why, but i can't remove the next one *******/

#home {
	width:200px; height:39px;
	background:url("../images/home.png") center right no-repeat;
	}
	
#home span { display:none }

/*********************** Titles & headers - French *******************************/

#abysses-home-fr {
	width:90px; height:39px;
	background:url("../images/accueil.png") center right no-repeat;
	}

#abysses-contactus-fr {
	width:175px; height:39px;
	background:url("../images/nouscontacter.png") center right no-repeat;
	}

#abysses-map-fr {
	width:155px; height:39px;
	background:url("../images/plan.png") center right no-repeat;
	}
   
#whoweare-f {
	width:800px; height:39px;
	background:url("../images/about_f.png") left no-repeat;
	background-position: 410px;
	}

#who-issues-f {
	width:900px; height:39px;
	background:url("../images/about_oceans_f.png") left no-repeat;
	background-position: 520px;
	}
    
#who-goals-f {
	width:900px; height:39px;
	background:url("../images/about_mission_f.png") left no-repeat;
	background-position: 500px;
	}

#who-about-f {
	width:920px; height:39px;
	background:url("../images/about_team_f.png") left no-repeat;
	background-position: 500px;
	}

#who-claire-f {
	width:900px; height:39px;
	background:url("../images/about_claire_f.png") left no-repeat;
	background-position: 500px;
	}

#who-claire-inspirations-f {
	width:900px; height:39px;
	background:url("../images/about_claire_inspirations_f.png") left no-repeat;
	background-position: 480px;
	}

#who-steps-f {
	width:800px; height:39px;
	background:url("../images/who-individual.png") left no-repeat;
	background-position: 410px;
	}

#what-we-do-f {
	width:900px; height:39px;
	background:url("../images/wedo_f.png") left no-repeat;
	background-position: 410px;
	}

#what-book-f {
	width:900px; height:39px;
	background:url("../images/done_book_f.png") left no-repeat;
	background-position: 380px;
	}

#what-exhibition-f {
	width:950px; height:39px;
	background:url("../images/done_exhibition_f.png") left no-repeat;
	background-position: 508px;
	}

#what-makingof-f {
	width:900px; height:39px;
	background:url("../images/done-buzz_f.png") left no-repeat;
	background-position: 495px;
	}

#what-makingof-preparing-f {
	width:1000px; height:39px;
	background:url("../images/done_world_f.png") left no-repeat;
	background-position: 500px;
	}

#what-exhibition-partners-f {
	width:1000px; height:39px;
	background:url("../images/what-exhibition-partners.png") left no-repeat;
	background-position: 410px;
	}

#what-exhibition-media-f {
	width:1000px; height:39px;
	background:url("../images/what-conservation-f.png") left no-repeat;
	background-position: 500px;
	}
	
#what-awareness-f {
	width:1000px; height:39px;
	background:url("../images/what-awareness-f.png") left no-repeat;
	background-position: 500px;
	}

#what-other-f {
	width:1000px; height:39px;
	background:url("../images/done_f.png") left no-repeat;
	background-position: 400px;
	}

#what-other-children-f {
	width:1000px; height:39px;
	background:url("../images/wedo-kids_f.png") left no-repeat;
	background-position: 480px;
	}
	
#learning-where-f {
	width:950px; height:39px;
	background:url("../images/learninge_explore_f.png") left no-repeat;
	background-position: 480px;
	}

#learning-who-f {
	width:930px; height:39px;
	background:url("../images/bloom-home-f.png") left no-repeat;
	background-position: 518px;
	}

#learning-how-f {
	width:900px; height:39px;
	background:url("../images/learning_quiz_f.png") left no-repeat;
	background-position: 450px;
	}

#learning-midwater-f {
	width:900px; height:39px;
	background:url("../images/learning_play_f.png") left no-repeat;
	background-position: 450px;
	}

#learning-bottom-f {
	width:1000px; height:39px;
	background:url("../images/about_speaker_f.png") left no-repeat;
	background-position: 480px;
	}

#learning-stop-f {
	width:1000px; height:39px;
	background:url("../images/partners_f.png") left no-repeat;
	background-position: 500px;
	}

#take-f {
	width:1000px; height:39px;
	background:url("../images/take_f.png") left no-repeat;
	background-position: 480px;
	}

#weneedyou-f {
	width:1000px; height:39px;
	background:url("../images/weneedyou-f.png") left no-repeat;
	background-position: 480px;
	}

#sitemap-f {
	width:1000px; height:39px;
	background:url("../images/sitemap-f.png") left no-repeat;
	background-position: 480px;
	}

#preface_book-f {
	width:1000px; height:39px;
	background:url("../images/about_initiatives_f.png") left no-repeat;
	background-position: 450px;
	}

#internat_book-f {
	width:950px; height:39px;
	background:url("../images/what-education-f.png") left no-repeat;
	background-position: 480px;
	}

#reviews_book-f {
	width:900px; height:39px;
	background:url("../images/weneedyou-buy-fr.png") left no-repeat;
	background-position: 500px;
	}

#inside_book-f {
	width:800px; height:39px;
	background:url("../images/weneedyou-shop-f.png") center right no-repeat;
	background-position: 500px;
	}

#intro_exhibition-f {
	width:950px; height:39px;
	background:url("../images/done_makingof_f.png") center right no-repeat;
	background-position: 500px;
	}

#whoweare-f span, #home-f span, #who-issues-f span, #who-goals-f span, #who-about-f span, #who-claire-f span, #who-claire-inspirations-f span, #who-claire-hour-f span, #who-claire-conference-f span, #what-we-do-f span, #what-book-f span, #what-exhibition-f span
, #who-steps-f span
, #what-makingof-f span
, #what-makingof-gathering-f span
, #what-makingof-preparing-f span
, #what-exhibition-partners-f span
, #what-exhibition-gallery-f span
, #what-exhibition-media-f span
, #take-f span
, #what-awareness-f span
, #what-other-f span
, #what-other-children-f span
, #learning-f span
, #learning-where-f span
, #learning-who-f span
, #learning-how-f span
, #learning-midwater-f span
, #learning-bottom-f span
, #learning-stop-f span
, #abysses-home-fr span
, #abysses-contactus-fr span
, #abysses-map-fr span
, #sitemap-f span
, #weneedyou-f span
, #partners_asso-f span, #intro_book-f span, #preface_book-f span, #blurbs_book-f span, #internat_book-f span, #reviews_book-f span, #inside_book-f span, #intro_exhibition-f span, #making_exhibition-f span, #gathering_exhibition-f span, #inpersong_exhibition-f span, #preparation_exhibition-f span, #partners_exhibition-f span, #media_exhibition-f span, #photos_exhibition-f span, #intro_claire-f span, #portrait_claire-f span, #inspirations_claire-f span, #anhourwith_claire-f span, #conferences_claire-f span, #intro_contact-f span, #intro_newsletter-f span { display:none }

/*********************** Titles & headers - Chinese *******************************/

#abysses-home-cn {
	width:90px; height:39px;
	background:url("../images/home-cn.png") center right no-repeat;
	}

#abysses-contactus-cn {
	width:135px; height:39px;
	background:url("../images/contact-cn.png") center right no-repeat;
	}

#abysses-map-cn {
	width:155px; height:39px;
	background:url("../images/map-cn.png") center right no-repeat;
	}
   
#whoweare-cn {
	width:800px; height:39px;
	background:url("../images/about_cn.png") left no-repeat;
	background-position: 410px;
	}

#who-issues-cn {
	width:900px; height:39px;
	background:url("../images/about_oceans_cn.png") left no-repeat;
	background-position: 520px;
	}
    
#who-goals-cn {
	width:900px; height:39px;
	background:url("../images/about_mission_cn.png") left no-repeat;
	background-position: 500px;
	}

#who-about-cn {
	width:920px; height:39px;
	background:url("../images/about_team_cn.png") left no-repeat;
	background-position: 500px;
	}

#who-claire-cn {
	width:900px; height:39px;
	background:url("../images/about_claire_cn.png") left no-repeat;
	background-position: 500px;
	}

#who-claire-inspirations-cn {
	width:900px; height:39px;
	background:url("../images/about_claire_inspirations_cn.png") left no-repeat;
	background-position: 480px;
	}

#who-steps-cn {
	width:800px; height:39px;
	background:url("../images/who-individual.png") left no-repeat;
	background-position: 410px;
	}

#what-we-do-cn {
	width:900px; height:39px;
	background:url("../images/wedo_cn.png") left no-repeat;
	background-position: 410px;
	}

#what-book-cn {
	width:900px; height:39px;
	background:url("../images/done_book_cn.png") left no-repeat;
	background-position: 380px;
	}

#what-exhibition-cn {
	width:950px; height:39px;
	background:url("../images/done_exhibition_cn.png") left no-repeat;
	background-position: 508px;
	}

#what-makingof-cn {
	width:900px; height:39px;
	background:url("../images/done-buzz_cn.png") left no-repeat;
	background-position: 495px;
	}

#what-makingof-preparing-cn {
	width:1000px; height:39px;
	background:url("../images/done_world_cn.png") left no-repeat;
	background-position: 500px;
	}

#what-exhibition-partners-cn {
	width:1000px; height:39px;
	background:url("../images/what-exhibition-partners.png") left no-repeat;
	background-position: 410px;
	}

#what-exhibition-media-cn {
	width:1000px; height:39px;
	background:url("../images/what-conservation-cn.png") left no-repeat;
	background-position: 500px;
	}
	
#what-awareness-cn {
	width:1000px; height:39px;
	background:url("../images/what-awareness-cn.png") left no-repeat;
	background-position: 500px;
	}

#what-other-cn {
	width:1000px; height:39px;
	background:url("../images/done_cn.png") left no-repeat;
	background-position: 400px;
	}

#what-other-children-cn {
	width:1000px; height:39px;
	background:url("../images/wedo-kids_cn.png") left no-repeat;
	background-position: 480px;
	}
	
#learning-where-cn {
	width:900px; height:39px;
	background:url("../images/learninge_explore_cn.png") left no-repeat;
	background-position: 480px;
	}

#learning-who-cn {
	width:930px; height:39px;
	background:url("../images/bloom-home-cn.png") left no-repeat;
	background-position: 518px;
	}

#learning-how-cn {
	width:900px; height:39px;
	background:url("../images/learning_quiz_cn.png") left no-repeat;
	background-position: 450px;
	}

#learning-midwater-cn {
	width:900px; height:39px;
	background:url("../images/learning_play_cn.png") left no-repeat;
	background-position: 450px;
	}

#learning-bottom-cn {
	width:1000px; height:39px;
	background:url("../images/about_speaker_cn.png") left no-repeat;
	background-position: 480px;
	}

#learning-stop-cn {
	width:1000px; height:39px;
	background:url("../images/partners_cn.png") left no-repeat;
	background-position: 500px;
	}

#take-cn {
	width:1000px; height:39px;
	background:url("../images/take.png") left no-repeat;
	background-position: 480px;
	}

#weneedyou-cn {
	width:1000px; height:39px;
	background:url("../images/weneedyou-cn.png") left no-repeat;
	background-position: 480px;
	}

#sitemap-cn {
	width:1000px; height:39px;
	background:url("../images/sitemap-cn.png") left no-repeat;
	background-position: 480px;
	}

#preface_book-cn {
	width:1000px; height:39px;
	background:url("../images/about_initiatives_cn.png") left no-repeat;
	background-position: 520px;
	}

#internat_book-cn {
	width:950px; height:39px;
	background:url("../images/what-education-cn.png") left no-repeat;
	background-position: 480px;
	}

#reviews_book-cn {
	width:800px; height:39px;
	background:url("../images/weneedyou-buy-cnr.png") left no-repeat;
	background-position: 500px;
	}

#inside_book-cn {
	width:800px; height:39px;
	background:url("../images/weneedyou-shop-cn.png") center right no-repeat;
	background-position: 500px;
	}

#intro_exhibition-cn {
	width:950px; height:39px;
	background:url("../images/done_makingof_cn.png") center right no-repeat;
	background-position: 500px;
	}

#whoweare-cn span, #home-cn span, #who-issues-cn span, #who-goals-cn span, #who-about-cn span, #who-claire-cn span, #who-claire-inspirations-cn span, #who-claire-hour-cn span, #who-claire-conference-cn span, #what-we-do-cn span, #what-book-cn span, #what-exhibition-cn span
, #who-steps-cn span
, #what-makingof-cn span
, #what-makingof-gathering-cn span
, #what-makingof-preparing-cn span
, #what-exhibition-partners-cn span
, #what-exhibition-gallery-cn span
, #what-exhibition-media-cn span
, #take-cn span
, #what-awareness-cn span
, #what-other-cn span
, #what-other-children-cn span
, #learning-cn span
, #learning-where-cn span
, #learning-who-cn span
, #learning-how-cn span
, #learning-midwater-cn span
, #learning-bottom-cn span
, #learning-stop-cn span
, #abysses-home-cn span
, #abysses-contactus-cn span
, #abysses-map-cn span
, #sitemap-cn span
, #weneedyou-cn span
, #partners_asso-cn span, #intro_book-cn span, #preface_book-cn span, #blurbs_book-cn span, #internat_book-cn span, #reviews_book-cn span, #inside_book-cn span, #intro_exhibition-cn span, #making_exhibition-cn span, #gathering_exhibition-cn span, #inpersong_exhibition-cn span, #preparation_exhibition-cn span, #partners_exhibition-cn span, #media_exhibition-cn span, #photos_exhibition-cn span, #intro_claire-cn span, #portrait_claire-cn span, #inspirations_claire-cn span, #anhourwith_claire-cn span, #conferences_claire-cn span, #intro_contact-cn span, #intro_newsletter-cn span { display:none }