/* Mise en Page generale (Layout) */

body {
   background-image: url(layout/background.jpg);
   font-family: arial;
   font-size: 12px;
   text-align: center;
}

div#layout-lang { /* barre de selection des langues */
   height: 15px;
   width: 930px;
   text-align: right;
   margin: 0 auto;
}

div#layout-head { /* bandeau de haut de page */
   height: 124px;
   width: 930px;
   background-color: #CCCCCC ;
   background-image: url(layout/header.jpg);
   margin: 0 auto ; 
}

div#layout-menu { /* image de fond de menu */
   height: 41px;
   width: 930px;
   background-color: #CCCCCC;
   background-image: url(layout/menubar.jpg);
   margin: 0 auto ; 
}

div#layout-body { /* cadre de contenu général */
   width: 930px;
   height: 500px;
   background-color: #CCCCCC;
   background-image: url(layout/body.jpg);
   margin: 0 auto ; 
   color: #000000;
   text-decoration: none;
   font: 12px arial;
}

div#layout-bott { /* image de pied de page */
   height: 33px;
   width: 930px;
   background-color: #CCCCCC;
   background-image: url(layout/bottom.jpg);
   text-align: center;
   text-decoration: none;
   font: italic 10px arial;
   color: #FFFFFF;
   margin: 0 auto ; 
}

/* Zones de contenu : Textes et Images */

div#text-menu { /* zone de texte du menu, affichage du texte standard */
   position: relative;
   top: 13px;
   left: 15px;
   text-align: left;
   color: #000000;
   font: bold 14px arial;
}

/* hyperliens du menu : couleur, police et taille */
div#text-menu a:link    { color:#660000; text-decoration:none; font: bold 15px arial}
div#text-menu a:visited { color:#660000; text-decoration:none; font: bold 15px arial}
div#text-menu a:hover   { color:#FFCC66; text-decoration:none; font: bold 15px arial}
div#text-menu a:active  { color:#FFCC66; text-decoration:none; font: bold 15px arial}

div#text-body { /* zone de texte du contenu : couleur, taille, police */
	height: 480px;;
	width: 430px;
	overflow: auto;
	color:#FFFFFF;
	margin: 0 auto;
	text-align: left;
	text-decoration:none;
	font: 12px arial;
}

/* hyperliens du contenu : couleur,police et taille */
div#text-body a:link    { color:#CC6600; text-decoration:none; font: 12px arial}
div#text-body a:visited { color:#CC6600; text-decoration:none; font: 12px arial}
div#text-body a:hover   { color:#FFFFFF; text-decoration:none; font: 12px arial}
div#text-body a:active  { color:#FFFFFF; text-decoration:none; font: 12px arial}

div#img-body img { /* cadre d'image de contenu : definition de la bordure */
	border-style: solid ;
	border-width: 1px;
	border-color: #FFFFFF;
}

div#vgn-body { /* zone d'affichage des vignettes */
	position:relative;
	height:90px ;
	width:430px; 
	margin: 0 auto;
	overflow:auto;
	white-space: nowrap;
}

/* hyperliens des vignettes : couleur des cadres et style de curseur */
div#vgn-body img       { border-style: solid; border-width: 1px; border-color: #CC6600;  }
div#vgn-body img:hover { border-style: solid; border-width: 1px; border-color: #FFFFFF; cursor:pointer; }