@charset "utf-8";

/* CSS issu des tutoriels css.alsacreations.com */
html, body {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #fff; /*couleur de fond blanche*/
}


/* Container */
#navcontainer
{
margin: 0px;
padding: 0px;
}

#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

#navcontainer ul li { float: left; }

#navcontainer ul li a
{
text-decoration: none;
background: url(http://butterlabel.com/transfer/butterlist/images/folderOFF.png) no-repeat top left;
font-size: 10px/12px;
float: left;
margin: 0px;
height: 67px;
width: 75px;
padding-top: 13px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 10px;
}

#navcontainer li a:hover
{
background: url(http://butterlabel.com/transfer/butterlist/images/folderON.png) no-repeat left top;
color: #000000;
}

.conteneur { /*le conteneur global du site, qui sera centré */
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #83B4AE;
}

.header {
	height: 100px;
	background-image: url(images/wpe30d.jpg);
	background-repeat: repeat-x;
	top: -2px;
}

*{
	margin:0;
	padding:0;
	bottom: auto;
}
#menu{
	width:150px;
	margin:20px auto 0 auto;
	position: absolute;
	left: -1px;
	top: 98px;
	height: 197px;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menu, .sousmenu{
	text-align:center;
}
.menu{
	height:18px;
	width:150px;
	padding:2px 0;
	background:#404040;
}
.sousmenu{
	height:18px;
	width:150px;
	padding:1px 0;
	background:#808080;
}
.menu a{
	display:block;
	width:100%;
	height:100%;
	color:#FFFFFF;
	font-family:arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:#404040;
}
.sousmenu a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:#808080;
}
.menu a:hover, .sousmenu a:hover, .menu a:active, .sousmenu a:active, .menu a:focus, .sousmenu a:focus{
	background-color: #862B3D;
}


.frame {
	margin-left: 170px;
	width: auto;
	background-color:#FFFFFF;
	height: 80%;
	overflow: scroll;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.frame_texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0A4D50;
	line-height: 130%;
	text-align: justify;
}
.frame bloc description {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}


p {margin: 0 0 10px 0;}

.menugauche {
	list-style-type: none;
	margin: 0;
	padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
	margin: 0 2px;
	color: #000000;
	text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.footer {
	height: 20px;
	bottom: auto;
	background-color: #83B4AE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 25px;
	font-weight: bold;
}













body {
	background: white;
	padding:0;
	margin:0;
	font-family: verdana, arial, sans-serif;
	font-size: 90%;
	color: black;
	background-color: #83B4AE;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
	position: absolute;
	top: 89px;
	left: 12px;
	width: 10em;
}

#menu dt {
	cursor: pointer;
	height: 20px;
	line-height: 20px;
	margin: 2px 0;
	border: 1px solid gray;
	text-align: center;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #CCFFFF;
}

#menu dd {
	position: absolute;
	z-index: 100;
	left: 8em;
	margin-top: -1.4em;
	width: 10em;
	border: 1px solid gray;
	background-color: #CCFFFF;
}

#menu ul {
padding: 2px;
}
#menu li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;
}
#menu li a, #menu dt a {
	color: #8A293D;
	text-decoration: none;
	display: block;
}

#menu li a:hover {
text-decoration: underline;
}


#mentions {
	font-family: verdana, arial, sans-serif;
	position: absolute;
	bottom : 41px;
	left : -8px;
	color: #000;
	background-color: #FF0000;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}
body,td,th {
	font-size: 90%;
}