/*Global (and reset values)*/

body {
line-height: 1.3;
margin:0; padding:0;
color: #462d38;
font-size: 62.5%/1.5; /*set reference size, to 16px, so ems in relation, ex. 1em = 10px*/
font-family: Tahoma, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; }

h1 {
font-size: 1.1em;
padding-top:8px;
}

h2 {
font-size: 1em;		
}

h3 {
font-size: 0.9em;	
}

form, fieldset, input, textarea { margin:0; padding:0; font-family:Tahoma, Helvetica, sans-serif; font-size:1em; margin-bottom:2px; }

ul, ol, li { margin:0; padding:0; list-style: none; }
img { border:none; }

/*hides dotted outline when a link is in focus, mainly in IE. To define for accessibility and keyboard tab users*/
:focus {
	outline: 0;
	/*background-color:#e9e7e7;*/ /*set to a discreet background color for all focused on elements and links !*/
	/*removed as was bugging with flash !*/
}

table {
font-size:1em;
}

input:focus, textarea:focus {
	outline: 0;
	background-color:#e7dbd7; /*set to same as page background color*/
	border:2px solid #c1b0aa;
}

a {text-decoration:none; }


/*Content and unique to this site*/

body {
margin:0;
padding:0;
background: #ffffff url("../Media/img_structure/bckgrd_repeat.gif") repeat-x top left;
font-family: Tahoma, sans-serif;
}

#container {
width:1020px;
margin: 0 auto;
}

#top {
width:1020px;
height:474px;
background: transparent url("../Media/img_structure/header_bckgrd.gif") no-repeat top left;
}

#topinner {
width:1020px;
height:400px;
background: transparent url("../Media/img_structure/header_bckgrd.gif") no-repeat top left;
margin-bottom:20px;
}

#logoarea {
/*float:left;*/
/*width:170px;
height:136px;*/
width:1020px;
height:84px;
}

#menuarea {
width:1020px;
}

#menuareainner {
width:1020px;
height:400px;
}

#menuplacementold {
height:310px;
float:left;
width:170px;
}

#menuplacementoldhome {
height:390px;
float:left;
width:170px;
}

#flasharea {
float:left;
width:850px;
height:310px;
}

#homecitation {
width:1020px;
height:90px;
clear:both;
background-color:#f2f3f0;
background: transparent url("../Media/img_structure/citation_bckgrd.gif") no-repeat top left;
}

#homecitationtext {
padding-left:50px;
padding-right:90px;
color:#a9928a;
}

#homecitationauthor {
padding-right:30px;
text-align:right;
color:#d4d4d4;
}

#citationcours {
background-color:#F2F3F0;
border-bottom:1px dotted #D4D4D4;
border-top:1px dotted #D4D4D4;
color:#362B2F;
padding:4px 20px;
}

#citationcoursphoto {
background-color:#F2F3F0;
border-bottom:1px dotted #D4D4D4;
border-top:1px dotted #D4D4D4;
color:#362B2F;
padding:10px 20px;
text-align:center;
}

h1 {
color:#6e4f5c;
text-decoration:underline;
margin-bottom:6px;
background: transparent url("../Media/img_structure/li-menu.gif") no-repeat 0px 10px;
padding-left:20px;
}

.linkcattitle {
color:#543A45;
border-bottom:3px dotted #A9928A;
font-weight: bold;
background: transparent url("../Media/img_structure/li-menu-s.gif") no-repeat 0px 0px;
padding-left:20px;
}

#content {
width:1020px;
clear:both;
}

#content a:link{
text-decoration:underline;
color:#391d29;
}

#content a:visited {
text-decoration:underline;
color:#846471;
}

#content a:hover {
text-decoration:none;
color:#a9928a;
}

#contentleft {
width:680px;
min-height:500px;
height:auto !important;
height:500px;
float:left;
font-size:0.8em;
padding-left:10px;
padding-right:10px;
}

#contentright {
width:281px;
min-height:500px;
height:auto !important;
height:500px;
float:left;
font-size:0.8em;
padding-left:10px;
}

#footer {
height:20px;
width:1020px;
clear:both;
font-size:0.6em;
text-align:center;
color: #b5a19a;
padding-top:10px;
}

#footer a:link, #footer a:visited, #footer a:hover{
text-decoration:underline;
color:#b5a19a;
}

.smallpadd {
margin-bottom:6px;
}

.event {
margin-bottom:10px;
}

.eventfull {
margin-bottom:16px;
}

.eventdate {
font-weight:bold;
background-color:#e7dbd7;
padding-top: 2px;
padding-bottom:2px;
}

.eventtitle {
font-weight:bold;
}

.eventsummary {

}

.eventtext {

}

.photothumb {
float:left;
width: 120px;
margin-bottom:10px;
}

#noticebox {
width:580px;
min-height:63px;
height:auto !important;
height:63px;
background-color:#ffffff;
background: transparent url("../Media/img_structure/notice_bckgrd.gif") repeat top left;
margin: 60px auto;
border:1px solid #af1515;
margin-bottom:20px;
}

#noticeboxinner {
padding-left:90px;
width:400px;
padding-top:4px;
}

/*pagination links*/

#content span.boldpagenumber , #content span.boldpagenumber  a{
font-size:1.4em;
}

#content span.boldpagenumber a:link{
text-decoration:none;
color:#391d29;
}

#content span.boldpagenumber a:visited{
text-decoration:none;
color:#846471;
}

#content span.boldpagenumber a:hover{
text-decoration:none;
color:#a9928a;
}


#content span.normalpagenumber , #content span.normalpagenumber  a{
font-size:1.1em;
}

#content span.normalpagenumber a:link{
text-decoration:none;
color:#391d29;
}

#content span.normalpagenumber a:visited{
text-decoration:none;
color:#846471;
}

#content span.normalpagenumber a:hover{
text-decoration:none;
color:#a9928a;
}

#content span.totalpagenumber {
color:#cccccc;
}

#photorubriques {
width:380px; float:left; 
}

#photomedthumb {
width:280px; height:200px; float:left; margin-bottom:12px; margin-left:20px;
}

#photoscontainer {
min-height:400px;
height:auto !important;
height:400px;
clear:both;
}

input.button {
border:2px solid #6e4f5c;
background-color:#d4d4d4;
color:#402b34;
font-size:1.1em;
padding:3px;
}

input.button:hover{
border:2px solid #402b34;
background-color:#b5a19a;
color:#402b34;
font-size:1.1em;
cursor: pointer;
padding:3px;
}

#contentright div#menu {
/*height:84px;*/
margin-top:8px;
}

#contentright div#menu ul {
list-style-image:url("../Media/img_structure/li-menu.gif");
list-style-type:disc;
margin:0;
padding:0;
margin-left:52px;
}

#contentright div#menu ul li {
list-style-image:url("../Media/img_structure/li-menu.gif");
list-style-type:disc;
margin-bottom:4px;
/*display: block;
float: left;*/
}

#contentright div#menu ul li a
{
/*background-color: #846471;*/
/*width: 78px;
height: 18px;*/
padding: 8px;
color: #846471;
text-decoration: none;
display: block;
text-align: left;
}

#contentright div#menu ul li a:hover
{
color: #543a45;
background-color:#E7DBD7;
}

#contentright div#menu li.lastspecial a
{
color: #6e4f5c;
}

#contentright div#menu li.lastspecial a:hover
{
color: #543a45;
background-color:#a9928a;
}

#contentright div#menu li.active a
{
color: #543a45;
background-color:#E7DBD7;
}

.tooltip {
font-size:0.7em;
color:#000;
}