/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

/*td {border: solid thin red;}*/


/* Couleurs de liens par défaut */

a {color: #004a6f; text-decoration: none;}
a:visited {color: #004a6f;}
a img {border: 0;}

#accueil a {color: #fc3; text-decoration: none;}
#accueil a:visited {color: #fc3;}


#co-text a, #co-news a {color: #f70; text-decoration: none; border-bottom:dotted 1px;}
#co-text a:visited, #co-news a:visited {color: #5ad;}

body {
	background: #fff url("img/bodybg.jpg") repeat-x;
	text-align: center;
}

li {
  	list-style-type: none;
}

/* Attributs de body */
body#accueil {
	font: 1em Verdana, Helvetica, sans-serif;
	color: #fff;
}/*#004a6f*/

#leftborder {
	background: url("img/accueil/logolbg.gif") top right repeat-y;
}

#logo {
	text-align: center;
	color: #004a6f;
  	text-align: justify;
	font: italic 0.8em Trebuchet, sans-serif;
	padding: 64px 20px 0px 16px;
	background: #fff url("img/accueil/logobg.gif") top right repeat-y;
}

#presentation {
  	margin-top: 1em;

}

#sponsor {
  	margin-top: 20px;
  	text-align:center;
}

#sponsor img {
  	margin-top: 20px;
}

#main {
	background : #004a6f;
}

#menup {
	background: #004a6f url("img/rsidebg.gif") bottom left repeat-x;
}

.rollover a, rollover a:hover {
	display: block; float: left;
}


#mpbieres a {background: url("img/menup/mpbieres.gif") top left no-repeat;}
#mpbieres a:hover {background: url("img/menup/mpbieres.gif") bottom left no-repeat;}

#mpbistrot a {background: url("img/menup/mpbistrot.gif") top left no-repeat;}
#mpbistrot a:hover {background: url("img/menup/mpbistrot.gif") bottom left no-repeat;}

#mpservices a {background: url("img/menup/mpservices.gif") top left no-repeat;}
#mpservices a:hover {background: url("img/menup/mpservices.gif") bottom left no-repeat;}

#mpinfo a {background: url("img/menup/mpinfo.gif") top left no-repeat;}
#mpinfo a:hover {background: url("img/menup/mpinfo.gif") bottom left no-repeat;}

#content {
	background : url("img/accueil/mainbg.jpg") bottom left no-repeat;
	padding: 30px 20px 75px 20px;
}

#content td {padding-top: 1em;}

.news-section-title {
  	padding: 3px;
	background: url("img/h1bg.gif") bottom left repeat-x;
	color: #fff;
	font: bold 1.7em "Times New Roman", Times, sans-serif;
}

#spotlight, #news {
	width: 450px;
	padding-left: 20px;
}

#spotlight {margin-bottom: 50px;}
#spotlight h1 {margin-bottom: 40px; margin-bottom:10px;}
#spotlight img {position: relative; top: -20px; margin-right: 15px;}
#spotlight p {}
#spotlight .spotlight-title {
  	text-align: center;
  	padding: 4px;
  	font-weight: bold;
	/*background: url("img/h1bg.gif") bottom left repeat-x;*/
	border-bottom: double 1px #fff;
	color: #fc3;
	font: bold 1.7em "Times New Roman", Times, sans-serif;
}

* html #spotlight {margin-bottom: 10px;}

#news li {
  	display : block;
	width: 400px;
	margin: 1em 0 1em 0;
	font: 0.9em Verdana, Helvetica, sans-serif;
	line-height: 1.4em;
	text-align: left;
}

/* Contournement IE */
	* html #news {margin-top: 1em;}

#news .news-date {
	display: block;
  	width: 100%;
  	text-align: right;
  	font-size: 0.8em;
  	font-style: italic;
  	margin-right: 1em;
}

#news .news-title {
  	color: #fc3 ;
	font: bold 1em Trebuchet, Helvetica, sans-serif;
	/*background: url("img/newsbg.jpg") bottom left repeat-x;*/
	padding-bottom: 0.4em;
}

.lienutil {
	float: right;
	font: bold 0.8em Helvetica, sans-serif;
	color: #fff;
	margin-left: 1em;
}

.lienutil a {color: #fc3;}
.lienutil a:visited {color: #fc3;}

#footer {
	background : url("img/accueil/footbg.jpg") top left no-repeat;
}

.footer {
	padding: 20px 0 20px 0;
	font: bold 0.8em "Times New Roman", Times, serif;
}

#footer a {color: #fff;}
#footer a:visited {color: #fff;}

#footerbg1, #footerbg2 {
	background: url("img/footerbg.gif") top left repeat-x;
}

#location {
	width: 340px;
	display: block;
	text-align: center;
}

/*#rightside {
	background: #fff; 
}*/

#rightborder {
  	width: 5px;
	background: url("img/accueil/logolbg.gif") top left repeat-y;
}

body#contenu {
	font: 1em Verdana, Helvetica, sans-serif;
	color: #004a6f;
}

#co-main {
	/*text-align: center;*/
	/*background: #004a6f;*/
}

#co-section h1 {
  	font-size : 1em;
}

#co-header {
	background: #004a6f url("img/rsidebg.gif") bottom left repeat-x;
}

#co-maintop {
	background : #fff url("img/content/maintopbg.gif") top left repeat-x;
}

#minimenu {
	margin-bottom : 1em; font: bold 0.8em "Times New Roman", Times, serif;  	
}

#menus {
  	float: left;
  	width: 200px;
  	text-align: center;
  	line-height: 2em;
  	padding-top: 10px;
  	padding-bottom: 40px;
}

#menus ul {list-style-type: none; padding: 0; margin: 0;}
#menus li img {border: 0;}

#menus a {color: #004a6f;}
#menus a:visited {color: #09f;}

.menus-item {margin-bottom : 1em; font-size: 0.6em;}
.menus-active {font-size: 0.9em; font-weight: bold; margin: 0.5em;}

/*div {border: solid thin black;}*/

#co-spacer {width: 140px; float: left;}

* html #co-spacer {width: 140px; float: left;}

#co-text, #co-form, #co-news {
  	width: 500px;
  	float: left;
  	padding: 0 20px 0 20px;
  	margin-top: 30px;
  	overflow: auto;
}

#co-news form {
  margin-left:auto;
  margin-right:auto;
}

#co-news {
  	margin-left: 120px;
  	margin-bottom: 40px;
  	text-align: left;
}

* html #co-news {
  	margin-left: auto;
  	margin-right: auto;
}

#co-text h1, #co-news h1 {
  	width: 400px;
	padding-bottom : 7px;
	margin-bottom: 7px;
	font: 1.7em "Times New Roman", Times, sans-serif;
	background: url("img/content/h1bg.gif") bottom left repeat-x
}

#co-text p, #co-news p {font-size: 0.8em;}
/*#co-text p:first-letter, #news-short-text p:first-letter {font-size: 1.5em;}*/

#co-text img, #co-news img {margin: 10px; margin-left: 0px;}

#co-content {
	background : #fff url("img/content/mainbg.gif") bottom right no-repeat;
	/*text-align: center;*/
	padding-right: auto;
	padding-left: auto;
	padding-top: 1em;
}

.readmore {font-size: 0.8em; margin-left: 1em;}
.readmore a {color: #fc3;}
.readmore a:visited {color: #fc3;}
.readmore a:hover {color: #fc3;}


#control {
	float: right;
	margin: 1em;
	padding: 0.5em;
	font-weight: bold;
	border: solid thin #000;
}

#control a:visited {color: #004a6f;}

#co-footer {
	background : #004a6f url("img/footerbg.gif") bottom left repeat-x;
	color: #fff;
}

#co-footer a {color: #fff;}
#co-footer a:visited {color: #fff;}

#error {
  	padding: 4em;
  	font-size: 2em;
}

.deactivated {
  	color: #aaa;
}

#modify {text-align: center;}