/*============================	GENERAL DESIGN	==========================================*/
body {
	/*width:940px;*/
	background-color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	
}
#body {
	width:940px;
	margin:0 auto;
}
p {
text-align:left;
}
h1 {
margin:0;
}
ul {
list-style-type:none;
}
img {
border:none;

}
h1.menu_p {
margin:0;
font-size:14px;
}
div#identite {
height:43px;
background-image:url(img/header/fd_trait.jpg);
}
#header {
height:38px;
background-image:url(img/header/gradient.jpg);
background-repeat:repeat-x;
}
.trait_header {
font-size:1px;
height:6px;
background-image:url(img/header/texture_ligne.jpg);
}
.trait_footer {
font-size:1px;
height:6px;
background-image:url(img/footer/texture_ligne.jpg)
}
#footer {
height:38px;
background-image:url(img/footer/gradient.jpg);
background-repeat:repeat-x;
}
#footer span {
	letter-spacing: 1em;
	color:#FFFFFF;
	display:block;
	padding-top:7px;
	margin-left:350px;
	font-weight: lighter;	
}
ul#rapid_link {
float:right;
list-style-type:none;
display:inline;
margin:0;
padding:0;
}
ul#rapid_link li {
display:inline;
float:left;
margin:9px 15px 0 15px;
}
#fd_content {
	background-color:#FFDEB1;
	padding-bottom:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
div#savoir_plus {
	width:610px;
	background-color:#F5BB2E;
	margin-left:15px;
}
#round_corner_RT {
	font-size:1px;
	float:right;
	width:18px;
	height:18px;
	background-image: url(img/round_corner_RT.gif);
	background-repeat: no-repeat;	
}
#round_corner_LT {
	font-size:1px;
	width:289px;
	height:37px;
	background-image: url(img/savoir_plus.gif);
	background-repeat: no-repeat;	
}
#round_corner_RB {
	font-size:1px;
	float:right;
	width:18px;
	height:18px;
	background-image: url(img/round_corner_RB.gif);
	background-repeat: no-repeat;	
}
#round_corner_LB {
	font-size:1px;
	width:18px;
	height:18px;
	background-image: url(img/round_corner_LB.gif);
	background-repeat: no-repeat;	
}
/*######################### CLASS GENERIQUE	############################################*/
p.text_intro_actu,p.text_intro_assoc,p.text_intro_groupes,p.text_intro_radio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color:#666666;
	width:570px;
	padding:7px 20px 20px 20px;
	font-weight: normal;
	background-color:#DDCF8C;
	background-image: url(img/intro_corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-left:15px;
	margin-bottom:20px;

}
p.red {
	color:#993300;
}
span.orange {
	color: #FF9933;
}
span.orange_center {
display:block;
	color: #FF9933;
	text-align:center;
}
p.texte {
	width:600px;
	line-height:19px;
	margin-left:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-bottom:20px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #CC9900;
	padding-left:7px;
}

ul.contacts {
list-style-image:url(img/puce_croix.gif);
}

/*######################### TITRES ####################################################"*/
h1#association, h1#artistes, h1#actualites, h1#radio {
	height:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	letter-spacing:0.2em;
	font-weight: bold;
	color:#000;
	margin:0;
	padding:7px;
	line-height:16px;
	border-bottom: 1px solid #000;
}
h1#association {
	background-color:#B3B336;
	background-image: url(img/h1_asso.gif);
	background-repeat: repeat-x;
}
h1#artistes {
	background-color:#009900;
	background-image: url(img/h1_artist.gif);
	background-repeat: repeat-x;
}
h1#actualites {
	background-color:#999900;
	background-image: url(img/h1_actu.gif);
	background-repeat: repeat-x;
}
h1#radio {
	background-color:#DDC13E;
	background-image: url(img/h1_radio.gif);
	background-repeat: repeat-x;
}


/*###############################	menu	###########################################################*/
ul#menu_principal {
font-family:Verdana, Arial, Helvetica, sans-serif;
height:38px;
width:700px;
line-height:38px;
margin:0 0 0 140px;
list-style-type:none;
}
ul#menu_principal li {
	float:left;
	margin-left:20px;
	margin-right:20px;
	text-transform: uppercase;
}
a.menu:link {
color:#CCCCCC;
text-decoration:none;
}
a.menu:visited {
color:#CCCCCC;
text-decoration:none;
}
a.menu:hover {
color:#CC9900;
text-decoration:underline;
}
a.menu:active {
color:#FFFFFF;
text-decoration:none;
}
div#menu_second {
height:60px;

}
ul#menu_assoc,ul#menu_groupes,ul#menu_actu,ul#menu_radio {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	height:30px;
	line-height:30px;
	margin:0 0 0 0;
	list-style-type:none;
	font-weight: lighter;
}
ul#menu_assoc {
	background-color:#B3B336;
	background-image: url(img/menu_assoc.gif);
	background-repeat: no-repeat;
	background-position: right;
}
ul#menu_groupes {
	background-color:#009900;
	background-image: url(img/menu_groupes.gif);
	background-repeat: no-repeat;
	background-position: right;
}
ul#menu_actu {
	background-color:#999900;
	background-image: url(img/menu_actu.gif);
	background-repeat: no-repeat;
	background-position: right;
}
ul#menu_radio {
	background-color:#DDC13E;
	background-image: url(img/menu_radio.gif);
	background-repeat: no-repeat;
	background-position: right;
}
ul#menu_assoc h2,ul#menu_groupes h2,ul#menu_actu h2,ul#menu_radio h2 {
	margin:0;
	padding:0;
	font-size:10px;
	font-weight:lighter;
}
ul#menu_assoc li,ul#menu_groupes li,ul#menu_actu li,ul#menu_radio li  {
	float:left;
	margin-left:20px;
	margin-right:20px;
}
a.menu_s:link {
color:#000;
text-decoration:none;
}
a.menu_s:visited {
color:#000;
text-decoration:none;
}
a.menu_s:hover {
color:#FFFF00;
text-decoration:underline;
}
a.menu_s:active {
color:#FFFFFF;
text-decoration:none;
}

/*#######################	accueil	################################################*/
#page_accueil {
width:950px;
height:420px;
background-color:#000;
}
img.flot {
float:right;
}
/*#################### actualités	################################################*/
#cache_content {
z-index:150;
background-color:#FFDEB1;

height:430px;
float:right;
margin-right:25px;
}
#youtube_content {
/*position:absolute;
left:495px;
top:140px;
background-color:#000000;*/

background-color:#999900;
}
div#deco_video_haut {
	background-image: url(img/deco_video_haut.jpg);
	background-repeat: no-repeat;
	width:425px;
	height:34px;
	border-bottom:solid 1px #000;
}
div#deco_video_bas {
	background-image: url(img/deco_video_bas.jpg);
	background-repeat: no-repeat;
	width:425px;
	height:34px;
	line-height:20px;
	text-align:center;
	border-top:solid 1px #000;
	
}
h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF9900;
font-size:12px;

}
p.text_intro_actu {
	border-left:solid 1px #999900;
	border-top: 10px solid #999900;
}
#news_preview h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size:12px;
margin:5px 0 0 20px;
}
#news_preview p {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size:10px;
line-height:14px;
width:350px;
margin-top:3px;
margin:2px 0 3px 20px;
padding-bottom:3px;
padding-left:8px;
border-bottom: 1px dashed #000;
} 
a.actu:link {
color:#999900;
text-decoration:none;
}
a.actu:hover {
color:#999900;
text-decoration:underline;
}
a.actu:visited {
color:#CCCCCC;
text-decoration:none;
}
a.actu:active {
color:#FFFFFF;
text-decoration:none;
}
#news_preview {
margin:15px 15px 0 15px;
width:400px;
background-color:#993300;

}

#defil_news {

height:350px;
overflow:hidden;

}
.indic_num {
width:380px;
color:#FFCC00;
text-align:center;
font-size:10px;
}
#news_preview form {
display:inline;
margin:0;
padding:0;
text-align:right;
}
div#news_preview input {
	width:38px;
	height:15px;
	margin:0 30px 0 30px;
	background-color:#FF9900;
	border: none;
}
a.source:link {
color:#FF9900;
text-decoration:none;
}
a.source:visited {
color:#CCCCCC;
text-decoration:none;
}
a.source:hover {
color:#999900;
text-decoration:underline;
}

a.source:active {
color:#FFFFFF;
text-decoration:none;
}
div#top_news {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:32px;
	text-align:center;
	color:#CCC;
	width:400px;
	height:32px;
	background-image:url(img/top_news.gif);
	background-color:#993300;
	background-repeat: no-repeat;
}
div#bottom_news {
	width:400px;
	height:20px;
	background-color:#FFDEB1;
	background-image:url(img/bottom_news.gif);
	background-repeat: no-repeat;
	text-align:center;
	word-spacing: .9em;
}
div#cont_calendrier {
	width:200px;
float:right;
margin-right:25px;
	border: 1px solid red;
	text-align:center;
	padding:12px;
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
}
div#deco_calendrier {
	background-color:#999900;
	width:177px;
	margin: 0 auto;
	/*border: 3px solid black;*/
}
div#haut_calendrier {
	width:177px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#CCCCCC;
	line-height:20px;
	text-align:center;
	border-bottom:solid 1px black;
	background-image: url(img/haut_calendrier.gif);
	background-repeat: no-repeat;
}
div#bas_calendrier {
	width:177px;
	height:12px;
	background-image: url(img/bas_calendrier.gif);
	background-repeat: no-repeat;
	background-color:#FFDEB1;
}
div#calendrier {
	padding-bottom:2px;
	background-color:#999900;
	width:157px;
	height:108px;
	margin:10px;
	font-weight: bold;
	/*border:2px solid red;*/
}
span.jour {
display:block;
float:left;
height:18px;
width:18px;
text-align:center;
background-color:#FFCC00;
margin:2px;
}
a.date:link {
color:#CC0000;
text-decoration:none;
}
a.date:hover {
color:#999900;
text-decoration:underline;
}
a.date:visited {
color:#CC0000;
text-decoration:none;
}
a.date:active {
color:#FFFFFF;
text-decoration:none;
}
p.text_intro_cal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color:#666666;
	width:270px;
	padding:7px 20px 20px 20px;
	background-color:#FFCC33;
	margin-top:3px;
	font-weight: normal;
	background-image: url(img/intro_cal_corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-top: 10px solid #CC9900;
	border-left: 2px solid #CC9900;
	text-align:left;
	text-transform: none;
}
table#news_umojah {
	width:615px;
	margin-left:15px;
	border-bottom: solid 3px #996633;
	/*margin-bottom:15px;*/
	border: solid 1px #785412;
}
table#news_umojah td {
	padding:7px;
}
table#news_umojah th {
	background-color:#996633;
}
.dateN {
	width:90px;
	text-align:center;
}
/*############### 	AGENDA	##############################################################*/
p.text_intro_agenda {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	line-height:18px;
	color:#666666;
	width:630px;
	padding:7px 20px 20px 20px;
	
	border-top: 10px solid #999900;
	border-left: 1px solid #999900;
	margin-left:15px;
	margin-bottom:7px;
	font-weight: normal;
	background-color:#DDCF8C;
	background-image: url(img/intro_corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
table#enteteAgenda {
	width:670px;
	margin-left:15px;
}
#Agenda {
	width:670px;
	margin-left:15px;
	margin-bottom:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top:solid 1px #999999;
	font-weight: normal;
}
#Agenda div {
border-bottom:solid 1px #999999;
border-right:solid 1px #999999;
border-left:solid 1px #999999;
margin-bottom:5px;
}
#Agenda p {
padding-left:15px;
line-height:1.5em;
}
#Agenda label {
color:#996633;
text-decoration:underline;
display:inline;
}
#Agenda p.intitule {

	height:25px;
	line-height:25px;
	
	background-color:#D1BB6E;
	background-image:url(img/fd_agenda.gif);
	background-repeat: repeat-x;
	margin:0;
	font-size:14px;
	border-bottom:solid 1px #FBECD8;
}
#Agenda p.intitule span {
float:right;
margin-right:15px;
font-weight:bold;
color:#FFFFCC;
font-size:16px;
}
#Agenda a {
float:right;
margin:5px 15px 0 0;
}
.bgd_1 {
	background-color:#FFDEB1;
}
.bgd_2 {
	background-color:#FDE4C1;
}

.entete {
	width:400px;
	height:25px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #996600;
	background-color: #B3B336;
	text-decoration: underline;
}
.evenement {

}
.artistes {
	width: 150px;
}
.date {
	width: 170px;
}
.infosup {

}
.flyer {
 width: 30px;
 text-align: center;

}
div#alerte_agenda {
	text-align:center;
	width:665px;
	height:30px;
	line-height:30px;
	margin-left:15px;
	margin-bottom:15px;
	border: thin solid #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-weight: bold;
	background-color:#FFFFFF;
}
#mappybox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:10px;
	margin-left:15px;
	margin-top:0;
	border: 2px dashed #999900;
	width:645px;
	font-weight: normal;
}
#form_agenda {
	position:absolute;
	left:740px;
	width:200px;
	top:160px;
	border: 2px dotted #999900;
	background-color:#999966;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CCCCCC;
	padding:7px;
}
/*#################### association	################################################*/
p.text_intro_assoc {
	border-top: 10px solid #B3B336;
	border-left: 1px solid #B3B336;
}
div#diapo {
	margin:15px;
}
div#diapo span {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background-color: #999900;	
	text-align:center;
}
div#contact {
	padding:2px;
	margin-left:15px;
	width:405px;
	border: 2px solid #996600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
div#contact span {
display:block;
height:30px;
line-height:30px;
text-align:center;
font-size:14px;
color:#996600;
font-weight:bold;
text-decoration:underline;
background-color:#ADAD03;
}
div#contact p {
padding:10px;
}
div#contact strong {
	font-weight: normal;

}
/*-------------------------------------------------------------*/
#contact form {
width:100%;
margin:0;

}

fieldset {
margin:2px 4px;
width:370px;
border:none;
}
label{
line-height:20px;
width:100%;

display:block; 
padding:.25em;
}

fieldset label input {
border:1px solid #CDCDCD;
background:#FFF ;
padding:2px 4px 2px 0;
}
fieldset label input {
width: 70%;
}
textarea {
border:1px solid #CDCDCD;
background:#FFF ;
padding:2px 4px 2px 0;
width:100%;
padding:.25em;
margin-bottom:7px;
}
ul.contacts li {

 height:20px;
 line-height:20px;
 margin-bottom:5px;
 }
ul.contacts input {

margin-right:20px;

}
input.sub,input.sub:hover {
	float:right;
	background-image:url(img/fd_input.gif);
	border:none;
	width:60px;
	height:20px;
	font-size:9px;
} 
input.sub {
	background-position: 0px 0px;
	color:#767607;
}
input.sub:hover {
	background-position: 0px -20px;	
	color:#FFF;
}
/*---------------------------------------------------------*/

a.interne:link {
color:#339966;
text-decoration:underline;
}
a.interne:visited {
color:#339966;
text-decoration:none;
}
a.interne:hover {
color:#FF9900;
text-decoration:none;
}
a.interne:active {
color:#FF9900;
text-decoration:none;
}
#photo_local {
float:right;
width:245px;
margin-right:7px;
border:solid 2px #B3B336;
padding-bottom:15px;
text-align:center;
background-color:#000000;
}
#photo_local img {
margin:15px 0 0 0;
border:solid 1px #FFF;
padding:2px;
}
/*########################################## GROUPES ##########################################*/

div.concert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color:#666666;
	width:570px;
	padding:7px 20px 20px 20px;
	font-weight: normal;
	background-color:#DDCF8C;
	background-image: url(img/intro_corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-left:15px;
	margin-bottom:20px;
	margin-top:15px;
}
div.concert span {
	display:block;
	color:#FFFFFF;
	background-color:#CC9900;
	background-image: url(img/fd_span_concert.jpg);
	background-repeat: no-repeat;
}
div.concert ul {
list-style-type:disc;
margin-top:3px;
margin-bottom:7px;
padding-left:25px;
}
div.concert ul li {

}

p.text_intro_groupes {
	border-top: 10px solid #309539;
	border-left: 1px solid #309539;

}
ul.savoir_plus {
margin:0;
list-style-image:url(img/puce.gif);
padding-left:40px;
line-height:18px;
color:#CC3300;
}
p.text_origine_lellawal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color:#CCCCCC;
	width:570px;
	padding:7px 20px 20px 20px;
	font-weight: normal;
	background-image: url(img/lellawal_origine_corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color:#000;
	border-top: 10px solid #309539;
	border-left: 1px solid #309539;
	margin-left:15px;
	margin-bottom:10px;
}
.illustration {
float:right;
display:block;
margin-bottom:7px;

}
a.savoir:link {
color:#CC3300;
text-decoration:none;
}
a.savoir:visited {
color:#CC3300;
text-decoration:none;
}
a.savoir:hover {
color:#FFFF00;
text-decoration:underline;
}
a.savoir:active {
color:#FFFFFF;
text-decoration:none;
}
.fiche_a {
margin:6px;
border: solid 1px #336600;

}
/*####################################" RADIO    ###########################################*/
p.text_intro_radio {
	border-top: 10px solid #DDC13E;
	border-left: 1px solid #DDC13E;
}
/*######################################" OUTILS  "########################################"*/
div#fiche_artiste {
float:right;
width:270px;
border:solid 1px #993300;
margin-right:10px;
background-color:#C9CF8C;
}
div#fiche_artiste form {
margin:0;
padding:0;
}
div#fiche_artiste input:link {
border: solid 1px #336600;
}
div#fiche_artiste input:visited {
border: solid 1px #336600;
}
div#fiche_artiste input:hover {
border: solid 1px #E4F161;
}
div#fiche_artiste input:active {
border: solid 1px #336600;
}
div#fiche_artiste p {
width:240px;
margin-left:15px;
margin-bottom:15px;
}
div#fiche_artiste span {
font-weight:bold;
	display:block;
	width:100%;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#666666;
	background-image:url(img/deg_FA.gif);
	background-repeat:repeat-x;
	letter-spacing: 0.1em;
	border-bottom:solid 1px #996600;
}
/*---------------------------------------*/
#author{
float:left;
padding:5px 0 0 3px;
font-size:0.8em;
color:#666;
}
#author a:link{
color:#888;
text-decoration:none;
}
#author a:hover{
color:#B3B336;
text-decoration:none;	
}