/*

General styling

*/

body {
	margin:0;
	background-color:#e9e9e9;
	font-family:Arial, sans-serif;
	font-size:11px;
	color:#333;
}

#wrapper {
    width:1000px;
    _width:1000px;
    margin:0 auto;
    padding:5;
background:url(http://ikkkare.free.fr/wp-content/themes/water3-10/Presentation/enc_milieu_water.jpg) repeat-y;    
}

* html #wrapper { width: 1000px }

a:link, a:visited {
	text-decoration:none;
	color:#3366FF;
}

a:hover {
    text-decoration:underline;
}

* {
padding:0;
margin:0;
}

/* HEADER */

#header {
    margin-bottom:10px;
}

    #title {
    width:340px;
    float:left;
    text-align:left;
    margin:18px 5px 0 10px;
    line-height:22px;
    font-size:30px;
    font-weight:normal;
    color:#3366FF;
    }
    
    #title a:hover {
        text-decoration:none;
        color:#3399FF;
    }

    #topmenu {
        margin-top:20px;
        z-index:5;
        float:left;
        width:400px;
    }
    
        #topmenu a:link, #topmenu a:visited {
            color:#333;
        }
        
        #topmenu a:hover {
            text-decoration:none;
        }
    
		#topmenu ul { 
			list-style:none;
			margin:0 0 0 5px;
			padding:0;
		}
				
				#topmenu ul li a:link, #topmenu ul li a:visited {
					display:block;
					line-height:11px;
					padding:5px 15px 2px 5px;
					margin:0 5px 0 0;
					font-size:11px;
					border-bottom:2px solid #3366FF;
					text-transform:uppercase;
				}
				
				#topmenu ul li a:hover {
				    border-bottom:2px solid #3399FF;
				}
				
				#topmenu ul li {
					display:block;
					float:left;
					position:relative; 
				}
				
				#topmenu ul li ul {
					display:block;
					position:absolute;
					top:auto;
					list-style:none;
					margin:0;
					padding:0;
					visibility:hidden;
					border-top:1px solid #CCC;
					width:220px;
				}
				
				#topmenu ul li:hover ul,
				#topmenu ul li.msiefix ul {
					visibility:visible;
				}
				
				#topmenu ul li ul li {
					position:relative;
					float:none;
					line-height:18px;
					color:#333;
					font-size:10px;
					_height:1px;
				}
				
				#topmenu ul li ul li a:link, #topmenu ul li ul li a:visited, #topmenu ul li ul li a {
					display:block;
					margin:0;
					line-height:15px;
					padding:2px 0 2px 10px;
					color:#FFF;
					_height:1px;
					text-transform:none;
					border:0;
					background-color:#3366FF;
				}
				
				#topmenu ul li ul li a:hover {
					background-color:#3399FF;
				}
				
    #headerimage {
        clear:both;
        height:200px;
        border-top:1px solid #CCC;
        border-bottom:1px solid #CCC;
        background-image:url(http://ikkkare.free.fr/Presentation/top2.jpg);
        background-repeat:no-repeat;
        background-position:center;
    }
    

/* SIDEBAR */

#sidebar_one {
    width:250px;
    _width:250px;
    float:right;
    margin:0 5px 0 0;
    _margin:0 0px 0 0px;
    border-left: 1px solid #e0e0e0;
}


* html #sidebar_one { width: 250px }

#sidebar_two {
    width:220px;
    _width:250px;
    float:right;
    margin:0 0px 0 5px;
    _margin:0 -25px 0 15px;
    border-left: 1px solid #e0e0e0;
}

* html #sidebar_two { width: 250px }

.sidebar a:link, .sidebar a:visited {
    color:#333;
    
}

.sidebar a:hover {
    color:#3366FF;
    text-decoration:none;
}

.sidebar input {
	width:150px;
}

/* LISTS */

html>body .the_content ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .the_content li {
	margin: 7px 0 8px 10px;
	}

.the_content ol {
	padding: 0 0 0 15px;
	margin: 0;
	text-indent:-5px;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style: none;
	}
	
.sidebar ul, .sidebar ul ol {
	margin: 0;
	padding: 0;
	}

.sidebar ul li {
	list-style: none;
	margin-bottom: 15px;
	}

.sidebar ul p, .sidebar ul select {
	margin: 5px 0 8px;
	}

.sidebar ul ul, .sidebar ul ol {
	margin: 5px 0 0 5px;
	}

.sidebar ul ul ul, .sidebar ul ol {
	margin: 0 0 0 10px;
	}

.sidebar ul ul li, .sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

.the_content ul li:before, .sidebar ul ul li:before {
	content: "\00BB\00A0";
	
	}


/* CONTENT */

#content {
    margin:0 0 0 12px;
    _margin:0 -15px 0 12px;
    width:500px;
    _width:480px;
    float:left;
}

* html #content { width: 480px }

.post {
    margin:0 0 30px 0;
    font-size:12px;
    clear:both;
}

    .post .posttitle, .sidebar h2 {
        font-size:20px;
        line-height:20px;
        color:#3399FF;
        margin:0 0 2px 0;
        font-weight:normal;
    }
    
        .post a:link, .post a:visited {
            color:#3399FF;
        }
    
        .post a:hover {
            color:#3366FF;
            text-decoration:none;
        }
    
        .post a:link span, .post a:visited span {
            color:#CCC;
        }
        
        .post a:hover span {
            color:#AAA;
        }
        
    .post .postmeta {
        font-size:10px;
        line-height:10px;
        color:#CCC;
        text-transform:uppercase;
        margin:0 0 5px 0;
    }
    
        .post .postmeta a:link, .post .postmeta a:visited {
            color:#AAA;
        }
        
        .post .postmeta a:hover {
            color:#3366FF;
            text-decoration:none;
        }
        
    .post p {
        margin:0 0 15px 0;
        line-height:15px;
    }
    
        .post p a:link,
        .post p a:visited,
        .post ul a:link,
        .post ol a:link,
        .post ul a:visited,
        .post ol a:visited {
            color:#3366FF;
        }
    
        .post p a:hover,
        .post ul a:hover,
        .post ol a:hover {
            text-decoration:underline;
        }
        
        .post .the_content ul, .post .the_content ol {
            margin-bottom:15px;
        }
    
    .post blockquote {
        margin:0 0 15px 20px;
        padding:5px;
        border-top:1px solid #3366FF;
        border-bottom:1px solid #3366FF;
    }
    
        .post blockquote p {
            margin:0;
            font-style:italic;
        }
        
        .post blockquote blockquote {
            margin-top:15px;
            background-color:#F3F3F3;
        }


    
    .post .wp-smiley {
        float:none;
        border:0;
        margin:0;
    }


/* COMMENTS */

#commentlist, #trackbacks {
    list-style:none;
}

    #commentlist li {
        margin:0;
        padding:15px 10px 0 10px;
        border-bottom:1px solid #3366FF;
    }

    #commentlist li.odd {
        background-color:#F3F3F3;
    }
    
    #trackbacks li {
        padding:5px 10px 5px 10px;
    }

.post .commenttitle {
        font-size:16px;
        line-height:16px;
        color:#3399FF;
        margin:0 0 2px 0;
        font-weight:normal;
    }
    
        .post #commentlist .commenttitle a:link, .post #commentlist .commenttitle a:visited {
            color:#3399FF;
        }
    
        .post #commentlist .commenttitle a:hover {
            color:#3366FF;
            text-decoration:none;
        }
        
        textarea {
            width:100%;
        }

/* FOOTER */
        
#footer {
    clear:both;
    border-top:1px solid #CCC;
}

    #footer p {
        margin:5px 0 30px 5px;
        color:#CCC;
        text-transform:uppercase;
        font-size:10px;
    }
    
    #footer a:link, #footer a:visited {
        color:#AAA;
    }
    
    #footer a:hover {
        color:#3366FF;
        text-decoration:none;
    }