@media print {
  #wrapper {
  	text-align: left;
  	margin: 20px auto;
  	padding: 0px;
  	border:2px solid #fff;
  	width: 640px;
  }
}

@media screen {
  #wrapper {
  	text-align: left;
  	margin: 20px auto;
  	padding: 0px;
  	border:2px solid #fff;
  	width: 780px;
  	background: url("/path/to/your/background_cols.gif") repeat;
  }
}



#header {
	margin: 0 0 0px 0;
	background: #fff;
}

#header img {
	padding:0px;
	border:0px;
}

#header #nav {
	clear:both;
	background-image: url('/images/bgmenu.png');
	background-repeat: repeat-x;
	background-color: #0d2e4f;
	border-bottom:2px solid #1a5b9c;
	border-top:2px solid #1a5b9c;
	padding:5px 15px 5px 15px;
	
}

#header a em {
	font-style:normal;
	color: #f33;
}

#header #nav a {
	color:#fff;
	font:100% Trebuchet MS;
	text-decoration:none;
	padding:5px;
}

#header #nav a:hover {
	background:#1a5b9c;
	text-decoration:underline;	
}

#header #nav a.active {
	background:#1a5b9c;
}

#header #nav li {
	display:inline;
	list-style:none;
	margin:0 1px 0 0;
}


#sidebar {
	background:#333;
	width:200px;
	padding:10px;
	float:left;
	color:#666;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
}

#sidebar h2 {
	font:160% Arial;
	color:#999;
	margin:10px 0 10px 0;
	background:url(../images/sidebarh2.jpg) right no-repeat;
	border:none;
}

#sidebar h3 {
	color:#fff;
	font:110% arial;
	font-weight:bold;
}

#sidebar .subnav {
	border-top:1px solid #2C2C2C;
}

#sidebar .subnav li {
	list-style:none;
	border-bottom:1px solid #2C2C2C;
}

#sidebar .subnav li.level2 {
	list-style:none;
	margin-left:10px;
}
#sidebar .subnav li a {	
	color:#ccc;
	text-decoration:none;
	display:block;
	padding:5px;
}

#sidebar .subnav li a:hover {
	background-color: #4f0d24;
	color: #fff;
	
}

#sidebar .subnav li a.active {
	color: #fff;
}

#sidebar .subnav li a b {
	float:right;
	display:none;
	color:#666;
}

#sidebar .subnav li a:hover b {
	display:inline;
}

#sidebar input {
	padding:4px;
	background:#2c2c2c;
	border:1px solid #222222;
	color:#ccc;
	font:90% Verdana;
	width:190px;
}

#content { 
	margin:0 0px 0 230px;
	background-color: #fff top left no-repeat;
	padding:20px 20px 0 20px;
}


#accueil {
  color: #aaa;
	clear:both;
	border-top:1px solid #eee;
	padding:10px;
	margin:30px 0 0;
	text-align: center;
}

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

#accueil a:hover {
  color: #333;
  text-decoration: underline;
}
#accueil li {
	display:inline;
	list-style:none;
	margin:0 15px 0 0;
}

#footer {
  font-size: 90%;
  color: #aaa;
	clear:both;
	border-top:1px solid #eee;
	padding:10px;
	
}

#footer a {
  color: #999;
}

body {
	font: 78.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	word-spacing: 2px;
	color:#444;
	margin: 0px;
	background-color: #fff;
	background-image: url('/images/bg.png');
	background-repeat: repeat-x;
}

* {
	margin:0;
	padding:0;
	
}

p {
	margin:15px 0;
	line-height:22px;
	text-align: justify;
}

h2 {
	font:190% Arial;
	color:#691130;
	border-bottom:2px solid #f6f6f6;
}

h2 a {
	color:#691130;
	text-decoration:none;
}

h2 a:hover {
	color:#82153b;
}




a {
	color:#222;
}

a:hover {
	text-decoration:none;
}

h3 {
	font:140% Trebuchet MS;
	margin:10px 0;
}

a h3{
  text-decoration: underline;
}

a:hover h3{
	margin-top: 20px;
  text-decoration: none;
}

#content ul {
	margin: 0;
	margin-bottom: 10px;
	line-height:25px;
	padding:0px 0 0px 15px;
}


#content ul li {
  text-align: justify;
}

#content ul span {
	color:#444;
}
#contentnorightbar ul {
	margin:15px 0 15px 20px;
	line-height:25px;
	padding:15px 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	color:#79B933;
}
#contentnorightbar ul span {
	color:#444;
}

img#accueil {
	padding: 0px;
	margin: 0px;
	border:0px;
	border-left:2px solid white;
}

form {
	padding:10px;
	border:1px solid #f6f6f6;
}

label {
	display:block;
	font-weight:bold;
	color:#444;
	margin:5px 0;

}
input {
	padding:4px;
	border:none;
	border-bottom:1px dotted #ccc;
	font:90% Verdana;
	color:#777;
}

textarea {
	width:400px;
	padding:4px;
	font:90% Verdana;
	border:1px solid #eee;
	height:200px;
	display:block;
	color:#777;
}

p img {
	float:left;
	margin:0 10px 0 0;
}

blockquote p {
	font:160% Georgia;
	color:#aaa;
	padding:0 10% 0 0;
	line-height:30px;
}

table {
  width: 100%;
}

td {
  background-color: #eee;
  padding: 0.25em;
}

td.droite {
  width: 100px;
  text-align: right;
}

table  th{
  background-color: #ccc;
  text-align: center;
  padding: 0.25em;
}

table.formulaire  th{
  text-align: right;
}

div.erreur {
	background-color: #4f0d24;
	color: #fff;
	padding: 5px;
}