body{
	background: url(../_images/bg.png) repeat-y center;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

#main{
	margin-top:200px;
}
#header-extended{
	background: url(../_images/header-extended.png) repeat-x top;
	height:180px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1;
}
#header{
	height:200px;
	background: url(../_images/header.jpg) no-repeat;
	width:960px;
	margin:0 auto;
	z-index:10;
}
#logo a{
	display: block;
	height:160px;
}
#liens-rapides ul{
	padding:20px 0 0 15px;
	font-style: normal;
	margin:0;
}
#liens-rapides ul li{
	list-style: none;
	text-align: left;
	padding:0;
	background: none;
}
#liens-rapides ul li a{
	text-decoration: none;
	height:24px;
	display:block;
	line-height: 24px;
	color:#0b82aa;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
}
#liens-rapides ul li a:hover{
	color:#fff;
}
#recherche input.input{
	width:90px;
	border:0;
	background-color: transparent;
	position:relative;
	top:7px;
	left:20px;
	height:18px;
	float:left;
	color:#555;
	font-size: 10px;
}
#recherche input.button{
	position:relative;
	float:right;
	top:5px;
	left:4px;
	background: url(../_images/btn-recherche.png) no-repeat top;
	width:29px;
	height:20px;
	border:none;
	cursor: pointer;
}
#recherche input.button:hover{
	background-position: bottom;
}
#center{
	
}
#menus{
	
}
.menu-top{
	background: url(../_images/menu-top-bottom.png) no-repeat top;
	height:5px;
	font-size: 1px;
}
.menu-middle{
	background-color: #fff;
}
.menu-middle ul{
	margin:0;
}
.menu-middle ul li{
	list-style: none;
	padding: 0;
	background: none;
}
.menu-middle ul li a{
	display:block;
	overflow: hidden;
	color:#2594a6;
	height:32px;
	line-height: 32px;
	font-size: 12px;
	font-variant: small-caps;
	text-align: left;
	text-decoration: none;
	padding:0 10px;
	font-style: normal;
}
.menu-middle ul li a:hover, .menu-middle ul li a.selected, .menu-middle ul li a.parentselected{
	background: url(../_images/bg-menu.png) no-repeat center center;
	color:#fff;
}
.menu-middle ul li ul li a{
	background: url(../_images/bg-sous-menu.png) no-repeat 5px 7px;
	line-height: 18px;
	color:#459758;
	font-weight: normal;
	height:auto;
	text-align: left;
	font-variant: normal;
	font-size: 11px;
	padding:0 5px 0 15px;
    
}
.menu-middle ul li ul li a:hover,.menu-middle ul li ul li a.selected{
	background: url(../_images/bg-sous-menu.png) no-repeat 5px 7px;
	color:#0b4a13;
    text-decoration: underline;
    height:auto;
}
.menu-bottom{
	background: url(../_images/menu-top-bottom.png) no-repeat bottom;
	height:15px;
	margin-bottom:10px;
}
#espace-membres{
	height:147px;/*190-43*/
	background: url(../_images/espace-membres.jpg) no-repeat top;
	padding:43px 0 0 0;
	text-align: center;
	margin-bottom:10px;
}
#espace-membres label{
	font-size:1em;
	color:#2f2c2c;
    float:none;
}
#espace-membres input.inputtext{
	width:100px;/*118-18*/
	height: 18px;
	border:0;
	background-color: aqua;
	margin-bottom:6px;
	margin-left:11px;
	background-color: transparent;
	padding:2px 0 0 18px;
	font-size: 11px;
	cursor: text;
	display:block;
}
#espace-membres input.btn-login{
	margin-top:-1px;
	background: url(../_images/btn-login.png) no-repeat top;
	border:none;
	font-weight: bold;
	color:#fff;
	width:100px;
	height:20px;
	cursor: pointer;
}
#espace-membres input.btn-login:hover{
	background-position: bottom;
}
#espace-membres span a{
	font-size: 10px;
	color:#3e3a3a;
}
#chercher-ergo a{
	height:70px;
	background: url(../_images/chercher-ergo.jpg) no-repeat bottom;
	display:block;
	margin-bottom:10px;
}
#content{
	padding:0 10px;
	position:relative;
	margin-left:-10px;
	width:770px;
background-color: #fff;
}
#footer-extended{
	height:91px;
	background: url(../_images/footer-extended.jpg) repeat-x center;
}
#footer{
	height:91px;
	background: url(../_images/footer.png) no-repeat;
	margin:0 auto;
	width:940px;
}
#footer p{
	position:relative;
	float:right;
	top:45px;
	color: #fff;
	right:20px;	
}
#footer p a{
	color:#fff;
	font-weight: bold;
}



/**********************************************/

/** Classes supplémentaires **/

/**********************************************/
.organigramme{}
.organigramme tr td{
	border:1px solid #eee;
	text-align: center;
    vertical-align: top;
}
.organigramme tr td h2{
	text-align: left;
}

.adherents{}
.adherents tr th{
	border-bottom:1px solid #ccc;
	text-align: center;
}
.adherents tr td{
	border-bottom:1px solid #ccc;
	text-align: center;
	padding:0 5px;
	font-size: 10px;
	background: url(../_images/bg-td.png) bottom repeat-x;
	
}
.tdHidden{
    display:none;
}
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {
	/*padding-bottom: 91px ;*/
	}  /* must be same height as the footer */

#footer-extended {position: relative;
	/*margin-top: -91px; /* negative value of footer height */
	height: 91px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */