/* CSS Document */

* {margin:0; padding:0} /*remise à 0 pour tous les navigateurs*/

html {
	height: 100%;
	overflow-y: scroll;
}

body {
	height: 100%;
	/*width: 100%;
	max-width: 1000px;
	min-width: 700px;*/
	text-align: center;
	color: #5d665b;
	background-color: #fff; /*#000;*/
	/*background: white url(img/bg.jpg) top left repeat-x;*/
	/*font-family: Geneva, Verdana, "Trebuchet MS", Arial, "Nimbus Sans L", sans-serif;*/
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: small;
}

/**************************************/
/*MISE EN PAGE*/
#page {
	position: relative;
	width: 940px;
	/*height: 100%;*/
	margin: 0 auto;
	text-align: left; /* pour le pied de page bug sous IE */
	/*background-color: #d8d8d8; /*#6b6c5a*/
	background: white url(img/shadow-left.png) left repeat-y;
}

#page2 {
	/*background-color: #d8d8d8;*/
	height: 100%;
	background: url(img/shadow-right.png) right repeat-y; /* pas 2 background avec 1 id voir bientot css3 */
}

#hautpage {
	width: 940px;
	height: 10px;
	margin: 0 auto;
	background: white url(img/shadow-top.png) top repeat-x;
}

#baspage {
	width: 940px;
	height: 10px;
	margin: 0 auto;
	background: white url(img/shadow-bottom.png) bottom repeat-x;
}

#en-tete {
	background-color: #AEBFE2; /* #90423E; #d8d8d8; #6B6C5A;*/
	position: relative;
	width: 920px;
	margin: 0px auto;
	height: 147px;
	z-index: 100;
}

#breves {
	position: absolute;
	top: 2px;
	left: 25%;
	margin: 0 auto;
	text-align: center;
	width: 47%;
	height: 18px;
	background: #DEE5F3;
	border: 1px solid #CCCCCC;
}

#brevesmarquee {
	background-color: transparent;
	color: black;
	width: 100%;
	height: 20px;
	text-indent: 0px;
	font-weight: bold;
	font-style: italic;
	font-variant: small-caps;
}

#bandeau {
	margin: 0px auto;
	height: 122px;
	width: 920px;
	text-align: center;
}

#navigation {
	/*position: relative;*/
	margin: 0px auto;
	height: 25px;
	width: 910px;
	color: #fff;
	background-color: transparent;
	text-align: center;
	/*margin: 0 0 0 10px;*/
}

#navmenu {
	position: relative;
	margin: 0;
	/*padding: auto;*/
	width: 680px;
	height: 25px;
	text-align: center;
	float: left;
	
}

#navmenu li {
	position: absolute;
	background: url(img/menu_css.png) 0 0 no-repeat;
	height: 25px;
	display: block;
	list-style: none;
	text-align: left;
}

#navmenu #menu1 { left: 0px}
#navmenu #menu2 { left: 70px; background-position: -70px 0;}
#navmenu #menu3 { left: 140px; background-position: -140px 0;}
#navmenu #menu4 { left: 210px; background-position: -210px 0;}
#navmenu #menu5 { left: 300px; background-position: -300px 0;}
#navmenu #menu6 { left: 370px; background-position: -370px 0;}
#navmenu #menu7 { left: 470px; background-position: -470px 0;}
#navmenu #menu8 { left: 580px; background-position: -580px 0;}

#navmenu #menu1 a {width: 70px; height: 25px; display: block;}
#navmenu #menu2 a {width: 70px; height: 25px; display: block;}
#navmenu #menu3 a {width: 70px; height: 25px; display: block;}
#navmenu #menu4 a {width: 90px; height: 25px; display: block;}
#navmenu #menu5 a {width: 70px; height: 25px; display: block;}
#navmenu #menu6 a {width: 100px; height: 25px; display: block;}
#navmenu #menu7 a {width: 110px; height: 25px; display: block;}
#navmenu #menu8 a {width: 100px; height: 25px; display: block;}

#navmenu #menu1 a:hover { background: url(img/menu_css.png) 0px -26px no-repeat;}
#navmenu #menu2 a:hover { background: url(img/menu_css.png) -70px -26px no-repeat;}
#navmenu #menu3 a:hover { background: url(img/menu_css.png) -140px -26px no-repeat;}
#navmenu #menu4 a:hover { background: url(img/menu_css.png) -210px -26px no-repeat;}
#navmenu #menu5 a:hover { background: url(img/menu_css.png) -300px -26px no-repeat;}
#navmenu #menu6 a:hover { background: url(img/menu_css.png) -370px -26px no-repeat;}
#navmenu #menu7 a:hover { background: url(img/menu_css.png) -470px -26px no-repeat;}
#navmenu #menu8 a:hover { background: url(img/menu_css.png) -580px -26px no-repeat;}

#navmenu a span {display: none; width: 0px;}

#navmenu dl {
	/*top: 25px;*/
	background: none;
	background-color: transparent;
	display: none;
	text-align: left;
	text-indent: 0px;
	font-variant: small-caps;
	border: 1px solid gray;
	z-index: 101;
}

#navmenu #smenu4 a { color: white; background-color: #919E8C; height: 20px; width: 160px; padding: 0 3px;}
#navmenu #smenu6 a { color: white; background-color: #919E8C; height: 20px; width: 270px; padding: 0 3px;}
#navmenu #smenu4 a:hover { text-decoration: none; background: none; background-color: #000; width: 160px; margin: 0px; padding: 0 3px; letter-spacing: 0em;}
#navmenu #smenu6 a:hover { text-decoration: none; background: none; background-color: #000; width: 270px; margin: 0px; padding: 0 3px; letter-spacing: 0em;}

#menuderoulant {
	position: relative;
	float: right;
	width: 220px;
	margin-left: 5px;
	margin-right: 0px;
	/*height: 24px;*/
	color: #fff;
	background-color: transparent;
	/*font-size: 13px;*/
	text-align: left;
	letter-spacing: 2.5px;
}

/**+html #menuderoulant {
	margin-left: 0px;
	margin-right: 0px;
}*/

#menuderoulant p {
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-indent: 0px;
	display: inline;
}

#selectArtiste {
	text-align: left;
}

#select {
	font-size: 1.1em;
}

#selectmenuderoulant {
	position: absolute;
	top: 2px;
	right: 0px;
	width: 175px;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
}

/************************************************************************************/
/*PAGE*/
#milieu {
	position: relative;
	z-index: 1;
	/*height: auto!important;
	height: 600px;
	min-height: 600px;*/
	text-align: center;
	padding-top: 5px;
	padding-bottom: 33px; /* 10px + 23px pour le pied de page fixe -> bug de FF */
	/*margin-bottom: 23px;*/
	/*overflow: hidden;*/
	margin-left: 10px;
	margin-right: 10px;
	background: #fff url(img/back-deg-1px.png) repeat-x top left;
}
/**************************************************************************************/

#pied-de-page {
	position: fixed;
	z-index: 10;
	bottom: 0;
	height: 23px;
	width: 940px;
	padding: 0;
	margin: 0 auto 0 auto;
	background-color: #ADBEE1; /*#90423E; #d8d8d8; #6B6C5A;*/
	color: #fff;
	text-align: right;
	font-size: 11px;
}

#pied-de-page2 {
  padding: 4px 0px;
}

#pied-de-page2 img {
	padding: 0 1px;
}

#assoc { color: white; font-weight: bold; letter-spacing: 4px; }
#assoc:hover{	color: white; font-weight: bold; text-decoration: none; background-color: transparent; letter-spacing: 5px; word-spacing: 3px;}

/******************************/
/*THEME PAR DEFAUT*/

p {
	text-indent: 2em;
	color: black;
}

h1 {
	margin: 20px auto;
	color: black;
	font-size: large;
	text-align: center;
	letter-spacing: 0.1em;
	font: bold 25px/25px "Trebuchet MS", sans-serif;
}

h1:after {
	display: block;
	margin-left: -4px;
	margin-top: -26px;
	color: gray;
	content: attr(title);
}

h2 {
  font-size: 1.5em;
	text-align: center;
	margin: 20px auto;
}

h3 {
	font-weight: bold;
	margin: 15px;
	padding-left: 5px;
	color: #90423e;
	font-size: 1.2em;
	border-left: 3px solid #90423e;
}

h6 {
	margin: 0;
	font-size: 0.9em;
	letter-spacing: 0em;
	word-spacing: 0em;
}

ol {
	list-style-type: lower-roman; 
	margin: 1em 0 1em 40px;
}

ul {
	list-style-image: url(img/bullet.png);
	margin: 1em 0 1em 40px;
}

a			{ color: #065B9E; text-decoration: none; background-color: transparent;}
a:visited	{ color: #065B9E; text-decoration: none; background-color: transparent; }
a:hover		{ color: #065B9E; text-decoration: none; background-color:  #E4ECF2; letter-spacing: 0.05em;}
a:active	{ color: #065B9E; text-decoration: underline overline; background-color: #E4ECF2;}

img {
	vertical-align: bottom;
	border: none;
	background: none;
}

.ombre {
	/*clear:left;*/
	background: url(img/ombre.png) no-repeat bottom right;
	margin: 5px auto;
	padding: 0px;
	position: relative;
	bottom: -6px;
	right: -6px;
	text-align: center;
	display: table;
}

.ombre img {
	position: relative;
	bottom: 6px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}

.ombre2 {
	clear:left;
	background: url(img/ombre.png) no-repeat bottom right;
	margin: 5px auto;
	padding: 0px;
	width: auto;
	/*bottom: -6px;
	right: -6px;*/
	text-align: center;
}

.ombre2 img {
	position: relative;
	bottom: 6px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}

/**** Avertissement IE6.0 de merde qui fait chier ****/

#usingie {
    position: fixed;
    background: url(img/ie_warning.png) top left no-repeat fixed;
    background-color: #FFFFE1;
    color: #000000;
    font-size: 0.85em;
    padding-top: 4px;
    padding-bottom: 5px;
    top: 0;
    border: 1px solid #000000;
    width: 100%;
    text-align: left;
    text-indent: 25px;
    text-decoration: none;
    cursor: pointer;
}

#usingie2 {
    background: url(img/ie_close.png) top right no-repeat fixed;
    top: 0;
}

#usingie a:link, #usingie a:visited, #usingie a:hover {
  color: #000;
  background: transparent;
  letter-spacing: 0em;
}