* html a:hover { visibility: visible; }

body {margin: 0px; padding: 0; color: #000; font-family: arial,sans-serif; min-width: 760px;  text-align: center;}
body.intro {background-color: #fff; background-image: url("../images/bg-intro.gif"); background-position: center;}
body.qui {background-image: url("../images/bg-qui.gif"); background-position: center;}
body.quoi {background-image: url("../images/bg-quoi.gif"); background-position: center;}

div.entete {width: 309px; height: 68px; margin: 0px auto; background-color: #FFFFFF;}
div.entete-center {width: 309px; height: 68px; margin: 0px auto; background-color: #FFFFFF;}
div.rollover { position: relative; background-repeat: no-repeat; display: block; width: 113px; height: 68px; margin: 0; margin-bottom: 0px; padding: 0; }
div.rollover a { display: block; width: 113px; height: 68px; display: block; float: left; margin: 0; padding: 0; }
div.rollover img { width: 100%; height: 100%; border: 0; }
div.rollover a:hover img { visibility: hidden; }
div.rollover#qui { background-image: url("../images/mm-logo_qui.gif"); }
div.rollover#quoi { background-image: url("../images/mm-logo_quoi.gif"); }

div.spacer {clear: both;}

div.conteneur-a { float: right; border: none; position: relative; top: 10px; right: 52%; width: 410px; text-align: right; }
div.conteneur-a#center { position: absolute; top: auto; bottom: 50%; }
div.conteneur-a ul { list-style: none; }
div.conteneur-a a { color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 12px; }
div.conteneur-a a.selected { color: #CDCC65; }
div.conteneur-a a:visited { color: #FFFFFF; }
div.conteneur-a a:hover { color: #CDCC65; }
div.conteneur-a a:active { color: #CDCC65; }
div.conteneur-a a.selected { color: #CDCC65; }
div.conteneur-a a.selected:visited { color: #CDCC65; }
div.conteneur-a p.titre_quoi { color: #CDCC65; font-weight: bold; font-size: 14px; }
div.conteneur-a p.titre_qui { color: #FFFFFF; font-weight: bold; font-size: 14px; }
div.conteneur-a p.qui { color: #FFFFFF; font-weight: bold; font-size: 12px; }
div.conteneur-a div.qui { color: #575757; display: none; font-size: 12px;}
div.conteneur-a div.qui a:hover { color: #575757; }
div.conteneur-a div.qui_first { color: #575757; display: block; font-size: 12px;}
div.conteneur-a a.qui { color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 14px; }
div.conteneur-a a.qui:visited { color: #FFFFFF; }
div.conteneur-a a.quoi { color: #CDCC65; text-decoration: none; font-weight: bold; font-size: 14px; }
div.conteneur-a a.quoi:visited { color: #CDCC65; }

div.conteneur-b { border: none; position: relative; top: 10px; left: 52%; width: 470px; text-align: left; }
div.conteneur-b#center { position: absolute; top: auto; bottom: 50%; }
div.conteneur-b a { color: #575757; text-decoration: none; font-weight: bold; font-size: 12px; }
div.conteneur-b a:visited { color: #575757; }
div.conteneur-b a:hover { color: #CDCC65; }
div.conteneur-a a:active { color: #CDCC65; }
div.conteneur-b p { color: #575757; }
div.conteneur-b p.titre { font-size: 12px; font-weight: bold; }
div.conteneur-b p.details { font-size: 12px; }
div.conteneur-b div.media { background: #CCCCCC; width: 350px; height: 350px; }

div.adresse { color: #888888; position: absolute; bottom: 10px; left: 52%; margin: auto; bottom: 20px; font-weight: bold; font-size: 11px; text-align: left; height: 75px; width: 190px; }
div.adresse a { color: #CDCC65; text-decoration: none; font-weight: bold; }
div.adresse a:visited { color: #CDCC65; }
div.adresse a:hover { color: #575757; }
div.adresse a:active { color: #575757; }

ul.projets {}
ul.projets a:link {}
ul.projets a:hover {}
ul.projets a:active {}

h1.qui {font-weitgh: bold; font-size: 1em; text-transform: lowercase; color: #cdcc65;}
h1.quoi {font-weitgh: bold; font-size: 1em; text-transform: lowercase; color: #575757;}

/* Modified version of http://www.cssplay.co.uk/menu/photo_album */
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album { width:500px; height:536px; background: 0 no-repeat; border: 1px solid #fff; }
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery { padding: 0; margin: 500px 0 0 0; list-style-type: none; position: relative; width: 500px; }
/* remove the default image border */
.gallery img { border: 0; }
/* make the list horizontal */
.gallery li { float: left; }
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited { font-size: 11px; float: left; text-decoration: none; color: #575757; background: #fff; text-align: center; width: 14px; height: 14px; line-height: 14px; border: 1px solid #575757; margin: 2px; }
/* position the images using an absolute position and hide them from view */

.gallery li a div { width: 500px; height: 500px; background: #ffffff; position: absolute; top: -500px; left: 0; visibility: hidden; }
.gallery li a div img { position: absolute; top: 0; left: 0; visibility: hidden; border: 0; }

/* .gallery li a img { position: absolute; top: -350px; left: 0; visibility: hidden; border: 0; } */
/* style the hover background color for the text boxes */
.gallery li a:hover { background:#ddd; }
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus { background:#575757; color:#fff; }
/* make the images visible on active/focus */

.gallery li a:active div, .gallery li a:focus div { visibility:visible; }
.gallery li a:active div img, .gallery li a:focus div img { visibility:visible; }

/* .gallery li a:active img, .gallery li a:focus img { visibility:visible; } /*