/*generale*/
body, h1, h2, ul, li{
	margin:0;
	padding: 0;
}

body{
	background: #fff;
	color: #000;
	font-family: Arial;
	font-size: 14px;
}

a{
	color: #000086;
	text-decoration: none;
}

a img{
	border: 0;
}

.clear{
	clear: both;
}

.jaune{
	color: #f0e800;
}

.majuscule{
	text-transform: uppercase;
}

.center{
	text-align: center;
}

.italic{
	font-style: italic;
}
/*generale*/

/*entete*/
#entete{
	background: url(images/fond-entete.png) no-repeat top right;
	height: 130px;
	width:995px;
}

#entete h1{
	padding: 50px 0 0 0;
}
/*entete*/

/*menu*/
#menu{
	display: none;
}
/*menu*/

/*gauche*/
#gauche{
	display: none;
}
/*gauche*/

/*accueil*/
#contenuAccueil{
	float: left;
	font-size: 90%;
	width: 827px;
}

#accueilGauche{
	background: #f3f3f3 url(images/fond-accueilgauche.png) no-repeat top left;
	display: inline;
	float: left;
	margin-right: 12px;
	width: 531px;
}

#accueilDroite{
	float: left;
	width: 272px;
}

#contenuAccueil h2{
	color: #584940;
	font-style: italic;
	font-size: 230%;
	font-weight: normal;
	padding: 8px 0 10px 20px;
}

.gauche{
	float: left;
}

.droite{
	float: left;
	padding-left: 10px;
}

.imageCadre{
	background: url(images/coin-gauche.gif) no-repeat top left;
	padding: 10px 0 0 10px;
}

.coinDroite{
	background: url(images/coin-droite.gif) no-repeat bottom right;
	padding:  0 10px 10px 0;
}

h3{
	margin: 0;
}

.savoirPlus{
	margin: 0;
	padding:0 10px 5px 0;
	text-align: right;
}

.savoirPlus a{
	color: #e16f04;
	font-size: 95%;
}

.savoirPlus a:hover{
	text-decoration: underline;
}
/*accueil*/

/* agenda */
.agendaDetail h2 span{
	display: block;
	font-size: 60%;
}

#agenda{
	background: #e8e3e1;
}

#agenda a{
	color: #372b25;
	display: block;
	margin-left: 20px;
}

#agenda .date, #agenda .savoirPlus a{
	color: #e16f04;
}

#agenda a:hover{
	text-decoration: underline;
}

#agenda p{
	margin: 0;
	padding: 5px 0;
}

#agenda p.savoirPlus{
	padding:0 10px 5px 0;
}

#cinemaItinerant{
	display: block;
	margin-top: 10px;
}

#cinemaItinerant:hover{
	filter : alpha(opacity=80);
	-moz-opacity : 0.8;
	opacity : 0.8; 
}
/* agenda */

/* presentation */
#presentation{
	background: #efefef url(images/fond-plante.png) no-repeat top left;
	margin-top: 10px;
	padding: 5px 15px;
	width: 785px;
}

#presentation .gauche{
	width: 535px;
}

#presentation .droite{
	padding-bottom: 10px;
	padding-top: 10px;
}
/* presentation */

/*pied*/
#pied{
	border-top: 1px solid #9d918a;
	color: #584940;
	margin: 10px 0;
	padding-top: 10px;
	text-align: center;
	width: 995px;
}

#pied a{
	display: none;
}
/*pied*/

/*ozone*/
#chemin{
	background: #fff;
	margin: 0 0 10px 0;
}

#chemin a{
	color: #584940;
}

#chemin a:hover{
	color: #e16f04;
}

#paragraphes{
	background: #f3f3f3 url(images/fond-accueilgauche.png) no-repeat top left;
	float: left;
	font-size: 90%;
	min-height: 550px;
	padding: 0 10px 10px 30px;
	width: 787px;
}

#paragraphes p{
	margin: 15px 0;
}

#paragraphes ul{
	list-style: square;
}

#paragraphes h2{
	font-size: 130%;
	margin-top: 15px;
}

#contenuOzone p{
	margin: 5px 0;
}

#contenuOzone ul{
	margin-left: 20px;
}

#contenuOzone h1{
	color: #584940;
	font-style: italic;
	font-size: 230%;
	font-weight: normal;
	padding: 0 0 10px 0px;
}

.infosGauche{
	float: left;
	width: 574px;
}

.infosDroite{
	background: #e8e3e1 url(images/bas-infos.gif) no-repeat bottom left;
	display: inline;
	float: left;
	margin-left: 15px;
	padding: 5px 10px 15px 10px;
	width: 188px;
}

.infosDroite h3{
	font-size: 180%;
	font-style: italic;
	font-weight: normal;
}

#paragraphes a{
	color: #e16f04;
}

#paragraphes a:hover{
	text-decoration: underline;
}

/*ozone*/

/*contact*/
#googleMap{
	display: inline;
	float: left;
	height: 380px;
	width: 380px;
}

#contactGauche{
	float: left;
	width: 417px;
}

#contactGauche, #contactDroite{
	float: left;
	width: 375px;
}

#contactForm{
	margin-top: 25px;
}

label{
	display: block;
}

input, textarea{
	border: 1px solid #c8c8c8;
	color: #000;
	display: block;
	margin-bottom: 5px;
}

input.grdEspace{
	margin-bottom: 15px;
}

textarea{
	height: 135px;
	width: 255px;
}

#contactForm input.envoyer{
	border: 0;
	margin: 20px auto;
}

#contactForm input.envoyer:hover{
	filter : alpha(opacity=80);
	-moz-opacity : 0.8;
	opacity : 0.8; 
}

input.hidden{
	display: none;
}
/*contact*/

/* recherche */
#paragraphes ul.recherche{
	margin: 30px 0 0 60px;
}

ul.recherche li{
	margin-bottom: 5px;
}

ul.recherche a{
	color: #584940;
}

ul.recherche a:hover{
	color: #e16f04;
}
/* recherche */