body {	
margin: 0 0 20px 0;	
padding: 0;	
font: small/1.5em 'Lucida Grande', Lucida, Verdana, Arial, sans-serif;	
color: #fff;	
background: #58A4D1  url(bg.gif) repeat-x 0 0;	
text-align: center;	}	

#container {	
margin: 0 auto;
padding: 0;	
width: 860px;	
text-align: left;	
font-size: 90%;	
}	

#parteli {
margin:0 0 15px -15px;
font-weight:800;
list-style: none;
font-size: 160%;
font-family:Monotype Corsiva,Verdana;
//margin-left:-25px;
}
div#tooltip {
   	position:absolute;
   	visibility:hidden;
   	z-index:100;
   	padding:0.2em;
	background-color:#fff; 
	border:3px solid #0B3C59; 
	font-size:11px;
	color: #7AADD2;
	width: 120px;
}


.calque{
  color: #FFFFFF;
  position: absolute;
  visibility : hidden;
  padding: 0px;
  font-family: Courrier;
  align: center;
  font-size: 8pt;
  background-color: #000000;
  opacity : .35;
  filter : alpha(opacity=30);
  width: 100%;
  height : 100%;
  top : 0;
  left : 0 ;

}
.window{
  color: #FFFFFF;
  position: absolute;
  visibility : hidden;
  padding: 0px;
  font-family: Courrier;
  align: center;
  font-size: 8pt;
  background-color: #FFFFFF;
  width: 780px;
  height : 1200px;
  top : 0%;
  left : 20% ;
}

.contemp_window{
  width: 100%;
  height : 100%;
}  

#header {	
margin: 0;	
padding: 15px 0 10px 5px;	
//padding:20px 0 6px 20px; /* pour ie 6 */
text-align:left;
}	

/*  Wallpapers  */
	 h1 {
	 	text-transform : uppercase;
	 	color : #ff3366;
	 	font-size : 24px;
	 }
	 
	 h1 a{
		color : #330066;	 	
	 }
  
 
	  #barre_navigation {
	    padding: 10px 10px 10px 10px;
	    margin : 0;
	  
	  }
	  
	  #barre_navigation h4{
	    width : 150px;
	  	padding: 4px 10px ;
		font-size: 10px;
		font-weight: normal;
		text-transform: uppercase;
		color: #FFF;
		background: #73A8C4;
		cursor: pointer;    
		margin : 0 0 1px 0 ;
	  }
	  
	  #barre_navigation a{
	  	text-decoration : none;		
	  }	  
	  
	  #barre_navigation ul{
	  	padding: 4px 2px 4px 10px;;
		font-size: 9px;
		color: #FFF;	    
	  }
	  
	  #barre_navigation ul li{
	  	list-style-type : none;
	  	padding : 2px 0 2px 0;
	  	margin : 0;
	  }
	  
	  #barre_navigation ul li a {
	    text-decoration: none;
	    color: #000;
	  }
		
	  #barre_navigation ul li a:hover {
	    text-decoration: none;
	    color: #FFF;
	    background-color: #B3DEF2;
	  }
	
      #GaleriImg {
		width:95%;
		text-align:center;
        background-color: white;
      }
  
      #GaleriImg img{
        padding : 1px ;
        border : 1px solid #B3DEF2;
       margin: 0px 10px 0px 10px;
 
      }

/*  Wallpapers  */
	
#partenaires {
	margin : 115px 0 0 20px;
	
	border-style:solid; 
	border-width:0px; 
	border-color:#98A9C5;
	width: 180px;
	height : 200px;
    background:url(parchemin_recom2.gif) no-repeat ;
    padding: 5px 0 0 35px;
	//padding-left :0px;
}

#headcontent {
	margin: -25px 0 -5px 0px;
	
	border-style:solid; 
	border-width:0px; 
	border-color:#98A9C5;
	height : 110px;
    background:url(corde.gif) no-repeat ;
    //background:url(corde2.gif) no-repeat ;

    padding: 5px 0 0 40px;

}
 

#partenaires  li{
	list-style: none;
	border-bottom-width:1px; 
}
  
#partenaires  li a{
 	color:black;
 	text-decoration:none;
	text-transform: uppercase;
	font-size: 90%;
}
  
#content {	
background-color: #EEE5AF;
color:#000000;
margin: -5px 0 0px 225px;
padding: 15px 0 10px 0px; 

}	

#contentAccueil{
background-color: #ffffff;
color:#000000;
padding: 10px 0 10px 0;
margin: 180px 120px 0 120px ;
text-align:center;
}


#bg_slider {
  background:transparent url(bg_slider.gif) no-repeat scroll center;
  height:13px;
  width:120px;
  margin: 0 0 0 0; 
}

#slider {
  background:transparent url(slider.gif) no-repeat scroll center;
  cursor:pointer;
  height:15px;
  width:15px;
  color : #FFF;
  text-align : center;
  font-size : 9px;

}

#menu {	
float: left;	
margin: 0px 0 10px 0px;	
padding: 10px 0 0 0;	
width: 210px;	
 
}	
 
dl { 
margin: 0;
padding: 0; 
}
dd { 
margin: 0;
padding: 0; 
}
dt { 	
margin: 0 0 1em 0;	
padding: 7px 0 0 0;
font-size: 110%;	
font-weight: bold;	
text-transform: uppercase;
letter-spacing: 1px;	
background: transparent url(bgBorder.gif) no-repeat top left;
}

dd { 
margin: 0 0 .5em 0;
padding: 0; 
}

ul { 
margin: 1.75em 1.75em;
padding: 0; 
}

li { 
margin: 0 0 0.25em 0px;
padding: 0; 
}
#categorie {
padding-left: 10px;  

}

#menu ul{   
margin-top: 0;   
list-style: none;}

#menu ul a{   
display:block;    
background:#266C96;   
padding: 5px;   
border-right: 2px solid #b5d4e8;   
text-decoration: none;}

#menu ul a:hover{   
color:#fff;   
border-right: 1px solid #fff;
}

div#footWrap {	
clear: both;	
margin: 0;	
padding: 1.5em 0 0 0;	
font-size: 90%;	
color: #3A80A8;	
}

.tabAccueilInfos {
 text-align:center;
 margin-right:10px;
 width:95%;
}
 
.tabEpisodes {  
 text-align:center;
 width:95%;
}

 span.footCopyright {	margin: 0;	padding: 0;	float: left;	width: 45%;	}
 div.footBarre{	margin: 0;	padding: 0;	float: left;	width: 35%;	}
 span.footInfo {	float: right;	margin: 0;	padding: 0;	width: 20%;	text-align: right;	}
 
a { 
font-weight: bold; 
}

a:link { 
color: #b5d4e8; 
}	
h1{	
margin: 0 0 1.5em 0;	
padding: 5px 0 0 0;	
font-size: 200%;	
text-transform: uppercase;	
 
letter-spacing: 1px;	
text-shadow: #052f46 3px 3px;	
color:#7aadd2;
text-align:center;
}
h2{	

margin: 15px 0 0 0;	
padding: 0 auto;	
background-color: #BECDE2;
}

h3{	
text-shadow: #052f46 3px 3px;
letter-spacing: 1px;	
margin: -5px 0 10px 0;	
padding: 0 auto;	
font-size: 110%;	
text-transform: uppercase;	
letter-spacing: 1px;	
text-shadow: #052f46 3px 3px;
text-align:center;
}
a:visited { 
color: #fff; }	

a:hover, a:active { 
color: #052f46; 
}

content img {	border: 0px;	}

#kwicks_container { 
	height: 49px;
	cursor:pointer;
	vertical-align:middle;
	background:url(Images/persos.gif); 
}
#kwicks {
	position: relative;
	vertical-align:middle;
}
 
#kwicks_container .kwick {
	float: left;
	display: block;
	border-color:black;
	border-width:1px;
	border-style:solid; 
	width: 100px;
	height: 40px;
	color:#ffffff;
	text-transform: capitalize;	
	vertical-align:middle;
	font-weight:600;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:90%;
	text-align:center;
	padding: 7px 0 0 0px;
}
 
#AjaxPersos  {
margin: 30px 20px 50px 20px;
}

#idList {
	margin: 0;
	padding: 0;
}
 
#idList li {
	display: block;
	margin: 0;
	padding: 4px;
}

.InfoPerso{
	border-color:#D1D5DB;
	border-width:2px;
	border-style:solid; 

}

.tabarticles {
	border-color:#D1D5DB;
	border-width:2px;
	border-style:solid; 
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.tdarticlesheader{
	font-size: 14px;
	font-weight: bold;
	color: #D1D5DB;
	text-align: center;
	background-color: #D1D5DB;
}

#kwick_1 {
background: transparent url(Images/equipeluffy.png) no-repeat 0 0;
}
#kwick_2 {
background:  url(Images/autreequipage.gif) no-repeat 0 0;
}
#kwick_3 {
background-color: #5D5DFF;
}
#kwick_4 {
background:  url(Images/capicorsaire.gif) no-repeat 0 0;
}
#kwick_5 {
background:  url(Images/gouvernement.gif) no-repeat 0 0;
}
#kwick_5 {
background-color: #9393FF;
}
#kwick_6 {
background-color: #BBBBFF;
}
p { 
margin: 0 0 1.75em 0px; 
padding: 0; 
}

.Reussite {	
margin: 0 0 1.5em 0;	
padding: 5px 0 0 0;	
font-size: 110%;	
text-transform: uppercase;	
letter-spacing: 1px;	
text-shadow: #052f46 3px 3px;
color:#58A938;
font-weight:bold;
}	

.tool-tip {
	color: #114868;
	width: 200px;
	z-index: 13000;
	padding:4px 4px 4px 4px;
	border: 1px solid #7AADD2;
}
 
.tool-title {
	font-weight: bold;
	font-size: 0.75em;
	margin: 0;	
	color: #0B3C59;
	padding: 8px 8px 4px;
	background: url(../images/degrade_bullest.jpg) repeat-y;
	border-left: 3px solid #0B3C59;
	border-right: 3px solid #0B3C59;
	border-top: 3px solid #0B3C59;
}
 
.tool-text {
	font-size: 0.75em;
	padding: 4px 8px 8px;
	background: url(../images/degrade_bulles.jpg) repeat-y;
	border: 3px solid #0B3C59;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

 b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}
