body, h1, h2, h3, h4, h5, h6
{
	font-family : Arial, Verdana, sans-serif;
	font-size : 10pt;
	margin : 0;
	padding : 0;
	background-color : #fff;
}

body { background : url(../img/v2/body_bg.gif) repeat #a8dde4; }
p { margin : 0 0 8px 0; padding : 0; }
.clearfix { clear:both; }

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

.ie_alert
{
	margin : 20px; padding:  20px; background : #dff0f1; font-size: 14px; 
}

#body 
{
	width : 850px;
	text-align : left;
}

#colonnes { background : url(../img/v2/main_background.gif) repeat-y; }

h1, .wof_titre
{ 
	color : #00acb6;
	font-size: 36pt;
	font-weight : bold;
	margin : 0;
	padding : 0; 
}

h2, .wof_sous_titre
{
	color : #097d84;
	font-size: 26pt;
	font-weight : bold;
	margin : 0;
	padding : 0; 
}

h3
{
	color : #097d84;
	font-size: 18pt;
	font-weight : bold;
	margin : 0;
	padding : 0; 
}
img { border : 1px solid #593e28; }
a,a:visited,a:hover  { font-weight : bold; text-decoration : none; color : #e63e88; }

#toolbar { height : 20px;}
#toolbar img { margin-left : 4px; border : 0; }
#toolbar img.inactive 
{ 
	filter:alpha(opacity=20);
	opacity: 0.2;
	-moz-opacity:0.2;
	cursor : pointer;
}
#toolbar img.inactive:hover
{ 
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity:1.0;
}

#entete { margin-bottom : 15px; }
#entete img { border : 0; }



#content
{
	width : 850px;
	float : left;

}

#gauche
{
	width : 610px;
	float : left;
}

#droite
{
	width : 240px;
	float : left;

}

#footer
{
	text-align : right;
	
	/* rose */
	/* background-color : #ee4a94; */
	
	/* bleu */
	background-color : #40a8b2;
	
	color : #fff;
	font-weight : bold;
	font-size : 8pt;
	padding : 5px 30px 5px 0;
}

.inside
{
	padding : 0 14px 0 14px;
}

strong { color : #e63e88;}


/* menu */
table.menu 
{
	margin-bottom : 20px; 
}

table.menu tr td
{
	padding : 4px;
	background-color : #000;
	color : #fff;
	font-weight : bold;
	cursor : pointer;
}

table.menu tr td.selected
{
	background-color : #f38dba;
	color : #000;
}

table.menu tr td.over
{
	background-color : #a8dde4;
	color : #000;
}
/* NEWS */
div#news { margin : 20px 0;}


div.news 
{
	text-align: left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: rgb(200, 200, 200);
	background: rgba(200,200, 200, 0.5);
	margin-bottom : 10px;
}

div.news div.item { padding : 8px; }
div.news div.item a { font-weight : normal; color : #000; }
div.news div.item a strong { color : #e63e88; }
div.news div.item  div.date{ padding-top : 2px;font-size : 7pt; color : #333; }
div.date a{font-weight : normal;  color : #333; }

/* boutons dans la zone droite */
div.bouton { margin : 12px 10px; text-align : center; padding : 6px; background-color : #aed8da; color : #593e28;}

#socials { margin : 20px 0;}
#socials  img{ border : 0; }
/* top 50 */
#top_50 { margin : 20px 0; }
#top_50 img{ border : 0; 	
	/*
	box-shadow : 0 0 2px #000;
	-moz-box-shadow:  0 0 2px #000;
    -webkit-box-shadow:  0 0 2px #000; 
	*/
	}

/* left lnk */
div.left_lnk { width : 83px; height : 83px; font-weight : bold; cursor : pointer; margin-bottom : 20px;}
div.left_lnk  table tr td { width : 83px; height : 83px; font-weight : bold;}
div.left_lnk.off
{
	background : url(../img/v2/left_lnk.png) no-repeat 0px 0px;
	color : #fff;
}

div.left_lnk.over
{
	background : url(../img/v2/left_lnk.png) no-repeat 0px -83px;
	color : #000;
}

div.left_lnk.on
{
	background : url(../img/v2/left_lnk.png) no-repeat 0px -166px;
	color : #fff;
}

/* forum */
div.forum_url { padding-top : 20px; }

/* contactez-nous */
#contactez_nous
{
	text-align : center;
	font-size : 16px;
}


/* calendrier */
#calendar table
{
	border : 1px solid #00acb6;
	/*
	box-shadow : 0 0 8px #000;
	-moz-box-shadow:  0 0 8px #000;
    -webkit-box-shadow:  0 0 8px #000;
	*/
}


#calendar table tr.mois-panel td
{

	background-color : #dff0f1;
	height : 24px;
	color : #097d84;
	font-weight : bold;
}

#calendar table tr.mois-panel td.mois_prec div
{
	width : 22px;
	height : 22px;
	background : #dff0f1 url(../img/v2/pagination.gif) no-repeat -22px -22px;
}

#calendar table tr.mois-panel td.mois_prec.over div
{
	width : 22px;
	height : 22px;
	background : #dff0f1 url(../img/v2/pagination.gif) no-repeat -44px -22px;
}

#calendar table tr.mois-panel td.mois_suiv div
{
	width : 22px;
	height : 22px;
	background : #dff0f1 url(../img/v2/pagination.gif) no-repeat -22px -44px;
}

#calendar table tr.mois-panel td.mois_suiv.over div
{
	width : 22px;
	height : 22px;
	background : #dff0f1 url(../img/v2/pagination.gif) no-repeat -44px -44px;
}

#calendar table tr td.jour_out
{
	width : 20px;
	padding : 2px;
	background-color : #dff0f1;
	color : #593e28;
}

#calendar table tr td.jour_in
{
	width : 20px;
	padding : 2px;
	background-color : #aed8da;
	color : #593e28;
}

#calendar table tr td.jour_out_a 
{
	width : 20px;
	padding : 2px;
	background-color : #f38dba;
	color : #593e28;
	font-weight : bold;
}

#calendar table tr td.jour_in_a 
{
	width : 20px;
	padding : 2px;
	background-color : #ee4a94;
	color : #593e28;
	font-weight : bold;
}
	
#calendar table tr td a { text-decoration : none; color : #593e28;}


#mois_prec, #mois_suiv
{
	cursor : pointer;
}
/* fonds d'ecran */
#wallpaper
{
	margin : 20px 0;
	cursor : pointer;
	font-weight : bold;
	color : #000;
}
#wallpaper img { 
	border : 0; 
	/*
	box-shadow : 0 0 2px #000;
	-moz-box-shadow:  0 0 2px #000;
    -webkit-box-shadow:  0 0 2px #000;
	*/
}


/* ARTICLES EN HP */
div.hr 
{  
border-top: 1px dashed #000000;
margin-top: 5px;
margin-bottom: 20px;
}
div.article_hp_1, div.article_hp_2 { padding-bottom : 8px; width:582px; cursor : pointer}
div.article_hp_1 div.date, div.article_hp_2 div.date{ font-size : 8pt; padding-top : 8px; color : #593e28; }
img.article_image { border : 1px solid #593e28; }
img.article_image_no_border { border : 1px solid #fff; }

div.article_hp_1 div.rappel_rubrique
{
	height : 19px;
	width : 582px;
	background : url(../img/v2/puce01.gif) no-repeat right;
}

div.article_hp_1 h2
{ 
	/* color : #097d84; */
	color : #000;
	font-size: 36pt;
	line-height: 36pt;
	font-weight : bold;
	margin-bottom : 4px;
}
div.article_hp_1 div.sous_titre, div.article_hp_2 div.sous_titre
{ 
	color : #000;
	font-size: 12pt;
	font-weight : bold;
	padding-bottom : 4px;
}

div.article_hp_1 div.resume, div.article_hp_2 div.resume
{ 
	color : #000;
	font-size: 10pt;
	font-weight : normal;
	text-align : justify;
}
div.article_hp_1 div.resume strong,
div.article_hp_2 div.resume strong
{ color : #e63e88;}

div.article_hp_2 h2
{ 
	color : #000;
	font-size: 24pt;
	line-height : 20pt;
	margin-bottom : 4px;
	font-weight : bold;
}

div.article_hp_2 img.article_image { float : left; }

div.article_hp_2 div.text { float : left; width : 390px;}
div.article_hp_2 div.text div.inside { padding-left : 10px;}
div.article_hp_2 div.resume { padding-top : 10px }

div.article_hp_2 div.rappel_rubrique
{
	height : 19px;
	width : 380px;
	background : url(../img/v2/puce01.gif) no-repeat right;

}

div.article_hp_1 div.rappel_rubrique div.inside,
div.article_hp_2 div.rappel_rubrique div.inside 
{ 
	color : #fff; 
	font-size : 8pt;
	font-weight : bold;
	padding : 2px 0 0 0;
	margin : 0 49px 0 0;
	width : 125px;
	text-align : center;

}

div.article_hp_1.over h2, div.article_hp_2.over h2
{ 
	color : #2cb5be;
}


/* article detail */
div.article_detail { width:582px;  margin-bottom : 10px;}
div.article_detail strong  { color : #e63e88;}
div.article_detail div.rappel_rubrique
{
	height : 19px;
	width : 582px;
	background : url(../img/v2/puce01.gif) no-repeat right;

}
div.article_detail div.rappel_rubrique div.inside 
{ 
	color : #fff; 
	font-size : 8pt;
	font-weight : bold;
	padding : 2px 0 0 0;
	margin : 0 49px 0 0;
	width : 125px;
	text-align : center;

}

div.article_detail h1
{ 
	color : #2cb5be;
	font-size: 36pt;
	line-height : 36pt;
	margin-bottom : 6px;
	font-weight : bold;
}

div.article_detail h2
{ 
	color : #000;
	font-size: 12pt;
	line-height : 12pt;
	font-weight : bold;
	padding-bottom : 4px;
}

div.article_detail div.html
{
	margin-top : 10px;
}

div.article_detail div.html div.video { margin : 8px 0 8px 0 ; }

div.article_detail div.html div.upload_pdf { margin : 8px 0 8px 0 ; }

div.article_detail div.html div.upload_pdf a
{
	background : url(./famfamfam/page_white_acrobat.png) no-repeat;
	padding : 0px 0px 0px 22px;
	text-decoration : none;
	color : #e63e88;
	font-weight : bold;
}

div.article_detail div.html div.upload_mp3 { margin : 8px 0 8px 0 ; }

div.article_detail div.html div.upload_mp3 a
{
	background : url(./famfamfam/music.png) no-repeat;
	padding : 0px 0px 0px 22px;
	text-decoration : none;
	color : #e63e88;
	font-weight : bold;
}

div.article_detail div.html div.upload_gpx { margin : 8px 0 8px 0 ; }

div.article_detail div.html div.upload_gpx a
{
	background : url(./img/guitar-pro.gif) no-repeat;
	padding : 0px 0px 0px 22px;
	text-decoration : none;
	color : #e63e88;
	font-weight : bold;
}

div.article_detail div.html div.map
{
	border : 1px solid #593e28; 
}

div.article_detail div.html p
{
	margin : 0;
	padding : 4px 0;
}

/* Essais */
div.pTitre {margin-top : 16px; font-size : 14pt; font-weight : bold; color : #00acb6; }
table.fiche_technique { margin-top : 8px; }
table.fiche_technique tr td { padding : 2px 4px; }

div.lyrics
{
	margin-left : 20px;
	border-left : 4px solid #097d84;
	padding-left : 8px;
}

div.lyrics div.h1
{
	font-size : 1.4em;
	font-weight : bold;
	color : #097d84;
}

div.lyrics div.auteurs
{
	font-weight : italic;
}

div.lyrics div.paroles
{
	margin-top : 8px;
}

/* AGENDA */
div.agenda_titre
{
	color : #00acb6;
	font-size: 30pt;
	font-weight : bold;
	margin-bottom : 10px;
}
div.agenda_event { margin-bottom : 10px; }
div.agenda_event div.titre
{
	color : #097d84;
	font-size: 20pt;
	font-weight : bold;
}

div.agenda_event div.sous_titre
{ 
	color : #000;
	font-size: 12pt;
	font-weight : bold;
	padding-bottom : 4px;
}

div.agenda_event div.agenda_go
{
	margin-top : 4px;
}
div.agenda_event div.agenda_go a
{
	text-decoration : none;
	font-weight : bold;
	color : #00acb6;
}

/* Liste des evenements */
table.event_list tr td div.date
{
	width : 60px;
	border:1px solid #666;
	color : #666;
	box-shadow : 0 0 10px #888;
	-moz-box-shadow:  0 0 10px #888;
    -webkit-box-shadow:  0 0 10px #888;
}
table.event_list tr td { padding-bottom : 12px; }
table.event_list tr td div.date div.jsem { font-size : 10px; }
table.event_list tr td div.date div.jour { font-size : 20px; font-weight : bold; margin-bottom : -4px;}
table.event_list tr td div.date div.mois { font-size : 16px; }
table.event_list tr td div.date div.annee { font-size : 18px; height : 20px; color : #fff; background-color : #666;}
table.event_list tr.new_date td { border-top : 1px solid #999; padding-top : 8px;}

table.event_list tr td div.suite { margin-top : 16px; }
table.event_list tr td div.titre { font-weight : bold; font-size : 1.2em; color : #097d84;}

/* GALLERY */
table.gallery { }
table.gallery tr td { padding-bottom : 6px; }
table.gallery img { border : 1px solid #aaa; padding : 3px; }

/* Partenaires */
.partenaire a,.partenaire a:visited, .partenaire a:hover  { font-weight : bold; text-decoration : none; color : #e63e88; }

/* interview */
div.interview { margin-top : 8px; border : 1px solid #b8e0e5; padding : 8px;}
div.article_detail div.html div.interview p.question { margin : 0 0 3px 0; padding : 0; font-style : italic; font-weight : bold; color : #227c87;}
div.article_detail div.html div.interview p.reponse { margin : 0 0 12px 0; padding : 0;  }
div.article_detail div.html div.interview p.reponse span.nom { font-weight : bold;  }

/* wall of fame */
div#wall_of_fame { margin : 20px 0 20px 0; cursor : pointer; }
div.wof_detail { margin-bottom : 20px; }
div.wof_detail h1{ font-size : 18pt; font-weight : bold; margin : -10px 0 -10px 0; padding : 0; }
div.wof_detail div.wof_detail_date { font-size : 8pt; color :#888; }

/* liste des tabs */
table.tabs tr.odd td { background-color :#dff0f1; }
table.tabs tr.even td { background-color :#fff; }
table.tabs tr td { margin : 0; padding : 4px 0 3px 0 ; border-bottom : 1px solid #888; }