body{
	font-size: 110%;
	position: absolute;
	top: -8px;
	left: -8px;
	width: 100%;
	background-color: rgb(255,255,255);

}


h1, h2, h3{
	margin: 0px 0px 0px 0px;
}

/*div, h1, h2, h3 , p, address, img, table, td{
	border-width: 2px;
	border-color: blue;
	border-style: dotted;
}*/

/*span, a, img {
	border-width: 2px;
	border-color: blue;
	border-style: dotted;
}*/


.titre a {color: black; text-decoration: none}
.titre a:visited {color: black ; text-decoration: none}
.titre a:hover {color:black; text-decoration: underline;}
.titre{
	width: 100%
}

div.bande{
	background-color: rgb(187, 174, 152);
	padding-top: 5px;
	padding-bottom: 5px;
}

div.entete{
	color: white;
	left: 20px;
	display: inline;
	width: 100%;
}

.entete a{
	padding-left: 7%;
	font-size: 115%
}


a.drapeau{
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
}

span.drapeau{
	margin-left: 10%;
}

img.drapeau{
	position: relative;
	top: 3px;
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
}

.cases{
	font-size: 120%;
	padding: 0% 0% 0% 0%;
	width: auto;
}


.entete a:link,a:visited {color:#ffffff;	text-decoration: none;} 
.entete a:hover {color:#ffffff; text-decoration: underline;}
.entete a:active {color:#000000;}
.entete td {font-size: 130%}

div.photo{
	width: 18%;
	float: left;
	margin: 20px 0px 0px 20px;
	padding: 20px 10px 0% 20px;
}
img.photo{
	width: 90%
}

div.presentation{
	float: middle;
	width: 100%;
	margin: 20px 0px 0px 20px;
	font-size: 200%
}

.presentation p{
	margin-top: 15px;
	margin-bottom: 12px;
}

.photo p{
	margin-top: 5%;
	margin-bottom: 5%;
}

.presentation a {color: blue;}
.presentation a:visited {color: #7D2F91 ;}

p.abstract{
	font-size: 80%;
	margin-top: 5px;
	margin-left: 8px;
	margin-bottom: 15px;
	width: 70%
}

p.publi{
	margin-top: 15px;
	margin-left: 8px;
	margin-bottom: 15px;
}

li.lien_utiles{
	padding-bottom: 5px
}