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

h1, h2, h3 {
	padding:			2px;
	border-color:		#644633;
	color:			#000000;
	
}

h1, h2, h5 {
	FILTER: 			progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#644633,endColorStr=#b0926b);
	border:			    0px solid;
	background-color	:	#644633;
	width:			100%
}

h6 {
	background-color:		#644633;
	font-size:			12;	
}


h4 {
	background:		#644633;
	padding:		2px;
	FILTER: 		progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#B0926B,endColorStr=#644633);
	border:			0px solid;
	margin:			0px 0px 15px 0px;
	font-size:		16px;
	font-weight:	900;
	color:          #B0926B;
}

h5 {
/*	width:			574px;
	font-size:			13px;
	font-weight:		600;
	font-family:	Arial;
	margin-top:			-10px;*/

	font:				bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:			0px 0px 5px 0px;
	color:			#644633; /* #7E5A0D */
	width:			500px;

}

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


h1 {
	margin:			    0px 0px 15px 0px;
	font-size:			16px;
	font-weight:		900;
    color               #b0926b;
/*	width:		    	530px;*/
}

h2 {
	font:				bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:			0px 0px 5px 0px;
	color:			    #D8D222;
	width:			480px;
	
}


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

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


img {
	max-width:			480px;
}

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

A img {
	text-decoration:	none;
	border:			    0px;	
}

A, A:visited {
	text-decoration:	none;
	color : 			#0000FF; /* #084499 */
}

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

td A, td A:visited {
	text-decoration:	none;
	color : 			#AAAAFF; /* #084499 */
}

td A:hover {
	color:			#FFFF00; /*#1D59FF*/
	font:				bold;
}

h5 A, h5 A:visited {
	color : 			#0000FF;
}

h5 A:hover {
	color:			#FFFF00; /*#1D59FF*/
}

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

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

table, tr, td {
	margin:			0px 0px 0px 0px;
/*	background:			#b0926b;*/
	border:			0px solid #b0926b;
}

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

	border:			    1px solid #b0926b;
	margin:			    lem;
	background:			#644633;
	color:          		#B0926B;

/*	FILTER: 			progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#b0926b,endColorStr=#644633);*/
}

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

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

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

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

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

	background:			#644633;
	border:			2px outset #644633;
	FILTER: 			progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#644633,endColorStr=#b0926b);
}


.cadre_entete {
	position:			relative;
	height:			130px;
	float:			center;
	top:				-20px;
	padding:			0px;
}

.cadre_entete table, .cadre_entete td {
	margin:			0px 0px 0px 0px;
	background:			#644633;
	border:			0px #644633;
}

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

.texte_left_accueil, .texte_cadre {
	font: 			11px verdana, arial, helvetica, sans-serif;
	padding:  		10px; /* top right bottom left */

	text-align: 	justify;
	bottom:			0px;
}

.texte_cadre {
	border:			2px outset #644633;
	width:			480px;
}

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

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

.photo img{
	FILTER: 	progid:DXImageTransform.Microsoft.dropShadow(Color=#222288,offX=3,offY=3,positive=true);
}

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

.photo {

}

.bloc_images {
	border-color:		#000000;
}

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

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

.legende_vignettes {
	font-size:		    10px;
	padding:			2px;
/*	text-align: 		center;*/
	margin:			    0px 0px 0px 0px	;
}

/****** header ******/
.head_logo {
	background-color:		#644633;
	position:			absolute;
	width:			150px;
	height:			150px;
	float:			left;
	top:				0px;
	left:				70px;
	padding:			0px;

}

/****** header ******/
.head_bandeau {
	background-color:		#644633;
	float:              	right;
	position: 			absolute; /*relative*/
    	top:                	0px;
    	left:               	260px;
*/	min-width:			650px;
	height:				150px;*/
/*	margin:				0px 10px 0px 165px;/* Dy haut, Dx droite, Dy bas, Dx gauche */
	padding:			0px;

}

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

/****** cadre page index *******/
.slide_legende {
	font:				10px Verdana,arial, helvetica, sans-serif;
}

.cadre_index {
	background-color:	#b0926b;
	position:			relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:			    600px;
	min-width:			120px;
	margin:			    10px 10px 10px 10px; /* Dy haut, Dx droite, Dy bas, Dx gauche */
	border:			    2px outset #b0926b;
	padding:			0px;
	color:			    #000000;
	font-weight:		550;

}
.cadre_index table, .cadre_index tr, .cadre_index td{
	background-color:		#b0926b;
/*	font:				14px arial, Verdana, helvetica, sans-serif;*/
	font-weight:		570;
}

.cadre_index BARBINAIS_SLIDE{
	font:				12px Verdana, arial, helvetica, sans-serif;
	font-weight:		550;
	padding:			0px;
}


/****** 'frame' de droite *****/
.right {
	background-color:	#644633;	
	position:		absolute;
	margin:			112px 0px 0px 780px; /* Dy haut, Dx droite, Dy bas, Dx gauche */

}

.right table {
	width:			200px;
	height:			320px;
}

.right td {
	width:			200px;
	height:			160px;
}


/****** cadre principal *******/
.principal {
	background-color:		#b0926b;
	position:			absolute;
/*	margin:			-20px 20px 20px 170px; /* Dy haut, Dx droite, Dy bas, Dx gauche */
    	left:               	190px;
    	top:                	160px;
    	float:              	right;
	min-height:			380px;
	width:			540px;
	border:			2px outset #644633;
	padding:			20px;/* top right bottom left */
	visibility:			visible;
}

.principal table, .principal td, .principal tr {
	background-color:		#b0926b;
}  

.principal a {
	text-decoration:	none;
	color:				#644633;
	padding:			2px 1px;
}	

.principal a:visited {
	color:			#D822B7;
}

.principal a:hover, a:focus {
    color:          #D8D222;
	background:		#644633;
	padding:			2px 1px;
/* Ne pas modifier le 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;	
	FILTER:         progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#b0926b,endColorStr=#644633);
}

.compteur {
	position:			absolute;
/*	margin:			30px 20px 20px 170px; /* Dy haut, Dx droite, Dy bas, Dx gauche */
	padding:			20px;/* top right bottom left */
	width:			560px;
	bottom:             	-270px;
    left:               	185px;	
}

/****** 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;
}

/****** footer index *****/

.cadre_footer table{
	background-color:		#644633;
	border: 			0px;
}
.cadre_footer tr{
	background-color:		#644633;
}
.cadre_footer td{
	background-color:		#644633;
}

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

.drapeau_langue {
    position:relative;
    float:left;	
	top:400px;
	left:60px;
	width:100px;
}

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

/***** 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:		16px;
	font-weight:	bold;
	border:		0px solid #00000;
	width:		150px;
	padding:		2px;
	margin:		lem;
}
.menu {
	text-align:		center;
	background:		#B0926B;
	color:			#644633;
}

.ssmenu {
	background:		#B0926B;
	color:			#644633;
}

.menu span, .ssmenu span {
	display:			none;
}

.ssmenu ul, .ssmenu li {
	padding:			0;
	margin:				0;
	list-style-type:	none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
	font-family:		MS Sans Serif, arial, sans-serif, Verdana;
	text-decoration:	none;
	color:				#644633;
	padding:			2px 1px;
	display:			block;
	margin:				0px;
	width:				100%;
	voice-family: 		"\"}\"";
	voice-family:inherit;
}


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

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus {
	background-color:	#644633;
	color:   #7EEC8E/*#FFFF00*/;
	text-decoration:none;
}

.menu a:hover, .menu a:focus {
	background-color:	#644633;
	color:   #7EEC8E/*#FFFF00*/;
	text-decoration:	none;
}

/*
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:			#b0926b;
	border:			0px;
}

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

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

.bloc_langue a {
	color:			#084499;
}

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


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

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

.slideshow tr {
	border:			0px;
}

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

.slideshow img {
	border:			1px solid #000000;
	FILTER: 		progid:DXImageTransform.Microsoft.Fade();
}


h6 img {
	text-decoration:	none;
	border-color:		#000000;
	border-width:		0px;
}



.carousel img {
	border-width:		0px;
	text-decoration:	none;	
	border:		        1px solid #000000;
	FILTER: 	        progid:DXImageTransform.Microsoft.dropShadow(Color=#66653B,offX=5,offY=5,positive=true);	
	margin:		        3px;		
}

.carousel a {
    color:              #000000;
}

.carousel a:hover, a:focus {
    color:              #644633;
	background:		    #b0926b;
	padding:			2px 1px;
}