* {
	outline:none;
	}
body {
	background-color:#DCDCDC;
	background-image:url(http://graphix-illusion.fr/patterns/immortalmemoriepatternspourgifr1.gif);
  	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}

.container {
	font-size:small;
	width:100%;
	color:#FFF5EF;
	}
#banner {
	width:900px;
	margin:0 auto;
	height:60px;
  background:#223645;
  		-moz-border-radius: 10px;
     -webkit-border-radius: 10px;
      border: 1px solid #223645;
       padding: 20px;
	}
#banner h1 {
	margin:0;
	padding:0;
	font-size:140%;
	float:right;
	font-weight:normal;
		padding:15px;
							  text-shadow: 2px 2px 2px #B83A1B;
							  color:#FFF5EF;
	}
#banner h1 a:link, #banner h1 a:visited, #banner h1 a:hover {
	color:#FFF5EF;

	text-decoration:none;
	background:none;
	}
.menu {
	float:left;
	padding:15px;

	}

.menu a:link, .menu a:visited {
	
	padding:0px 3px 0 0;
	color:#FFF5EF;
	text-decoration:none;
					  text-shadow: 2px 2px 2px #000;
	
	}
.menu a:hover {
			color:#FFF5EF;
					  text-shadow: 0px 0px 0px #B83A1B;
	}

.menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.menu li {
	float: left;
}

.mainBody {
width:980px;
margin:auto;
	clear:both;
		background:#000;
		-moz-border-radius: 10px;
     -webkit-border-radius: 10px;
      border: 1px solid #1A1D26;
       padding: 10px;
	}

.wrapper {
	width:640px;
	margin:0 auto;
	overflow:auto;
	}

h2 {
	  	font-size:120%;
	  				color:#FFF5EF;
	  						  text-shadow: 2px 2px 2px #B83A1B;
	}
	
.content	h3 {
	  	font-size:120%;  
	  				color:#FFF5EF;
	  						  text-shadow: 2px 2px 2px #B83A1B;
  }
	
.wrapper h3 {
	font-size:105%;
	}
.notes, .commentList {
	width:300px;
	float:left;

	}
.details, .commentForm {
	margin-left:300px;

	}
.content {
	padding:10px;
	line-height:160%;
	}

	
#mainImg {
	width:620px;
	clear:both;
	text-align:left;
	border:none;  
	padding:10px
	}
#mainRest {
  width:320px;
	clear:both;
	text-align:left;
	border:none;  
	padding:10px

}	

.archive {
	width:800px;
	margin:0 auto;
	}
.archive h2 {
	margin:0;
	padding:0;
	font-size:110%;
	}
.tags {
	margin-bottom:10px;
	}

.thumbs a {
	display:block;
	float:left;
	margin:0 10px 10px 0;
	}
.thumbs a img {
	border:none;
	}

.about {
	width:800px;
	margin:0 auto;
	}
.aboutText {
	width:580px;
}
.sidebar {
	width:200px;
	float:right;
	margin:0 0 10px 20px;
	}
.sidebar ul, .column ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
	}
.sidebar ul li, .column ul li {
	margin-bottom:10px;
	}
.columns {
	clear:both;
	overflow:auto;
	height:1%;
	}
.column {
	width:33%;
	float:left;
	}

.footer {
	width:900px;
margin:auto;
	font-size:80%;
	text-align:center;
	clear:both;
  background:#223645;
    		-moz-border-radius: 10px;
     -webkit-border-radius: 10px;
      border: 1px solid #223645;
       padding: 10px;
	}

  .commentList ul {
	margin:0;
	padding:0;
	list-style:none;
	}	
.commentList ul li {
	margin-bottom:10px;
	background-color:#222;
	border-left:3px solid #223645;
	padding:8px;
	color:#FFF5EF;
	}
#articles {
	width:800px;
  margin:auto;
	text-align:center;
	clear:both;
}
.date {
  width:80px;
  height:80px;
  background:#00aaff;
  -moz-border-radius: 15px;
   color:white; 
}
.jour {
 	font-size:300%;
 	font-style:bold;
}
.else {
 	font-size:80%;
 	
}
.titre {
  height:80px;
  color:white;
  font-size:200%;
 	font-style:bold;
 	text-align:left;
  border-bottom:1px solid #00aaff;
  padding:10px;
  vertical-align:middle;
}

.tags {
	width:800px;
margin:auto;
	font-size:80%;
	text-align:left;
	clear:both;
  padding:10px;
	}
.saut {
height:20px;
}
.image{
border:1px solid black;
} 
.image:hover {
border:1px solid #00aaff;
} 
	a:link,  a:visited {
	color:#FFF5EF;
	text-decoration:none;
	}
 a:hover {
	color:#FFF5EF;
						  text-shadow: 0px 0px 0px #B83A1B;
	}
	
	
hr {
border-bottom:1px dotted white;
}
 


.slide-details {background:#677E52;
padding: 10px;
margin:5px;
height:200px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; }
  .slide-details-saw {background:#375D81;
padding: 10px;
margin:5px;
height:200px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; }
    .slide-details-want {background:#FF5B2B;
padding: 10px;
margin:5px;
height:200px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; }

 #myController {
background:#677E52;
padding: 10px;
margin:5px;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-align:center;
 }
  #myControllerSaw {
background:#375D81;
padding: 10px;
margin:5px;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-align:center;
 }
   #myControllerWant {
background:#FF5B2B;
padding: 10px;
margin:5px;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-align:center;
 }
 .jFlowControl, .jFlowPrev, .jFlowNext { 	color:#FFF5EF;

	text-decoration:none; cursor:pointer; }

.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { color:#FFF5EF;
						  text-shadow: 1px 1px 1px #B83A1B;cursor:pointer;  }

 .jFlowControl {
 visibility:hidden;}
  .jFlowControl2, .jFlowPrev2, .jFlowNext2 { 	color:#FFF5EF;

	text-decoration:none; cursor:pointer; }

.jFlowControl2:hover, .jFlowPrev2:hover, .jFlowNext2:hover { color:#FFF5EF;
						  text-shadow: 1px 1px 1px #B83A1B;cursor:pointer;  }

 .jFlowControl2 {
 visibility:hidden;}
 
  .jFlowControl3, .jFlowPrev3, .jFlowNext3 { 	color:#FFF5EF;

	text-decoration:none; cursor:pointer; }

.jFlowControl3:hover, .jFlowPrev3:hover, .jFlowNext3:hover { color:#FFF5EF;
						  text-shadow: 1px 1px 1px #B83A1B;cursor:pointer;  }

 .jFlowControl2 {
 visibility:hidden;}
  
 
 #column {
 height: 830px}