/* Fichier créé automatiquement le 2011-07-25 de même qu'un répertoire 'images' */

/* ATTENTION les spécifications pour body (et toutes les autres) s'appliqueront aussi à l'intérieur de l'éditeur */
body.yui-skin-sam{
	margin:0;
	padding:0;
}

/*				**						le haut de l'écran */

#page_top{
	display:block;
	height:auto;
	height:130px;
	width:100%;
	background:url(./images/banner_top.jpg)  repeat-y black;
	padding:0;
	margin:0;
}

/*										MENU  */
#menu_left{
	display:block;
	width:175px;
	padding:35px 0px 0 2px;
	background:url(./images/banner_side.jpg) repeat-x black;
	overflow:visible;
}
div#menu_left ul{
	border: solid 1px transparent;
}
div#menu_left ul li a{
	font-variant: small-caps;
	font-size:12px;
}
div.text_container{
	font-family: Verdana, Geneva, sans-serif;
	font-size:13px;
}
ul.MenuBarVertical{
	z-index:5;
}
div#menu_left ul.MenuBarVertical li ul{
	background-image:url(./images/ombre_generale.png);
}
div#menu_left ul.MenuBarVertical li:hover{
	background:transparent left url(./images/bouton-menu-dn.png) no-repeat;
}
div#menu_left ul.MenuBarVertical  a{
	background-color:transparent;
	background-position:left;
	color:#DDD;
}
div#menu_left ul.MenuBarVertical li{
	background: transparent left url(./images/bouton-back-submenu.png) no-repeat;
	line-height:10px;
	margin:3px;
	width:158px;
}
div#menu_left ul.MenuBarVertical li:hover{
	background-image:none;
}
div#menu_left ul.MenuBarVertical li li:hover{
	
	background: transparent left url(./images/bouton-back-submenu2.png) no-repeat;
}

div#menu_left ul.MenuBarVertical a.MenuBarItemHover, div#menu_left ul.MenuBarVertical a.MenuBarItemSubmenuHover{
	background:transparent left url(./images/bouton-menu-dn.png) no-repeat;
	font-weight:bold;
	color:#FFFFFF;
}
ul.MenuBarVertical.MenuBarActive  ul.MenuBarSubmenuVisible{
	width:160px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
div#menu_left ul.MenuBarVertical a.selected{
		background:transparent left url(./images/bouton-menu-select.png) no-repeat!important;
		color:#000000;
		font-weight:bold!important;
}



/*						le fond parait seulement là où il n'y a pas de contenu d'affiché		*/
#main_content{
	position:absolute;
	display:block;
	left:200px;
	top:100px;
	background-color:white;
	overflow:auto;
	z-index:1;
	background:url(./images/fond_ecran.jpg) fixed;

}

#contenu_std{
	display:block;

	padding:15px;
}
#contenu_std>div{
	padding:25px;
}
#contenu_edit{
	display:none;
	height:auto;
}


#admin_id{
	position:absolute;
	padding:5px;
	text-align:center;
	color:white;
	margin-left:10px;
	width:auto;
	top:93px;
	left:200px;
	background:none;
}


.wrap_contenu{
	display:block;
	width:100%;
	border:1px solid #f0f0f0;
	margin:10px auto 0;
	overflow:hidden;
	text-align:left;
}



/*
	met un background derrière le texte du premier document (seulement) de chaque page. C'est une grosse image très pâle
qui rend la page plus intéressante à regarder qu'un fond uni et ennuyant, sans distraire du contenu. (voir page principale de hockeymro.ca)
*/

/* je ne sais pas trop où ça sert...*/
.titre{
	height:20px;
	text-align:center;
	background-color:#76bbe4;
	font-weight:bold;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border:outset #2983d2 1px;
	padding-top:3px;
	margin-bottom:6px;
	color:white;
	margin-top:3px;

}

/*padding des onglets (voir simple lettre - midget)*/
.ui-tabs .ui-tabs-nav li a {
	padding:3px 1em;
}




/* tableaux d'horaire ou de résultats  (exemple: hockey féminin bantam*/
div.schedule_container td, div.table_container td,div.schedule_container  th, div.table_container th{
	border-right:1px solid #555;
	border-left:1px solid #555;
	border-bottom:none;
	border-top:none;
}
div.schedule_container table, div.table_container table{
	margin-top:15px;
	border:4px ridge #636363;
}
div.schedule_container th, div.table_container th{
	border-bottom:4px ridge #636363;
}

.schedule_container, .table_container{
	font-size:12px;

}
div.schedule_container  table tr.odd, div.table_container table tr.odd, div.hor_line.odd{
	background-color:#cddeff;
}
div.schedule_container table tr.proch{
	background-color:#e3a100;
	background-image:none;
	font-weight:bold;
	color:white;
}

/*  les tableaux d'horaire font paraître le prochain match de façon à attirer l'attention. De plus
	un chandail rouge ou blanc indique la couleur que l'équipe devra porter pour ce match

voir simple lettre novice pour exemple (chandail blanc) ; voir simple lettre peewee pour exemple avec chandail rouge
*/
td.marque_visiteur, td.marque_receveur{
	font-weight:bold;
}
tr.proch td.marque_visiteur{
	background-image:url(./images/chandail_noir.png);
	background-repeat:no-repeat;
	background-position:right;
}
tr.proch td.marque_receveur{
	background-image:url(./images/chandail_blanc.png);
	background-repeat:no-repeat;
	background-position:right;

}


/*
				section contacts pour chaque équipe. voir onglet "bottin" pour exemple
*/
.contacts_titre, h2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#b22222;
	margin-bottom:10px;
	font-weight:normal;
}
.contact_section{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	padding-left:60px;
	text-indent:-60px;
	margin:5px 0;
	width:400px;
	display:block;
}



/* fait en sorte que si un éditeur entre une table, elle sera toujours sans lignes */
div.text_container table td{
	border:none;
}
#doc1{
	background: none;
}
#contenu_std>div{
	background-color: transparent;
	padding:0px;
}
div.struct_elem{
	/*background-image: url(./images/fond_blanc_translucide.png);*/
	padding:5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

}
div.ui-dialog-buttonpane button{
	float:right;
}
h1{
	font-family: Verdana, Geneva, sans-serif;
	font-variant: normal;
	font-weight: bold;
    color: #b22222;
	text-decoration:underline;
    font-style: normal;
    font-size: 24px;
}

#statut_visiteur{

	position:absolute;
	left:4px;
	top:570px;
	padding:2px;
	font-size:11px;
	color:#000;
	font-variant: small-caps;
	width:158px;
	text-align:center;
	z-index:100;
}
#connexion_visiteur{
	color:white;
}
#deconexion_visiteur{
	color:black;
}
#compteur_visites{
	position:absolute;
	left:24px;
	top:600px;
	width:120px;
	text-align:center;
	font-size:12px;
	color:#7a5c1c;/*#666*/
	z-index:200;
}
/*+++++++++++++++++*/
div.hor_line.select{

}

a:visited{
	color:#666;
}
div#admin_id a{
	color:#bbb;
}

div.separ_1{
	width:95%;
	background-image:url(./images/ligne_bleue_aura_rouge_500.png);
	background-repeat:no-repeat;
	min-height:20px;
	margin:2px auto;
	text-align:center;
}
div.separ_2{
	width:95%;
	background-image:url(./images/ligne_noire_aura_bleu_500.png);
	background-repeat:no-repeat;
	min-height:20px;
	margin:2px auto;
	text-align:center;
}

/* pour tableau de la page d'accueil*/
._custom_class_tableau_accueil2 td{
	padding:0;
}
/* patte d'ours pour login 
div#b_login{
	background-image:url(./images/patte.png);
	height:20px;
	width:20px;
}
*/
/* pour attirer l'attention sur le bouton qui fait changer le menu principal quand il est en deux parties
*/
.marqueur_rond{
	padding:8px;
	background-image:url(./images/marqueur_rouge.png);
	background-repeat:no-repeat;
	background-position:0 8px;

}

div.table_container td.highlight{
	font-weight:bold;
	color:red;
	background: url('images/logo_braves_2005_petit.png') right no-repeat;
}
div.table_container td.highlight.no1{
	background: url('images/feu_artifice.gif') right no-repeat;
}
div.table_container td.highlight{
	padding-right:30px;
}
.ui-widget-content {
	background:none;
}