/*------------------------------------------------------------------*/
/*                   CSS FOR Le Chaînon Manquant                    */
/*                                                                  */
/* AUTHOR: Yohan BESCHI                                             */
/* LAST UPDATE: 20080222                                            */
/* VERSION: 1.0                                                     */
/* CSS VALID W3                                                     */
/*                                                                  */
/*------------------------------------------------------------------*/
 


/*~START CSS~*/
/*=============================================================================================================
                                                   DESIGN.HTM
==============================================================================================================*/
/* 
 * ========================================
 * GLOBAL STYLE
 * ========================================
 */
body {
  margin:0px;
  background:#fff url(../_img/design/top_bg.gif) top left repeat-x;
  font:0.8em verdana,arial,sans-serif;
  text-align:justify;
  line-height:20px;
}


/* 
 * ========================================
 * Html Typography 
 * ========================================
 */
p{
  margin:0 0 10px 0;
  padding:0px;
  line-height:17px;
} 

h1{
  margin:0px;
  padding:15px 0 8px 0;
  color:#888;
  font-size:1.7em;
}

h2{
  margin:0px;
  padding:0px;
  color:#9f9f9f;
  font-size:1.3em;
}

ul{
  margin:0;
  padding:0;
  font-size:0.8em;
  list-style-image:url(../_img/design/bullet.gif);
}

hr{
  height:1px;
  border:#aaa;
  color:#aaa;
  background-color:#aaa;
}

blockquote{
  padding:10px;
  background:#f7fde3;
  color:#606060;
}

code{
  margin:15px 0;
  padding:10px;
  display:block;
  overflow:auto;
  font:400 1em courier, monospace;
  line-height:120%;
  white-space:pre;
  background:#f4f4f4;
  border-bottom:1px solid #d3d3d3;
}


/* 
 * ========================================
 * Personnal Typography
 * ========================================
 */
.green{color:#93b300;}

.greenbg{
  margin:15px 0 15px 15px;
  padding:0 10px 10px 10px;
  background-color:#f1ffe3;
  border-bottom:1px solid #b8e78b;
}
	.greenbg a{color:#56677c;text-decoration:none;}
	.greenbg a:hover{text-decoration:underline;}

.red{color:red;}

.highlight{
  padding:1px 2px;
  background:#d9f5ec;
  border-top:1px solid #bdedde;
}

img.floatright{margin:5px 0px 10px 15px;}
img.floatleft{margin:5px 15px 10px 0px;}

/*~Clear~*/
.clear{clear:both;}

/*~Alignement~*/
.floatleft{float:left;}
.floatright{float:right;}

/*~Width Columns~*/
.width100{width:100%;}
.width90{width:87%;}
.width80{width:80%;}
.width75{width:73%;}
.width66{width:61%;}
.width50{width:48%;}
.width40{width:38%;}
.width33{width:31%;}
.width25{width:23%;}


/* 
 * ========================================
 * Links
 * ========================================
 */
a{color:#93b300;}
a:hover{text-decoration:none;}


/* 
 * ========================================
 * Structure 
 * ========================================
 */
/*~Wrapper~*/ 
#wrapper{
  width:730px;
  margin:0 auto;     
}

	/*~Header~*/
	#header {
	  width:100%;
	  height:100px;
	  color:#fff;
	  overflow:hidden;
	}
		#logo{
		  float:left;
		  margin:6px 0 0 5px;
		  height:60px;
		  width:250px;
		  background:url(../_img/design/logo.jpeg) top left no-repeat;
		  text-align:center;
		  color:#fff;
		  font-weight:bold;
		}
		#header h2{
		  float:left;
		  position:relative;
		  display:block;
		  top:62px;
		  margin:0;
		  padding:0 0 0 10px;
		  font:700 1.2em verdana,arial,sans-serif;
		  color:#fff;
		  letter-spacing:3px;
		  background:url(../_img/design/bg_t.gif) no-repeat;
		}	
			#header h2 a{
			  color:#fff;
			  text-decoration:none;
			}
			#header h2 a:hover{color:#93b300;}

		/*~Menu~*/
		#menu{
		  display:block;
		  float:right;
		}
			#menu ul{
			  margin:0;
			  list-style:none;
			}
				#menu li{
				  display:block;
				  float:left;
				  white-space:nowrap;
				}
					#menu li a{
					  display:block;
					  padding:55px 20px 12px 20px;
					  text-decoration:none;
					  font:700 1em verdana,arial,sans-serif;
					  color:#fff;
					}
					#menu li a:hover{background:#fff url(../_img/design/bg_menu.gif) top left repeat-x;}
					#menu li a.active {
					  letter-spacing:1px;
					  color:#808080;
					  background:#fff url(../_img/design/bg_menu.gif) top left repeat-x;
					}
					#menu li a.active:hover{color:#fff;}

	/*~Content~*/
	#content{margin-top:20px; padding:10px 20px;}
		#content h2{
		  margin:0;
		  padding:10px 0;
		}
		
		/*~Left~*/
		#left{
		  width:485px;
		  float:left;
		  display:block;
		  display:inline;
		}
			#left ul{
		  	  margin:0;
			  padding:15px 0 15px 35px;
			}
				#left li{margin:0 0 5px 0;font-size:1.2em;}	
			.middle{
			  width:100%;
			  padding:10px 0 0 0;
			  text-align:center;
			}	

		/*~Right~*/
		#right{
		  float:right;
		  width:200px;
		  margin:0;
		  display:block;
		  text-align:left;
		}
			#nav{
			  float: right;.
			  width:180px;
			  margin:15px 0 20px 0;
			  padding-top:0.8em;
			  list-style:none;
			  border:1px solid #e1e1e1;
			  background-color:#f7f9fb;
			}
			#nav li{
			  padding:0;
			  margin:0;
			  width:180px;}
			#nav a{
			  display:block;
			  height:2.0em;
			  padding:0.3em 0.3em 0.3em 0.8em;
			  border-bottom:2px; 
			  border-top:2px; 
			  color:#93b300;
			  background-color:#f7f9fb;
			  font-weight: bold;
			  text-decoration: none;
			}
			#nav a:hover, #nav a.active{
			  color:#1a1a1a;
			  background:#fff url(../_img/design/bg_t.gif) no-repeat;
			  font-weight:bold;
			}
			#nav a.active{color:#888;}
			#nav a.active:hover{color:#1a1a1a;}
	
			#right .box{
			  float:right;
			  width:160px;
			  margin-bottom:20px;
			  background:#f6f9fb;
			  border:1px solid #e1e1e1;
			  padding:10px 10px 0 10px;
			}		
				#right .box h2{
				  font-size:1.1em;
				  margin:0;
				  padding:0 0 5px 0;
				}
				#right .box a {
				  margin:10px 0;
				  color:#93b300;
				  font-size:10px;
				}
				#right .box p{
				  margin:5px 0 10px 0;
				  line-height:15px;
				}
				#right .box ul{
				  margin:10px 0;
				  padding:0 0 7px 20px;
				}
				#right .box li{margin-top:5px;}

		/*~Clear~*/
		#clear{
		  display:block;
		  clear:both;
		  width:100%;
		  height:1px;
		  overflow:hidden;
		}
						
	/*~Footer~*/
	#footer {
	  width:70%;
	  margin:40px auto 0 auto;
	  padding:20px 0;
	  text-align:center;
	  border-top:dotted 1px #808080;
	}
		#footer p{
		  margin:0;
		  padding:0;
		}	 


/* 
 * ========================================
 * Table
 * ========================================
 */  
table{
  width:100%;
  margin-bottom:20px;  
  font-size:1em;
  border-collapse:collapse;
} 

caption{
  margin-top:10px;
  padding:0 0 0.5em 3px;
  font:400 0.8em georgia, sans-serif;
  text-align:left;  
}
    
th, td{
  text-align:left;
  vertical-align:top;
  padding:6px 10px;
}
  
thead th{
  background-color:#f1ffe3;
  border-bottom:1px solid #b8e78b;
}

tbody tr.grey{background-color:#f5f5f5;}
tbody tr:hover{background-color:#fbfedf;}
tr.noactive:hover{background-color:#fff;}
tbody td{border-bottom:1px solid #ddd;}


/* 
 * ========================================
 * Forms 
 * ========================================
 */
form{margin-top:20px;}

label{
  /*float:left;*/
  text-align:right;
  width:100px;
  padding-right:10px; 
}

#edition label{width:50px;}

input, textarea, select{
  padding:4px;
  background:#fff;
  border:1px solid #86e160;
  font:1em verdana, arial, sans-serif;
  color:#666;  
}

select{width:100px;}

input:focus, textarea:focus, select:focus{  
  color:#666;
  background:#f1ffe3;
  border:1px solid #000;
}

input.button{
  padding:1px 10px;
  font-size:1em;
  cursor:pointer;
  color:#fff;
  background:#508231;
  border:1px solid #fff;
  border-color:#b8e78b #2d5018 #2d5018 #b8e78b
} 
 
/* 
 * ========================================
 * Admin
 * ========================================
 */
#menuadmin{
  width:170px;
  background-color:#202020;
  opacity:0.8;
  -moz-opacity:0.8;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  
  position:fixed;
  margin:0;
  margin-top:100px;
  right:0;
  padding:10px;
  z-index:99;
  text-align:left;
  
  _position: absolute;
  _top: expression((dummy = document.documentElement.scrollTop) + "px");
}

#menuadmin a:visited{color:#86e160;}

#erreurs{
  color:red;
  text-align:center;
}