body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 0.8em;
background-color:#D1CDCA;
padding:0;
}

/*pour ne pas avoir de pointillé autour des liens*/
a {
outline:0;
color:#594137;
}
/* TOUT CE QUI CONCERNE L'EN-TETE */
#head {
background-image: url('images/header.jpg');
width: 750px;
height: 224px;
margin: 0 auto;
border-left: 2px solid #81827D;
border-right: 2px solid #81827D;
}
/* TOUT CE QUI CONCERNE LE MENU HORIZONTAL */
#menuh {
position: absolute;
margin-top: -20px;
left: 50%;
margin-left: 89px;
}
.menuh li {
display: inline;
}
.menuh a {
margin: 0 7px;
color:#6699FF;
text-decoration: none ;
}
.menuh a:hover {
text-decoration: underline;
}

/* TOUT CE QUI CONCERNE LE MILIEU (menuv+contenu) */
#milieu {
margin: 0 auto;
width: 750px;
border-left: 2px solid #81827D;
border-right: 2px solid #81827D;
background-color:#FFFFFF;
padding-bottom:220px;
}

/* TOUT CE QUI CONCERNE LE MENU VERTICAL */
#menuv {
float:left;
width: 170px;
margin-bottom:100px;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position:relative; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
width: 15em;
}
#menu dt {
cursor: pointer;
font-weight: bold;
}
#menu dd {
}
#menu li {
}
#menu li a, #menu dt a {
/*color: #594137;*/
text-decoration: none;
display: block;
height: 100%;
display: block; /* la balise a doit être en bloc */
height: 24px; /* hauteur de l'image réactive */
width: 170px;
background-repeat: no-repeat;
}
#menu li a:hover { 
color:#0068B4;
}

#menu dt a.p00 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/00.jpg'); /* source de l'image de départ */
}
#menu dt a.p000 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/000v.jpg'); /* source de l'image de départ */
padding-left: 52px;
}
#menu dt a.p000:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image: url('images/menuv/000b.jpg'); /* source de l'image d'arrivée */
padding-left: 52px;
} 
#menu dt a.p100 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/100v.jpg'); /* source de l'image de départ */
padding-left: 52px;
}
#menu dt a.p100:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image: url('images/menuv/100b.jpg'); /* source de l'image d'arrivée */
padding-left: 52px;
} 
#menu li a.p110 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/110v.jpg'); /* source de l'image de départ */
padding-left: 28px;
}
#menu li a.p120 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/120v.jpg'); /* source de l'image de départ */
padding-left: 36px;
}
#menu li a.p130 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/130v.jpg'); /* source de l'image de départ */
padding-left: 33px;
}
#menu dt a.p200 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/200v.jpg'); /* source de l'image de départ */
padding-left: 55px;
}
#menu dt a.p200:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image: url('images/menuv/200b.jpg'); /* source de l'image d'arrivée */
padding-left: 55px;
} 
#menu li a.p210 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/210v.jpg'); /* source de l'image de départ */
padding-left: 34px;
}
#menu li a.p220 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/220v.jpg'); /* source de l'image de départ */
padding-left: 42px;
}
#menu li a.p230 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/230v.jpg'); /* source de l'image de départ */
padding-left: 41px;
}
#menu li a.p240 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/240v.jpg'); /* source de l'image de départ */
padding-left: 32px;
}
#menu li a.p250 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/250v.jpg'); /* source de l'image de départ */
padding-left: 32px;
}
#menu li a.p260 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/260v.jpg'); /* source de l'image de départ */
padding-left: 40px;
}
#menu dt a.p300 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/300v.jpg'); /* source de l'image de départ */
padding-left: 50px;
}
#menu dt a.p300:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image: url('images/menuv/300b.jpg'); /* source de l'image d'arrivée */
padding-left: 50px;
} 
#menu li a.p310 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/310v.jpg'); /* source de l'image de départ */
padding-left: 33px;
}
#menu li a.p320 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/320v.jpg'); /* source de l'image de départ */
padding-left: 45px;
}
#menu li a.p330 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/330v.jpg'); /* source de l'image de départ */
padding-left: 42px;
}
#menu li a.p340 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/340v.jpg'); /* source de l'image de départ */
padding-left: 30px;
}
#menu dt a.p400 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/400v.jpg'); /* source de l'image de départ */
padding-left: 45px;
}
#menu dt a.p400:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image: url('images/menuv/400b.jpg'); /* source de l'image d'arrivée */
padding-left: 45px;
} 
#menu dt a.p500 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/500v.jpg'); /* source de l'image de départ */
padding-left: 40px;
}
#menu dt a.p500:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image: url('images/menuv/500b.jpg'); /* source de l'image d'arrivée */
padding-left: 40px;
} 
#menu dt a.p5000 { /* définition de la classe "image" de la balise <a> */
background-image: url('images/menuv/5000.jpg'); /* source de l'image de départ */
}
/*pour précharger les images bleues du menu*/
#preload {
display:none;
}


/* TOUT CE QUI CONCERNE LE CONTENU */

#contenu {
margin-left: 250px;
padding-top:1.78em;
padding-right:20px;

}

h1 {
	font-size:2em;
	margin-top:5px;
	color:#663333;
	font-weight:normal;
}

h2 {
	font-size:1.5em;
	margin-bottom:10px;
	color:#FF6600;
	font-weight:normal;
}

h3 {
	font-size:1.3em;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:15px;
	color:#993D1F;
}

h4 {
	font-size:1em;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:15px;
	color:#662914;
	font-style:italic;
}

h5 {
	font-size:1em;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:15px;
	color:#666666;
	font-style:italic;
}

h6 {
	font-size:0.8em;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:15px;
	color:#003300;
}

h7 {
	font-size:1em;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:15px;
	color:#FF6600;
	font-weight:bold;
}


.notes p{
text-align:left;
font-style:italic;
}

.citation p{
background-color:#0068B4;
color:#CCCCCC;
text-align:center;
font-size:18px;
font-weight:bold;
font-family:"Courier New", Courier, monospace;
}


p {
	font-size:1.1em;
	color:#333;
	margin-bottom:5px;
	margin-top:5px;
	text-align:justify;
}

#sup { 
vertical-align: super; 
font-size: 85%; 
line-height: 1em; 
}


.Style2 {
	color: #FF6600;
	font-weight: bold;
	}



/* TOUT CE QUI CONCERNE LES IMAGES (repris de mellifica.be) */

div.img img, div.img_left img {
	display:block;
	margin:15px auto;
}
div.img_left img {
	margin:15px 0;
}
div.img, div.img_left, div.imgs {
	text-align:center;
	color:#7F7F7F;
	font-size:1em;
	font-style:italic;
	margin:25px 0;
}
div.img em, div.img_left em, div.imgs em {
	font-style:normal;
}
div.img_left {
	text-align:left;
}
img {
	display:block;
	margin:13px auto;
}
img.right {
	float:right;
	margin-left:15px;
}
img.left {
	float:left;
	margin-right:15px;
}
div.imgs img {
	display:inline;
}

img.cc {
	float:left;
	margin-right:6px;
	margin-top:2px;
	font-size:0.5em;
}

/* TOUT CE QUI CONCERNE LES IMAGES DU ABOUT */


.about ul {
margin-top: 20px;
}
.about li {
display: inline;
}
.about li img{
display: inline;
}
.about a {
margin-left: 0px;
}



/* TOUT CE QUI CONCERNE LES CADRES */
.cadre {
	margin:10px 0;
	border:2px solid #FF6600;
	padding:8px;
}

.cadre p{
	color:#666666;
	font-style:italic;
}

.cadre .img{
	color:#666666;
}

/* TOUT CE QUI CONCERNE LE PIED DE PAGE */
#pied {
clear:both;
background-image: url('images/footer.jpg');
width: 750px;
height: 59px;
margin: 0 auto;
border-left: 2px solid #81827D;
border-right: 2px solid #81827D;
}

#piedtexte {
position: absolute;
left: 50%;
margin-left: -375px;
font-size:0.7em;
}

/* TOUT CE QUI CONCERNE LES TABLEAUX (repris de mellifica.be) */

table, td, th {
	border-collapse:collapse;
	border:1px solid #C6C6C6;
}
table {
	margin:15px auto;
}
table th, table td {
	padding:5px;
	text-align:center;
	font-size:1em;
}
table th {
	font-weight:bold;
}
p.table_title {
	color:#7F7F7F;
	text-align:left;
	font-size:1em;
	margin-left:0;
	margin-top:0;
	margin-bottom:13px;
	font-style:italic;
	}

/* COMMANDE */

#commande p {
	margin:10px 20px;
}

#commande input.large {
	width:400px;
	}
	
#commande textarea.large {
	width:400px;
	}
	
#commande p.etiquette {
	margin:0;
	padding:0;
	}
	
#commande p.erreur {
	color:#FF3300;
	font-weight:bold;
	}
	
#commande p.etiquette span {
	color:#FF3300;
	}
	
#commande table, #commande table tr, #commande table td {
	border:0;
	}
	
#commande table span {
	color:#FF3300;
	font-weight:bold;
	}

#commande p.valide {
	color:green;
	font-weight:bold;
	border:1px solid green;
	text-align: center;
	padding:5px;
	}






#tele {
	position:absolute;
	display: block;
	height:174px;
	width:260px;
	margin-top:6px;
	margin-left: -130px;
	border:0;
}

#tele img {
	border:0;
}