/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 19, 2010 */



@font-face {
	font-family: 'MuseoSans500';
	src: url('font/museosans_500-webfont.eot');
	src: local('?'), url('font/museosans_500-webfont.woff') format('woff'), url('font/museosans_500-webfont.ttf') format('truetype'), url('font/museosans_500-webfont.svg#webfontAHzWPCag') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MuseoSans500Italic';
	src: url('font/museosans_500_italic-webfont.eot');
	src: local('?'), url('font/museosans_500_italic-webfont.woff') format('woff'), url('font/museosans_500_italic-webfont.ttf') format('truetype'), url('font/museosans_500_italic-webfont.svg#webfontkbjAFiV7') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo500';
	src: url('font/museo500-regular-webfont.eot');
	src: local('?'), url('font/museo500-regular-webfont.woff') format('woff'), url('font/museo500-regular-webfont.ttf') format('truetype'), url('font/museo500-regular-webfont.svg#webfontQnLHPa5b') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo300';
	src: url('font/museo300-regular-webfont.eot');
	src: local('?'), url('font/museo300-regular-webfont.woff') format('woff'), url('font/museo300-regular-webfont.ttf') format('truetype'), url('font/museo300-regular-webfont.svg#webfont7oHf1Npj') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DesyrelRegular';
	src: url('font/desyrel-webfont.eot');
	src: local('?'), url('font/desyrel-webfont.woff') format('woff'), url('font/desyrel-webfont.ttf') format('truetype'), url('font/desyrel-webfont.svg#webfonteVbfMQZ1') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	background-color: #353C53;
	font-family: 'MuseoSans500Italic', sans-serif ;
	color: #bad2dd ;
	padding: 1em;
	}
#haut {
	background-color: #99B2CC;
	float: top;
	clear: bottom;
	}	
#nom {	font-family: 'DesyrelRegular';
	padding: .5em 1em;
	font-size: 2.5em; 
	float: left;
	}
h1 { font-size: 1.2em; 
	float: right;
	padding-right: 2em;
	}

em {font-size: .9em;}
#bas {
	float: left;
	clear: left;
	margin-top: 1em;}
#menu {			   
	float: left;
	margin: 0;              /* Marge extérieur nulle */
	padding: 1px;              /* Marge intérieur à 1px sauf pour le bas */ 
	width: 15%; 
	min-width: 8em;
	font-size: 1.1em;          /* Taille de notre police */
	}
#corps {
	font-family: 'Museo500', serif;
	float: left;
	margin-bottom: 1em;
	color: #99B2CC;
	padding: 1em 2em ;
	width: 72%;
	}
blockquote {	font-family: 'Museo500', serif;}
#menu li {						  
	list-style-type: none;            /* Aucunes puces associées */
	margin-bottom: 2em; 	/* Ajout d'une marge en bas du lien */	
}
#menu li a{
	width: auto !important;/* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */		
	width: 100%;	/* largeur interprétée par IE6 et inférieur */
	padding: 4px;	/* Définition des marges intérieures */  
	padding-left: 1em;
	text-decoration: none;	/* Suppression du soulignement */
	color: #afc2df;
	display: block;
	background-color: #fff;
	border: 2px outset #3399CC;
	border-left-width: 4px;
}	
ul#menu li a:link{
	color             :   #cddfff;
	background-color  :   #67819a;
	border            :   1px outset #3399CC;
	border-left-width :   4px;
}
ul#menu li a:visited{
	color: #bdcfef;
	background-color: #445D77;
	border: 1px outset #3399CC;
	border-left-width: 4px;
}
ul#menu li a:hover{
	color: #cddfff;
	background-color: #445D77;
	border: .5px outset #7791aa;
	border-left-width: 4px;
}
ul#menu li a:active{
	color: #bdcfef;
	background-color: #67819a;
	border: .5px inset #3399CC;
	border-left-width: 4px;
}	
#message {
	width: 80%;
	height: 5em;
	}
.miniature {
	float: left;
	text-align: center;
	font-size: .7em;
	margin: 1em;
	padding: .9em;

	margin-bottom: .4em;
	
	-moz-box-shadow: 2px 2px 13px #357;  
	-webkit-box-shadow: 2px 2px 13px #357;  
	box-shadow: 2px 2px 13px #357;
	}
.miniature img {width: 80%;}
.miniature a {color:  #345;}
.miniature p {
/*	background-color: #233C56;*/
	padding: .1em;
	}
/* Sample PopBox CSS Classes */
/* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/
.PopBoxImageSmall{
	width: 90%;
	border: solid 1px #233C56;
	cursor: url("scripts/images/magplus.cur"), pointer;
	}
.PopBoxImageLarge{
	border: solid 2px #999999;
	cursor: url("scripts/images/magminus.cur"), pointer;
	}
.PopBoxImageShrink{
	cursor: url("scripts/images/magminus.cur"), pointer;
	}
.PopBoxImageLink{
	cursor: pointer;
	}
.PopBoxImageMove{
	border: none 0px #ffffff;
	cursor: pointer;
	}