/* =======================================================
 *  @nom du template     : bandrange
 *  @version du template : 1.0
 *  @compatibilté        : Joomla! V1.0.12
 *  @nom de l'auteur     : JooManJ
 *  @url de l'auteur     : www.musicarts.fr
 *  @email de l'auteur   : webmestre@musicarts.fr
 * -------------------------------------------------------
 */
/* ----------------------------------------------------- */
/*  Styles de base                                       */
/* ----------------------------------------------------- */
body {
	background-color: #F7F7F7;
	color: #552500;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, , sans-serif;
	text-align: left;
	width: 99%;
}
a {
	color: #993300;
	border: none;
	font-weight: bold;
	text-decoration:  none;
}
a:hover, a:active {
	border: none;
	text-decoration:  underline;
}

/* ----------------------------------------------------- */
/*  Zonage                                               */
/* ----------------------------------------------------- */
#accessibility {
	display: none;
	position: absolute;
	left: -2000px;
	top: -2000px;
}
#bandeau {
	background-color: #E34A00;
	height:  160px;
	width:  100%;
}
#pagewidth-1024{
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	width: 970px;
	text-align: left;
}
#header {
	background-color: #E34A00;
	height:  147px;
	width:  100%;
}
#top-top {
	background: transparent;
	height: 120px;
	width: 100%;
	text-align: center;
}
#top-bottom {
	background: transparent;
	float: left;
	height: 30px;
	width: 100%;
}
#search {
	background: url(../images/back_search.jpg) right top no-repeat;
	float: right;
	margin: 0;
	padding: 2px 0 0 10px;
	height: 28px;
	width: 148px;
	vertical-align: top;
}
#topmenu {
	float: right;
	height: 30px;
	width: 600px;
}

#outer-1024 {
	background: transparent url(../images/content-top1024.gif) no-repeat top;
	padding-top: 6px;
	width: 970px;
} 

#pathway { 
	padding-left: 20px;
	padding-top: 5px;
	width: 700px;
	height: 19px;
}
#leftcol {
	float: left;
	position: relative;
	margin-right: 5px;
	width: 180px;
} 
#rightcol-broad {
	float: right;
	position: relative;
	margin-right: 1px;
	margin-top: -22px;
	width: 180px;
} 
#user1{
	float: left;
	width: 49%;
}
#user2{
	float: right;
	width: 49%;
}
#user3 {
	width: 99%;
}
.clr {
	clear:both;
}
.content {
	padding: 0;
	font-size: 10px;
	line-height: 18px;
}
#maincol-broad-1024 { 
	float: left;
	margin-left: 0 !important;
	margin-left: -5px;
	width: 592px;
}
#maincol-wide-1024 { 
	float: left;
	margin-left: 0 !important;
	margin-left: -5px;
	padding-top: 3px !important;
	padding-top: 0;
	width: 772px;
}
#footer-1024 {
	background: transparent url(../images/footer1024.jpg) bottom left no-repeat;
	height: 28px;
	width: 100%;
	color: #993300;
	font-size: 10px;
}
#foot-left {
	float: left;
	margin-top: 2px;
	padding-top: 2px;
	width: 55%;
	text-align: right;
}
#foot-right {
	float: right;
	margin-top: 2px;
	padding-top: 2px;
	width: 44%;
	text-align: left;
}
iframe.wrapper {
	z-index: 0;
}
/*--- NON UTILISE YET ---*/
#source {
	display: none;
	position: absolute;
	left: -2000px;
	top: -2000px;
}
#banner {
	background: url(../images/banner_back.jpg) no-repeat;
	float: right;
	padding-left: 6px;
	padding-top: 6px;
	width: 478px;
	height: 69px;
}
/* ----------------------------------------------------- */
/*  Search                                               */
/* ----------------------------------------------------- */
#search .inputbox{
	background: transparent;
	color: #993300;
	border: none;
	margin: 0;
	padding: 0;
	height: 18px;
	width: 100px;
	font-size: 10px;
	line-height: 14px;
}
#search .button{
	background: transparent;
	color: #993300;
	border: none;
	margin: 0;
	padding: 0;
	height: 14px;
	font-size: 10px;
	line-height: 10px;
}
#search form {
	margin: 0;
	padding: 0;
}
/* ----------------------------------------------------- */
/*  TopMenu                                              */
/* ----------------------------------------------------- */
ul#mainlevel-nav {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
}
ul#mainlevel-nav li{
	background: url(../images/onglet_left.gif) bottom left no-repeat;
	float: left;
	margin: 0 1px 0 0;
	width: auto !important;
	width: 5%;
	height: 30px;
	font-size: 10px;
	line-height: 30px;
}
ul#mainlevel-nav li:hover, ul#mainlevel-nav li.sfhover {
	background: url(../images/onglet_left_hover.gif) bottom left no-repeat;
}
ul#mainlevel-nav li a{
	background: url(../images/onglet_right.gif) bottom right no-repeat;
	color: #FFF;
	margin-left: 6px;
	padding-left: 6px;
	padding-right: 10px;
	height: 30px;
	display: block;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
}
ul#mainlevel-nav li:hover a, ul#mainlevel-nav li.sfhover a{
	background: url(../images/onglet_right_hover.gif) bottom right no-repeat;
}
/* ----------------------------------------------------- */
/*  FooterMenu                                           */
/* ----------------------------------------------------- */
.mainlevel-foot {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
}
a.mainlevel-foot {
	font-weight: bold;
	text-decoration: none;
}
a.mainlevel-foot:hover {
	text-decoration: underline;
}
/* ----------------------------------------------------- */
/*  Pathway                                              */
/* ----------------------------------------------------- */
.pathway {
	color: #DE1C26;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
}
.pathway a {
	color: #DE1C26;
	font-weight: bold;
	text-decoration: none;
}
.pathway a:hover {
	text-decoration: underline;
}
/* ----------------------------------------------------- */
/*  Modules colonnes left & right                        */
/* ----------------------------------------------------- */
#leftcol div.module, #rightcol-broad div.module {
	background: transparent url(../images/module_middle_wide.jpg) left repeat-y;
	margin-bottom: 10px;
}
#leftcol div.module div, #rightcol-broad div.module div {
	background: transparent url(../images/module_top_wide.jpg) top left no-repeat;
}
#leftcol div.module div div, #rightcol-broad div.module div div {
	background: transparent url(../images/module_bottom_wide.jpg)  bottom left no-repeat;
}
#leftcol div.module div div div, #rightcol-broad div.module div div div {
	background: transparent;
	padding: 10px 10px 10px 5px;
	width: 162px;
	font-size: 10px;
}
#leftcol div.module div div div div, #rightcol-broad div.module div div div div {
	margin: 0;
	padding: 0;
}
#leftcol div.module h3, #rightcol-broad div.module h3, div.module h3 {
	border-bottom: 1px solid #993300;
	color: #993300;
	margin: 0 0 5px 0;
	padding: 0px;
	width: 130px;
	font-size: 14px;
	font-weight: bold;
}
/* ----------------------------------------------------- */
/*  Menus dans colonnes left & right                     */
/* ----------------------------------------------------- */
a.mainlevel {
	color: #993300;
	margin: 0 0 2px 0;
	padding: 0 0 0 4px;
	width: 150px;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 26px;
	text-decoration: none;
	voice-family: "\";}\""; 		/* Box Model fix */
	voice-family:inherit;
}
html>body a.mainlevel {width:150px;}	/* Opera5-Fix-fix ;-) */
a.mainlevel:hover, a.mainlevel#active_menu {
	background: #F1F1F1;
	border-right: 4px solid #f58400;
	text-decoration: none;
}
a.sublevel {
	background: url(../images/submenu_arrow.gif) left center no-repeat;
	color: #993300;
	margin: 0 0 2px 0;
	padding: 0 0 0 12px;
	width: 140px;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
	voice-family: "\";}\"";		/* Box Model fix */
	voice-family:inherit;
}
html>body a.sublevel {width:150px;}	/* Opera5-Fix-fix ;-) */
a.sublevel:hover, a.sublevel#active_menu {
	background: #F1F1F1 url(../images/submenu_arrow.gif) left center no-repeat;
	border-right: 4px solid #f58400;
	width: 140px;
	text-decoration: none;
	voice-family:"\"}\"";		/* Box Model fix */
	voice-family:inherit;
}
html>body a.sublevel:hover, a.sublevel#active_menu {
	width: 140px;		        /* Opera5-Fix-fix ;-) */
}
/* ----------------------------------------------------- */
/*  Contenu central                                      */
/* ----------------------------------------------------- */
#maincol-broad-1024 div.moduletable, #maincol-wide-1024 div.moduletable {
	background: transparent;
	margin-bottom: 10px;
	width: 100%;
	font-size: 10px;
}
#maincol-broad-1024 div.moduletable h3, #maincol-wide-1024 div.moduletable h3 {
	background-color: #E34A00;
	color: #FFF;
	padding: 3px;
	margin: 0 0 0 0;
	height: 20px;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
	text-indent: 5px;
}
#user1 ul, #user2 ul, #user3 ul {
/* Latest News & MostRead News */
	margin: 2px 0 5px 0.7em;
	padding: 0 0 0 0.7em;
	list-style: none;
}
.contentheading, .componentheading {
	background-color: #E34A00;
	color: #FFF;
	padding: 3px;
	margin-bottom: 5px;
	height: 20px;
	width: 99%;
	font-family: Verdana, Arial, Helvetica, , sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
.contentpaneopen {
	background: transparent;
	width: 100%;
	font-size: 10px;
	text-align: left;
	line-height: 1.8;
}
table.contentpane td.contentheading {
	background-color: #F58400;
	color: #993300;
	border: none;
	height: 23px;
	font-family: Verdana, Arial, Helvetica, , sans-serif;
	font-size: 14px;
	line-height: 20px;
}
table.contentpane ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
table.contentpane ul li {
	background: url(../images/readon2.gif) no-repeat left top;
	padding: 0 0 0 20px;
	margin: 0;
}
.contentdescription {
	font-size: 10px;
}
/*--- Category ---*/
.categorytitle {
	height: 25px;
	font-family: Verdana, Arial, Helvetica, , sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
}
a.category {
	text-decoration:  none; 
}
a.category:hover {
	text-decoration:  underline;
}
/*--- Lignes alternées gris/blanc de sectiontable ---*/
.sectiontableheader {
	height: 25px;
	font-size: 10px;
	font-weight: bold;
	line-height: 25px;
}
.sectiontableentry1 {
	background: #F1F1F1;
	padding: 2px;
	font-size: 10px;
	text-align: left;
}
.sectiontableentry2 {
	background: #FFF;
	padding: 2px;
	font-size: 10px;
	text-align: left;
}
/*--- Formulaires ---*/
form {
	margin: 0;
	padding: 0;
}
.button {
	background-color: #E34A00;
	color: #FFF;
	border: 1px solid #BBB;
	padding: 2px;
	margin: 2px;
	text-align: center;
	text-decoration: none;
}
.button:hover {
	background-color: #f2690e;
	text-decoration: none;
}
.inputbox {
	border: 1px solid #BBB;
}
/*--- Blog ---*/
.blog {
width: 100%;
}
.blogsection {
	font-size: 10px;
}
.blog_more {
	font-size: 10px;
}
.blog_more ul li{
	background: url(../images/readon.gif) no-repeat left;
	padding-left: 14px;
	list-style: none;
	line-height: 18px;
}
/*--- Lien [Retour] ---*/
.back_button a{
	color: #DE1C26;
	padding: 5px;
	margin: 5px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.back_button a:hover{
	text-decoration: underline;
}
/*--- NON UTILISE YET ---*/
a.readon {
	background: url(../images/readon.gif) no-repeat left;
	border: 1px solid #BBB;
	margin-top: 10px;
	padding-left: 13px;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	line-height: 15px;
}
a.readon:hover {
	background: #EEE url(../images/readon.gif) no-repeat left;
	text-decoration: none;
}
table.moduletable {
	width:  100%; 
	font-size: 80%;
}
table.moduletable th  {
	font-size: 80%;
}
table.contenttoc {
	border: 1px solid #BBB;
	padding: 3px;
}
table.contenttoc th{
	border-bottom: 1px solid #BBB;
	font-size: 10px;
	font-weight: bold;
}
.poll {
	font-size: 10px;
	text-align: center;
}

/* ----------------------------------------------------- */
/*  Formatage des textes                                 */
/* ----------------------------------------------------- */
p {
/* Style général des paragraphes */
	font-size: 10px;
	line-height: 1.8;
}
h1 {
/* Style général des titres de niveau 1 */
}
h2 {
/* Style général des titres de niveau 2 */
}
h3 {
/* Style général des titres de niveau 3 */
}
h4 {
/* Style général des titres de niveau 4 */
}
h5 {
/* Style général des titres de niveau 5 */
}
h6 {
/* Style général des titres de niveau 6 */
}
.small {
	color: #555;
	font-size: 9px;
	line-height: 0.7;
}
.smalldark {
	color: #000;
	height: 10px;
	font-size: 9px;
	line-height: 10px;
	text-align: left;
}

.createdate, .modifydate {
	color: #555;
	margin-bottom: 5px;
	height: 20px;
	font-size: 9px;
	line-height: 20px;
}
/* ===================================================== */
/*  STYLES DES IMAGES                                    */
/* ----------------------------------------------------- */

.mosimage {
	border: 1px solid #BBB;
	margin: 5px
}
.mosimage_caption {
	background: #F1F1F1;
	color: #666;
	border-top: 1px solid #BBB;
	margin-top: 2px;
	padding: 1px 2px;
	font-size: 10px;
}
table.moduletable img {
/* style des images incluses dans les modules */
/* Cas d'une publication des modules par défaut */
}

/* ----------------------------------------------------- */
/*  Styles particuliers                                  */
/* ----------------------------------------------------- */
hr.separator {
/* Style inconnu en cours de recherche */
/* Lorsque vous verrez apparaître un drapeau Français de 150 pixels dans votre template,  */
/* nous vous remercions de nous contacter par email (Cf. 3W.joomladraft.org/content/view/420/51/ ) */
   background-color: white;
   border-left: 50px solid blue;
   border-right: 50px solid red;
   width: 150px;
}
/*--- NON UTILISE YET ---*/
#title {
}
a.pnav {
}
.pnav:hover {
}

/* ----------------------------------------------------- */
/*  Pavé Scroll FlashNews                                */
/* ----------------------------------------------------- */
.scroll_container {
	border-color: #E34A00;
	border-width: 5px;
	border-style: groove;
	margin-top: 15px;
	padding: 15px 0 0 4px;
	width: 99%;
	text-align: center;
}
/* ----------------------------------------------------- */
/*  Pavé FlashNews Encadrement                           */
/* ----------------------------------------------------- */
.bordurethick {
	border: thick ridge #E34A00;
}
.borduredash {
	border-bottom: 2px dashed #E34A00;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
/* ----------------------------------------------------- */
/*  Letterman (Envoi de newsletter)                      */
/* ----------------------------------------------------- */
.bordureallrange {
	border: 1px dotted #E34A00;
}
/* ----------------------------------------------------- */
/*  JoomlaFCK Editor FontFormats                         */
/* ----------------------------------------------------- */
hr {
	color: #993300;
	width: 90%;
	height: 1px;
	text-align: center;
}
.Code {
	background-color: #F58400;
	border: #552500 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	font-family: 'Courier New' , Monospace;
}
.Title {
	background-color: #993300;
	color: #FFF;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, , sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	word-spacing: 5px;
}
.YellowBox {
	background-color: #F9F4C7;
	background-position: center;
	color: #EA3546;
	border: 3px outset #EA3546;
	margin: 3px;
	padding: 3px;
	width: 50%;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}