*{ padding: 0; margin: 0; }

body {
    background-color: #333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

a { text-decoration: none; }
a, a:focus, a:active { outline: none; }

h2 { font-size: 18px; }  /* pour s_info */

#preload { display: none; } /* div cachee de pre-chargement d'images */

.noscript {
     font-size: 16px;
	 color: #FFF;
	 text-align: center;
}


/* === Page index =========================================================== */

/* Gestion du menu contenu dans le volet dynamique -------------------------- */

#menu_gene {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 50px;
    background-image: url(decor/vide.gif);
	overflow: hidden;
	z-index: 100;
}
.menu_boite {
	position: absolute;
    width: 100%; height: 50px;
	text-align: center;

    font-size: 12px;
	color: #999;
	background-color: transparent;
}
#menu_point {
    position: absolute;
	top: 3px; width: 320px;
	left: 50%; margin-left: -160px;
	display: none;
}

.textnormal {
    font-size: 12px;
	color: #999;
	background-color: transparent;
}
.textselect {
	font-size: 18px;
	color: #000;
	background-color: #FF6;
}

.tbmenu {
    position: relative; width: 600px;
    margin-left: auto; margin-right: auto;
    margin-top: 3px; text-align: center;
}
.tbmenu td {
    width: 120px; height: 20px;
    border : 0px solid #FF0;
    padding: 2px 0; color: #999;
}
.tbmenu a { text-decoration: none; color: #999; }  /* boite des items de menu   */
.tbmenu #mn5 centre  { width: 120px; text-align: center; }
.tbmenu #mn5 a { width: 30px; float: left; }  /* boite des drapeaux   */
.tbmenu img { border: 1px solid #333; margin: 0px 2px; padding: 1px; } /* tour des drapeaux */

.flagoff { display: none; }
.flagon  { display: block; }


#menu_themes {
    position: absolute; top: 200px; left: 0;
    width: 150px;
    background-image: url(decor/vide.gif);
	display: none;
}
.menu_boite_themes {
	position: absolute;
	text-align: left;
	padding: 0 0 0 30px;
}

.tbssmenu {
    position: relative; width: 150px;
    margin-top: 3px; text-align: left;
	display: block;
}
.tbssmenu td {
    width: 150px; height: 20px;
    border : 0px solid #FF0;
    color: #999;
}
.tbssmenu a { text-decoration: none; color: #999; }
.tbssmenu img { border: 1px solid #333; margin: 0px 2px; padding: 1px; }

/* Page centrale ------------------------------------------------------------ */

#conteneur {
    position: absolute; width: 640px;
	left: 50%; margin-left: -320px; margin-top: 40px;
	text-align: center;
	z-index: 50;
}

#conteneur img { border: none; }
#conteneur img.border {
	border: double #999;
	padding: 5px; /*Inner border size*/
	background: #333; /*Inner border color*/
}

.shadow {
    -moz-box-shadow: 6px 6px 6px #000;
    -webkit-box-shadow: 6px 6px 6px #000;
    box-shadow: 6px 6px 6px #000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000');
}


.xxx {
    position:  relative; margin: 0 auto;
}

.yyy {  /* conteneur de catalogue  */
    position:  absolute;
    width: 600px;
	left: 50%; margin-left: -320px; margin-top: 0px;
	padding: 20px 20px 5px 20px;
	background: #000; border: 1px solid #666;
	display: none;
}

.navimg {
    position: absolute; top: 90%; left: 0;
    width: 100%; height: 50px;
    background-image: url(decor/vide.gif);
	overflow: hidden;
    z-index: 100;  text-align: center;
}
.navelem {
    position: absolute;
    width: 100%; height: 50px;
	bottom: 50px; left: 15px;
    background-color: #333;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#nav { margin: 10px auto 0 auto; } /* centrage navigation */
#nav td { text-align: center; }
#cpt { margin: 0 auto; color: #FFF; font-weight: bold;}
#nav_down { margin: 0 50px; } /* espace entre fleches */

#texte {
    margin-top: 3px; padding: 15px; text-align: center; color: #FFF;
	font-weight: bold; display: none;
}

#info {
	position: absolute; top: 0; left: 0;
	background: #000;
	width: 600px;
	border: 1px solid #666;
	display: none;
}
#info h2 { text-align: center; }
.cadre_info {
	padding: 20px;
	width: 560px;
    color: #FFF;
	text-align: left;
}
#conteneur img.imagette {
	width: 90px; height: 90px;
	margin: 3px;
	border: 1px solid #999;
	float: left;
}
.basdecat {
    width: 590px; height: 1px;
	float: none;
}

.centre { text-align: center; }


/* Page themes -------------------------------------------------------------- */

.imgThemes {
    position: relative;
    margin: 10px; float: left;
    color: #000;
    border : 0px solid #000;
}
/* Page A propos ------------------------------------------------------------ */

.accordion {
	position: absolute;
	width: 580px; display: block;
	left: 50%; margin-left: -290px; margin-top: 10px;
	border-bottom: solid 1px #111;
	text-align: left;
}
.accordion h3 {
	background: #333;
	padding: 7px 15px; margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #FFF;
	border-color: #111 #333;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #111; color: #FF0;
}
.accordion h3.active {
	background-color: #333;
	color: #FF0;
}
.accordion p {
    color: #AAA;
	margin: 0;
	padding: 10px;
	border: solid 1px #333;
}
.space {  /* indentation */
	width: 46px; height: 10px;
	float: left;
}
.blanc { color: #FFF; }

/* Page Contact ------------------------------------------------------------- */

#contact {
    position: absolute;
	width: 580px; display: block;
	left: 50%; margin-left: -290px; margin-top: 10px;
	padding: 10px 0;
	color: #999;
}
#titre_contact {
    text-align: center; color: #FF0;
	font-size: 18px;
}
form {
   padding: 10px 0; text-align: left;
}
.item {
	width: 578px; display: block;
	padding-top: 8px; float: none;
}
label {
	display: block; width: 20%;
	text-align: right;
	margin: 0 1em 0 0; padding: 0.1em;
	float: left;
}
label.etiq { font-size: 14px;  }
input.saisie { width: 50%; background-color: #CCC; }
textarea {
	width: 70%;
	background-color: #CCC;
	border-color: #999 #FFF #FFF #999;
	border-style: solid;
	border-width: 2px;
	margin-right: 0.25em;
}
.envoi { margin: 1em 0; text-align: left; }
.envoi label { border: 1px; }
#erreur {
   color: #F00; padding: 10px; text-align: center;
}