/* =============== COMMUN =============== */
/* CODE COULEUR */
/* */
	/* Positionnement des éléments blocks */
* {
margin: 0;
padding: 0;
color: #000000;
font-style: normal;
font-weight: normal;
text-decoration: none;
font-size: 1em;
}
	/* Fond de page */
body {
background-image: url(../img/S_S_MetalDsk.jpg) ;
}
        /* Mise en forme de chaîne de caractères */
.bold {
font-weight: bold;
}
.bold_italic {
font-weight: bold;
font-style: italic;
}
.bold_underline {
font-weight: bold;
text-decoration: underline;
}
.bold_italic_underline {
font-weight: bold;
font-style: italic;
text-decoration: underline;
}
.italic {
font-style: italic;
}
.italic_underline {
font-style: italic;
text-decoration: underline;
}
.underline {
text-decoration: underline;
}
.red {
color: #ff0000;
font-weight: bold;
}
	/* Liens */
a {
color: #660000;
font-weight: bold;
}
        /* Positionnement */
.center {
text-align: center;
}
.spacer {
clear: both;
}
        /* Message d'alerte */
.warning {
font-weight: 700;
color: #ff0000;
}
.green {
color: #008000;
font-weight: bold;
}
	/* Image */
img {
border: 0;
}
	/* Formulaire */
fieldset {
font-size: 0.9em;
}
*.submit {
text-align: center;
}
optgroup {
font-weight: bold;
font-style: italic;
}
/* *********************************** A FAIRE ********************** */

.message_admin {
width: 60%;
margin: 1em auto;
font-weight: bold;
text-align: center;
color: #ff0000;
}



        /* Tableaux */
table {
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
border: 1px solid #000000;
border-collapse: collapse;
}

table caption:before {
content: "-oO ";
}

table caption:after {
content: " Oo-";
}

table th {
border-bottom: 4px solid #000000;
background-color: #660000;
color: #ffffff;
font-weight: bold;
text-align: center;
}

table tr.tr_alt {
background-color: #99cc66;
}

table td {
text-align: center;
border-left-style: dotted;
border-bottom-style: solid;
border-color: #000000;
border-width: 1px;
padding: 0.3em;
}

table caption {
margin: 1em auto 0.5em;
font-size: 1.2em;
font-family: Georgia, Arial, "Times New Roman";
font-weight: bold;
text-align: center;
}

td.td_title {
font-weight: bold;
font-style: italic;
font-size: 1.2em;
background-color: #ffffaa;
}
table thead tr th sup {
font-weight: bold;
color: #ffffff;
font-size: 60%;
}
/* Largeur de colonnes */
.w_5 {
width: 5%;
}
.w_6 {
width: 6%;
}
.w_6_b {
width: 6%;
font-weight: bold;
}
.w_8 {
width: 8%;
}
.w_10 {
width: 10%;
}
.w_12 {
width: 12%;
}
.w_15 {
width: 15%;
}
.w_20 {
width: 20%;
}
.w_25 {
width: 25%;
}
.w_30 {
width: 30%;
}
.w_33 {
width: 33%;
}
.w_35 {
width: 35%;
}
.w_64 {
width: 64%;
}
.w_70 {
width: 70%;
}
        /* Masquer un élément block */
.hidden {
display: none;
}


	/* Sous-menu */
	/* page 4 (projets) */
	/* page 5 (Règles) */
	/* page 31 (open) */
#ss_menu {
overflow: hidden;
width: 95%;
margin: 0.75em auto 0;
}

#ss_menu p {
float: left;
text-align: center;
margin: 8px 0;
}

#ss_menu li {
float: left;
width: 25%;
text-align: center;
margin: 8px 0;
list-style-type: none;
}
* html #ss_menu li {
height: 2.5em;
width: 24.5%;
padding-top:0.5em;
}

#ss_menu li.page_31 a,#ss_menu li.page_43 a {
font-family: Georgia, Arial, "Times New Roman";
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
padding: 0.2em;
border: 4px outset #000000;
background-color: #555555;
color: #ffffcc;
}
#ss_menu li.page_4 a:hover {
background-color: #ffffcc;
color: #555555;
}