/******************************************************************************************************************
GENERAL
******************************************************************************************************************/
body  { font: 11px Verdana, sans-serif; color : #000000 ; background:#57881D url('../images/site/fond_site.jpg') no-repeat top center; margin: 0; padding: 0; }
a img { border : none; }
a { color : #57881D ; text-decoration : none; cursor : pointer}
a:hover { color : #000000}
h1 { font : bold 20px Verdana,Helvetica,sans-serif ; color : #57881D ; margin : 0; padding : 0 ; margin-bottom : 10px;padding-top : 10px;margin-left : 20px;}
h2 { font : bolder 16px Verdana,Helvetica,sans-serif ; color : #57881D ;margin : 0; padding : 0 ; margin-bottom : 10px;padding-top : 10px;margin-left :20px;}
.bold {font-weight : bold ; color : #57881D}
.clearer {clear : both ; margin : 0 ; padding : 0 ; height : 0}
hr { margin : 10px 20px ; height : 1px ; background : #57881D ; border : none }
.separator { clear : both ; margin : 20px auto ; background : url("../images/site/separation.gif") top left no-repeat ; width : 893px ; height : 11px }
/******************************************************************************************************************
HEADER
******************************************************************************************************************/
#header { width : 990px ; margin : 0 auto }
#header #bandeau { margin : 0 ; padding : 0 ; width : 990px; height :162px ; overflow : hidden }
#header #bandeau li { margin : 0 ; padding : 0 ; width : 990px; height :162px ; overflow : hidden ; float : left }
#menu { background : #74AE01 ; }
/******************************************************************************************************************
CONTENT
******************************************************************************************************************/
#content { width : 990px ; margin : 0 auto ;width : 990px ;background :#729C38 url("../images/site/fond_page.jpg") no-repeat top left ;  }
#content .top {  width : 950px ; margin : 0 auto ;min-height : 475px ; height : auto !important ; height : 475px ;  overflow : hidden}
#content .bottom { width : 990px ;background : url("../images/site/bandeau_bas.jpg") no-repeat top left ;  height : 140px ; }
#content .bottom a { color : #436600 ; text-decoration : none}
#content .bottom a:hover { color : #000000 ; }
#content .bottom  div { margin-top : 55px ; height : 70px ; float : left ; color : #436600 ; font : bold 9px Verdana, Helvetica , sans-serif }
#content .bottom  .logo {  width : 460px ; margin-left : 20px ; }
#content .bottom  .address {width : 155px ; -width : 145px; }
#content .bottom  .link { width : 110px ; }
#content .bottom .link ul { margin : 0 ; padding : 0 ; list-style-type : none ; margin-left : 5px; }
/******************************************************************************************************************
FOOTER
******************************************************************************************************************/
#footer {width : 990px ; margin : 0 auto ; color : #FFFFFF ; background : #57881D ; height : 80px;}
#footer a { color : #FFFFFF ; font : bold 9px Verdana , Helvetica , sans-serif ; text-decoration : none }
#footer a:hover{ color : #000000 ; } 
#footer ul { margin : 0 auto ; padding : 0 ; list-style-type : none ; text-align : center}
#footer ul li { display : inline}
/******************************************************************************************************************
MAP
******************************************************************************************************************/
#map { width:750px;height:400px;margin : 0 20px ; border : 1px solid #57881D ; float : left }
/******************************************************************************************************************
INDEX
******************************************************************************************************************/
#index .left { width:610px; height : 450px ; margin : 20px; margin-right : 0px; -margin-left : 10px; border-right : 1px solid #57881D ; float : left }
#index .left .logo { display : block ; width : 501px ; height : 60px ;  }
#index .left .img { display : block ; width : 382px ; height : 382px ; float : left ; margin-right : 15px ; }
#index .left p { padding : 0 ; margin : 0 15px ; text-align : justify ; color : #57881D ; font : bold 11px Verdana , Helvetica , sans-serif }

#index .right { width:310px; margin-top : 20px;float : left}
#index .right p { margin-right : 10px; }
#index .right .logo { width : 97px; float : left ; height : 85px}
#index .right .title { margin : 0; padding : 0;font : bold 14px Verdana , Helvetica , sans-serif ; color : #57881D }
#index .right .text { margin : 0 ; padding : 0 ; height : 65px;font : 11px Verdana , Helvetica , sans-serif ; color : #000000 ; }
/******************************************************************************************************************
ETABLISSEMENT
******************************************************************************************************************/
.etablissement .left { width:450px; margin : 20px; margin-top : 20px;  margin-right : 0px; -margin-left : 10px; border-right : 1px solid #57881D ; float : left }
.etablissement .left p { padding : 0 ; margin : 0 15px ; text-align : justify ;  font : 11px Verdana , Helvetica , sans-serif }
.etablissement .right { width:450px; margin-left :15px;margin-top : 20px;float : left}
.etablissement .right p {  padding : 0 ; margin : 0 15px ; text-align : justify ;  font :11px Verdana , Helvetica , sans-serif  }
.etablissement ul{  margin-top : 0 }
.etablissement h3{  font : bold 14px Verdana , Helvetica, sans-serif ;  margin-left : 20px}
.etablissement .bold {font-weight : bold}
.etablissement .menu ul{ float : right ; list-style-type : none ; margin-right : 20px ; padding : 0}
.etablissement .menu ul li{ display : inline ; color : #57881D}

.etablissement  p { padding : 0 ; margin : 0 20px ; text-align : justify ;  font : 11px Verdana , Helvetica , sans-serif }

#livredor ul{ float : right ; list-style-type : none ; margin-right : 20px}
#livredor ul li{ display : inline ; color : #57881D}

#acces_membre ul{ float : right ; list-style-type : none ; margin-right : 20px}
#acces_membre ul li{ display : inline ; color : #57881D}
#acces_membre p { margin : 0 20px }
/******************************************************************************************************************
INFOS
******************************************************************************************************************/
.infos .left { width:450px; margin : 20px; margin-top : 20px;  margin-right : 0px; -margin-left : 10px; border-right : 1px solid #57881D ; float : left }
.infos .left p { padding : 0 ; margin : 0 15px ; text-align : justify ;  font : 11px Verdana , Helvetica , sans-serif }
.infos .right { width:450px; margin-left :15px;margin-top : 20px;float : left}
.infos .right p {  padding : 0 ; margin : 0 15px ; text-align : justify ;  font :11px Verdana , Helvetica , sans-serif  }
.infos ul{  margin-top : 0 }
.infos h3{  font : bold 14px Verdana , Helvetica, sans-serif ; margin-top : 10px ; margin-bottom : 5px;}
.infos .bold {font-weight : bold}
.infos .menu ul{ float : right ; list-style-type : none ; margin-right : 20px}
.infos .menu ul li{ display : inline ; color : #57881D}

/******************************************************************************************************************
ASSOCIATION
******************************************************************************************************************/
.association .left { width:450px; height : 450px ; margin : 20px; margin-top : 20px;  margin-right : 0px; -margin-left : 10px; border-right : 1px solid #57881D ; float : left }
.association .left p { padding : 0 ; margin : 0 15px ; text-align : justify ;  font : 11px Verdana , Helvetica , sans-serif }
.association .right { width:450px; margin-left :15px;margin-top : 20px;float : left}
.association .right p {  padding : 0 ; margin : 0 15px ; text-align : justify ;  font :11px Verdana , Helvetica , sans-serif  }

/******************************************************************************************************************
INFOS
******************************************************************************************************************/
.partner{width:430px; height : 138px; overflow : hidden ; margin : 0 20px;  margin-right : 0px; -margin-left : 10px; background : url("../images/site/fond_partenaire.gif") top left no-repeat ; text-align : justify ;padding : 10px; float : left ;  }
.partner .info{ float : left ; width : 300px; }
.partner img { display : block ; float : right ; margin-left : 10px; margin-right : 10px ; margin-bottom : 10px}
/******************************************************************************************************************
INFOS
******************************************************************************************************************/
#infos .info_text{ margin : 20px ;text-align : justify ;}
#infos .info_text img { display : block ; float : left ; margin-right : 10px; margin-bottom : 10px}
#infos .info_author {margin : 0 ; padding : 0 ; font-weight : bold ;margin-left : 20px}
#infos .info_list {margin : 20px; text-align :justify ; height : 60px;}
#infos .info_list a { color : #000}
#infos h2{ float : left;}
#infos ul{ float : right ; list-style-type : none ; margin-right : 20px}
#infos ul li{ display : inline ; color : #57881D}
/******************************************************************************************************************
LIVRE_DOR
******************************************************************************************************************/
#livre_dor .info_text{ margin : 20px ;text-align : justify ;}
#livre_dor .info_text img { display : block ; float : left ; margin-right : 10px; margin-bottom : 10px}
#livre_dor .info_author {margin : 0 ; padding : 0 ; font-weight : bold ;margin-left : 20px}
#livre_dor .info_list {margin : 20px; text-align :justify ; height : 60px;}
#livre_dor .info_list a { color : #000}
#livre_dor h2{ margin-bottom : 0}
/******************************************************************************************************************
POPUP
******************************************************************************************************************/
#popup a { color : #FFFFFF ; font-weight : bold }

/******************************************************************************************************************
PAGIANTION
******************************************************************************************************************/
.pagination { float : right ; margin-right : 20px}
.pagination ul{ list-style-type : none; display : inline ; margin : 0 ; padding : 0}
.pagination ul li{ display :inline; text-align : center ; margin : 0 ; padding : 0 ;}
.pagination ul .selected a{ color  : #000 ;}

ul.topnav {
	list-style: none;
	padding : 0;
	margin: 0 auto;
	width: 990px;
	height:23px;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding:0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	height:23px;
}
ul.topnav li a{
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
}

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 23px;
	background: #95AB63;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 136px;
	border : 1px solid #95AB63;
	z-index:1000000000; 
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	margin-top : 5px;
	clear: both;
	width: 136px;
}

ul.topnav li ul.subnav li a{
	font : bold 11px Arial , Helvetica , sans-serif;
	color : #FFF;
}

ul.topnav li ul.subnav li a:hover{
	color : #000;
}


ul.topnav1 li ul.subnav1 {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 23px;
	background: #95AB63;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 127;
	border : 1px solid #95AB63;
	z-index:1000000000; 
}
ul.topnav1 li ul.subnav1 li{
	margin: 0; padding: 0;
	margin-top : 5px;
	clear: both;
	width: 127px;
}

ul.topnav li ul.subnav1 li a{
	font : bold 11px Arial , Helvetica , sans-serif;
	color : #FFF;
}

ul.topnav li ul.subnav1 li a:hover{
	color : #000;
}