body {
	width:100%;
	font-size:                 12px;
	background-color:          #000000;
	font-family:               verdana, arial, sans-serif;
	font-color: #FFFFFF;
}
textarea, input, td, tr, table {
	font-family:               verdana, arial, sans-serif;
	font-size:                 11px;
	color:                     #000;
}

input.checkbox {
  border: none;
  background : #transparent;
}

a {
	text-decoration:           none;
	font-weight:							400;
	font-size:                 10px;
}

a:hover {
  text-decoration: underline;
}

img, table {
	border:                    none;
}
form, img, h1, h2, h3, h4, h5, h6, tr, td, table {
	padding:                   0;
	margin:                    0;
}
input, textarea {
	border:                    1px solid #AAA;
	background-color:          #EEE;
	color:                     #000;
	margin:                    0;
	width:							       150px;
}

.jaunefluo {
	color: #fee93d;
}
.rouge {
	color: #ff3e47;
}
.bleu {
	color: #44d5ff;
}


.veryLargeForms  {
	width:							300px;
}

.largeForms  {
	width:							200px;
}
.smallForms  {
	width:							90px;
}
.verySmallForms  {
	width:							60px;
}
.tinyForms  {
	width:							40px;
}

.Textareas  {
	width:							350px;
	height:							80px;
}

.smallTextareas  {
	width:							200px;
	height:							65px;
}
.largeTextareas  {
	width:							500px;
	height:							110px;
}
.veryLargeTextareas  {
	width:							500px;
	height:							140px;
}

.hugeTextareas  {
	width:							600px;
	height:							150px;
}

table {

}


h3 {
	font-size: 14px;
	font-weight: 400;
}
h2 {
	font-size:                 16px;
	font-weight: 600;
}
h1 {
	font-size:                 20px;

}
h4 {
	font-size: 10px;
}
td {
	vertical-align:            middle;
	padding:                   1px;
}
th {
	text-align:                left;
}
fieldset {
	border:                    1px solid #AAA;
	padding:                   3px;
}
th {
	font-variant:              small-caps;
}
a {
	color:                     inherit;
	font-size:                 inherit;
}

acronym {
  border-bottom: 1px dotted black;
}

label {
  font-weight: bold;
  cursor: pointer;
}

ul {
	list-style: none;
	margin :    0;
	padding:    0;
}
li {
	display:        block;
	margin :        0;
	padding:        0;
	vertical-align: middle;
	padding:        0;
	margin:         0;
}

li.stats  {
 display:        inline;
}


a.action {
  text-decoration: underline;
}
a.action:hover {
  background: #CCC;
  text-decoration: none;
}

.checkbox {
  background: transparent;
  border: none;
}

#DesignTop {
  height: 80px;
  text-align: center;
  margin-bottom: 10px;
}

#MessageFrame {
  margin: 0;
  border: none;
  border-left: 5px solid #CCC;
  padding-left : 2px;
  width: 580px;
  height: 80px;
  overflow: auto;
}


.button  {
  text-align: center;
  border: 1px solid #999;
  background : #EEE;
  padding: 1px 3px 1px 3px;
}

.button:hover {
  background : #FFF;
}

.floatRight {
  float: Right;
}

.floatLeft {
  float: Left;
}


.error {
  border: 1px solid #F00;
  padding: .5em;
  margin: 0px;
  background-color: #FEE;
  color: #F33;
}

.required {
  font-weight: bold;
  color: #F33;
}



.SearchSubmit {
  background : #2293FC;
  color : #FFF;
  border: 1px solid #222222;
  font-size: 10px;
  font-weight: 600;
}

input.SearchSubmit {
  cursor: pointer;
}
a.SearchSubmit {
  padding: 2px 2px 2px 2px;
}
a.SearchSubmit:hover {
  background : #999;
  color : #FFFFFF;
  border: 1px solid #222222;
  font-size: 10px;
  font-weight: 600;
}

.ImportantSubmit, a.ImportantSubmit {
  cursor: pointer;
  background : #FF4040;
  color : #FFFFFF;
  border: 1px solid #8C0700;
  font-size: 10px;
  font-weight: 600;
}

.InvisibleField {
  background : #FFFFFF;
  color : #000000;
  border: none;
}
.Inverted {
  background : #000000;
  color : #FFFFFF;
  border: none;
  font-weight: 600;
}

.NoMargin {
  margin:                  0!;
}

/**
 * ALIGNEMENT CLASS
 */
.AlignLeft {
	text-align:                left;
}
.AlignRight {
	text-align:                right;
}
.AlignCenter {
	text-align:                center;
}
.AlignTop {
	vertical-align:            top;
}
.AlignBottom {
	vertical-align:            bottom;
}
.AlignMiddle {
	vertical-align:            middle;
}


/**
 * COLOR CLASS
 */
.FormImportant {
  color :                   #FF4040;
  font-weight :             600;
}


/**
 * FONT CLASS
 */
.TextNormal {
  font-weight:             400;
}
.TextBold {
  font-weight:             600;
}
.TextBlue, a.TextBlue {
  color :                   #4183A9;
}
.TextGreen, a.TextGreen {
  color :                   #02A602;
}

.TextDarkGreen, a.TextDarkGreen {
  color :                   #397338;
}

.TextOrange, a.TextOrange {
  color :                   #D88900;
}
.TextRed, a.TextRed {
  color :                   #C00000;
}
.TextPink, a.TextPink {
  color :                   #e30e9e;
}
.TextGrey, a.TextGrey {
  color :                   #7C7C7C;
}

.TextItalic, a.TextItalic {
  font-style :             italic;
}


.Titre {
  font-weight :             600;
  font-size :               24px;
}

.SousTitre {
  font-weight :             600;
  font-size :               12px;
}

/**
 * PUCES CLASS
 */
.SquareBlockRed {
	width:                     5px;
	height:                    5px;
	background:                red;
}
a.SquareBlockRed {
	display:                   block;
}


/**
 * POPUP CLASS
 */
tr.popup {
	height:                    30px;
}

td.popup {
	vertical-align:            middle;
	text-align:                center;
}

@media screen and (max-width: 1180px)
{

		h3 {
			font-size: 22px;
			font-weight: 400;
		}
}