/* feuille de style pour la srdmh */

body {
	background-color:rgb(0,55,159);
	text-align:center;
	margin:0px;
}

#top {/* div contenant le menu et le logo */
	position:relative;
	margin:0px auto;
	margin-bottom:10px;
	background: url(images/bg_top.gif) no-repeat;
	width:755px;
	text-align:left;
}

#middle {/* div contenant les textes de gauche et de droite */
	position:relative;
	margin:0px auto;
	margin-bottom:0px;
	background: url(images/bg_middle.gif) repeat-y;
	width:755px;
	text-align:left;
}

.dateDroite { /* pour les événements à droite */
	font-weight:bold;
}
.titreDroite { /* pour les nouvelles à droite */
	font-weight:bold;
}

#droite a {
	color:black;
	text-decoration:none;
}
#droite a:hover {
	text-decoration:underline;
}


dd.charte {
	margin-top: -16px;/* remonte le texte au niveau du numéro de l'article de la charte */
}
dt.titre {
	font-weight:bold;
}

dl {
	margin:0px;/* élimine le 'padding' naturel donné aux listes */
}

dd table {
	margin-bottom:5px; /* espace les tables entre-elles */
	border:solid 1px black;
}

dd table img {
	border:solid 1px black;/* ajoute une jolie petite bordure aux photos des membres du c.a. */
}

dd table td {
font:10pt verdana, sans-serif;
text-align:center;
}

#bottom {position:relative;clear:both;margin:0px auto;margin-bottom:0px;width:755px;text-align:left;} /* sert juste à ajouter un peu de bleu au bas de la page */

#navig { /* menu */
	position:relative;
	top:17px;
	margin-left: 330px;
	width:400px;
	color: white;
	text-align:center;
}
.boutons { /* menu */
	width:30%;
	background-color: rgb(180,180,180);
	font: bold 9pt verdana;
	line-height:1.1;
	color: white;
	text-align:center;
	cursor:pointer;
	border: solid 1px black;
}

table.sousMenu { /* menu */
	visibility: hidden;
	position: absolute;
	width: 150px;
	height: 42px;
	left: 125px;
	top:20px;
	z-index:0;
	font:8pt sans-serif;
	text-align:center;
}

.sousMenu a { /* menu */
	color:white;
	text-decoration:none;
}

table.sousMenu td a { /* menu */
	color:black;
	text-decoration:none;
	width:100%;
	text-align:center;
}

.sousMenu td a:hover { /* menu */
	background-color:white;
}

div.titre { /* titre de la page où nous sommes */
	margin-top:5px;
	margin-bottom: 15px;
	font:bold 12pt arial;
	text-align:center;
	color:rgb(190,10,10);
}

#gauche { /* partie gauche de la page */
	float:left;width:535px;
}

#droite { /* partie droite de la page */
	float:right;
	width:220px;
	text-align:center;
}

#contenuGauche { /* div qui contient le texte principal de la page en question */
	margin-left:102px; /* laisse de l'espace au violon */
	width:400px;
	text-align:justify;
	font:10pt verdana,sans-serif;
}
#contenuGauche td{ 
	text-align:justify;
	font:10pt verdana,sans-serif;
}

#contenuGauche a {
	color: rgb(0,55,159);
}

#contenuGauche a:hover {
	color: rgb(255,0,0);
}

#contenuEvents { /* div qui contient le texte des événements à venir */
	width: 190px;
	text-align:left;
	font:8pt verdana,sans-serif;
	margin-left:15px;
}

#contenuNews { /* div qui contient le texte des nouvelles récentes */
	width: 190px;
	text-align:left;
	font:8pt verdana,sans-serif;
	margin-left:15px;
}

.newsTitre { /* titre de chaque nouvelle dans la page nouvelles.php */
	font:bold 12pt arial, sans-serif;
	color:rgb(0,55,159);
	clear:both;
}

.newsLead { /* style du premier paragraphe de la nouvelle */
	font-weight:bold;
}

.newsPhoto { /* style des photos qui apparaissent dans le cadre d'une nouvelle, s'il y a lieu */
	width:160px;
	height:120px;
	float:right;
	margin:0px 0px 0px 5px;
	border:solid 1px black; /* ajoute une jolie petite bordure aux photos */
}

#violon { position:absolute;left:11px;top:7px;z-index:200; }

table.sousMenu td span.sm_btn_pageActive
{
	color:black;
	text-decoration:none;
	font-weight:bold;
	width:100%;
	text-align:center;
	cursor : default;
}

.nouvelleComplete
{
	margin-top:20px;
}

.categLiens
{
	font-weight:bold;
	border-top:solid black 1px;
	width:100%;
	margin-bottom:5px;
	text-align:right;
}

ul#listeBulletins li
{
	margin-bottom:10px;
}

hr.diviseur{
	width:33%; border-top: 1px dashed rgb(0,55,159);
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #fff;
	background-color: #fff;
	height: 6px;
	margin-top:26px;
}