.hidden {
	display: none;
}

.centerize{
	text-align: center;
}

body {
	font-size:11px;
	line-height:1.3em;
	font-family: "Courier New",sans-serif,verdana,arial,helvetica,clean,sans-serif;
	font-family:arial, verdana,helvetica;
	font-weight:normal;
	background-color:#FFF;

	color:#656565;

}

#site {
    border-left: #000000;
}

#header {
	position: relative;
	width: 857px;
	height: 25px;
	margin: auto;

}


/*  HEADER >> MENU PRINCIPAL - MENU HAUT
********************************************************************/
#menu {


	margin:0px 0px 0px 180px;
	padding:0px 0px 0px 0px;
	height:20px;
}
	
	
#menu  ul{

	list-style : none ;
	margin : 0; 
	padding : 0px ;
	
}


#menu  li{

	float : left ;
	font-variant: small-caps;
	
	font-size:11px;
}
	

#menu  li a{
	margin : 0 ; 
	padding : 0 15px  ; 
	text-decoration : none ;    
	font-weight : bold ;
	display: block;
	color: #5F5F5E;
	height:22px;
}


#menu li a:hover {

	color:#3d3d8f;
}
/*****************************	
 SOUS-MENU HAUT - Menu déroulant
*******************************/
/* nivo 2 */

#haut li ul {
	position: absolute;
	width: 200px;
	left: -999em;
	margin:0px;
	border:solid 1px #707070;
	border-top:solid 0px;
}

#haut li ul li {
	marging:0px;
	padding:5px 0px 0px 0px;
	border-top: solid 1px #707070;
	background-color:#fff;
	text-align:center;
}

#haut li ul li:first-child{
	border-top : 0px; 
}
#haut li ul li a
{
	margin:0px;
	padding:0px;
	font-size:100%;
	width: 200px;
	font-weight:normal;  
	font-variant: normal;
}

#haut li:hover ul {
	left: auto;
	
}


/* masquer les cadres des nivo 2 et + [li.sfhover pour IE] */

ul ul, li:hover ul ul {
	left: -999em;
}

li:hover ul, li:hover li:hover ul {
	display:block;	

}

}
.cadreaccueil td
{
	vertical-align:top;
	align:left;

}

/*****************************************/
/*    		MENU VERTICAL 	    	  */
/*****************************************/
/* Nivo 1 */
#menuh{	
	float: left;
	width: 215px;
	margin-top: 0px;
	padding-left: 0px;
}
.mdiv
{
	width:190px;
	
}

#menuvertical
{
	margin:70px 0 0 0;
	padding:0px;
	border:solid 0px;
	font-weight : bold;
	text-decoration : none ;
	width:190px;
}
	
#menuvertical ul
{
	margin-left:0px;
	padding:0px;
}
#menuvertical li
{
	list-style:none;
	line-height : 20px; 
	
}
#menuvertical li a
{
	text-decoration:none;
	letter-spacing : 0.5px ;
	text-align:center; 
	padding : 0px 0px 0px 0px; 
	color: #000000;
	
}
	
/* Nivo 2 */
#menuvertical li ul li
{
  	list-style-image:url(images/puce.gif);
	padding : 0 0px 0 0px; 
	margin : 0 0px 0 0px;
	line-height : 15px; 
}
  
#menuvertical ul li a{

	text-decoration : none ; 
	font-weight:normal;
  	color: #5F5F5E;
}
#menuvertical ul li a:hover{

	color: #79a004;
	font-weight:normal;

}

li#menusel a
{
	list-style-image:url(images/puce-s.gif);
	color: #79a004;


}
#menuvertical .menusel a
{
	color: #79a004;
}
/* hyperlien */

/**********************************/
/*         Diaporama              */
/**********************************/
#cadrediaporama
{
	margin-left:20px;
	width:270px;
	_height:300px;
	min-height:300px;
	overflow:hidden;
	float:left;
}
/**********************************/
/* texte à droite du diaporama */
#texte
{
	width:280px;
	_height:320px;
	min-height:320px;

	border-left:solid 1px #c6c6c6;
	float:left;
	margin: 0px 0px 0px 20px;
	padding:0px 0px 0px 20px;
	display:block;
	font-family:arial, verdana,helvetica;
}


.mdiv{
	margin: 0 22px 0 15px;
}

#corp {
	width: 857px;
	height:556px;
	margin: auto;
	background: url(images/bg-art-fleury.jpg) left top no-repeat; 
	text-align: left;
}

#conteneur {
	width: 630px;
	float: left;
}
#divcontent
{
	scrollbar-face-color:#666666;
 	scrollbar-shadow-color:#666666; 
	scrollbar-highlight-color:#666666; 
	scrollbar-3dlight-color:#66666;
	scrollbar-darkshadow-color:#ffffff; 
	scrollbar-track-color:#cccccc; 
	scrollbar-arrow-color:#ffffff;
	overflow: auto;
	overflow-y: auto; 
	overflow-x:hidden;

	width:630px;
	height:460px;
	margin-bottom:20px;

}

#contenu {
    	text-align: justify;
	margin-right: 10px;
}




.clear {
	height: 0;
	clear: both;
}
#footer {
	width: 857px;
	height: 15px;
	margin: 0px;
	margin-top:2px;
	margin-left:0px;
	text-align:center;
	o_verflow:hidden;
	border:solid 0px;
	color:#ffffff;
}


a img {
    border: none;
}

h2 {
	margin: 5px 0px 0px 0;
	font-weight: bold;
	font-size: 120%;
	color: #79a004;
}

h1
{
	width:662px;
	height:41px;
	margin:0px 0px 0px 0px;
	padding:8px 0px 0px 0px;
	color:#fff;
	font-size:110%;
	font-family: verdana,arial,helvetica,clean,sans-serif;
	font-variant: small-caps;
}


#nav {
	font-size: 11px;
	width: 800px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav li {
	background: none;
}

.nav1 a:link, .nav1 a:visited {
	color: #fc2b02;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	top: 47px;
	left: 65px;
}

.nav1 a:hover, .nav1 a:active {
	color: #0F1D4B;
	text-decoration: none;
	font-weight: bold;    
}

.nav2 a:link, .nav2 a:visited {
	color: #fc2b02;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	top: 47px;
	left: 235px;
}

.nav2 a:hover, .nav2 a:active {
	color: #0F1D4B;
	text-decoration: none;
	font-weight: bold;    
}

.nav3 a:link, .nav3 a:visited {
	color: #fc2b02;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	top: 47px;
	left: 405px;
}

.nav3 a:hover, .nav3 a:active {
	color: #0F1D4B;
	text-decoration: none;
	font-weight: bold;    
}

.nav4 a:link, .nav4 a:visited {
	color: #fc2b02;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	top: 47px;
	left: 577px;
}

.nav4 a:hover, .nav4 a:active {
	color: #0F1D4B;
	text-decoration: none;
	font-weight: bold;    
}
/* IMAGES 
*****************************************************/

/* par défaut, alignée à droite du texte */

#contenu img
{
	padding:0px;
	margin-left:0px;
	border: solid 1px #fff;

	margin-top:0px;
	
}
.txtimg
{

	
	padding:0px;
	text-align:right;

	float:right;
	margin-left:10px;
	border:0px;
	border:1px solid #354547;
	margin-top:5px;
}
.imgtxt
{
	float:left;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:1px;
	border:0px;
	border:1px solid #354547;
}
.imgtop
{
	float:top;
	margin-bottom:5px;
	margin-top:5px;
	border:1px solid #354547;
}
/*************************/
/* DIAPO planche contact */
/************************/
div.center {
	text-align: center;
}
table.container {
	margin: 0px 0px 0px 0px;
}
table.dia {
	margin: 5px;
	width: 180px;
	height: 190px;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
div.smalldesc { 
	margin: 0 5px 10px 5px;
	width: 190px;
	font-size: 10px;
	text-align: center;
}
table.dia td { 
	text-align: center;
	vertical-align: middle;
	background: #eee url('images/sfondo.gif') repeat-x;
}

table.dia a{ 
	display: block;
	margin: auto; 
	border:0px;
}



table.dia a img { 
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	opacity: 0.95;
	border: solid 1px #fff;
}
table.dia a:hover img { 
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
}
/**********************************/
/* cadre image : titre / image / détail */
#item-galerie, #item-galerie-portrait, #item-galerie-paysage
{
	float:left;
	display:block;
	width:177px;
	height:180px;
	min-height:180px;
	_height:180px;
	font-size:11px;
	margin:0px 20px 12px 0px;
	overflow:hidden;
	border: 1px solid #ddd;
text-align:center;
	background:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}
#item-galerie-portrait,#item-galerie-paysage
{
		height:130px;
	min-height:130px;
	_height:130px;
}
#item-top
{
	border:0px;
	font-size:11px;
	margin:0px;
	padding:0px;
	border-bottom : 0px;
	font-weight:normal;

	color:#3b301f;
}
/* cadre image href :  image  */
#item-middle
{
	margin:0px 24px 0px 0px;
	width:180px;
	height:180px;
	border:0px;
	display:block;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	border-bottom:solid 0px #f2cfac;
	border-top:solid 0px #f2cfac;
}
#item-middle img
{
	border:0px;
}
#item-bottom
{
	
	width:180px;
	border-top:solid 0px  #b79676;
color:#3b301f;
	min-height:30px;
}

