/*******************************************************
** Auteur: Création SunnyWeb						  **
** Fichier: sdhtbt.css						  		  **
** Date: 2006-01-16									  **
** ©Création SunnyWeb 2006							  **
 	*******************************************************/
body   { color: black; background-color: #fff; background-image: url("../images/body_bck.gif"); background-repeat: repeat-y; background-position: left top; text-align: center; margin: 0; padding: 0 }
#container    { font-family: Verdana; background-image: url("../images/bcgrnd.gif"); background-repeat: repeat-y; background-position: center top; text-align: left; margin: auto; width: 750px }
#header   { background-image: url("../images/intro_top.gif"); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0 0 0 10px; position: relative; height: 130px }
#header h1   { color: #006; font-size: 1.8em; font-style: italic; text-align: right; margin: 0; padding: 0 10px 0 0 }
#header h1 a:link, header h1 a:visited, #header h1 a:hover { color: #2f2b6e; font-size: 0.9em; text-decoration: none; position: relative; top: 55px }
#logo  { text-decoration: none; position: relative; margin: 0 0 0 0; padding: 0 0 0 0; }
#banner  { text-decoration: none; position: relative }

#main { background-image: url("../images/bcgrnd.gif"); background-repeat: repeat-y; background-position: left top; margin: 0; padding: 0; position: relative; width: 750px; float: left }
#main p.smallTexte { font-size: 0.6em }

#leftClmn     { background-image: url("../images/menu.gif"); background-repeat: no-repeat; background-position: left top; text-align: left; padding-top: 15px; width: 170px; height: 520px; float: left }
#leftClmn h4  { margin: 0; padding: 0 0 0 10px; width: 160px; float: left }
#leftClmn h4 a:link, #leftClmn h4 a:visited { color: #fff; font-size: 0.8em; line-height: 1.8em; text-decoration: none; background-image: url("../images/separator.gif"); background-repeat: no-repeat; background-position: right bottom; display: block; margin: 0 }
#leftClmn h4 a:hover, #leftClmn h4 a:link.active, #leftClmn h4 a:visited.active { background-image: url("../images/selector.gif"); background-repeat: no-repeat; background-position: right bottom }
#leftClmn ul  { font-size: 0.7em; line-height: 1.8em; list-style-type: none; margin: 0; padding: 0 }
#leftClmn li { text-align: left; margin: 0; padding: 0; width: 170px; float: left }
#leftClmn li a:link, #leftClmn li a:visited  { color: #fff; text-decoration: none; background-image: url("../images/sub_separator.gif"); background-repeat: no-repeat; background-position: right bottom; display: block; margin: 0; padding: 0 7px 0 15px }
#leftClmn li a:hover, #leftClmn li a:link.active, #leftClmn li a:visited.active { background-image: url("../images/sub_selector.gif"); background-repeat: no-repeat; background-position: right bottom }
#cont  { text-align: left; margin: 0; padding: 0 0 0 1em; width: 545px;}
#cont p.titre { font-size: 1.1em; line-height: 1.3em; padding: 5 0 1em; font-weight: bold; color: #302E73; }
p { font-size: 0.9em; line-height: 1.2em; padding: 0 0 1em }
.table { font-size: 0.9em; line-height: 1.2em; padding: 0 0 1em }
.equipe h3  { color: #006; font-style: normal; font-weight: bold; margin: 1em 0 0; padding: 0; border-bottom: 1px solid #006 }
.equipe h5 { color: #333; font-size: 0.7em; font-style: italic; font-weight: normal; margin: 0.2em 0 0; padding: 0 }
.equipe a:link, .equipe a:visited { color: #006; font-size: 0.8em; font-style: italic; font-weight: normal; text-decoration: none }
.equipe a:hover { text-decoration: underline }
.box   { background-image: url("../images/box.png"); background-repeat: no-repeat; background-position: left top; text-align: left; margin: 0 0 15px; padding: 0 10px; position: relative; border: inset 1px #009; }
.photoG  { margin: 0; padding: 0; position: relative; top: -5px; left: -15px; float: left }
.photoD  { margin: 0; padding: 0; position: relative; top: -5px; right: -15px; float: right }
ul.stages  { font-size: 0.75em; list-style-type: none; padding: 0 0 2em }
ul.stages em { color: #666 }
#getForm   { color: #fff; background-image: url("../images/form.gif"); background-repeat: no-repeat; background-position: center bottom; margin: 0 10px; padding: 5px; border: solid 1px #009 }
#getForm p { font-size: 0.8em; font-weight: bold; margin: 0; padding: 0 }
#getForm a:link, #getForm a:visited { color: #fff; font-style: italic; font-weight: bold; text-decoration: none }
#getForm a:hover { text-decoration: underline }
#getForm img   { margin: auto 0; padding: 0; position: relative; float: right }
.clear { height: 0; clear: both }
#footer  { background-image: url("../images/footer.gif"); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; height: 100px }
#footer p  { color: #fff; font-size: 0.7em; text-align: left; margin: 0; padding: 35 0 0 35; }
.tag { margin: 0; padding: 40px 25px 0 0; float: right }
#form p { margin: 0; padding: 0.5em 0 0 }
#form.button { text-align: right }
.thumbnail { margin: 0; padding: 0 25px 0 10px; float: left }

#news { font-family: Verdana; }
#news p { font-size: 0.9em; line-height: 1.2em; padding: 0 0 4 0; }
#news .sousTitre { font-size: 1.1em; font-weight: bold; line-height: 1.2em; padding: 5 0 5 0; }
#news .newsDate { font-size: 0.8em;  }
#news .archives { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }
#news .archives a { color: #023f7c; }

#tableInscription { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; }
#tableInscription .formText { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
#tableInscription .boiteSousSous { color: #302E73; font-size: 1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
#tableInscription strike { color: #FF0000; }

#hockeyDB table { font-size: 9px; width: 530px;  }
#hockeyDB a { font-size: 9px; color: #000000; text-decoration:none; }

#cont .sousTitre { color: #302E73; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
#cont .bigred { color: #FF0000; font-weight: bold; }
#cont ol { font-size: 0.8em; line-height: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; }
#cont ul { font-size: 0.8em; line-height: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; }
#cont ul ul ul { font-size: 1.0em; line-height: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; }
#cont .prix { font-size: 1.3em; color: #FF0000; font-weight: bold; float: right; background-image: url("../images/box.png"); background-repeat: no-repeat; background-position: left top; text-align: left; margin: 0 0 15px; padding: 0 10px; position: relative; border: inset 1px #009 }
#cont .taxes { font-size: 0.7em; color: #000000; }
#cont .boite { font-size: 0.9em; line-height: 1.2em; padding: 0 0 1em; }

#superviseur table { font-size: 0.9em; line-height: 1.2em; padding: 0 0 1em }
#superviseur a:link { text-decoration:none; }
#superviseur a:visited { text-decoration:none; }
#superviseur a:hover { text-decoration:none; }
#superviseur li a:link { color: #000000; text-decoration:none; }
#superviseur li a:visited { color: #000000; text-decoration:none; }
#superviseur li a:hover { color: #000000; text-decoration:none; }

/*******************************************************
** popup                                              **
*******************************************************/
#popup { background-color: RGBA(15,24,79,0.9); position: absolute; width: 560; height: 650; left: 25; top: -50; z-index: 1000; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Gradient(startcolorstr="#900F184F",endcolorstr="#900F184F"); }
#popup table { font-family:Verdana; font-size: 8pt; }