html {
	height: 100%;
	}
	
body	{
	font-size: 62.5%; 
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;	
	background: #f0ede3 url(../images/header/f.jpg) repeat-x ;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 100%;
	}

p, td, tr, th, table, h1, h2, h3, h4, h5, h6, ul, li, ol	{
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	color: #222;
	margin: 0;
	padding: 0;
	}
		
h1, h2, h3, h4, h5, h6 {
	letter-spacing: .025em;
	}
	

#content h1, #content h3 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

.formtype {
border-right: #fff 1px solid;
border-top: #fff 1px solid;  
font: 12px #fff;
border-left: #fff 1px solid;
border-bottom: #fff 1px solid;
font:  Verdana, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #9D0B0E;	
}

#container{
	width: 744px;
	text-align: left;
	margin: 0 auto;
	background: url(../images/pagebg.gif) left top;
	min-height: 100%;
	}

#container_inner {
	margin: 0;
	}
	
#header {
	margin: 0;
	padding: 0;
	}
	
#footer {
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 1.1em;
	background-color: #FFF;
	background: url(../images/content.gif) left top repeat-y;
	width: 512px;
	clear: both;
	}
	
#masthead {
	width: 100%;
	padding: 0;
	margin: 0;
	background: url(../images/header/masthead_top.gif) left top no-repeat;
	}

#masthead h1 {
	display: none;
	}

#masthead p {
	padding: 5px;
	margin: 0 0 0 92px;
	font-size: 1.1em;
	}

#masthead p .divider {
	padding: 0px 6px;
	color: #BBB;
	}

#course_status {
	width: 742px;
	padding: 1px;
	margin: 0;
	background: url(../images/header/masthead_bottom.gif) left top no-repeat;
	border-bottom: 1px solid #253232;
	}
	
#course_status img {
	float: left;
	clear: none;
	}
	
#cadre {
	margin: 5px 5px 5px 550px;
	padding: 5px 5px 5px 10px;
	min-height: 44px;
	width: 170px;
	clear: right;
}
	
#cadre h2 {
	color: #ABB;
	position: static;
	margin: 0;
	padding: 1px 0 2px 0;
	font-size: 1.0em;
	font-weight: normal;
	width:170px;
}
	
#cadre p {
	color: #ABB;
	position: static;
	margin: 0;
	padding: 3px 0 2px 0;
	font-size: 1.0em;
	font-weight: normal;
	width: 170px;
	}
	
.status_info {
	color: #DEE;
	font-weight: bold;
	}
	
a, a:visited {
	color: #700;
	text-decoration: underline;
	}
	
a:hover {
	color: #300;
	}
	
#nav_primary a {
	color: #700;
	padding: 13px 7px 7px;
	text-decoration: none;
	}

#nav_primary a:hover {
	color: #300;
	padding: 13px 7px 7px;
	background: url(../images/navigation/nav_primary_hover.gif) left top;
	text-decoration: none;
	}

.primary_nav_current {
	color: #122 !important;
	font-weight: bold !important;
	background: url(../images/navigation/nav_primary_current.gif) left top ;
	}

a:hover.primary_nav_current {
	background: url(../images/navigation/nav_primary_current_hover.gif) left top !important;
	}
	
#nav {
	font-size: 1.2em;
	font-weight: normal;
	}

#nav_primary {
	background: url(../images/navigation/nav_primary_bg.gif) left top;
	margin: 0;
	padding: 13px 0 7px 0;
	float: none;
	}

#nav_primary ul {
	list-style: none;
	}

#nav_primary li {
	display: inline;
	margin: 0;
	padding: 0;
	}

#nav_primary .actif {
	padding-left: 30px;
	}

#nav_secondary {
	background: url(../images/navigation/nav_second_bg.gif) left top;
	margin: 0;
	padding: 8px 0;
	width: 744px;
	float: left;
	height: 16px;
	}
	
#nav_secondary_empty {
	background: url(../images/navigation/nav_second_bg.gif) left top;
	margin: 0;
	padding: 0;
	width: 744px;
	height: 5px;
	float: left;
	}

#nav_secondary ul {
	list-style: none;
	}

#nav_secondary li {
	display: inline;
	}

#nav_secondary .actif {
	padding-left: 30px;
	}

#nav_tertiary {
	border-top: 1px #DDD3BE solid;
	margin: 0 15px 0 35px;
	padding: 10px 0 10px 5px;
	}
	
#nav_secondary ul {
	list-style: none;
	}

#nav_tertiary li {
	display: inline;
	padding: 0 6px 0 4px;
	}

#nav_tertiary .actif {
	padding-left: 0px;
	}
	
#accueil {
	background: url(../images/accueil.jpg) left top;
	width: 100%;
	height: 170px;
	clear: both;
	}
	
#contact {
	background: url(../images/contact.jpg) left top;
	width: 100%;
	height: 170px;
	clear: both;
	}

#vins {
	background: url(../images/vins.jpg) left top;
	width: 100%;
	height: 170px;
	clear: both;
	}
	
#actualites {
	background: url(../images/actualites.jpg) left top;
	width: 100%;
	height: 170px;
	clear: both;
	}

#acces {
	background: url(../images/acces.jpg) left top;
	width: 100%;
	height: 170px;
	clear: both;
	}
	
#liens {
	background: url(../images/liens.jpg) left top;
	width: 100%;
	height: 170px;
	clear: both;
	}

#vignes {
	background: url(../images/vignes.jpg) left top;
	width: 100%;
	height: 170px;
	clear: both;
	}
	
#admin {
	background: url(../images/admin.jpg) left top;
	width: 100%;
	height: 170px;
	clear: both;
	}

h1 {
	display: none;
	}

#content {
	background-color: #FFF;
	background: url(../images/content.gif) left top repeat-y;
	float: left;
	width: 480px;
	padding: 0;
	margin-top: -30px;
	padding-left:20px;
	}
	
#content_secondary {
	background-color: #BBB;
	float: right;
	width: 232px;
	padding: 0;
	}
	
#content h2 {
	color: #2B433C;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 15px 4px 40px;
	line-height: 1.3em;
	clear: left;
	}

#content h3 {
	color: #2B433C;
	color: #111111;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0 15px 4px 40px;
	line-height: 1.4em;
	clear: left;
	}
	
#content h4 {
	color: #2B433C;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 15px 4px 40px;
	line-height: 1.4em;
	clear: left;
	}

#content p, #content ul {
	margin: 0 40px 18px 40px;
	line-height: 1.6em;
	clear: left;
	}

#container_1col #content p {
	margin-right: 90px;
	}

#content p {
	font-size: 1.2em;
	font-weight: normal;
	}
		
#content table {
	font-size: 1.1em;
	}

#content ul {
	line-height: 1.6em;
	font-size: 1.2em;
	font-weight: normal;
	list-style: disc;
	padding-left: 3px;
	padding-right: 15px;
	}

#content ul li {	
	margin-left: 15px;
	padding: 2px 0px;
	}
	
#content ul li.actif {
	padding: 0px 0px 2px 0px;
	}
	

#content_secondary {
	background: url(../images/footer_bg.gif) left top;
	padding: 0 0 1px 0;
	}

#content_secondary p {
	font-size: 1.2em;
	font-weight: normal;
	padding: 10px 15px 15px 15px;
	line-height: 1.6em;
	background: url(../images/sb_bg.gif) left top;
	}
	
#content_secondary p.list_intro {
	padding-bottom: 2px;
	margin-bottom: 0;
	}

#content_secondary p.not_last {
	padding-bottom: 0;
	margin-bottom: 0;
	}
	
#content_secondary ul {
	padding: 8px 15px 15px 15px;
	line-height: 1.6em;
	background: url(../images/sb_bg.gif) left top;
	font-weight: normal;
	list-style: disc;
	font-size: 1.2em;
	}
	
#content_secondary ul li {
	margin-left: 15px;
	padding: 2px 0px;
	font-size: 1.0em;
	}
	
#content_secondary ul li ul.secondary_sublist {
	padding: 2px 15px 2px 15px;
	line-height: 1.4em;
	font-weight: normal;
	list-style: circle;
	background: none;
	font-size: 1.0em;
	}
	
#content_secondary ul li ul.secondary_sublist li {
	margin: 0;
	padding: 2px 0px;
	}
	
#content_secondary ul li.last_child_see_more {
	padding-left: 15px;
	background: url(../images/more.gif) 0px 6px no-repeat;
	}	

#content_secondary h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	line-height: 1.4em;
	font-weight: normal;
	padding: 8px 15px 8px 15px;
	background: url(../images/header_red.gif) left top;
	}

.dropcap {
	float: left;
	width: .75em;
	font-size: 4em;
	line-height: 32px;
	margin-left: -12px;
	font-weight: normal;
	color:#566;
	font-family: Times, sans-serif;
	}	

.allcap {
	text-transform: uppercase;
	}	

		
#credits p {
	margin: 0 15px 0 35px;
	padding: 2px 0 30px 5px;
	font-size: .8em;
	}
	
img.img-right {
  float: right;
  padding: 8px 8px 8px 8px;
}