/***** body *********/
BODY {
	background-color:		#0D499E;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	color:					#000000;
	scrollbar-base-color:	#0D499E;
	scrollbar-track-color:	#5477B3;
	scrollbar-arrow-color:	#C49710;
	margin:					20px;
	padding:				0px;
	font-size:				12px;	
}

h1, h2, h3, h4, h5 {
	background-color:	#C49710;
	padding:		    2px;
	border-color:	    #C49710;
}

h1, h2, h5 {
	FILTER: 		progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#C49710,endColorStr=#EBD913);
	border:			0px solid;	
}

h4 {
	FILTER:			progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#C49710,endColorStr=#EBD913);
	width:			500px;
	color:			#000000;
	border:			0px solid;	
}

h5 {
	font:			bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:			0px 0px 5px 0px;
	color:			#7E5A0D;
	width:			574px;
	
}

h3 {
	background-color:	#EBD913;	
	color:				#000000;
	width:				574px;	
	text-shadow:		#C49710 2 2 3;
}


h1 {
	margin:			0px 0px 15px 0px;
	font-size:		18px;
	font-weight:	900;
	color:			#000000;
	width:			598px;
}
	
h2 {
	font:			bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:			0px 0px 5px 0px;
	color:			#7E5A0D;
	width:			500px;
}

h3 {
	font:			bold 14px/18px verdana, arial, helvetica, sans-serif;
	text-align:		center;
}


h4 {
	font:			bold 11px/12px verdana, arial, helvetica, sans-serif;
	text-align:		left;
}

hr {
	color:			#C49710;
	width:			400px;
	size:			portrait;
}

p {
	font:		12px/20px verdana, arial, helvetica, sans-serif;
	margin:		0px 0px 16px 0px;
	padding:	0px;
	text-align: justify;	
}

img {
	max-width:	594px;
}

.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}


A, A:visited {
	text-decoration:	none; 
	color : 			#084499;
}

A:hover {
	color:				#1D59FF;
	font:				bold;
}

ul {
	list-style-type: 		disc;
	list-style-position:	outside;
	margin:					0px 0px 0px 16px;	
}

ol {
	margin:			0px 0px 0px 24px;	
}

table {
	margin:			0px 0px 0px 0px;
	background:		#EBD913;		
	border:			2px solid #EBD913;	
}

th {
	font:			bold verdana, arial, helvetica, sans-serif;
	font-size:		11;	
	text-align:		left;
	margin:			0px 0px 0px 0px;
	padding:		4px;

	border:			1px solid #EBD913;
	width:			auto;
	margin:			lem;
	background:		#C49710;		

	FILTER: 		progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#EBD913,endColorStr=#C49710);
}

thead th {
	font-size:		12;	
	text-align:		center;
	FILTER:			progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#EBD913,endColorStr=#C49710);
}

tfoot th {
	FILTER:			progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#C49710,endColorStr=#EBD913);
}

td {
	font: 			verdana, arial, helvetica, sans-serif;
	font-size:		10;	
	margin:			0px 0px 0px 0px;
	color:			#000000;
	border:			1px solid #EBD913;
	width:			auto;
	padding:		1px;
*/	background:		#CC9F18;		*/
	background:		#C49710;		
/*	text-align: 	justify;	*/
}


/***** Définition des styles DIV *****/

.titre {
	margin:			0px 72px 15px 80x;
	padding:		0px;
	font-family:	Engravers MT, arial, verdana;		/* Curlz MT, Eras Demi ITC */
	font-size:		24px;
	font-weight:	900;
	color:			#000000;

	width:			478px;
	padding:		2px;
	margin:			lem;

	background-color:	#EBD913;	
	border:			2px outset #C49710;
	FILTER: 		progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#C49710,endColorStr=#EBD913);
}

.texte_cadre_index {
	margin:			0px 0px 0px 0px;
	padding:		2px;
	float:			left;
	text-align: 	center;
	border:			2px outset #C49710;		
	font-size:		13px;
	font-weight:	550;	
	font-family:	verdana;
}

.texte_left_accueil, .texte_cadre {
	font: 		10px verdana, arial, helvetica, sans-serif;
	padding:  	10px; /* top right bottom left */
	float:		left;
	text-align: justify;
}

.texte_cadre {
	border:		2px outset #C49710;	
	width:		594px;
}

.texte_albums {
	padding:	10px;
}
.texte_albums table, .texte_albums td {
	margin:				0px 0px 0px 0px;
	border:				0px;
	border:				0px;
	cellpadding:		0;
	cellspacing:		0;
	background-color:	transparent;
	font-size:			12px;
}

.photo, .photo_right {
	FILTER: 	progid:DXImageTransform.Microsoft.dropShadow(Color=7E5A0D,offX=3,offY=3,positive=true);
}

.photo_right {
	float:		right;
	margin:		0px 5px 0px -10px;
}

.photo {

}

.bloc_images {
	border-color:	#EBD913;
}

.bloc_images img {
	text-decoration:	none; 
	border-color:		#EBD913;
	border-width:		0px;	
}

.legend {
	font:		10px Arial Narrow, arial, helvetica, sans-serif;
	padding:	0px;
	text-align: center;	
	margin:		0px 0px 0px 0px	;
}


/****** header ******/
.head_logo {
	background-color:	#0D499E;
	position:			absolute;	

	float:				left;
	top:				0px;
	left:				35px;
	padding:			20px;
	visibility:			visible;
}

/****** header ******/
.head_bandeau {
	background-color:	#0D499E;
	position: 			relative; /*relative*/
	height:				150px;
    left:               200px;
    top:                -30px;
	padding:			0px;
	width: 		        637px;    
}

/****** logo ******/
.logo {
	width:			110px;
	height:			110px;	
}

/***** bandeau *****/
.bandeau {
	width: 		        637px;    
	height:             100px;
}

/****** cadre page index *******/
.cadre_index {
	background-color:	#EBD913;	
	position:			relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	height:             550px;
	width:				560px;
	margin:				20px 20px 20px 20px; /* Dy haut, Dx droite, Dy bas, Dx gauche */
	border:				1px solid black;
	padding:			0px;
}


/****** cadre principal *******/
.principal {
	background-color:	#EBD913;	
	
	position:			relative;
	margin:				0px 0px 0px 0px; /* Dy haut, Dx droite, Dy bas, Dx gauche */
    float:left;
    
	top:                -80px;	
	left:               90px;
	width:				640px;
	border:				2px outset #C49710;
	padding:			10px;/* top right bottom left */
	visibility:			visible;
}

.compteur {
	background-color:	#0D499E;
    width:              640px;
	position:			relative;
	padding:			0px;/* top right bottom left */
    clear:              both;
    margin:             50px 200px;
	visibility:			visible;
}

/****** container de menu *****/
.conteneurmenu {
	left:				0;
	width:				300px;
	height:				250px;
	position: 			absolute;
	top:				20px;
	left:				20px;
	border:				1px dashed black;
	padding:			10px;
	z-index:			2;
}

/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu, .ssmenu {
/* Il est important de laisser une largeur, au cas où le Javascript soit désactivé.
margin aussi */
	font-size:		12px;
	font-weight:	bold;
	border:			0px solid #00000;
	width:			150px;
	padding:		2px;
	margin:			lem;
}
.menu {
	text-align:		center;
	background:		#789ABC;
	FILTER: 		progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#5477B3,endColorStr=#0D499E);
}

.ssmenu {
	background:#FBE923;
	border-color:#C49710;
/* aller pour faire joli sur IE, un petit effet de dégradé !
	Pour voir d'autres effets :
	http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
	
	Par exemple :
	transparence à 25% = opacité à 75%:
		FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=75);
	"Glow" :
		FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
	Ombre en bas à droite, 5 px :
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5);*/
	
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#EBD913,endColorStr=#C49710);
}

.menu span, .ssmenu span {
/* pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:			none;
}

.ssmenu ul, .ssmenu li {
/* Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:			0;
	margin:				0;
	list-style-type:	none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur.
	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera...
	La combinaison aucun width et height:100% marche sur tous, donc ne pas toucher */
	font-family:		MS Sans Serif, arial, sans-serif, Verdana;
	text-decoration:	none;
	color:				/*#FEB*/#EBD913;
	padding:			2px 1px;
/* Ne pas modifier le block */
	display:			block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:				0px;
	width:				100%;
	voice-family: 		"\"}\"";
	voice-family:inherit;
}

.ssmenu a, .ssmenu a:visited {
	color : /*#5477B3*/ #084499;
}

html>body .menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
	width :auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
/*	background-color:#BEF;*/
/*	color:#034;*/
	color:/*#5599FF;*/#1D59FF;
	text-decoration:none;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#C49710,endColorStr=#EBD913);
}

.menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background:		    #386ABC;
/*	color:#034;*/
	color:				#/*EBD913*/FFFF00;
	text-decoration:	none;
	FILTER: 			progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#0D499E
,endColorStr=#5477B3);
}

/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure et largeur des menu et ssmenu.
- l'effet spécial IE pour les ssmenu
- police et couleurs des liens "non survolés" et "survolés".
*/

//---------------------- news ----------------------------
.bloc_langue {
}

.bloc_langue table {
	margin:			0px 0px 0px 0px;
	background:		#EBD913;		
	border:			0px;
}

.bloc_langue tr {
	background:		#EBD913;		
	border:			0px;
}

.bloc_langue td {
	background:		#EBD913;		
	border:			0px;
}

.bloc_langue a {
	color:			#084499;
}

.bloc_langue a:hover {
	background:		#084499;
	color:			#EBD913;	
}


.slideshow {
	padding:	0px 0px 0px 0px;	
}

.slideshow table {
	padding:		0px 0px 0px 0px;	
	margin:			0px 0px 0px 0px;
	background:		#C49710;		
	border:			2px outset #EBD913;
}

.slideshow tr {
	background:		#C49710;		
	border:			0px;
}

.slideshow td {
	background:		#C49710;		
	border:			0px;
}

.slideshow img {
	border:		0px solid #000000;
	FILTER: 	progid:DXImageTransform.Microsoft.dropShadow(Color=7E5A0D,offX=3,offY=3,positive=true);	
	margin:		3px;	
}