body {
	background-color: #CCCCCC;
	margin: 0;
	padding: 0;
}

#global {
position:absolute;
left: 50%;
top: 0px;
width: 100%;
height: 369px;
margin-top: 0px; /* moitié de la hauteur */
margin-left: -50%; /* moitié de la largeur */
/*border: 1px solid #333;*/
/*background-color: #eee;*/
}

.intro_couleur_fond {
	background-color: #E3E4E6;
}

.intro_fond_gauche {
	background: url(img/introfond.gif) repeat-x top;
}

.intro_fond_droite {
	background: url(img/introfond2.gif) repeat-x top;
}

.intro_bord_gauche {
	background: url(img/intro_02.gif) no-repeat top;
	width: 133px;
}

.intro_bord_droite {
	background: url(img/intro_04.gif) no-repeat top;
	width: 155px;
}

.cadre_bord_gauche {
	background: url(img/cadre_01.gif) no-repeat top;
	witdh: 172px;
	height: 151px;
}

.cadre_bord_droite {
	background: url(img/cadre_03.gif) no-repeat top;
	width: 171px;
}

.cadre_fond_gauche {
	background: url(img/cadrefond.gif) repeat-x top;
}

.cadre_fond_droite {
	background: url(img/cadrefond2.gif) repeat-x left top;
}

.cadre_fond2 {
	background: url(img/cadre_04.gif) repeat-x top;
}

.menu_pied {
	background: url(img/cadre_16.gif) no_repeat top;
	height: 159px;
}

ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
}

ul {
position: relative;	/* positionnement pour IE5 et IE5.5 */
/*background: transparent url(img/cadre_12.gif) top left no-repeat;*/	/* arrière-plan général du menu */
width: 172px;
height: 123px;
padding-top: 4px;
}

li {display: inline;}	/* correction pour IE5 et IE5.5 */

li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 17px;
width: 172px;
color: #660000;
font-size: 6px;
font-family: georgia, serif;
text-decoration: none;
line-height: 14px;	/* hauteur de ligne pour éviter les paddings */
}

li a:hover {
color: #fff;
/*background: transparent url(img/cadre_12.gif) top left no-repeat;*/
}

a#menu1:hover {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0% -127px;
}

a#menu2:hover {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0% -144px;
}

a#menu3:hover {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0% -161px;
}

a#menu4:hover {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0% -178px;
}

a#menu5:hover {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0% -195px;
}

a#menu6:hover {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0% -212px;
}

a#menu7:hover {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0% -229px;
}

.texte, .texte2, .texte3, .titre {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.texte2, .texte3, .titre {
	font-size: 10px;
}

.texte { font-size: 12px; color: #999999; }
.texte2 { color: #7C0000 }
.texte3 { color: #FFFFFF } 
.titre {
	background-color: #BC0000;
	color: #FFFFFF;
}

.vignette {
  width: 201px;
  height: 152px;  
}

.vignette1, .vignette2, .vignette3, .vignette4 {
	width:93px; 
	height:63px;
	border:0; 
}

.vignette1, .vignette2 {
	margin-top: 9px;
}

.vignette3, .vignette4 {
	margin-top: 1px;
}

.vignette1, .vignette3 {
	margin-left: 4px;
}

.vignette2, .vignette4 {
	margin-left: 1px;
}

.vignette a em { display: none }

.vignette a:hover {
position:relative;
}

.vignette a.vert:hover em { 
	display: block;
	position:absolute; 
	width:240px; 
	height:360px;
	margin-top:-120px;
	margin-left:-400px;

border:1px solid #888;
padding:5px;
background:#ccc;
}

.vignette a.horz:hover em { 
display: block;
width:360px; height:240px;
position:absolute;
left:-420px; top:-60px;
border:1px solid #888;
padding:5px;
background:#ccc;
}