/*
   CSS : Gwen
*/
body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #eeeced;
	text-align:center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
}

#main {
	border:1px #666666 solid; 
	padding: 0;
	margin: 5px 15px 5px 15px;
	background-color:#ffffff;
	text-align:center;
	height:auto;
}

#top {
	background:url(../pix/back_title.jpg);
	background-color:#336699;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:10px 0 10px 0;
	height:100px;
}
#top_title {
	font-size:200%;
	font-weight:bold;
	padding:0 120px 0 110px;
}
#top_logo_left {
	background-color:#ffffff;
	position:absolute;
	left:16px;
	top:6px;
	height:100px;
}
#top_logo_right {
	background-color:#ffffff;
	position:absolute;
	right:16px;
	top:6px;
	height:100px;
}

#menu {
	padding:0;
	background-color:#dcb894;
	font-family:"Arial Narrow", Helvetica, sans-serif;
	font-size:small;
}
div#menu ul {
   display: inline;
}
div#menu li {
   margin:0;
   padding:0;
   display: inline;
   color: #ffffff;
   font-weight: bold;
}
div#menu em {
   padding: 10px;
   text-decoration:none;
   font-style:normal;
}
div#menu a:link, div#menu a:visited {
	padding:0 5px 0 5px;
	text-decoration: none;
	color:#ffffff;
	font-weight:bold;
}
div#menu a:hover, div#menu a:active {
	background-color:#e9d1bb;
	padding:0 15px 0 15px;
	text-decoration: none;
	color:#336699;
	font-weight:bold;
}

#content {
	padding:20px;
	text-align:justify;
	font-family:Garamond, "Times New Roman", Times, serif;
	font-size:16px;	
}
div#content a {
	background:url(../pix/curseur_lien.gif) no-repeat left;
	padding-left:10px;
}
div#content a:link, div#content a:visited {
	color:#336699;
	text-decoration:none;
}
div#content a.courriel {
	background:url(../pix/mailbg.gif) no-repeat left;
	padding-left:15px;
}
div#content a.download {
	background:transparent url(../pix/filedownload.gif) no-repeat left;
	padding-left:15px;
}
div#content a:hover, div#content a:active {
	border-bottom:1px solid #0053a0;
	color:#fff;
	background:none;
	background-color:#336699;
}
div#content a.none {
	background:none;
	padding:0;
	border:0;
}
div#content h1 {
	margin: .15em 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	text-align: left;
	color: #336699;
}
div#content h2 {
	margin: .15em 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight: normal;
	text-align: left;
	color: #336699;
}
div#content p {
	margin-top:0;
	margin-bottom:20px;
}
div#content hr {
	border-top:0;
	border-bottom: 1px dashed #aaaaaa;
	width: 50%;
}
div#content table.address {
	border: 1px dashed #cccccc;
	margin: 0;
	padding:5px;
}
div#content table.address td.title {
	vertical-align: top;
	font-weight: bold;
	padding: 0px 5px 0px 0px;
}
div#content sup.star {
	font-family:"Courier New", Courier, monospace;
	font-size:10px;
	color:#666666
}

/* ----- PIED ----- */
#bottom {
	margin-top:20px;
	background-color:#dcb894;
	font-family:"Arial Narrow", Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#777;
	border-top: 1px dotted #666666;
}
#bottom a.pied:link, #bottom a.pied:visited {
	color:#777;
	text-decoration:none;
}
#bottom a.pied:hover, #bottom a.pied:active{
	color:#777;
	font-weight:bold;
}
#bottom a.courriel:link, #bottom a.courriel:visited {
	color:#777;
	text-decoration:none;
	background:url(../pix/mailbg.gif) no-repeat left;
	padding-left:15px;
}
#bottom a.courriel:hover, #bottom a.courriel:active {
	color:#777;
	font-weight:bold;
	background:url(../pix/mailbg.gif) no-repeat left;
	padding-left:15px;
}