/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ol,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */
body {
	font-family: "Lucida Sans Unicode", sans-serif;
	color: #333333;
	font-size: 11px;
	background-color: #FFFFFF;
	line-height: 18px;
	background-repeat: repeat-y;
	text-align: left;
}

a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: #333333;
	}
a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #333333;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #31579E;
	}
	
#header {
	width: 938px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	background-image: url(../images/background-footer.gif);
	background-repeat: no-repeat;
}


#sidebar {
	float: left;
	width: 240px;
	padding: 20px 0 0 30px;
	background: url(../images/img03.png) no-repeat;
	font-size: smaller;
	color: #E3E3D4;
}
/* Content */

#content {
	float: right;
	width: 580px;
	padding: 35px 50px 0 0;
	background: url(../images/img04.png) no-repeat right top;
}


/* Sidebar */


	
#container {
	text-decoration: none;
	width: 938px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 3px solid #BCBEC0;
	background-image: url(../images/background.gif);
	background-repeat: repeat-y;
	height: 610px;
}
#container2 {
	text-decoration: none;
	width: 938px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 3px solid #BCBEC0;
	background-image: url(../images/background.gif);
	background-repeat: repeat-y;
	height: 1230px;
}

blockquote{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

strong {
	font-weight: bold;
}

h1 {
	font-weight: normal;
	text-align: left;
}

h2 {
	font-weight: normal;
	text-align: left;
}

.legende {
	font-family: Tahoma;
	font-size: 10px;
	font-style: normal;
	color: #54401f;
	font-weight: bold;
	line-height: normal;
}
.champs {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	color: #07467A;
	background-color: #CEF0FF;
}

#separateurRed {
	text-decoration: none;
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #B60050;
}
#separateurBlue {

	text-decoration: none;
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #0078AE;
}
#separateurGreen {

	text-decoration: none;
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #76B900;
}


#basmenu {
	width: 938px;
	position: relative;
	text-align: right;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/background-footer.gif);
	height: 50px;
	background-repeat: no-repeat;
}


ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
}

ul {
	position: absolute;	/* arrière-plan général du menu */
	width: 260px;
	text-align: right;
	background-color: transparent;
	font-size: 14px;
	padding-top: 100px;
}
li {float: left;}

li a {	/* dimensions et définitions des boutons */
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	height: 23px;
	width: 216px;
	font-size: 14px;
	color: #5B5B5B;
	text-decoration: none;

}
li a:hover {
	display: block;
	width: 920px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	padding-left: 20px;
}
a#lien1:hover {
	background-color: #CCCCCC;
}
a#lien2:hover {
	background-color: #76B900;
}
a#lien3:hover {
	background-color: #0078AE;
}
a#lien4:hover {
	background-color: #B60050;
}
a#lien5:hover {
	background-color: #76B900;
}


#page {
	width: 600px;
	padding: 30px;
	text-align: left;
}

#page a {
	text-decoration: underline;
	color: #000000;
}

#page a:hover {
    text-decoration: underline;
	color: #B1D87D;
}
.Entete {
	border: 0px solid #BCBEC0;
}
#leucan {
	padding-left: 40px;
	padding-top: 50px;
}