* {margin: 0;
   padding: 0;}
   
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	background-color: #000000;
	/*background-image: url(images/trenchbg.jpg);
	background-repeat: no-repeat;
	background-position: 100% 80%;
  background-attachment: fixed;*/
	}

#container {
	width: 70em;
	margin: 1em auto;
	background-color: #000000;
	font-size: .8em;
	/*border: 1px solid #FFFF00;*/
	text-align:left;
	padding: 1em;
}

#header {
	/*margin-bottom: 1em;*/
	/*border: 1px solid #333333;*/
	height: 8em;
	background-color: #000000;
	background-image: url(images/calqueblanc2.png);
	background-repeat: no-repeat;
	background-position: right;
}

#content {
	float: left;
	width: 44.8em;
	padding: 1.5em;
	/*border: 1px solid #333333;*/
	/*font-size: 12px;*/
	/*background-image: url(images/content_bg.jpg);*/
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #000000;
	color: #FFFFFF;
}

#leftbox{
	padding: 0.5em;
	margin-left: 48em;
	color: #FFFFFF;
	background-color: #000000;
	/*background-repeat: no-repeat;
	background-position: right top;*/
	margin-top: 1em;
	/*border: 1px solid #333333;*/
	margin-bottom: 1em;
}  

#footer {
	clear: both;
	padding: 0.5em;
	background-color: #FFFF00;
	/*color: #000000;*/
	text-align: center;
	font-size: .9em;
	font-weight: bold;
	/*border: 2px solid #333333;
	margin-top: 1px;
	height: 1.2em;*/
}

#pathlinks{
/*clear: right;*/
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
/*font-size: 1.2em;
font-weight: bold;
color: black;
/*margin-top: 0.5em;
margin-bottom: 1em;
margin-left: 174px;*/
}

#pathlinks a:link{
color: #000000;
text-decoration:none
}

#pathlinks a:visited{
color: #000000;
text-decoration:none
}

#pathlinks a:hover{
color: #820606;
text-decoration:none
}

#pathlinks a:active{
color: blue;
text-decoration:none
}

/*p {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: .5em;
}*/

h3 {
	font-size: 1em;
	padding: .5em;
	color: #FFFF00;
	/*border: 1px dotted #CCCCCC;
	background-color: #F3F3F3;*/
}

h2 {
	font-size: 2em;
	font-weight: bold;
	/*padding: 0.5em;*/
	margin-bottom: 1em;
	color: #FFFFFF;
	/*border: 1px solid #EEEEEE;*/
}

h1 {
	font-size: 2.3em!important;
	font-size: 2.3em;
	padding: 0.5em;
	margin-bottom: 1em;
	color: #FFF000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-style: italic;*/
	}

a:link {color: #FFFF00; text-decoration: none;}
a:visited {color: #FFFF00; text-decoration: none;}
a:hover {color: #820606; text-decoration: none;}
a:active {color: #890000; text-decoration: none;}

/********** Top navigation *************/
#navlist
{
	height: 2.6em!important;
	height: 2.7em;
	padding: 1.7em 0em 0.3em 0.4em;
	/*border: 2px solid #333333;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-repeat: no-repeat;
	background-color: #FFFF00;
}

#navlist a, #navlist a:link, #navlist a:visited
{
/*border: 1px solid #000000;*/
border: 1px #000000;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: no;
border-left-style: solid;
padding: 1.2em;
padding-left: 0.5em;
padding-right: 0.5em;
color: #000000;
text-decoration: none;
}

#navlist a:hover, #navlist a:active, #navlist a:focus
{
	border: 1px #820606;
	border-top-style: no;
  border-right-style: solid;
  border-bottom-style: no;
  border-left-style: solid;
	padding: 1.1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;
	color: #820606;
}

#navlist li
{
padding-right: 1px;
display: inline;
font-size: 1em;
}

#navlist ul
{
margin: 0px;
padding: 0px;
}

#navlist #active a {
	background-color: #CDCDB3;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
}
   
dl{
	margin-bottom: 1.5em;
	margin-left: 2em;
}

dt{
	font-style: italic;
	color: #7E0000;
	font-weight: bold;
}

dd{
	margin-bottom: .3em;
	text-indent: .5em;
}

TD.regulationCell {
	TEXT-ALIGN: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}

TABLE.regulationTable {
	MARGIN-LEFT: 5%;
	WIDTH: 60em;
	color: #FFFFFF;
}

TABLE {
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
}

TABLE a:link{
color: #FFFF00;
text-decoration: underline;
}

.copyright {
	FONT-SIZE: 0.8em; 
	MARGIN-BOTTOM: 2em;
	color: #FFFFFF;
}

TABLE.form1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: ;
	color: #FFFFFF;
}

TABLE.form2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: ;
	color: #FF0000;
}

.alignCenter{text-align: center;}
.alignLeft{text-align: left;}
.alignRight{text-align: right;}
.content {
	padding: 0 0 0 95px; /* 75px being the width of the thumbnail + how much space you want to put between it and your text */
	position: relative; /* So the thumbnail is relative to this */
}

	.content img {
		left: 0;
		position: absolute;
		top: 0;
	}

#mieux {
	position: absolute;
	left: 200px;
	top: 50px;
	z-index: 1;
}

.text3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFF00;
	line-height: 2em;
}

.text4 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF;
}

.text5 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: underline;
	color: #FFFF00;
}

.text6 {
	font-family: Helvetica Black, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #FFFF00;
}

.text7 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: ;
	color: #FFCC33;
}

.text8 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFF00;
	line-height: 4em;
}

#position1 {
    /*position:absolute;*/
    float: left;
    width: 300px; 
    height: 225px; 
   /* padding: .5em;
    top: 500px; 
    left: 100px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: normal; 
    color: #000000; 
    background-color: #FFFFFF;*/ 
}

#position2 {
   /*position:absolute; 
   float: left;*/
   width: 250px; 
   height: 225px; 
  padding: .5em;
  /*  top: 500px; 
   left: 300px; 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   font-weight: normal; 
   color: #000000; 
   background-color: #FFFFFF;*/ 
} 

#position3 {
    position:absolute;
   /* float: left;*/
    width: 75px; 
    height: 140px; 
   /* padding: .5em;
    top: 500px; 
    left: 100px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: normal; 
    color: #000000; 
    background-color: #FFFFFF;*/ 
}

#position4 {
   /*position:absolute; 
   float: left;*/
   width: 125px; 
   height: 140px; 
  padding: 1em;
  /*  top: 500px; 
   left: 300px; 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   font-weight: normal; 
   color: #000000; 
   background-color: #FFFFFF;*/ 
} 

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
color: black;
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 14px Helvetica;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
color: black;
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

/*#anchor1 { 
width : 350px; 
height : 234px; 
background-image : url(images/040.jpg); 
} 

#anchor1:hover { 
background-image : url(images/040.jpg); 
} */