body {
	margin: 15px 15px 10px 15px;
	text-align: center;
}

#page {
	width: 749px;
	margin: 0 auto;
	text-align: left;
}

form { margin: 0; padding: 0; }
input, select, textarea { margin: 2px 0; }

p { margin: 0 0 13px 0; padding: 0; }

img.left {
	float: left;
	margin: 3px 10px 3px 0;
	padding: 10px;
}

#content .date img.left { padding:4px;}
img.add1,img.add2,img.add3 { margin:15px 10px 15px 0;}
img.add3 { margin-right:0;}
body#photos img.left { padding:4px; margin:0 5px 5px 0;}

img.right {
	float: right;
	margin: 3px 0 3px 10px;
	padding: 10px;
}

.photobienvenue {
	float: left;
	text-align: center;
	margin: 3px 10px 3px 0;
	padding: 10px;
}
.photobienvenue img { margin-bottom: 10px; }

a.download {
	background-image: url(../admin/images/file.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 14px;
}

a.lien {
	background-image: url(../admin/images/lien.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
}
a.lien:hover { background-position: 0 -19px; }

#wrapper { border: 7px solid #FFF; }
body#presentation #wrapper { background-image: url(../navigation/content_presentation.gif); }
body#programmation #wrapper { background-image: url(../navigation/content_programmation.gif); }
body#infos #wrapper { background-image: url(../navigation/content_infos.gif); }
body#partenaires #wrapper { background-image: url(../navigation/content_partenaires.gif); }
body#pro #wrapper { background-image: url(../navigation/content_pro.gif); }
body#rayeu #wrapper { background-image: url(../navigation/content_rayeu.gif); }
body#photos #wrapper { background-image: url(../navigation/content_photos.gif); }

/* Banner */

#navigation { height: 130px; }
body#presentation #navigation { background-image: url(../navigation/banner_presentation.jpg); }
body#programmation #navigation { background-image: url(../navigation/banner_programmation.jpg); }
body#infos #navigation { background-image: url(../navigation/banner_infos.jpg); }
body#partenaires #navigation { background-image: url(../navigation/banner_partenaires.jpg); }
body#pro #navigation { background-image: url(../navigation/banner_pro.jpg); }
body#rayeu #navigation { background-image: url(../navigation/banner_rayeu.jpg); }
body#photos #navigation { background-image: url(../navigation/banner_photos.jpg); }

h1 {
	height: 108px;
	padding: 0;
	margin: 0;
}
h1 a {
	position: relative;
	display: block;
	top: 43px;
	left: 169px;
	width: 226px;
	height: 48px;
	text-indent: -9999px; /* on cache le texte */
}

/* Navigation */

#navigation ul {
	width: 533px;
	height: 22px;
	margin: 0;
	padding: 0;
	list-style-type: none;
} 
#navigation ul li {
	display: inline;
	margin:0;
	padding: 0;
}
#navigation ul li a {
	display: block;
	float: left;
	height: 22px;
	text-indent: -9999px; /* on cache le texte */
}
body#presentation #navigation ul li a { background-image: url(../navigation/navigation_presentation.gif); }
body#programmation #navigation ul li a { background-image: url(../navigation/navigation_programmation.gif); }
body#infos #navigation ul li a { background-image: url(../navigation/navigation_infos.gif); }
body#partenaires #navigation ul li a { background-image: url(../navigation/navigation_partenaires.gif); }
body#pro #navigation ul li a { background-image: url(../navigation/navigation_pro.gif); }
body#rayeu #navigation ul li a { background-image: url(../navigation/navigation_rayeu.gif); }
body#photos #navigation ul li a { background-image: url(../navigation/navigation_photos.gif); }
#navigation ul li#li1 a { width: 83px; background-position: 0 0px; }
#navigation ul li#li2 a { width: 102px; background-position: -83px 0px; }
#navigation ul li#li3 a { width: 98px; background-position: -185px 0px; }
#navigation ul li#li4 a { width: 77px; background-position: -283px 0px; }
#navigation ul li#li5 a { width: 33px; background-position: -360px 0px; }
#navigation ul li#li6 a { width: 50px; background-position: -393px 0px; }
#navigation ul li#li7 a { width: 90px; background-position: -443px 0px; }
#navigation ul li#li1 a:hover { background-position: 0 -22px; }
#navigation ul li#li2 a:hover { background-position: -83px -22px; }
#navigation ul li#li3 a:hover { background-position: -185px -22px; }
#navigation ul li#li4 a:hover { background-position: -283px -22px; }
#navigation ul li#li5 a:hover { background-position: -360px -22px; }
#navigation ul li#li6 a:hover { background-position: -393px -22px; }
#navigation ul li#li7 a:hover { background-position: -443px -22px; }

/* Menu */

#menu {
	float: left;
	width: 157px;
	padding: 15px 10px;
}

#menu h2 {
	margin: 10px 0 8px 0;
	padding: 0;
	height: 18px;
	width: 148px;
	background-image: url(../navigation/hmenu.gif);
	background-repeat: no-repeat;
	text-indent: -9999px; /* on cache le texte */
}
body#presentation #menu h2 { background-position: 0 0; }
body#programmation #menu h2 { background-position: 0 -18px; }
body#infos #menu h2 { background-position: 0 -36px; }
body#partenaires #menu h2 { background-position: 0 -54px; }
body#pro #menu h2 { background-position: 0 -72px; }
body#rayeu #menu h2 { background-position: 0 -90px; }
body#photos #menu h2 { background-position: 0 -108px; }

#menu ul {
	list-style-type: none;
	margin: 0 0 16px 0;
	padding: 0;
}

#menu ul li a {
	padding-left: 12px;
	background-image: url(../navigation/fleche_blanche.gif);
	background-repeat: no-repeat;
}

/* Contenu */

#content {
	float: left;
	width: 321px;
	padding: 15px 15px 15px 20px;
}

#content h3 {
	margin: 2px 0 6px 0;
	padding: 0;
	height: 29px;
	background-repeat: no-repeat;
	text-indent: -9999px; /* on cache le texte */
}
#content h3#presentation1 { background-image: url(../navigation/h3bienvenue.gif); }
#content h3#presentation2 { background-image: url(../navigation/h3centre.gif); }
#content h3#presentation3 { background-image: url(../navigation/h3realisation.gif); }
#content h3#presentation4 { background-image: url(../navigation/h3conseil.gif); }
#content h3#programmation1 { background-image: url(../navigation/h3date.gif); }
#content h3#programmation3 { background-image: url(../navigation/h3alphabetique.gif); }
#content h3#programmation4 { background-image: url(../navigation/h3archives.gif); }
#content h3#infos1 { background-image: url(../navigation/h3contact.gif); }
#content h3#infos2 { background-image: url(../navigation/h3acces.gif); }
#content h3#infos3 { background-image: url(../navigation/h3points.gif); }
#content h3#infos4 { background-image: url(../navigation/h3infrastructures.gif); }
#content h3#infos5 { background-image: url(../navigation/h3location.gif); }
#content h3#partenaires1 { background-image: url(../navigation/h3partenaires.gif); }
#content h3#partenaires2 { background-image: url(../navigation/h3liens.gif); }
#content h3#pro1 { background-image: url(../navigation/h3identification.gif); }
#content h3#pro2 { background-image: url(../navigation/h3technique.gif); }
#content h3#pro3 { background-image: url(../navigation/h3presse.gif); }
#content h3#rayeu1 { background-image: url(../navigation/h3telechargements.gif); }
#content h3#photos1 { background-image: url(../navigation/h3photos.gif); }

#scroller {
	overflow: auto;
	padding-right: 16px;
}

#content ul, ul.themes { margin: 0 25px; padding: 0; }
#content ul li, ul.themes li { margin: 0 0 8px 0; padding: 0; }
h5 { padding: 0; margin: 20px 0 13px 0; }

#content .date { padding-top: 14px; margin-top: 14px; clear:left; overflow:hidden;}
#content .detail { padding: 10px; }
.youtube { clear:left; padding-top:15px;}

/* Contact & Newsletter */

#contact p { margin-bottom: 9px; }

#contact {
	float: left;
	width: 164px;
	height: 356px;
	padding: 15px 10px 15px 28px;
	background-repeat: no-repeat;
	background-position: left top;
}
body#presentation #contact { background-image: url(../navigation/banner2_presentation.jpg); }
body#programmation #contact { background-image: url(../navigation/banner2_programmation.jpg); }
body#infos #contact { background-image: url(../navigation/banner2_infos.jpg); }
body#partenaires #contact { background-image: url(../navigation/banner2_partenaires.jpg); }
body#pro #contact { background-image: url(../navigation/banner2_pro.jpg); }
body#rayeu #contact { background-image: url(../navigation/banner2_rayeu.jpg); }
body#photos #contact { background-image: url(../navigation/banner2_photos.jpg); }

#contact h4 {
	margin: 13px 0;
	padding: 0;
	height: 12px;
	width: 80px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -9999px; /* on cache le texte */
}
h4#hcontact { background-image: url(../navigation/hcontact.gif); }
h4#hnewsletter { margin-top: 28px; background-image: url(../navigation/hnewsletter.gif); }
body#presentation h4 { background-position: 0 0; }
body#programmation h4 { background-position: 0 -12px; }
body#infos h4 { background-position: 0 -24px; }
body#partenaires h4 { background-position: 0 -36px; }
body#pro h4 { background-position: 0 -48px; }
body#rayeu h4 { background-position: 0 -60px; }
body#photos h4 { background-position: 0 -72px; }

#contact input#mailingemail, #contact select#mailingcategorie { width: 150px; }

/* Bas de page */

.clearer { height: 0px; overflow: hidden; clear: both; }

#impressum {
	padding: 10px 7px 0 7px;
}