/* CSS issu des tutoriels css.alsacreations.com */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-color: #7180D2;
}

#conteneur {
	min-width: 550px; 
	position: absolute;
	margin:20px;
	background-color:#7180D2;
	position: relative;
}

#header {
	height: 100px;
	background-color: #CBDAF1;
}
#header h1
{	
	height: 100px;
	background: url(img/header_100px.jpg) no-repeat left top ;
	margin: 0 ;
}
#header a
{	
	width: 400px ;
	height: 70px ;
	font-size: 50px;
	color: #000000;
	text-decoration: none;
	display: block ;
	background: url(img/logo.png) no-repeat ;
	position: relative ;
	left: 210px ;
	top: 15px ;
	text-indent: -5000px ;
}

#centre {
	padding:25px ;
	background-color:#CBDAF1;
	margin-right: 170px;
	margin-top: 20px;
	border: 2px solid #243D8A ;
}
#centre a.externe
{		
	background: url(img/externe.png) no-repeat ;
	padding-left:18px ;
}
#centre a.doc
{	
	background: url(img/doc.png) no-repeat ;
	padding-left:18px ;
}
div#centre h2
{
	line-height: 25px ;
	font-size: 1.4em ;
	color: #243D8A ;
	border-bottom: 1px solid #243D8A ;
	margin: 0;
}
div#centre h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #243D8A ;
	border-left: 3px solid #243D8A ;
	color: #243D8A ;
}
div#centre p {
	margin: 0;
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}
div#centre a {
	margin: 0;
}

#gauche {
	position: absolute;
	right:0;
	width: 150px;
	background-color:#CBDAF1;
}
#gauche h2
{
	line-height: 25px ;
	font-size: 1.4em ;
	text-align: center;
	color: #243D8A ;
	margin-top: 0px;
	margin-bottom: 20px;
}

#menu {
	font-size: 1.1em ;
	line-height: 1.5em ;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#menu li a {
	width: 120px;
	padding-left: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #243D8A;
	display: block ;
}
#menu li a:hover {
	width: 120px;
	display: block ;
	background-color: #243D8A;
	color: #CBDAF1 ;
}

#pied {
	height: 30px;
	background-color: #243D8A;
	margin-right: 170px;
}
p#footer
{
	font-size: 0.8em ;
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #CBDAF1 ;
}

#valid {
	margin-top:5px;
	border: 0px;
}
#valid img{
	margin: 0 ;
	padding-right: 0px ;
	border:0;
	text-align: center ;
}

/*Pour les coins*/
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(img/coin_hg.png);
}
#hautdroit {
float: right;
background: url(img/coin_hd.png);
}
#basgauche {
background: url(img/coin_bg.png);
}
#basdroit {
float: right;
background: url(img/coin_bd.png);
}