@charset "utf-8";
/* CSS Document */
body {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	background-color: #FFF;
}
body, p {
	margin: 0;
	padding: 0;
	text-align: left;
}
p {
	padding-bottom: 10px;
	padding-top: 10px;
}
p.orange {
	color: #EB6B2C;
	font-weight: bold;
}
p.gris {
	color: #666;
}
hr {
/*	background-image: url(images/hr-tiret.gif);
	background-repeat: no-repeat;  
	height: 14px;*/
	border: 2px dashed black;
	border-style: none;
	border-top-style: dashed;
	height: 1px;
}
img {
border: none;	
}
a {
	color: black;	
}
#actus a {
	color: white;	
}
a.orange {
	color: #EB6B2C;	
}
a.blanc {
	color: #FFF;	
}
a:hover {
	text-decoration: none;	
}

input {
	background-color: #ECECEC;
	border: 1px solid black;
}


#actus hr {
	/*background-image: url(images/hr-point.gif);	*/
	border-top-style: dotted;
}
p.coche {
	height: 14px;
	background-image: url(../images/hr-coche.gif);	
	background-repeat: no-repeat;
}
p.fleur {
	height: 14px;
	background-image: url(../images/hr-fleur.gif);	
	background-repeat: no-repeat;
}
p.mega {
	height: 14px;
	background-image: url(../images/hr-mega.gif);	
	background-repeat: no-repeat;
}
p.recycl {
	height: 14px;
	background-image: url(../images/hr-recycle.gif);
	background-repeat: no-repeat;
}

#animation {
background-color: #FFF;
display:none;
z-index: 10;
top: 0px;
width: 100%;
height: 100%;
position: absolute;
}

#header {
	display: none;	
}
#page {
	width: 973px;
	margin: auto;
	background-image: url(../images/fond.jpg);
	background-repeat: repeat-y;
	padding-top: 30px;
}


#titre h1 {
	display: none;	
}
#titre {
	width: 208px;
	height: 110px;
}
#titre.presentation {
	background-image: url(../images/titre_presentation.jpg);	
}
#titre.ceramique {
	background-image: url(../images/titre_ceramique.jpg);	
}
#titre.stages {
	background-image: url(../images/titre_stages.jpg);
}
#titre.espace {
	background-image: url(../images/titre_espace.jpg);
}
#titre.agenda {
	background-image: url(../images/titre_agenda.jpg);
}
#titre.infos {
	background-image: url(../images/titre_infos.jpg);
}
#titre.liens {
	background-image: url(../images/titre_liens.jpg);
}
#titre.contact {
	background-image: url(../images/titre_contact.jpg);
}
#titre.newsletter {
	background-image: url(../images/titre_newsletter.jpg);
}


#menu {
	width: 218px;
	float: left;
}
#menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu li.off, #menu h3 {
	display: none;	
}
#menu li a {
	display: block;
	width: 208px;
}
#menu li.presentation a {
	background-image: url(../images/menu_presentation.jpg);
	height: 21px;
}
#menu li.ceramique a {
	background-image: url(../images/menu_ceramique.jpg);
	height: 25px;
}
#menu li.stages a {
	background-image: url(../images/menu_stage.jpg);
	height: 20px;
}
#menu li.espace a {
	background-image: url(../images/menu_espace-art.jpg);
	height: 20px;
}
#menu li.agenda a {
	background-image: url(../images/menu_agenda.jpg);
	height: 21px;
}
#menu li.infos a {
	background-image: url(../images/menu_infos.jpg);
	height: 22px;
}
#menu li.liens a {
	background-image: url(../images/menu_liens.jpg);
	height: 18px;
}
#menu li.contact a {
	background-image: url(../images/menu_contact.jpg);
	height: 17px;
}
#menu li.newsletter a {
	background-image: url(../images/menu_newsletter.jpg);
	height: 77px;
	margin-top: 25px;
}
#menu ul.suite {
	margin-top: 25px;	
}


#logos {
	margin-top: 50px;	
	text-align: right;
	padding-right: 10px;
}
#logos img {
	margin-top: 10px;	
	border: 0;
}
#actus {
	background-color: #EB6B2C;
	width: 225px;
	float: right;
	padding-top: 30px;
	font-size: 0.9em;
	text-align: left;
}
#actus dt {
	font-weight: bold;
	margin-left: 5px;
	margin-top: 10px;
}
#actus dd {
	margin-left: 10px;
	color: white;	
}
#actus dd ul, #actus dd ul li {
	margin: 0;
	padding: 0;
}
#actus dd ul li {
	list-style-position: inside;
}
#infosdroite {
	clear: right;
	width: 225px;
	float: right;
	font-size: 0.9em;
	text-align: left;
}


#news {
	background-image: url(../images/news.gif);
	width: 67px;
	height: 23px;
}
#news h2 {
	display: none;
}



#contenu {
	padding-left: 230px;
	padding-right: 255px;	

}
ul.diaporama, ul.diaporama li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.diaporama {
	margin-bottom: 20px;	
}
#counter {
	margin-bottom: 20px;
	color: #999;
}
#counter a {
	color: #999;
}
#arret:hover, #lecture:hover, #prec:hover, #suiv:hover  {
	cursor: pointer;
}
#pagefooter {
	background-image: url(../images/fond-footer.jpg);
	height: 20px;
	width: 973px;
	margin: auto;
}
#footer {
clear: both;	
}
#about {
	color: #999;
	font-size: 11px;
	text-align: center;
	margin: 20px;
}
#about a {
	color: #999;
	text-decoration: none;
}