html {font-size: 100%;}
body {padding: 1em; font-size: .85em; font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif; background-image: url(Images/bkg.gif);}
		
h1 {margin-top: 0; text-align: center; background: white;}
ol, ul, li {padding: 0; margin: 1em;}

div#sous-titre {
	background-image: url(Images/bkg2.gif);
	height: 15px;
}
div#colonne1 {
	float: left;
	width: 200px;
	padding: 1px 0;
	margin-top: 10px;
	background-image: url(Images/bkg3.gif);
	background-repeat: repeat-y;
	height: 450px;
	font-variant: small-caps;
}
div#colonne12 {
	float: left;
	width: 200px;
	padding: 1px 0;
	margin-top: 10px;
	background-image: url(Images/bkg3.gif);
	background-repeat: repeat-y;
	font-variant: small-caps;
	height: 600px;
}
div#colonne13 {
	float: left;
	width: 200px;
	padding: 1px 0;
	margin-top: 10px;
	background-image: url(Images/bkg3.gif);
	background-repeat: repeat-y;
	font-variant: small-caps;
	height: 800px;
}
div#colonne14 {
	float: left;
	width: 200px;
	padding: 1px 0;
	margin-top: 10px;
	background-image: url(Images/bkg3.gif);
	background-repeat: repeat-y;
	font-variant: small-caps;
	height: 1000px;
}
div#colonne15 {
	float: left;
	width: 200px;
	padding: 1px 0;
	margin-top: 10px;
	background-image: url(Images/bkg3.gif);
	background-repeat: repeat-y;
	font-variant: small-caps;
	height: 1200px;
}
div#colonne16 {
	float: left;
	width: 200px;
	padding: 1px 0;
	margin-top: 10px;
	background-image: url(Images/bkg3.gif);
	background-repeat: repeat-y;
	font-variant: small-caps;
	height: 2500px;
}
div#centre {
	padding: 1px 20px;
	margin-top: 10px;
	margin-left: 200px;
	margin-right: 0px;
	background-image: url(Images/bkg4.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #FFD4E9;
	font-size: medium;
	height: 450px;
}
div#centre2 {
	padding: 1px 20px;
	margin-top: 10px;
	margin-left: 200px;
	margin-right: 0px;
	background-image: url(Images/bkg4.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #FFD4E9;
	font-size: medium;
	height: 600px;
}
div#centre3 {
	padding: 1px 20px;
	margin-top: 10px;
	margin-left: 200px;
	margin-right: 0px;
	background-image: url(Images/bkg4.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #FFD4E9;
	font-size: medium;
	height: 800px;
}
div#centre4 {
	padding: 1px 20px;
	margin-top: 10px;
	margin-left: 200px;
	margin-right: 0px;
	background-image: url(Images/bkg4.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #FFD4E9;
	font-size: medium;
	height: 1000px;
}
div#centre5 {
	padding: 1px 20px;
	margin-top: 10px;
	margin-left: 200px;
	margin-right: 0px;
	background-image: url(Images/bkg4.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #FFD4E9;
	font-size: medium;
	height: 1200px;
}
div#centre6 {
	padding: 1px 20px;
	margin-top: 10px;
	margin-left: 200px;
	margin-right: 0px;
	background-image: url(Images/bkg4.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #FFD4E9;
	font-size: medium;
	height: 2500px;
}
div#text-simple2 {
	font-size: small;
}
div#copy-text {
	font-size: small;
	font-variant: small-caps;
	text-align: center;
	border: 2px #FFD4E9 solid;
}
dl, dt, dd, ul, li {
	margin: 2px;
	padding-left: 2px;
	list-style-type: none;
}
#menu {
/*position: absolute;  placement du menu, à modifier selon vos besoins 
top: 0;
left: 0;*/
}

#menu {
width: 200px;
}
#menu dt:hover {
background: #FFD4E9;
}
#menu dt {
cursor: pointer;
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
border: 1px solid #6E86DE;
background: #6EDEDD;
}
#menu dd {
border: 1px solid #6E86DE;
background-image: url(Images/bkg.gif);
}
#menu li {
text-align: center;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #FFD4E9;
}
.thumbnail {
	BORDER-RIGHT: #FFFFFF 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #FFFFFF 1px solid;
	PADDING-LEFT: 3px;
	FLOAT: left;
	MARGIN-BOTTOM: 10px;
	PADDING-BOTTOM: 8px;
	BORDER-LEFT: #FFFFFF 1px solid;
	MARGIN-RIGHT: 10px;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #FFFFFF 1px solid;
	BACKGROUND-COLOR:  #E3E3E3;
}

.form_TextBox {
	BORDER-RIGHT: #FFFFFF 1px solid;
	BORDER-TOP: #FFFFFF 1px solid;
	FONT-SIZE: x-small;
	BORDER-LEFT: #FFFFFF 1px solid;
	COLOR: #006400;
	BORDER-BOTTOM: #FFFFFF 1px solid;
	BACKGROUND-COLOR: #E3E3E3;
}

.form_SelectBox {
	background-color: #E3E3E3;
	font-size: xx-small;
	border: 1px solid #FFFFFF;
	text-align: left;
	margin-left: 3px;
	margin-top: 1px
}

.formsubmit {
	BORDER-RIGHT: #FFFFFF 1px solid;
	PADDING-RIGHT: 2px;
	BORDER-TOP: #FFFFFF 1px solid;
	PADDING-LEFT: 2px;
	FONT-SIZE: small;
	PADDING-BOTTOM: 0px;
	BORDER-LEFT: #FFFFFF 1px solid;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #FFFFFF 1px solid;
	BACKGROUND-COLOR: #E3E3E3;
}
