html{
	width : 100%;
	font-family : "Palatino Linotype";
	color : #474138;
}

body{
	background-color : #474138;
}

#container{
	width : 785px;
	margin-top : 50px;
	margin-bottom : 50px;
	margin-left : auto;
	margin-right : auto;
}

#header{
	width : 100%;
	height : 185px;
	background-image : url("../img/header.jpg");
}


#deco_header {
	text-align : right;
	position : relative;
	top : -15px;
	color : white;
}
#menu{
	width : 100%;
	height : 33px;
	background-image : url("../img/menu.jpg");
}

#content{
	width : 100%;
	background-image : url("../img/content.jpg");
	background-repeat : repeat-y;
	padding-bottom : 10px;
	height : 100%;
	
}

h1{
	font-size : 16px;
	background-image : url("../img/h1.jpg");
	height : 27px;
	width : 530px;
	padding-left : 5px;
	padding-top : 2px;
	color : #f1e7c8;
	font-weight : bold;
	margin-top : 10px;
}


#images{
	float : left;
	margin-top : 6px;
	margin-right : 12px;
	margin-bottom : 12px;
	
}

#images .addimg a{
	margin-left : 25px;
	
	text-decoration : none;
	color : #474138;
	height : 20px;
	display : block;
	width : 110px;
	padding-left : 3px;

}

#images .addimg {
	position : relative;
	top : -10px;
	background-color : #b3ab7c;
	/* top : 325px; */
	width : 290px;
	z-index : 20;
	margin-top : 4px;
	display :block;
	font-size : 60%;
	font-weight : normal;
	text-decoration : none;
	padding-left : 0px;
	
}


#images .suppimg {
	position : relative;
 	top : -30px;
	left : 120px;
	z-index : 20;
	
	width : 90px;
	display :block;
	font-size : 60%;
	font-weight : normal;
	text-decoration : none;
	padding-left : 0px;
	
}

#images .suppimg a{
	
	margin-left : 23px;
	text-decoration : none;
	color : #474138;
	height : 20px;
	display : block;
	width : 110px;
	padding-left : 3px;
	text-align: left;
	font-size : 10px;
}



 .desactgal a{
	color : black;
	text-decoration : none;
 }
 .desactgal {
	position : relative;
	top : -37px;
	right : -350px;
	color : #474138;
	width : 290px;
	z-index : 20;
	margin-top : 4px;
	width : 180px;
	font-size : 75%;
	font-weight : normal;
	text-align: right;
	display : block;
}

 .desactImg a{
	color : black;
	text-decoration : none;
 }
 .desactImg {
	position : relative;
		top : -40px;
	right : -350px;
	color : #474138;
	width : 290px;
	z-index : 20;
	width : 180px;
	font-size : 75%;
	font-weight : normal;
	text-align: right;
	display : block;
}

#pubZone{
	width : 143px;
	float : right;
	margin-right : 29px;

	margin-top : 10px;
	padding : 0;
}
.seppub {
	position : relative;
	top : -5px;

}

#pubZone .imgAdminpub{
	position : relative;
	top : 49px;
	right : 4px;
	text-align : left;
	
}
#pubZone .modimgAdminpub{
	position : relative;
	top :25px;
	right : -14px;
	text-align : left;
	
}

#footer p{
	font-size : 10px;
	text-align : center;
	position : relative;
	top : -19px !important;
	//top : -28px !important;
}
#footer{
	width : 785px;
	height : 51px;
	background-image : url("../img/footer.jpg");
	color : #f1e7c8;
}

#clear{
	clear : both;
}

#txtZone{
	width : 556px; 
	text-align : justify;
	float : left;
	height : 100%;
	margin-left : 15px;
	padding-left : 20px;
}
#gestionadmin li a:visited{ 
	color : #596aa5;
}
#gestionadmin li a:hover{
	color : #596aa5;
	text-decoration : none;
	
}
#gestionadmin li a {
	color : #596aa5;
	text-decoration : none;
	
}
#gestionadmin li {
	margin-top : 10px;
}
#gestionadmin ul {

	list-style-type : square;
}
#gestionadmin {
	width : 408px;
	text-align : left;
	margin-left : auto;
	margin-right : auto;
	
}

#copyright{
	color : #f1e7c8;
	font-size : 10px;
	text-align : center;
}
/* text général*/
#texte{
	font-size : 13px;
}

#texte a{color : #596aa5; text-decoration : none;}
#texte a:hover{color : #596aa5; text-decoration : none;}
#texte a:visited{color : #596aa5; text-decoration : none;}
#texte a:active{color : #596aa5; text-decoration : none;}

h2{
	color : #b23126;
	font-size : 18px;
}

a{
	color : #f1e7c8;
}

a img{
	border : none;
	
}

.retourHaut {
	text-align : right;
	display : block;
	width : 80px;
	margin-left : 85%;
}


.btnmod  {
	position : relative;
	left : 230px;
}
/*************************/
#invisiblegris{
	text-decoration : none;
	color : #474138;
	position : relative;
	left : 380px;
	font-size : 50%;
	top : 6px;
}
/***************** menu rollover calendrier culturel, visite virtuel etc... ****************/
  /*  Premier niveau*/
  
#bouton_menu{
	 position : relative;
	 width : 100%;
	 padding : 0;
	 z-index : 40;
	 margin : 0;
	 margin-left : 23px;
	 list-style:none;
	 text-align:center;
	 display:block;
	 
	 height : 100%;
}
#bouton_menu .menuhaut {
	float : left;	
	padding-right : 5px;
	margin-left : -1px;	
	height : 22px;
	width : 118px;	
}

#bouton_menu .menuhaut a {
	 display:block;
	 height:100%;
	 text-decoration:none;
	 margin: 0;
	 padding : 0;	 
}

#bouton_menu a span {
	 position: relative;
	 font-size : 11px;
	 font-weight : bold;
	 color : #f1e7c8;
	 width : 100%;
	 text-transform : uppercase;	
} 

.firstletter{	
	font-size : 17px;
}
/******************/
/* 2e niveau */
#bouton_menu .menuhaut ul 	{ 
	width:auto;
	list-style:none;
	visibility: hidden; 
	border-collapse : collapse;	
	//margin-top : 5px;	
}
/* menuhaut = li*/
#bouton_menu .menuhaut ul li { 
	font-weight: normal; 
	background: #b23126; 
	color: black; 
	float : none;
	position : relative;
	left : -49px;	
	//margin-top : -1px;
	//top : -4px;
	border-left: 2px solid #938d48; 
	border-right: 2px solid #938d48; 
	height : 22px;
	width : 134px; /*largeur des liens*/
}

#bouton_menu .lastbas { 
	border-bottom: 2px solid #938d48; 	
}

#bouton_menu .menuhaut ul li a {
	display: block; 
	height : 23px;
	width : auto;
	text-decoration:none;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	font-weight : normal;	
 }
 
#bouton_menu .menuhaut ul li a span {
	width : auto;	
	font-size : 11px;
	font-weight : normal;
	color : #f1e7c8;
	display : inline;
	text-transform : none;	
}
#bouton_menu .menuhaut ul li a:hover{
    background-color: #cf372a;
	height : 20px;
}


/**************** Section Administration *******************/
#formAdmin {
	text-align : center;
	width : 260px;
	margin-left : auto;
	margin-right : auto;
	margin-top : 10px;
}

table.tableCentrer {
	margin-left : auto;
	margin-right : auto;

}

input, textarea  { /*focus lors du clic du formulaire*/
	width:70%;
	background:#fff;
	border:1px solid #948d47;
	padding:3px;
}

input:focus, textarea:focus {
background:#e9e9e9;
}

input.submit{
width:100px;
}

input.submit:hover{
background:#e9e9e9;
}

#formAdmin  td{
	width : 150px;
	text-align : left;
}

#formAdmin  td  #submitadmin{
	//margin-left : 80px;  /*patch pour ie*/
	text-align : center;
}

.txtAdmin{
	color : #f1e7c8;
}

.erreur {
	color : #b23126;
	text-decoration : underline;
}
/**************** gallerie photo horizontale*******************/
#photo {	
	margin-top: 20px;
	display : block;

}
#photo  #texte{
	font-size : 9px;
}

div#galerie{
	

 overflow:hidden;
 width:488px;
 border: 3px double #b3ab7b;
 padding: 10px;
 margin: 15px 20px ;
 text-align: center ;   
}
		
ul#galerie_mini{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
				
ul#galerie_mini li{
float:left;

}
		
ul#galerie_mini li a img{
	margin: 1px 1px;
  border: 1px solid #948d47;

}
		
dl#photo{
 clear:both;
 margin: 0 auto ;
 display:none;
 
}
		
dl#photo dt{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #949495;
}
		
dl#photo dd{
	margin: 0 ;
}
		
dl#photo img{
	border: 1px solid #948d47 ;
	}
dl#photo .imgMini {
	width : 60px;
	height : 60px;
}
	
.delphotogal  {
	position : relative; 
	left : -20px;
	top : 11px;
	height : 16px;
	cursor: pionter;
	cursor: hand
}
.admingal {
	margin-right : -30px;
}

.modphotogal {
	position : relative; 
	left : -55px;
	top : 11px;
	width : 16px;
	height : 16px;
	cursor: pionter;
	cursor: hand
}

}
/************************************/



/*Page des communiqués*/


.addcomm {
	position : relative;
	top : -23px;
	right : -350px;

	width : 290px;
	z-index : 20;
	width : 180px;
	font-size : 75%;
	font-weight : normal;
	text-align: right;
	display : block;
}

.dateCom {
	display : block;

	margin-bottom :-38px;
	color : black;
	font-weight : normal;
	text-align : right;
	color : #474138;
}

.textCom {
	margin-top : 25px;

	margin-bottom : 25px;
	border-bottom : 3px double #b3ab7b;
}