body {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

.entrance {
background-image:url(../demo.gif);
}
* {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #333333;
}

h1 {
	font-weight: bold;
	color: #377EB8;
	font-size: 1.5em;
	padding-top: 0;
	margin-top: 0;
}

h2 {
	font-weight: bold;
	color: #377EB8;
	font-size: 1em;
	padding-top: 0.8em;
	margin-top: 0.8em;
}

br {
	line-height:12px;
}

img {
	border: 0;
}

p {
	text-align: justify;
	margin: 0 0 10px 0;
}

ul  {
	list-style-image: url("img/page_puce.gif");
	list-style-type: disc;
}

label {
	color: #377EB8;
}

label sup {
	color: #377EB8;
	font-size: 11px;
}

sup {
	font-size: 9px;
}

sub {
	color: #000000;
	font-size: 9px;
}

th {
	color: #FFFFFF;
	background-color: #FA4D51;
	padding: 4px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #BFE10E;
	font-size: 11px;
	text-align: left;
}

th sub {
	color: #FFFFFF;
	font-size: 8px;
}

td {
	text-align: left;
}

a {
	color: #FA4D52;
	text-decoration: none;
}

a:hover {
	color: #FA4D52;
	text-decoration: underline;
}

.bold {
	font-weight: bold;
	color: #377EB8;
}

.italic {
	font-style: italic;
	color: #377EB8;
}

.buildinglink {
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
}

.buildinglink a {
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
}

.buildinglink a:hover {
	font-size: 10px;
	color: #FA4D52;
	text-decoration: none;
}
/*
.titre {
	color: #377EB8;
	font-weight: bold;
	font-size: 17px;
}

.sstitre {
	color: #FA4D52;
	font-weight: bold;
	font-size: 12px;
}
*/

/* FORMS START */

legend {
	border: 1px solid #377EB8;
	font-weight: bold;
	color: #377EB8;
	padding-left: 10px;
	padding-right: 10px;
}

input {
	padding-left: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #377EB8;
	border: 1px solid #FEB094;
}

select {
	border: 1px solid #FEB094;
	font-size: 12px;
	font-weight: bold;
	color: #377EB8;
}

textarea {
	padding-top: 0px;
	padding: 5px;
	font-size: 12px;
	color: #377EB8;
	height: 80px;
	width: 100%;
	border: 1px solid #FFFFFF;
}

 form fieldset {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 1em;
  padding-left: 1em;
  border: 1px solid #377EB8;
  color: #377EB8;
}

form label {
  display: inline;
  float: left;
  text-align: right;
  padding-right: 15px;
  width: 200px;
}

form input {
  width: 250px;
}

form p {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #BFE10E;
}

/* FORMS END */

.textvert {
	color: #BFE10E;
}

.references {
	color: #FFFFFF;
	background-color: #BFE10E;
	padding: 4px;
	border-bottom: 1px solid #EEF8BC;
	font-size: 12px;
	font-weight: bold;
	height: 15px;
}

.sources {
	color: #000000;
	background-color: #BFE10E;
	padding: 4px;
	border-right: 1px solid #EEF8BC;
	border-left: 1px solid #BFE10E;
	border-bottom: 1px solid #EEF8BC;
	font-size: 12px;
	font-weight: 900;
	height: 15px;
}

.sources_total {
	color: #000000;
	background-color: #BFE10E;
	padding: 4px;
	border-right: 1px solid #BFE10E;
	border-left: 2px dashed #EEF8BC;
	border-bottom: 1px solid #EEF8BC;
	font-size: 12px;
	font-weight: 900;
	height: 15px;
}

.sources2 {
	color: #000000;
	font-weight: 500;
	font-size: 10px;
	background-color: #bfe10e;
	padding: 4px;
	border-right: 1px solid #bfe10e;
	border-bottom: 1px solid #eef8bc;
	border-left: 1px solid #eef8bc;
	height: 15px;
}

.unit {
	color: #000000;
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid #BFE10E;
	border-bottom: 1px solid #BFE10E;
	font-size: 12px;
	font-weight: 500;
	height: 15px;
}

.unit2 {
	color: #FA4D51;
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid #BFE10E;
	border-bottom: 1px solid #BFE10E;
	font-size: 10px;
	font-weight: bold;
	height: 15px;
}

.vert {
	background-color: #EEF8BC;
	border-right: 1px solid #BFE10E;
	border-bottom: 1px solid #BFE10E;
	height: 15px;
	color: #377EB8;
	text-align: center;
	vertical-align: middle;
	padding-right: 7px;
}

.vert input {
	width: 100%;
	background-color: #EEF8BC;
	border-top: 1px solid #EEF8BC;
	border-right: 1px solid #EEF8BC;
	border-left: 1px solid #EEF8BC;
	border-bottom: 1px solid #EEF8BC;
	text-align: center;
}

.blanc {
	background-color: #FFFFFF;
	border-right: 1px solid #BFE10E;
	border-bottom: 1px solid #BFE10E;
	height: 15px;
	color: #377EB8;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	padding-top: 1px;
	padding-left: 5px;
	padding-right: 15px;
	padding-bottom: 1px;
}

.white {
	background-color: #FFFFFF;
	border-right: 1px solid #BFE10E;
	border-bottom: 1px solid #BFE10E;
	height: 15px;
	color: #377EB8;
	vertical-align: middle;
	font-size: 10px;
	padding-top: 1px;
	padding-left: 5px;
	padding-right: 15px;
	padding-bottom: 1px;
}

.blanc_total {
	background-color: #FFFFFF;
	border-right: 1px solid #BFE10E;
	border-left: 2px dashed #BFE10E;
	border-bottom: 1px solid #BFE10E;
	height: 15px;
	color: #377EB8;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	padding-right: 7px;
}
.blanc2 {
	background-color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #bfe10e;
	height: 15px;
	font-size: 10px;
}
.egroup {
	background-color: #FFFFFF;
	border-right: 1px solid #BFE10E;
	border-bottom: 1px solid #BFE10E;
	height: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

.blancsans {
	background-color: #FFFFFF;
	border-bottom: 1px solid #BFE10E;
	height: 15px;
}

.blancservices {
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.blancservices {
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #BFE10E;
}

.vertservices {
	background-color: #BFE10E;
	border-top: 1px solid #BFE10E;
	border-bottom: 1px solid #BFE10E;
}

.blanc input {
	width: 100%;
	background-color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
}

.blanc_total input {
	width: 100%;
	background-color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
}

.blanc2 input { background-color: #ffffff; text-align: center; border: solid 1px #ffffff; width: 100%; height: 100% }

.ok {
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../img/formbg.gif) repeat-x left top;
width: auto;
}

.texte {
	padding-left: 15px;
	padding-right: 15px;
}

.section {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFFFFF;
	background-color: #377EB8;
	font-weight: bold;
}

.navigation {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-right: 10px;
	color: #FFFFFF;
	background-color: #BFE10E;
	font-weight: bold;
}

.nav {
	background-color: #EEF8BC;
}

.navigation a {
	color: #377EB8;
	background-color: #BFE10E;
	font-weight: bold;
	text-decoration: none;
}

.navigation a:hover {
	color: #FFFFFF;
	background-color: #BFE10E;
	font-weight: bold;
	text-decoration: none;
}

#signout {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	color: #377EB8;
	background-color: #eef8bc;
	font-size: 10px;
}

#signout a {
	color: #377EB8;
	background-color: #eef8bc;
	text-decoration: none;
}

#signout a:hover {
	color: #377EB8;
	background-color: #eef8bc;
	text-decoration: none;
}

.aide {
	color: #000000;
	font-size: 10px;
	font-weight: 500;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}

.copyright {
	color: #FEB094;
	font-size: 10px;
}

.copyright a {
	color: #FEB094;
	font-size: 10px;
	text-decoration: underline;
}

.copyright a:hover {
	color: #FEB094;
	font-size: 10px;
	text-decoration: underline;
}

.head_forum {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

h3 { font-weight: bold; font-size: 16px }

.bold_table {
	font-size: 10px;
	font-weight: bold;
	color: #377EB8;
}
.error {
	border: solid 1px red;
	background-color: #FEB094;
}

table.display {
	border: 1px solid #FA4D51;
	font-family: Verdana, Arial, sans serif;
	background-color: #BFE10E;
}

table.display tr.row_first {
	background-color: #FA4D51;
	text-align: left;
}

table.display tr.row_first strong {
	color: #FFFFFF;
	font-size: 11px;
}

table.display tr.row_odd {
	background-color: #EFF9BC;
}

table.display tr.row_even {
	background-color: #FFFFFF;
}

table.display td {
	padding: 1px;
	text-align: left;
	vertical-align: center;
	font-size: 10px;
	color: #377EB8;
}

.red {
	color: #FA4D51;
	font-weight: bold;
}

.green {
	color: #BFE10E;
	font-weight: bold;
}

/* http://www.cssdrive.com/index.php/examples/exampleitem/dashed_vertical_menu/ */

#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 200px;
padding: 0px;
margin: 0px;
}

#vertmenu h2 {
background-color:#377EB8;
padding: 2px 10px 2px 10px;
border-bottom: 1px solid #FFFFFF;
color: #FFFFFF;
margin: 0px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#vertmenu ul li {
display: block;
margin: 0px;
padding: 0px;
background-color: #BFE10E;
border-bottom: 1px solid #FFFFFF;
text-decoration: none;
font-weight: bold;
color: #377EB8;
}
#vertmenu ul li a {
margin: 0px;
display: block;
padding: 2px 0px 2px 0px;
background-color: #BFE10E;
border-bottom: 1px solid #BFE10E;
text-decoration: none;
color: #377EB8;
width: 100%;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #377EB8;
background-color: #FFFFFF;
border-bottom: 1px solid #BFE10E;
}

/* CSS issu des tutoriels css.alsacreations.com/ */

#content {
position:relative;
top: 10px;
left: 50%;
width: 960px;
margin-left: -475px;
margin-bottom: 30px;
background-color:#FFFFFF;
border: 1px solid #BFE10E;
}
#header {
background-color: #FFFFFF;
height: 114px;
width: 960px;
}
#admin {
background-color: #BFE10E;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
padding-left: 10px;
font-weight: bold;
}
#adminright {
color: #FFFFFF;
margin-left: 440px;
text-align: right;
text-decoration: none;
width:490px;
}
#system {
	padding-top: 10px;
	padding-right: 7px;
	background-color: #FFFFFF;
	text-align: right;
}
#on {
color: #377EB8;
text-decoration: none;
}
#adminright a {
color: #FFFFFF;
text-decoration: none;
}
#adminright a:hover {
color: #377EB8;
text-decoration: none;
}
#adminleft {
color: #FFFFFF;
position: absolute;
width: 440px;
text-align: left;
text-decoration: none;
}
#left {
position: absolute;
left:10px;
width: 200px;
}
/*
#middle {
background-color:#FFFFFF;
margin-left: 200px;
padding-left: 30px;
padding-right: 30px;
height: auto;
min-height: 470px;
}
*/
div#middle
{
background-color:#FFFFFF;
margin-left: 215px;
padding-left: 20px;
padding-right: 20px;
height: 450px;
}
html>body div#middle
{
background-color:#FFFFFF;
margin-left: 215px;
padding-left: 20px;
padding-right: 20px;
height: auto;
min-height: 450px;
}
#footer {
margin-top: 20px;
padding-top: 10px;
background-color: #FFFFFF;
text-align: center;
border-top: 1px dashed #BFE10E;
}
#BackToTop {
text-align: right;
width: 100%;
padding-bottom: 0;
margin-bottom: 0;
}

/* CSS issu des tutoriels css.alsacreations.com/ */