.style3 {
	font-weight: bold;
	color: #000000;
	font-family: liste_nom_artiste;
	font-size: 14px;
}
/* CSS Document */


body {
	margin: 0;
	padding: 0;
		background-position: top;
	background-attachment: scroll;
	background-color: #000000;
	background-image: url(http://www.akout.com/images/bgpattern2.jpg);
	background-repeat: repeat;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}


#ACTUScolOne {
	float: left;
	width: 533px;
	margin-top: 0px;
	margin-right: 15px;
	margin-left: 55px;
	text-align: left;
}
#ACTUScolTwo {
	float: right;
	width: 330px;
	margin-top: 30px;
	margin-right: 50px;
	margin-left: 0px;
	text-align: left;
}

.actus_titre2 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	line-height: normal;
	font-weight: normal;
	text-align: left;
	padding-bottom: 10px;
	background-color: #212121;
	color: #FFF;
	padding-left: 10px;
	vertical-align: middle;
	padding-top: 10px;
	padding-right: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #04693D;
	border-right-color: #04693D;
	border-bottom-color: #04693D;
	border-left-color: #04693D;
}
.actus_titre {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24pt;
	line-height: normal;
	font-weight: normal;
	text-align: left;
	padding-bottom: 10px;
	color: #212121;
	padding-left: 10px;
	vertical-align: middle;
	padding-top: 10px;
	padding-right: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #04693D;
	border-right-color: #04693D;
	border-bottom-color: #04693D;
	border-left-color: #04693D;
}
.actus_chap {
	color: #212121;
	margin-bottom: 0px;
	width: 500px;
	text-align: left;
	font-size: 14px;
	line-height: normal;
	margin-top: 3px;
	padding-top: 3px;
	font-weight: bold;
}
.actus_txt {
	font: 11pt/13pt Arial;
	margin-bottom: 20px;
	width: 525px;
	text-align: justify;
}
.actus_date {
	height: 14px;
	margin-bottom: 0px;
	font-family: Arial;
	font-size: 7pt;
	line-height: 11pt;
	color: #000;
	background-color: #F5F0EA;
	width: 142px;
	text-align: left;
	margin-top: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	margin-left: 0px;
}
.actus_img {
	text-align: left;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F5F0EA;
	border-right-color: #F5F0EA;
	border-bottom-color: #F5F0EA;
	border-left-color: #F5F0EA;
}
.actus_sep {
	margin-top: 20px;
	margin-bottom: 30px;
	height: 2px;
	background-color: #000;
}
.actus_sep2 {
	margin-top: 10px;
	margin-bottom: 30px;
	height: 1px;
	background-color: #212121;
}
.actus_e {
	width: 330px;

}
.actus_gdtitre {
	margin-bottom: 5px;
	margin-top: 13px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	line-height: 13pt;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #212121;
}
.rubrique {
	margin-bottom: 2px;
	margin-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 18pt;
	font-weight: bold;
	background-color: #FDFCF7;
	margin-right: 45px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
		border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #212121;
}
.actus_etitre {
	margin-bottom: 0px;
	width: 277px;
	text-align: justify;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	margin-left: 2px;
	background-color: #F5F0EA;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 3px;
			border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #212121;
}
.actus_edate {
	height: 13px;
	margin-bottom: 0px;
	font-family: Arial;
	font-size: 7pt;
	line-height: 11pt;
	color: #212121;
	background-color: #F5F0EA;
	width: 280px;
	text-align: left;
	margin-top: 7px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	margin-left: 0px;
	letter-spacing: 0.1em;
	vertical-align: top;
		border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #212121;
}
.actus_edate2 {
	color: #000;
}
.actus_esep {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 3px;
}

/* Header */

#header {
	width: 778px;
	height: 100px;
	margin: 0 auto;
}

/* Logo */

#logo {
	float: left;
}

#logo * {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	color: #FFFFFF;
}

#logo h1 {
	padding: 10px 0 0 0;
	letter-spacing: -3px;
	font-size: 3.5em;
	color: #D5CEBC;
}

#logo h2 {
	letter-spacing: 1px;
	font-size: 1em;
	color: #D5CEBC;
}

/* Menu */

#menu {
	float: right;
}

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

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	padding: 5px 20px;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 1em;
	font-weight: bold;
}

#menu a:hover, #menu .active a {
	padding: 5px 19px;
	background: #2F1A1A url(images/img2.gif) repeat-x left bottom;
	border: 1px solid #1E1010;
	border-right-color: #7A6D6D;
	border-bottom-color: #7A6D6D;
	color: #FFFFFF;
}

/* Content */

#content {
	width: 992px;
	height: 250px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

/* Column One */

#colOne {
	float: left;
	width: 570px;
	margin-left: 0px;
	padding-left: 30px;
}

#colOne h2 {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 13px;
}
#colOne h3 {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 13px;
}

#colOne p, #colOne ul, #colOne ol {

}

#colOne li {
	font-size: 17px;
	text-transform: uppercase;
	list-style-image: url(http://akout.com/images/bullet_event.jpg);
	vertical-align: top;
	font-family: "Times New Roman", Times, serif;
}
#colOne .credits {
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 8px;
	background-color: #F7F8F3;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-left-style: solid;
	border-bottom-color: #F6AB11;
	border-left-color: #F6AB11;
	border-bottom-style: dotted;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #F6AB11;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #F6AB11;
}

#colOne .credits p {
	margin: 0;
	padding: 0;
	line-height: normal;
}

/* Column Two */

#colTwo {
	float: right;
	width: 330px;
	margin-right: 20px;
}

#colTwo ul {
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
}

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

#colTwo li li {
	margin-bottom: auto;
}

#colTwo li ul {
	padding-left: 20px;
	list-style: square inside;
}

#colTwo h2 {
	padding-bottom: 5px;
	font-size: 1em;
	color: #000000;
	padding-left: 20px;
	background: url(images/img3.gif) no-repeat 5px 6px;
	border-bottom: 1px solid #2C2C2C;
}

#textfield1 {
	width: 150px;
	margin-left: 20px;
	background: #9E9E9E url(images/img4.gif) repeat-x;
	border: 1px solid #9C9C9C;
	border-right-color: #C6C6C6;
	border-bottom-color: #C6C6C6;
}

#submit1 {
	background: #9E9E9E url(images/img5.gif) repeat-x;
	border: 1px solid #625252;
	border-right-color: #1B0F0F;
	border-bottom-color: #1B0F0F;
	color: #CCCCCC;
}
#submit2 {
	background: #9E9E9E url(images/img5.gif) repeat-x;
	border: 1px solid #625252;
	border-right-color: #1B0F0F;
	border-bottom-color: #1B0F0F;
	color: #CCCCCC;
}
#textfield2 {
	width: 100px;
	background: #9E9E9E url(images/img4.gif) repeat-x;
	border: 1px solid #9C9C9C;
	border-right-color: #C6C6C6;
	border-bottom-color: #C6C6C6;
	font-size: 12px;
}
#submit3 {
	background: #9E9E9E url(images/img5.gif) repeat-x;
	border: 1px solid #625252;
	border-right-color: #1B0F0F;
	border-bottom-color: #1B0F0F;
	color: #CCCCCC;
}
#textfield3 {
	background: #9E9E9E url(images/img4.gif) repeat-x;
	border: 1px solid #9C9C9C;
	border-right-color: #C6C6C6;
	border-bottom-color: #C6C6C6;
	font-size: 12px;
}
.texte_inscription3 {

	font-size: 13px;
}

/* PAGE EN COURS */

.evenement_liste {

}
.evenement_date {
	font-size: 11px;
	color: #DD9809;
	font-weight: normal;
}
.evenement_nom {
	font-size: 14px;
	text-transform: capitalize;
	margin-left: 15px;
}
.evenement_genre {
	font-size: 11px;
	float: right;
	margin-right: 100px;
	margin-top: -15px;
	padding-top: -15px;
}
.evenement_lieu {
	font-size: 11px;
	float: right;
	margin-right: 20px;
	margin-top: -15px;
	padding-top: -15px;
}
.evenement_flyer {
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
	height: auto;
	width: 250px;
}
.evenement_details {
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	font-style: normal;
	font-variant: normal;
}
.evenement_posted {
	font-size: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
}

.evenement_details2 {
	margin-bottom: 5px;
	font-size: 12px;
	margin-right: 20px;
	margin-left: 0px;
	width: 270px;
}
.evenement_flyer2 {
	margin-right: 0px;
	margin-top: 5px;
	padding-top: 0px;
	height: auto;
	width: 100px;
	background-position: center;
	margin-left: 0px;
	margin-bottom: 0px;
}
.evenement_nom2 {
	font-size: 16px;
	text-transform: capitalize;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.evenement_mois_actuel {
	font-weight: bold;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
}



.submit {
	border-Style: solid;
	border-Color: blue;
	font-Family: Arial, Helvetica, sans-serif;
	font-Size: small;
	font-Weight: normal;
	font-Style: normal;
	text-Transform: uppercase;
	letter-Spacing: normal;
	word-Spacing: normal;
	color: blue;
	background-Color: white;
	width: 55pt;
	height: 14pt;
  	}
	
.formbutton{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:bold;
	padding: 1px 2px;
	background-image: url(http://www.akout.com/images/formbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

p {
	font: 8pt/11pt georgia;
	}
h3 { 
	font: italic normal 12pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}
a:link {
	text-decoration: none;
	color: #212121;
	font-weight: bold;
}
a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #FF6600;
	}
a:active {
	text-decoration: underline;
	color: #FF0000;
	}


a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #212121;
	}
.date {
	font: 8pt Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
}
.cellules_albums {
	background-color: #505050;
	vertical-align: top;
}

.commentaires_gauche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: left;
	background-image: url(http://www.akout.com/SIMULATION/images/iconea.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left 8px;
	text-indent: 17px;

}

.asso_table {
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #FFFFFF;
	background-image: url(http://www.akout.com/images/background_asso.jpg);
	background-repeat: no-repeat;
}
.asso_table2 {
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	background-color: #FFFFFF;
	background-image: url(http://www.akout.com/images/background_asso.jpg);
	background-repeat: no-repeat;
	margin-top: 3px;
}
.texte_asso {
	font-size: 14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding-right: 15px;
	padding-left: 15px;
}
.texte_variante1 {
	font-size: 14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	padding-right: 15px;
	padding-left: 15px;
}
.texte_variante2 {
	font-size: 18px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	color: #020F43;
	padding-right: 15px;
	padding-left: 15px;
}
.paragraphe_texte {
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 5px;
	padding: -5px;
}
.titres_albums {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 10px;
	text-transform: uppercase;
	list-style-position: inside;
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 0px;
}
.commentaires {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 125%;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: -15px;
	margin-left: 0px;
}
.renseignements_albums {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
}
.listes {
	font: 9pt Arial, Helvetica, sans-serif;
	margin: 2px;
	padding: 6px 6px 6px 9px;
	color: #3F3F3F;
}
.fiches_sorties {
	background-color: #505050;
	padding: 6px 6px 6px 9px;
	margin: 0px;
}
.savoir_plus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 10pt;
	text-align: right;
	padding-left: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-right: 15px;
	margin-top: 20px;
}
.cellules_events {
	vertical-align: top;
}
.titres_events {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 10px;
	text-transform: uppercase;
	list-style-position: inside;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.fiches_events {
	padding: 6px 6px 6px 9px;
	margin: 0px;
	background-color: #F1EFF0;
}
.events_date {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 10px;
	text-transform: none;
	list-style-position: inside;
	padding-right: 15px;
	padding-left: 0px;
}
.events_groupe {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 10px;
	text-transform: uppercase;
	list-style-position: inside;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 58px;
}
.events_lieu {
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 8px;
	text-transform: none;
	list-style-position: inside;
	padding-right: 0px;
	padding-left: 58px;
	font-style: normal;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: -5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.events_what {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 115%;
	text-transform: none;
	list-style-position: inside;
	padding-right: 15px;
	padding-left: 58px;
}
.events_img {
	margin-right: 10px;
	float: right;
}
.commentaires_events {
	color: #653D01;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 200%;
	margin-top: 10px;
	padding-top: 10px;
}
.renseignements_events {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 105%;
	font-weight: normal;
}
.listes2 {
	font: 9pt Arial, Helvetica, sans-serif;
	margin: 2px;
	padding: 6px 6px 6px 9px;
	color: #FFFFFF;
}
.separateur {
	line-height: 3px;
	background-color: #F5AA0F;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 58px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.artistes_table {
	margin-right: 0px;
	margin-left: 15px;
	padding-left: 15px;
	padding-right: 0px;
	background-color: #FFFFFF;
	margin-top: 10px;
	padding-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	width: 600px;
}
.titres_artistes {
	font-size: medium;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 10px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 10px;
	line-height: normal;
}
.texte_artistes {
	font-size: 12px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}

.artistes_name {
	font-size: xx-large;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	clip: rect(auto,auto,auto,auto);
	padding-top: 20px;
	padding-left: 10px;
	text-align: left;
}
.commentaires_fiches_artiste {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 110%;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 10px;
}


/* specific divs */
.image_incruste_gauche {
	padding: 5px;
}
#container { 
	background: url(../zen-bg.jpg) no-repeat top left; 
	padding: 0px 175px 0px 110px;  
	margin: 0px; 
	}

#intro { 
	min-width: 470px;
	}
#pageHeader { 
	margin-bottom: 20px;
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
	background: transparent url(../h1.gif) no-repeat top left; 
	margin-top: 10px; 
	width: 219px; 
	height: 87px; 
	float: left;
	}
#pageHeader h1 span {
	display:none
	}
#pageHeader h2 { 
	background: transparent url(../h2.gif) no-repeat top left; 
	margin-top: 58px; 
	margin-bottom: 40px; 
	width: 200px; 
	height: 18px; 
	float: right;
	}
#pageHeader h2 span {
	display:none;
	}

#quickSummary {
	clear:both; 
	margin: 20px 20px 20px 10px; 
	width: 160px; 
	float: left;
	}
#quickSummary p {
	font: italic 10pt/22pt georgia; 
	text-align:center;
	}

#preamble {
	clear: right; 
	padding: 0px 10px 0px 10px;
	}
#supportingText {
	padding-left: 10px; 
	margin-bottom: 40px;
	}

#footer { 
	text-align: center; 
	}
#footer a:visited { 
	margin-right: 20px; 
	}

#footer a:link { 
	margin-right: 20px; 
	}

#linkList {
	margin-left: 600px; 
	position: absolute; 
	top: 0px; 
	right: 0px;
	}
#linkList2 { 
	font: 10px verdana, sans-serif; 
	background: transparent url(../paper-bg.jpg) top left repeat-y; 
	padding: 10px; 
	margin-top: 150px; 
	width: 130px; 
	}
#linkList h3.select { 
	background: transparent url(../h3.gif) no-repeat top left; 
	margin: 10px 0px 5px 0px; 
	width: 97px; 
	height: 16px; 
	}
#linkList h3.select span {
	display:none
	}
#linkList h3.favorites { 
	background: transparent url(../h4.gif) no-repeat top left; 
	margin: 25px 0px 5px 0px; 
	width: 60px; 
	height: 18px; 
	}
#linkList h3.favorites span {
	display:none
	}
#linkList h3.archives { 
	background: transparent url(../h5.gif) no-repeat top left; 
	margin: 25px 0px 5px 0px; 
	width:57px; 
	height: 14px; 
	}
#linkList h3.archives span {
	display:none
	}
#linkList h3.resources { 
	background: transparent url(../h6.gif) no-repeat top left; 
	margin: 25px 0px 5px 0px; 
	width:63px; 
	height: 10px; 
	}
#linkList h3.resources span {
	display:none
	}


#linkList ul {
	margin: 0px;
	padding: 0px;
	}
#linkList li {
	line-height: 2.5ex; 
	list-style-type: none;
	background: transparent url(../cr1.gif) no-repeat top center; 
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	}
#linkList li a:link { 
	color: #988F5E;
	}
#linkList li a:visited {
	color: #B3AE94;
	}
	


#extraDiv1 { 
	background: transparent url(../cr2.gif) top left no-repeat; 
	position: absolute; 
	top: 40px; 
	right: 0px; 
	width: 148px; 
	height: 110px; 
	}