/* ************* G E N E R A L ************************ */

*{
   margin:0;
   padding:0
}

html, body {height: 100%; overflow-x:hidden; overflow: hidden;  behavior: url("/css/csshover.htc");}

body { behavior:url("/css/csshover.htc"); }
a { outline: none;
}
h1 {
	float : left;
	text-decoration: none;
	margin-right: 20px;

}
* html body {
      behavior:url(/css/csshover.htc);
}


h1, a{ behavior:url(/css/csshover.htc); position: relative }
/* ---------------------------------------------------- */
/*                     HOME                             */
/*----------------------------------------------------- */  

body#home {
	background: #FFFFFF;
}

#languages {
	position: absolute;
	width: 284px;
	height: 124px;
	margin-left: -142px;
	left: 50%;
	margin-top: -62px;
	top: 50%;
	
}

#languages a {
	display:block;
	text-indent: -1000px;
	float: left;
}

#languages a.chanel_menu01 {
	background: url(/images/structure/chanel-chinois.gif)  no-repeat; 
	width: 68px;
	height: 15px;

}
#languages a.chanel_menu02 {
	background: url(/images/structure/chanel-japanese.gif)  no-repeat; 
	width: 82px;
	height: 15px;
}

#languages a.chanel_menu03 {
	background: url(/images/structure/chanel-french.gif)  no-repeat; 
	width: 76px;
	height: 15px;
}
#languages a.chanel_menu04 {
	background:  url(/images/structure/chanel-english.gif)  no-repeat; 
	width: 54px;
	height: 15px;
}



/* ---------------------------------------------------- */
/*                   CONTENU  STRUCTURE                 */
/*----------------------------------------------------- */  

#logo {
	position: absolute;
	top: 10px;
	width: 237px;
	margin-left: -118px;
	left: 50%;
}

#map {
	position: absolute;
	background: #000000;
	width: 100%;
	height: 87%;	
	z-index:1
	
}

#overImg {
	margin-top:20px; 
	width: 235; 
	height: 75; 
	position:absolute; 
	left:50%; 
	margin-left:-117px; 
	z-index:20;
}

#popin {
z-index: 500; 
position: absolute; 
height:500px; 
width: 666px; 
left:50%;top:50%;  
margin-top:-250px;
margin-left:-333px; 
display: none;
overflow:hidden;
background: none;
}




#menu_foot {
	position: absolute;
	background: #FFFFFF;
	width: 100%;
	height: 13%;
	bottom: 0;	
	/*width: 750px;
	margin-left: -375px;
	left: 50%;
	height: 13%;
	bottom: 0;*/
}
.separator {
	background: #dcdcdc; 
	height:1px; 
	width: 100%; 
	bottom: 28px; 
	overflow:hidden; 
	position: absolute;
}

#overlay_popin {
	position: absolute;
	z-index:100;
	top:0;
	left:0;
	height : 100%;
	width: 100%;
	filter : alpha(opacity=70);
	-moz-opacity : 0.7;
	opacity : 0.7;
	background : #000000;
}


/*---------------------POLICE TYPEFACE-----------------------*/



.narrow {
	font-family: Verdana ;
	font-weight: bold;
	font-size:15px !important;
	text-transform:uppercase;
	text-decoration: none;
	color: #000000;
	float: left;
	cursor: pointer;
}


.narrow2 {
	font-family: Arial ;
	font-weight: bold;
	font-size:15px !important;
	text-transform:uppercase;
	text-decoration: none;
	color: #000000;
	float: left;
	cursor: pointer;
	border-bottom: 1px solid #bababa;

}



.narrow_light {
	font-family: Arial ;
	font-weight: bold;
	font-size:12px !important;
	text-transform:uppercase;
	text-decoration: none;
	color: #afafaf;
	float: left;
	cursor: pointer;

}



.narrow_off {
	font-family: Arial ;
	font-weight: bold;
	font-size:12px !important;
	text-transform:uppercase;
	text-decoration: none;
	color: #afafaf;
	float: left;
	cursor: auto;

}

#diary .narrow_on {
	font-family: Arial ;
	font-weight: bold;
	font-size:12px !important;
	text-transform:uppercase;
	text-decoration: none;
	color: #000000;
	float: left;
	cursor: pointer;
	display: block;

}

#diary .narrow_on  a{
	font-family: Arial ;
	font-weight: bold;
	font-size:12px !important;
	text-transform:uppercase;
	text-decoration: none;
	color: #000000;
	float: left;
	cursor: pointer;
	display: block;

}
#boutique .narrow_on a {
	font-family: Arial ;
	font-weight: bold;
	font-size:12px !important;
	text-transform:uppercase;
	text-decoration: none;
	color: #000000;
	float: left;
	cursor: pointer;
	display: block;
}

#boutique .narrow_off a {
	font-family: Arial ;
	font-weight: bold;
	font-size:12px !important;
	text-transform:uppercase;
	text-decoration: none;
	color: #afafaf;
	float: left;
	cursor: auto;
	-margin-right: 30px;
}
.narrow_light a {
	font-family: Arial ;
	font-weight: bold;
	font-size:12px !important;
	text-transform:uppercase;
	text-decoration: none;
	color: #afafaf;
	float: left;
	cursor: pointer;
}

/*----------------- MENU FOOT ------------------------------- */

#menu {
	height:15px;
	margin-left: -425px;
	left: 50%;
	position:absolute;
	width:850px;
	margin-top: 5px;

}

#home_on {
	position: absolute;
	top: 2px;
	left: -80px;
	color:#000;
	font-family: Arial ;
	font-weight: bold;
	font-size:15px;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}


#home_on a{
	color:#000;
	font-family: Arial ;
	font-weight: bold;
	font-size:14px !important;
	text-decoration: none;
	text-transform: uppercase;
}

.diary {
}
.underline2 {
	border-bottom: 1px solid red;
}

.htabs{	overflow:hidden; height:22px;}
.htabs h2 {
	color:#000;
	font-family: Arial;
	font-weight: bold;
	font-size:15px;
	text-decoration: none;
	text-transform: uppercase;
}

.htabs h2.off {
	color:#b3b3b3;
	font-family: Arial;
	font-weight: bold;
	font-size:15px;
	text-decoration: none;
	text-transform: uppercase;
}

.htabs span.off {
	color:#b3b3b3;
	font-family: Arial ;
	font-weight: bold;
	font-size:15px ;
	text-decoration: none;
	text-transform: uppercase;
}


.htabs h2 a{
	color:#000;
	font-family: Arial ;
	font-weight: bold;
	font-size:15px;
	text-decoration: none;
	text-transform: uppercase;
}

.htabs span a{
	color:#000;
	font-family: Arial, Helvetica, sans-serif ;
	font-weight: bold;
	font-size:13px;
	text-decoration: none;
	text-transform: uppercase;
}



.htabs span a:hover{
	color: #666666;
}
.htabs h2 a:hover{
	color: #666666;
}

.htabs h3{
	color:#b3b3b3;
	font-family: Arial ;
	font-weight: bold;
	font-size:14px !important;
	text-decoration: none;
	text-transform: uppercase;
}
.htabs h3 a:hover{
	color: #666666;
}


.htabs li{
	float:left;
	margin-top:2px;
	padding-left: 18px;
	overflow:hidden;
	height:21px;
}

.tab {
-margin-top:20px; overflow: hidden; height: 20px;
height:40px;
}
.tabs{
	margin-top:2px;
	overflow:hidden;
	clear: both;
	margin-left:-20px;
}
.tabs li{
	list-style: none;
	list-style-type: none;
	float:left;
	font-family: Arial;
	font-weight: bold;
	font-size:12px !important;	
	text-align: center;
}


.tabs li a{
	/*text-decoration:none;
	color:#666666;
	font-family: Arial;
	font-weight: bold;
	font-size:11px !important;
	text-decoration: none;
	text-transform: uppercase;
	*/
	/*margin-right: 10px;*/
}
.tabs li span.sous_nav a{

	color:#666666;
	font-family: Arial;
	font-weight: bold;
	font-size:11px !important;
	text-decoration: none;
	text-transform: uppercase;
	margin-right: 10px;
}
#boutique li span.sous_nav_off a{

	color: #CCCCCC;
	font-family: Arial;
	font-weight: bold;
	font-size:11px;
	text-decoration: none;
	text-transform: uppercase;
	margin-right: 10px;
	
}

.tabs li a:hover{
}







#ssmenu_default {
	height:15px;
	margin:0 auto;
	position:relative;
	width:740px;
}

#ssmenu_01 {
	position: absolute;
	height: 10px;
	width:150px;
	top: 20px;
}

#ssmenu_02 {
	position: absolute;
	height: 10px;
	width:350px;
	top: 20px;
}

#menu_01 {
	width: 180px; 
	float: left; 
	position: relative;
}

#menu_02 {
	width: 200px;
	float: left; 
	position: relative;
}

#menu_03 {
	width: 230px;
	float: left; 
	position: relative;
}

#menu_04 {
	width: 150px;
	float: left; 
	position: relative;
}
#link0 {
	position: absolute;
	left: 30px;
	top: 0px;
}

#link01 {
margin-left: 40px;
}

#link02 {
margin-left: 100px;
}
#link03 {
margin-left: 80px;

}
#link04 {
margin-left: 75px;

}

#episode_01 {
	margin-right: 5px;
}

#episode_02 {
	margin-right: 5px;
}
#episode_03 {
	margin-right: 5px;
}
#episode_04 {
	margin-right: 5px;
}
.menu01 {
	width: 180px;
	background: #FFFFFF;
	height: 204px;
	position: absolute;
	top: -214px;
	left: -20px;
	display: block;
	padding-top: 10px;
	text-align: center;
}



.menu01 a {
	color: #000000;
	text-decoration: none;
	font-size: 14px;
	display: block;
}

.menu01 a:hover {
	color: #b4b4b4;
	text-decoration: none;
	font-size: 14px;
	display: block;
}

#boutique {
/*	margin-left: 90px;
	-position: absolute;
	-left: -20px;
	-margin-left: 10px;
*/
	margin-left: 0px;
	width:700px;
	margin-top:0;
	margin: 0 auto;
	
}

#boutique li {
	list-style: none;
	list-style-type: none;
	float:left;
	font-family: Arial;
	font-weight: bold;
	font-size:12px;	
	color: #BCBCBC;

}


#boutique li a{
	text-decoration:none;
	color:#666666;
	font-family: Arial;
	font-weight: bold;
	font-size:12px;
	text-decoration: none;
	text-transform: uppercase;
	margin-right: 30px;
	-margin-right: 15px;
}


#boutique .narrow_on a {
	padding-right: 4px;
}

.space {
	margin-right: 30px;
}

#default {
	margin-left: 0px;
	width:900px;
	margin-top:0;
}






#diary{
/*	margin-left:7px;
	-position: absolute;
	-left: -20px;*/
	margin-left: 0px;
	width:900px;
	margin-top:0;
}

#diary li {
	margin-left: 10px;
}

#diary .narrow_off {
	-padding-right: 3px;
}

.tabs #default span._off {
color: #B3B3B3;
text-transform: uppercase;
}


/* -------- COPYRIGHT -----------*/ 

#copyright {
	position: absolute;
	width: 494px;
	margin-left: -247px;
	left: 50%;
	bottom: 0;
}
#copyright li{
	list-style: none;
	list-style-type: none;
	float:left;
	margin-right: 15px;

	
}

#copyright li a{

	font-family: Arial;
	font-weight: normal;
	font-size:10px !important;	
	color: #828282;
	text-decoration: none;

}

.register {

}

.register a {
	position: absolute;
	bottom: 0;
	right: 0;
	font-family: Arial;
	font-weight: normal;
	font-size:10px !important;	
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 5px;
	background: black;
	width:54px;
	height: 19px;
	padding-left: 9px;
	
}
#copyright img {
	border: none;
}

/* POPIN 01 */

#popin01 {
	width: 500px;
	height: 400px;
	position: absolute;
	z-index: 10;
	background: red;
	margin-left: -250px;
	left: 50%;
	top: 100px;
}


.selected {
	border-bottom: 1px solid #bbbbbb;	
	
}

.selected2 {

height: 15px;
}




/* ---------------------------------------------------- */
/*                   POPIN INFORMATION                 */
/*----------------------------------------------------- */


#information {
	width: 666px;
	height: 403px;
}

#information .heading {
	height: 20px;
	width: 100%;
	text-align: center;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}

#information .pict_map {
	width: 333px;
	float: left;	
}

#information .localisation_map {

	width: 303px;
	-width: 302px;
	padding: 20px 10px 20px 20px; 
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #FFFFFF;
	height: 342px;

}

#information .localisation_map a{

	color: #000000;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
#information p {

	margin-top:14px;
}

#information h3 {
	color:#000;
	font-weight: bold;
	font-size:12px;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom:40px;
	font-family: Arial, Helvetica, sans-serif;
}

#information h3 {
	color:#000;
	font-family: Arial ;
	font-weight: bold;
	font-size:18px;
	text-decoration: none;
	text-transform: uppercase;
	visibility: visible;
}
.heading .narrow_white {
	color:#FFF;
	font-family: Arial ;
	font-weight: bold;
	font-size:14px !important;
	text-decoration: none;
	text-transform: uppercase;
}

#information #close {
	cursor:pointer;
	height:13px;
	left:640px;
	position:absolute;
	top:25px;
	width:8px;
	z-index:10000;
}

#close3{
	cursor:pointer;
	height:13px;
	left:640px;
	position:absolute;
	width:8px;
	z-index:10000;
	top:6px;
}
 
 /* ---------------------------------------------------- */
/*                   POPIN FORMULAIRE                 */
/*----------------------------------------------------- */
 #formulaire {
	width: 666px;
	height: 403px;


}

 #formulaire form{
 	margin-top: 15px;
 }
 
 #formulaire #form_box {
 	background: #FFFFFF;
 }
 #formulaire #explication {
	width: 562px;
 	margin-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top:10px;	
	
 }
 
 #formulaire form label {
 	width: 110px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	display: block;
	float: left;
 }
 
#formulaire input.input_160 {
	width: 160px;
	float: left;
	background: #efefef;
	height: 15px;
	padding-bottom: 2px;
	padding-top: 2px;
	border: none;
	margin-bottom: 10px;
}
#formulaire input.input_440 {
	width: 450px;
	float: left;
	background: #efefef;
	height: 15px;
	padding-bottom: 2px;
	padding-top: 2px;
	border: none;
	margin-bottom: 10px;

}
#formulaire select.option_45 {
	width:45px;
	margin-left: 7px;
	float: left;
	background: #efefef;
	
}
#formulaire select.option_56 {
	width:56px;
	float: left;
	background: #efefef;
}
#formulaire input#send {
	width: 81px;
	height: 24px;
	background:url(../images/structure/send.jpg) no-repeat;
	float: right;
	border: none;

}
#formulaire input#cancel {
	width: 81px;
	height: 24px;
	background:url(../images/structure/cancel.jpg) no-repeat;
	float: right;
	border: none;
	margin-left: 10px;
	
}

label.col_r {
	margin-left: 20px;

}

#formulaire select.input_160 {
	width: 160px;
	float: left;
	background: #efefef;
	height: 19px;
	padding-bottom: 2px;
	padding-top: 2px;
	border: none;
	margin-bottom: 10px;
}



#formulaire .heading {
	height: 20px;
	width: 100%;
	text-align: center;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}

#formulaire .pict_map {
	width: 333px;
	float: left;	
}

#formulaire .localisation_map {

	width: 303px;
	-width: 302px;
	padding: 20px 10px 20px 20px; 
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #FFFFFF;
	height: 342px;

}

#formulaire .localisation_map a{

	color: #000000;
	text-decoration: underline;
}
#formulaire p {

	margin-top: 17px;
}

#formulaire h3 {
	color:#000;
	font-family: Arial ;
	font-weight: bold;
	font-size:20px !important;
	text-decoration: none;
	text-transform: uppercase;
}

#formulaire h3 {
	color:#000;
	font-family: Arial ;
	font-weight: bold;
	font-size:20px !important;
	text-decoration: none;
	text-transform: uppercase;
}
.heading .narrow_white {
	color:#FFF;
	font-family: Arial ;
	font-weight: bold;
	font-size:14px !important;
	text-decoration: none;
	text-transform: uppercase;
}

#formulaire #close {
	cursor:pointer;
	height:13px;
	left:640px;
	position:absolute;
	top:25px;
	width:8px;
	z-index:10000;
}

.clear {
	clear: both;
}

.legal_information {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #959595;
	padding: 16px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*												FOOTER 															*/
/*--------------------------------------------------------------------------------------------------------------------------*/

#footer {
	width: 100%; 
	position:absolute;
	bottom: 0;
	height:25px;
	overflow: hidden;
	border-top:1px solid #e6e6e6;
}


#foote_content {
	width: 430px;
	height:24px;
	margin: 0 auto;
	color: #000000;
	overflow: hidden;
	text-transform: uppercase;
}

#foote_content a{
	color: #000000;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 18px;
	text-decoration: none;
	line-height: 10px;
	height:24px;
	line-height: 24px;
	display: block;
	float: left;
	vertical-align: middle;
	
}

#footer a.register {
	position: absolute;
	right: 0;
	background: #000000;
	bottom: 0;	
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height:24px;
	width: 74px;
	line-height: 24px;
	display: block;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
}

.htabs  span.menu_title_off a{
	color:#c3c3c3;
	font-family: Arial, Helvetica, sans-serif ;
	font-weight: bold;
	font-size:13px;
	text-decoration: none;
	text-transform: uppercase;
	cursor:auto;

}
.tabs div#default li.titre1 a,
.tabs div#default li.titre2 a,
.tabs div#default li.titre3 a,
.tabs div#default li.titre4 a  {
	font-family: Arial, Helvetica, sans-serif ;
	font-weight: bold;
	font-size:11px;
	color:#000000;
	text-decoration: none;
	margin-left: 30px;
	text-transform: uppercase;
}

.tabs div#default li.titre3 a.off,
.tabs div#default li.titre4 a.off  {
	font-family: Arial, Helvetica, sans-serif ;
	font-weight: bold;
	font-size:11px;
	color:#c3c3c3;
	text-decoration: none;
	margin-left: 30px;
	text-transform: uppercase;
}


.tabs #boutique span a  {
	font-size:12px;
	color:#000000;
}
.tabs #boutique span.virtuelle {
	font-size:11px;
	color:#c3c3c3;
	margin-right:30px;
	}
.tabs #diary  a {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif ;
	font-weight: bold;
	font-size:13px;
	color: #000000;
	text-decoration: none;
}	

.tabs #diary span {
	font-family: Arial, Helvetica, sans-serif ;
	font-weight: bold;
	font-size:13px;
	color: #c3c3c3;
	text-decoration: none; 
	margin-right: 10px;
}
.tabs #Karl {
	margin-left:440px;
	-margin-top: 0px;
}


.tabs #Karl  a {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif ;
	font-weight: bold;
	font-size:12px;
	color: #000000;
	text-decoration: none;

}	

.tabs #Karl span {
	font-family: Arial, Helvetica, sans-serif ;
	font-weight: bold;
	font-size:12px;
	color: #c3c3c3;
	text-decoration: none; 
	margin-right: 10px;
	display: block;
	width: 225px;
}	

.tabs #defile {
	margin-left:480px;
	-margin-top: 0px;
}


.tabs #defile  a {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif ;
	font-weight: bold;
	font-size:12px;
	color: #000000;
	text-decoration: none;

}

.tabs #defile span {
	font-family: Arial, Helvetica, sans-serif ;
	font-weight: bold;
	font-size:12px;
	color: #c3c3c3;
	text-decoration: none;
	margin-right: 10px;
	display: block;
	width: 225px;
}


#menu .tabs #diary {
	/*margin-top: -20px;	*/
margin-left:-40px;
}
#menu .tabs #diary ul {
	/*margin-top: -20px;	*/
height: 100%;}
#menu .tabs #diaryl li {
	/*margin-top: -20px;	*/


}
#information .heading span {
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}


#close_3 {
position:absolute; right:10px; top:35px; z-index:100000;  height:20px; width: 20px;
cursor: pointer;
}

#close_4 {
position: absolute;  height:20px; width: 20px; right:10px; top:35px; z-index:100000;
cursor: pointer;
}