ul,ol { list-style: none; }

ul, li, h1, h2 {margin: 0; padding: 0;}

#mainmenu {}

html {
text-align: center;
}

body {
position: relative;
width: 950px;
margin: 0 auto;
text-align: left;
font-family: "Century Gothic", "Myriad Pro", "Arial";
background: url(images/backg.jpg);
}

#header {
position: absolute;
right: 173px;
top : 0;
margin-top: 10px;
}

div#center {
position: absolute;
text-align: justify;
font-size: 85%;
left:190px;
width: 575px;
margin-top: 55px;
margin-left: 10px;
margin-bottom: 40px;
padding: 0;
}

div#main_content {
border: solid 1px;
border-color: #545692;
border-top-width: 10px;
padding-left: 10px;
padding-right: 10px;
background-color: #fff;
}

div#footer {
	text-align: center;
	margin : 10px 0;
}

/* FORM boutique */

input[type=text]#carre {
	width: 25px;

}

input[type=text].form-contact {
	position: absolute;
	left: 20%;
}

/* IMAGE ACTUALITES */

img#apercu {
	border : solid 1px;
	float: right;
	margin-left: 10px;
}

ul#actualites li#image {
	min-height: 90px;

}

img#affiche {

	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
}

li#affiche {
	margin-bottom: 20px;
}

/** Images Humanitaire **/

.img-hum {
	margin: 10px 0;
}


#main_front {position: absolute; left: 190px; width: 575px; margin-top: 75px; margin-left: 10px; padding: 0 10px;}


#main_front img {margin-top: 5px;}

a, a:active, a:hover {color:#545692; }
a:visited {color : #000;}

#main_content h3 {margin-top: 15px;}

#truelist {list-style : disc ; margin-left: 25px;}
#innerlist {list-style : circle ; margin-left: 25px;}

#wrapper #wtop {position: absolute; display: block; width: 190px; height: 50px; background-image: url(images/wtop.jpg);background-repeat: no-repeat;}

#wrapper #wbottom {position: absolute; bottom: 0; display: block; width: 190px; height: 50px; background-image: url(images/wbottom.jpg);background-repeat: no-repeat;}

#wrapper {position: absolute;
right: -210px;
width: 190px;
height: 100%;
top: -55px;
padding-bottom: 55px;
background-image: url(images/wrapper.jpg);
background-repeat: repeat-y;}

div#act {margin-bottom: 10px;}
div#act span {position: absolute; margin-top: 50px; margin-left: 5px;}
div#act img {border: solid 1px;}

#header h1 {height : 0px; text-indent: -9999px;}
#header h2 {font-size: 200%; font-weight: 300; color:#545692; }
#header h2 date {font-size: 75%; font-weight: 200; color: #000;}

h3 date {font-size: 80%; font-weight: 100;}

p#annonce {text-align: center; font-weight: bold;}

table {
position: relative;
}

table {
margin-bottom: 25px;
border-collapse: collapse;
}

tr {
margin : 0;
}

td {
	border-bottom: solid 1px;
	padding: 4px 4px;
}

td#first {
	border-top: solid 1px;

}

td#rowspan {
	border-bottom: 0;

}

td.right {
padding-left: 20px;
margin-left: -20px;
padding-right: 10px;
}

td.left {
	font-weight: bold;
}

#se-oeuvre {
	padding-bottom: 10px;
}

#se-oeuvre a {
	text-align: center;
}

/** CDs **/

img#cd {
	border: solid 1px;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

ol#cd img {
	height: 15px;
	width: 15px;
	border: 0;
	margin-bottom: -3px;

}

#symbol {
	height: 15px;
	width: 15px;
	margin-bottom: -3px;
}


 

/** Navigation secondaire **/

ul#nav-alt {

text-align: center;
}

ul#nav-alt li{
display: inline;
margin-left: 10px;
}


ul#nav-alt li {font-size: 160%; font-weight: 200; color:#545692; }
ul#nav-alt li a {font-size: 80%; font-weight: 140; color: #000; text-decoration: none;}


ul#nav-alt li:hover hover {
display: inline;
}

ul#nav-alt li hover {
display: none;
}

ul#nav-alt li:hover normal {
display: none;
}



ul#nav-alt li:active a{
	font-size : 78%;
}

/** Diapo **/

#diapo0 {
	position: relative;
	padding-bottom: 570px;
}

#diapo1 {
	position: relative;
	padding-bottom: 1140px;
}

#diapo0 img, #diapo1 img {
	border: 1px solid;
}

#diapo0 li, #diapo1 li {
	position: absolute;
}


/* LEFT */
#img1, #img4, #img7, #img10, #img13, #img16, #img19 {
	left: 10px;
}

#img2, #img5, #img8, #img11, #img14, #img17 {
	left: 195px;
}

#img3, #img6, #img9, #img12, #img15, #img18 {
	left: 380px;
}




/* TOP */

#img1, #img2, #img3 {
	top: 15px;
}

#img4, #img5, #img6 {
	top: 200px;
}

#img7, #img8, #img9 {
	top: 385px;
}

#img10, #img11, #img12 {
	top: 570px;
}

#img13, #img14, #img15 {
	top: 755px;
}

#img16, #img17, #img18 {
	top: 940px;
}

#img19 {
	top: 1125px;
}

#diapo-image {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 30px;
	
}

#diapo-image img {
	border: 1px solid;
}

#diapo-nav {
	position: relative;
	margin-top: 10px;

}

#diapo-nav li{
	position: absolute;
	display: inline;
}

#diapo-nav a {
	text-decoration: none;
}

li#prec {
	left: 85px;
}

li#menu {
	left: 260px;
}

li#next {
	right: 85px;
}

/** Barres **/

.barre {margin: 0; padding: 0; border-bottom: dashed 1px; border-color:#545692; }

.barre-solid {margin: 0; padding: 5px 0; border-bottom: solid 1px; border-color:#000; }

#separator {
	padding: 10px 0;
}

/** Menu principal **/

#mainmenu {position: absolute; left: 0; top: 10px; width: 190px;}

#mainmenu #globalnav li a{ display: block; width: 189px; height: 30px;}
#mainmenu #globalnav li a { width: 189px; height: 30px; overflow: hidden;}
#mainmenu #globalnav li a, #mainmenu #globalnav li#sprite-top, 
#mainmenu #globalnav li#sprite-bottom {background-image: url(images/sprites.jpg); background-repeat: no-repeat; text-indent: -9999px;}

#mainmenu #globalnav li#sprite-top {display: block; width: 189px; height : 51px;background-position: 0 0;}
#mainmenu #globalnav li#sprite-bottom {display: block; width: 189px; height : 178px;background-position: 0 -381px;}

#mainmenu #globalnav li#sprite-accueil a { background-position: 0 -51px; }
#mainmenu #globalnav li#sprite-actualites a { background-position: 0 -81px; }
#mainmenu #globalnav li#sprite-evenements a { background-position: 0 -111px; }
#mainmenu #globalnav li#sprite-lafondation a { background-position: 0 -141px; }
#mainmenu #globalnav li#sprite-stephanelmas a { background-position: 0 -171px; }
#mainmenu #globalnav li#sprite-partitions a { background-position: 0 -201px; }
#mainmenu #globalnav li#sprite-humanitaire a { background-position: 0 -231px; }
#mainmenu #globalnav li#sprite-lamusique a { background-position: 0 -261px; }
#mainmenu #globalnav li#sprite-boutique a { background-position: 0 -291px; }
#mainmenu #globalnav li#sprite-nousaider a { background-position: 0 -321px; }
#mainmenu #globalnav li#sprite-nouscontacter a { background-position: 0 -351px; }

#mainmenu #globalnav li#sprite-accueil a:hover { background-position: -189px -51px; }
#mainmenu #globalnav li#sprite-actualites a:hover { background-position: -189px -81px; }
#mainmenu #globalnav li#sprite-evenements a:hover { background-position: -189px -111px; }
#mainmenu #globalnav li#sprite-lafondation a:hover { background-position: -189px -141px; }
#mainmenu #globalnav li#sprite-stephanelmas a:hover { background-position: -189px -171px; }
#mainmenu #globalnav li#sprite-partitions a:hover { background-position: -189px -201px; }
#mainmenu #globalnav li#sprite-humanitaire a:hover { background-position: -189px -231px; }
#mainmenu #globalnav li#sprite-lamusique a:hover { background-position: -189px -261px; }
#mainmenu #globalnav li#sprite-boutique a:hover { background-position: -189px -291px; }
#mainmenu #globalnav li#sprite-nousaider a:hover { background-position: -189px -321px; }
#mainmenu #globalnav li#sprite-nouscontacter a:hover { background-position: -189px -351px; }

#mainmenu #globalnav li#sprite-accueil a:active { background-position: -378px -51px; }
#mainmenu #globalnav li#sprite-actualites a:active { background-position: -378px -81px; }
#mainmenu #globalnav li#sprite-evenements a:active { background-position: -378px -111px; }
#mainmenu #globalnav li#sprite-lafondation a:active { background-position: -378px -141px; }
#mainmenu #globalnav li#sprite-stephanelmas a:active { background-position: -378px -171px; }
#mainmenu #globalnav li#sprite-partitions a:active { background-position: -378px -201px; }
#mainmenu #globalnav li#sprite-humanitaire a:active { background-position: -378px -231px; }
#mainmenu #globalnav li#sprite-lamusique a:active { background-position: -378px -261px; }
#mainmenu #globalnav li#sprite-boutique a:active { background-position: -378px -291px; }
#mainmenu #globalnav li#sprite-nousaider a:active { background-position: -378px -321px; }
#mainmenu #globalnav li#sprite-nouscontacter a:active { background-position: -378px -351px; }

#mainmenu.accueil #globalnav li#sprite-accueil a { background-position: -567px -50px; cursor: default; }
#mainmenu.actualites #globalnav li#sprite-actualites a { background-position: -567px -81px; cursor: default;}
#mainmenu.evenements #globalnav li#sprite-evenements a { background-position: -567px -111px; cursor: default;}
#mainmenu.lafondation #globalnav li#sprite-lafondation a { background-position: -567px -141px; cursor: default;}
#mainmenu.stephanelmas #globalnav li#sprite-stephanelmas a { background-position: -567px -171px; cursor: default;}
#mainmenu.partitions #globalnav li#sprite-partitions a { background-position: -567px -201px; cursor: default;}
#mainmenu.humanitaire #globalnav li#sprite-humanitaire a { background-position: -567px -231px; cursor: default;}
#mainmenu.lamusique #globalnav li#sprite-lamusique a { background-position: -567px -261px; cursor: default;}
#mainmenu.boutique #globalnav li#sprite-boutique a { background-position: -567px -291px; cursor: default;}
#mainmenu.nousaider #globalnav li#sprite-nousaider a { background-position: -567px -321px; cursor: default;}
#mainmenu.nouscontacter #globalnav li#sprite-nouscontacter a { background-position: -567px -351px; cursor: default;}

div#parttop {
	background-color: #545692;
	color: #FFF;
	top: 10px;
	width: 100%;
	height: 190px;
	border: solid 1px;
	border-color: #000;
	position: relative;
}

div#partleft {
	width: 280px;
	margin-top: 25px;
}

div#partright {
	padding: 8px;
	position: absolute;
	top: 210px;
	right: 0;
	width: 280px;
	border-left: solid 1px;
}


div#recherche {
	width: 47%;
	padding: 8px;
	position: absolute;
	top: 0;
	right: 0;
}

div#aff-tri {
	width: 43%;
	padding: 8px;
	position: absolute;
	top: 0;
	left: 0;
}

div#affichage {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 130px;
	right: 0;
}

div#affichage fieldset {
	border: 0;
}

h3.serie, h3.genre, h3.recherche{
	display: block;
	width: 100%;
	height: 20px;
	background-color: #DDD;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: center;
}

h4.serie, h4.genre {
	display: block;
	width : 100%;
	height: 16px;
	background-color: #DDD;
	margin-top: 5px;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

div#serie, div#genre, div#result-search {

	margin-top:0;
	padding-top:0;
	margin-bottom: -15px;
	padding-bottom: 10px;
	width: 100%;
	background-color: #FAFAFA;
	text-align: center;
}

div#serie a, div#genre a, div#result-search a {
		text-decoration: none;
}

.database {
	padding-bottom: 40px;
}

/* Deux col par mid */
div#partright h3, div#partleft h3 {
	margin-top: 8px;
	margin-bottom : -10px;
	padding: 0;
}

div#partright h4, div#partleft h4 {
	margin-top: 8px;
	margin-bottom : -10px;
	padding: 0;
}

/* Deux col par serie*/ 

div.serie h3, div.serie h4 {
	margin-top: 0;
	padding: 0;
	margin-bottom: -10px;

}

div.serie {
	position: relative;
	height: 420px;
}

div.left {
	position: absolute;
	width: 45%;
	left: 0;
}

div.right {
	position: absolute;
	width: 45%;
	right: 0;
}
/* FORMULAIRE */

select {
border:1px outset #A6BEDE;
}

input[type=submit], input[type=reset]{
border:2px outset #A6BEDE;
cursor:pointer;
}
input[type=submit]:hover, input[type=reset]:hover {
border:2px outset white;
background-color:white;
}
input[type=submit]:active, input[type=reset]:active	 {
border:2px inset #A6BEDE;
background-color:#A6BEDE;
color:black;
}

/* END --> FORMULAIRE */

.center {
	text-align: center;

}