@charset "utf-8";
/* CSS Document */

html, body			{ margin:0; padding:0; }
a img				{ text-decoration:none; }

/* Les images de fond définies dans head.inc.php */
html				{ background:url(../img/trace_gauche.jpg) top left repeat-y; }
#global				{ background:url(../img/trace_coin.jpg) top left no-repeat; min-height:554px; width:1200px; }
 
body				{ background:url(../img/trace_haut.jpg) top left repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; 
						font-size:90%; line-height:1.5em; text-align:justify; padding-top:1px; }

#top				{ overflow:auto; }
#top h1				{ margin:0; float:left; }

#content			{ margin:0 50px 50px 0; padding:0 20px; padding-bottom:30px; overflow:hidden; }
#global .no-right	{ margin-right:0; }

#right				{ font-size:0.8em; float:right; width:220px;
						border-left:1px solid #ccc; padding-left:20px; }

#left				{ color:#fff; width:220px; float:left; font-size:1.1em; }


/*** Menu ***/
#left ul				{ list-style:none; }

#menu					{ margin-top:60px; padding-left:10px; }
#menu a					{ color:#fff; text-decoration:none; padding:5px 0; display:block; 
							font-size:1.1em; font-family:Georgia, "Times New Roman", Times, serif;  }
#menu a:hover			{ color:#9B013F; }
#menu li.on a			{ color:#9B013F; }

#menu ul				{ padding-left:20px; display:none; }
#menu li.on ul			{ display:block; }
#menu ul a				{ font-size:0.9em; }
#menu li.on ul a		{ color:#fff; }
#menu li.on ul a:hover	{ color:#9B013F; }
#menu li.on ul li.on a	{ color:#9B013F; }


/*** Textes ***/
h2					{ margin:0 0 57px 320px; color:#eee; padding-top:8px; font-family:Georgia, "Times New Roman", Times, serif;
						font-size:3.5em; line-height:1.7em; }
h3					{ color:#9B013F; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; margin:30px 0 10px 0; }
h3 span				{ color:#000; font-size:0.6em; margin-left:10px; letter-spacing:0; }
h4					{ margin:20px 0 7px 0; }

p					{ margin:7px 0; }
#right p			{ margin-bottom:30px; }

a					{ color:#9B013F; text-decoration:none; }
a:hover				{ text-decoration:underline; }
a:active 			{ outline: none; } 
a img 				{ border: none; } 


/*** Listes ***/
#content ul			{ margin:0; padding-right:30px; }
#content ul span	{ display:block; font-size:0.8em; }


/*** Images ***/
#content img.big	{ background:url(../img/bg_img_big.jpg) bottom right no-repeat; padding:10px 25px 25px 25px; }
#content img.small	{ background:url(../img/bg_img_small.jpg) bottom right no-repeat; padding:10px 45px 20px 45px; }
.img_center			{ text-align:center; }
.img_fl_right		{ float:right; }
.img_fl_right img	{ padding:0 0 20px 20px; }
.img_left			{ text-align:left; margin-left:100px; }
.img_right			{ text-align:right; margin-right:100px; }


/*** Images + légendes ***/
.img				{ display:table; width:150px; }
.img img			{ border:1px solid #ccc; padding:2px; }
.img p				{ font-size:0.8em; font-weight:bold; color:#666; margin-left:10px; margin-right:10px; }


/*** Citations ***/
p.citation			{ font-style:italic; }
p.citation author	{ font-weight:bold; font-size:0.8em; display:block; font-style:normal; }


/*** Galerie ***/
#listeAlbums		{ list-style:none; padding:0; overflow:auto; }
#listeAlbums li img	{ margin:0 10px; }

.vig				{ list-style:none; margin:0; padding:0; padding-left:0px; margin-top:10px; }
.vig li				{ float:left; text-align:center; }
.vig li	img			{ border:#999 solid 1px; padding:3px; margin:10px; }
.vig li a:hover img	{ border:#9B013F solid 2px; padding:2px; }				


/*** Boutique ***/
.col				{ float:left; }
.article			{ border:5px solid #ccc; width:410px; padding:10px; margin:20px 10px; font-size:0.8em; }
.article h4			{ text-align:center; margin-top:0; }
.article .artImg	{ text-align:center; height:250px; margin:20px 0; }
.article .cmd		{ float:right; }
.article p			{ margin:10px 0 0 0; }

.article dt			{ font-weight:bold; width:100px; float:left; clear:both; }
.article dd			{ margin-left:100px; }