/* ======================= DEFAULT VALUES - GENERAL ======================= */

body {
  margin: 10px 0px 0px 0px;
  text-align: center;
	background: fixed transparent url("gfx/fond5.png") repeat top left;
	background-color: #DFEFFF;
	font: 14px Arial, Helvetica, sans-serif;
	color: #000000;
}
a:link {
  text-decoration: none;
	color: #0000ff;
}
a:visited {
  text-decoration: none;
	color: #0000ff;
}
a:hover {
  /*text-decoration: underline;*/
	color: #ff0000;
}
a:active {
  text-decoration: none;
	color: #007fff;
}

/* ============================ DEFAULT VALUES ============================ */

table {
  border-collapse: collapse; /* internet explorer 5+ */
}
td {
	font-size: 14px;
  color: #000000;
}
textarea {
  background-color: #b0b0b0;
	font: bold 12px Arial, Helvetica, sans-serif;
  color: #303030;
  border: solid 1px #000000;
}
input {
  background-color: #b0b0b0;
	font: bold 12px Arial, Helvetica, sans-serif;
  color: #303030;
  border: solid 1px #000000;
}
select {
  background-color: #b0b0b0;
	font: bold 12px Arial, Helvetica, sans-serif;
  color: #303030;
  border: solid 1px #000000;
}
form {
  margin: 0px;
}
.mailboxsel {
  background-color: #b0b0b0;
	font: bold 14px Tahoma, Arial, Arial, Helvetica, sans-serif;
  color: #303030;
  border: solid 1px #303030;
}
.mailboxview {
  background-color: #b0b0b0;
	font: bold 14px Tahoma, Arial, Arial, Helvetica, sans-serif;
  color: #000000;
  border: solid 1px #000000;
	width: 600px;
	margin-bottom: 10px;
	margin-left: 17px;
}

/* ============================= FORMULAIRES ============================= */

.form {
  text-align: right;
}
.smile {
  cursor: pointer;
  cursor: hand;
}
.button {
  background-color: #8cb4ff;
	font: bold 12px Arial, Helvetica, sans-serif;
  color: #0000ff;
  border: solid 1px #000000;
  cursor: pointer;
  cursor: hand;
}
.button2 {
  background-color: #8cb4ff;
	font: bold 12px Arial, Helvetica, sans-serif;
  color: #0000ff;
  border: solid 1px #000000;
  cursor: pointer;
  cursor: hand;
	padding-left: 5px;
	padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
	line-height: 1.7;
	display: compact;         /* IE5.x */
	voice-family: "\"}\"";
  voice-family: inherit;
  display: inline;          /* IE6.x */
}
html>body .button2 {
  display: inline;          /* Opera + Firefox + Mozilla */
}
.button3 {
  background-color: #b0b0b0;
	font: bold 12px Arial, Helvetica, sans-serif;
  color: #0000ff;
  border: solid 1px #000000;
  cursor: pointer;
  cursor: hand;
	padding-left: 5px;
	padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
	line-height: 1.7;
	display: compact;         /* IE5.x */
	voice-family: "\"}\"";
  voice-family: inherit;
  display: inline;          /* IE6.x */
}
html>body .button3 {
  display: inline;          /* Opera + Firefox + Mozilla */
}


/* ========================= STYLES PARTICULIERS ========================= */

.erreur {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ff0000;
	text-align: center;
	margin-top: 30px;
}
.rouge {
  color: #ff0000;
}
.vert {
  color: #ff0000;
}
.jaune {
  color: #007fff;
}
.img {
  vertical-align: middle;
}
.navigator {
  table-layout: fixed;
	background: transparent url("gfx/dmid-tft.jpg") repeat-y top left;
	border-style: hidden;
	text-align: center;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000000;
	margin-bottom: 10px;
	width: 668px;
}
.photo {
  max-width: 90%;
	max-height: 768px;
}
.sond {
  font: 11px Arial, Helvetica, sans-serif;
}
.sondpct {
  width: 30px;
	color: #0000ff;
	text-align: center;
}
.sondbar {
  background-color: #7fffff;
}
.sondbar2 {
  background: fixed transparent url("gfx/sm.png") repeat-x top left;
	height: 16px;
}
.justif {
  text-align: justify;
}

/* ============================= LEMONCODE ============================= */

.lcode1 {
  font: bold 20px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	text-indent: 30px;
	color: #800000;
}
.lcode2 {
  font: italic bold 16px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	text-indent: 80px;
	color: #4040ff;
}

/* =========================== MISE EN PAGE =========================== */

.maintable {
  margin: 0 auto;
  table-layout: fixed;
  vertical-align: top;
	text-align: left;
	border-style: hidden;
	width: 990px;
}
.logo {
  margin: 0 auto;
 	background: scroll transparent url("gfx/bannercppm3.jpg") no-repeat top left;
  table-layout: fixed;
	height: 140px;
	border-style: none;
  vertical-align: top;
	text-align: left;
	/*text-indent: -999px;*/
	margin-bottom: 10px;
	width: 989px;
}
.tabstd {
  background: transparent url("gfx/lmid.png") repeat-y top left;
  font: 14px Arial, Helvetica, sans-serif;
  border-style: hidden;
	margin-bottom: 10px;
	width: 668px;
}
.tabprv {
  background: transparent url("gfx/rmid.png") repeat-y top left;
  font: 14px Arial, Helvetica, sans-serif;
  color: #000000;
  border-style: hidden;
	margin-bottom: 10px;
	width: 668px;
}
.tabprv2 {
  background-color: #3b0505;
  font: 14px Arial, Helvetica, sans-serif;
  border: solid 1px #007fff;
	text-align: center;
}
.tabpad {
  background-color: #ffffff;
  font: 14px Arial, Helvetica, sans-serif;
  border: solid 1px #000000;
	margin-bottom: 10px;
	padding: 5px;
	width: 668px;
}
.tabcol {
  background: transparent url("gfx/tmid.png") repeat-y top left;
  font: 14px Arial, Helvetica, sans-serif;
  border-style: hidden;
	margin-bottom: 10px;
	width: 668px;
}
.tabtitre {
  margin-top: 0px;
  table-layout: fixed;
	background: transparent url("gfx/dmid-tft.jpg") repeat-y top left;
	border-style: hidden;
	text-align: left;
	font: bold 22px Arial, Helvetica, sans-serif;
	color: #000000;
	margin-bottom: 10px;
	width: 668px;
}

.bottom {
  margin: 0 auto;
  table-layout: fixed;
	background-image: url("gfx/d2mid-tft.png");
	width: 989px;
	border-style: none;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
}
.claslien {
  table-layout: fixed;
	background: transparent url("gfx/dmid-tft.jpg") repeat-y top left;
	border-style: hidden;
  font: bold 14px Arial, Helvetica, sans-serif;
	text-align: right;
	margin-bottom: 10px;
	width: 668px;
}
.pad {
  padding: 0px 10px;
}
.pad5 {
  padding: 0px 5px;
}

/* =============================== MENUS =============================== */

.menug {
  width: 150px;
  vertical-align: top;
	background: transparent url("gfx/feuil.png") repeat-y top left;
	border-style: hidden;
}
.menum {
  vertical-align: top;
	padding-left: 10px;
	padding-right: 6px;
	width: 674px;
}
.menud {
  width: 150px;
  vertical-align: top;
	text-align: right;
	/*background: transparent url("gfx/feuil.png") repeat-y top left;*/
}
.menutab {
  background-color: #ffffff;
	background-image: url("gfx/mmid.png");
  table-layout: fixed;
	border-style: hidden;
	margin-bottom: 10px;
	width: 150px;
}
.menutitre {
  color: #0000ff;
	font: bold 16px Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-indent: 5px;
}
.menuitem {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
  cursor: pointer;
  cursor: hand;
}
.menuitem:link {
  text-decoration: none;
	color: #000000;
}
.menuitem:visited {
  text-decoration: none;
	color: #000000;
}
.menuitem:hover {
  /*text-decoration: underline;*/
	color: #ff0000;
}
.menuitem:active {
  text-decoration: none;
	color: #ff0000;
}
.menutd {
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
	border-style: hidden;
}
.menulist {
	font: 10px Arial, Helvetica, sans-serif;
	margin: 3px 3px 3px 3px;
}
.itemoff {
	color: #0000ff;
  cursor: pointer;
  cursor: hand;
	font-weight: bold;
}
.itemon {
	color: #000000;
  cursor: pointer;
  cursor: hand;
	font-weight: bold;
}
.mchat {
	font: 9px Arial, Helvetica, sans-serif;
  color: #000000;
	text-align: left;
}
.mchatnom {
  color: #000000;
}
.mchatdate {
  color: #ffffff;
}

/* ================================ NEWS ================================ */

.newstitre {
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #0000ff;
}
.newsdate {
	font: 12px Arial, Helvetica, sans-serif;
  color: #0000ff;
}
.newstexte {
	font: 14px Arial, Helvetica, sans-serif;
	text-align: justify;
}
.newsliens {
	font: 12px Arial, Helvetica, sans-serif;
}
.commentaire1 {
	font: italic 12px Arial, Helvetica, sans-serif;
	background-color: #ffffff;
  border: solid 1px #000000;
	margin-bottom: 10px;
	padding: 5px;
	width: 668px;
}
.commentaire2 {
	font: italic 12px Arial, Helvetica, sans-serif;
	background-color: #ffffff;
  border: solid 1px #000000;
	margin-bottom: 10px;
	padding: 5px;
	width: 668px;
}

/* =============================== A LA UNE =============================== */

.alaune {
  table-layout: fixed;
	border: hidden 0px #ffffff;
	margin-bottom: 10px;
	width: 672px;
}
.unetd {
  background-color: #ffffff;
  border-style: hidden;
	background: transparent url("gfx/amid.png") repeat-y top left;
	vertical-align: top;
	/*padding: 5px;*/
	/*height: 210px;*/
	width: 330px;
}
.unetitre {
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #0000ff;
}
.unetexte {
	font: 14px Arial, Helvetica, sans-serif;
	text-align: justify;
}
.trsep {
  height: 10px;
}
.tdsep {
  border-style: hidden;
	padding: 0px 0px;
  width: 2px;
}

/* =========================== GALLERIE PHOTO =========================== */

.comphoto1 {
	font: 12px Arial, Helvetica, sans-serif;
	border: solid 1px #000000;
	background-color: #ffffff;
  width: 500px;
}
.comphoto2 {
	font: 12px Arial, Helvetica, sans-serif;
	border: solid 1px #000000;
	background-color: #ffffff;
  width: 500px;
}
.tabphoto {
  table-layout: fixed;
	width: 668px;
}
.tdphoto {
  background: transparent url("gfx/pmid.png") repeat-y top left;
  border-style: hidden;
	width: 125px;
	vertical-align: top;
}

/* ============================== ARTICLES ============================== */

.divart {
  background-color: #ffffff;
  font: 14px Arial, Helvetica, sans-serif;
  border: solid 1px #000000;
	margin-bottom: 10px;
	text-align: justify;
	padding: 5px;
	width: 668px;
}
.imgart {
  max-width: 600px;
}
.tabart {
  width: 100%;
}
.tdart {
  border-style: hidden;
	background: transparent url("gfx/amid.png") repeat-y top left;
	vertical-align: top;
}
.tdart2 {
  border-style: hidden;
	vertical-align: top;
	padding-left: 5px;
	display: compact;
}
/* ============================== GALERIES ============================== */

.divgal {
  background-color: #ffffff;
  font: 14px Arial, Helvetica, sans-serif;
  border: solid 1px #000000;
	margin-bottom: 10px;
	text-align: justify;
	padding: 5px;
	width: 668px;
}
.imggal {
  max-width: 600px;
}
.tabgal {
  width: 100%;
}
.tdgal {
  border-style: hidden;
	background: transparent url("gfx/amid.png") repeat-y top left;
	vertical-align: top;
}
.tdgal2 {
  border-style: hidden;
	vertical-align: top;
	padding-left: 5px;
	display: compact;
}

/* ================================ FORUM ================================ */

.fmtab {
  background-color: #ffffff;
  border: solid 1px #000000;
	margin-bottom: 10px;
	width: 668px;
}
.fmtd {
  font: bold 12px Arial, Helvetica, sans-serif;
  width: 35px;
	text-align: center;
}
.fmtd2 {
  font: bold 12px Arial, Helvetica, sans-serif;
  width: 50px;
	text-align: center;
}
.fmtd3 {
  font: bold 11px Arial, Helvetica, sans-serif;
	width: 90px;
	text-align: center;
}
.fmtd4 {
  font: 10px Arial, Helvetica, sans-serif;
	width: 100px;
	text-align: center;
}
.fmtd5 {
  font: bold 14px Arial, Helvetica, sans-serif;
	width: 120px;
	text-align: center;
	vertical-align: top;
}
.fmtd6 {
  font: 10px Arial, Helvetica, sans-serif;
	width: 90px;
	text-align: center;
}
.fmcat {
	font: bold 18px Arial, Helvetica, sans-serif;
}
.fmtitre {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #0000ff;
}
.fmdate {
	font: 10px Arial, Helvetica, sans-serif;
  color: #000000;
}
.fmtexte {
	font: 12px Arial, Helvetica, sans-serif;
	text-align: justify;
}
.fmliens {
	font: bold 10px Arial, Helvetica, sans-serif;
}
.fmpost {
	font: 12px Arial, Helvetica, sans-serif;
  border: solid 1px #000000;
	background-color: #ffffff;
  width: 100%;
}
.quote1 {
  font-size: 12px;
  color: #303030;
	margin-left: 10px;
}
.quote2 {
	font: 12px Arial, Helvetica, sans-serif;
	color: #303030;
	border: dotted 1px #303030;
  width: 90%;
	margin-top: 5px;
	margin-left: 10px;
	padding: 5px;
}
.only1 {
  font-size: 12px;
  color: #00ff00;
	margin-left: 10px;
}
.only2 {
	font: 12px Arial, Helvetica, sans-serif;
	color: #007fff;
	border: dotted 1px #00ff00;
  width: 90%;
	margin-top: 5px;
	margin-left: 10px;
	padding: 5px;
}
.only3 {
  font-size: 12px;
  color: #007fff;
	margin-left: 10px;
}
.dyntr1 {
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #efefef;
  cursor: pointer;
  cursor: hand;
	font-weight: bold;
}
.dyntr2 {
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #cfcfcf;
  cursor: pointer;
  cursor: hand;
	font-weight: bold;
}
.locked {
  color: #303030;
}
.forumdev:link {
  text-decoration: none;
	color: #000000;
}
.forumdev:visited {
  text-decoration: none;
	color: #000000;
}
.forumdev:hover {
  /*text-decoration: underline;*/
	color: #ffffff;
}
.forumdev:active {
  text-decoration: none;
	color: #ff0000;
}
.forumver:link {
  text-decoration: none;
	color: #808080;
}
.forumver:visited {
  text-decoration: none;
	color: #808080;
}
.forumver:hover {
  /*text-decoration: underline;*/
	color: #ffffff;
}
.forumver:active {
  text-decoration: none;
	color: #ff0000;
}
.mailbox {
  width: 648px;
  font-size: 12px;
}
.tdline1 {
  background-color: #E0E0E0;
  font-weight: bold;
  font-size: 12px;
}
.tdline2 {
  background-color: #C0C0C0;
  font-size: 12px;
}
.tdline3 {
  background-color: #E0E0E0;
  font-size: 12px;
}

.spacer {
  clear: both;
  visibility: hidden;
}

.calendrier {
  width: 630px;
  border-width: 1px;
}

.calendrier .case {
  float: left;
  display: inline-block;
  width: 62px;
  height: 35px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  vertical-align: middle;
  margin: 3px;
  background-color: #ee0;
}

.calendrier .case:link {
  color: #000;
}

.calendrier .case:visited {
  color: #000;
}

.calendrier .case:hover {
  color: #000;
  background-color: #0f0;
}

.calendrier .case:active {
  color: #f00;
}

.calendrier .case p {
  margin: 0;
  padding: 0;
}

.calendrier .mtt {
  background-color: #78f;
}

.calendrier .solo {
  background-color: #6f6;
}

.calendrier .equipe {
  background-color: #f88;
}

.calendrier .past {
  background-color: #888;
  font-style: italic;
}

.calendrier .current {
  background-color: #d00;
}

/* etc... */

.resultats {
  width: 640px;
  display: block;
}

.resultats .ligneform {
  text-align: left;
  padding: 10px 0 0 0;
}

.resultats .ligneform .titreform {
  width: 160px;
  display: inline-block;
  text-align: right;
  padding: 0 10px 0 0;
  font-weight: bold;
}

.resultats .ligneform .tableform {
  display: inline-block;
  width: 100px;
  text-align: left;
  margin: 0 5px;
}

.resultats .ligneform .tableform input[type=text] {
  width: 50px;
}

.resultats .ligneform .champform {
  display: inline-block;
  width: 170px;
  text-align: left;
  margin: 0 5px;
}

.resultats .ligneform .champform input[type=text] {
  width: 50px;
}

.table {
  font-size: 20px;
  font-weight: bold;
  margin: 30px 0 20px 0;
}