/* CSS Document */

/* GENERAL ---------------------------------------------------------------------------------------------------------------------------- GENERAL */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#727272;
	margin:0;
	padding:0;
	background-color:#f5f5f5;
}

a img { border: none; }

a, a:link, a:visited
{
	color: #31a8ca;
	text-decoration:none;
}

a:hover
{
	color: #006fa5;
}

#reportcontainer
{
width: 605px;
margin-bottom: 15px;
}

a#reportabug
{
  -moz-border-radius: 5px 5px 5px 5px;
  background-color: #CCCCCC;
  background-image: url("Elements/bug.png");
  background-position: right 4px;
  background-repeat: no-repeat;
  color: #FFFFFF;
  font-variant: small-caps;
  padding: 2px 20px 2px 3px;
float: right;


}
a#reportabugold
{
  -moz-border-radius: 5px 5px 5px 5px;
  background-color: #CCCCCC;
  background-image: url("Elements/bug.png");
  background-position: right 4px;
  background-repeat: no-repeat;
  color: #FFFFFF;
  font-variant: small-caps;
  /*margin-left: 414px;*/
  /*margin-right: 15px;*/
  padding: 2px 20px 2px 3px;
}
.miniWidth
{
	width: 980px;
	margin: 0 auto;
}

.separateur {
	height: 2px;
	background-image:url(Elements/separateur-bg.jpg);
	background-repeat: repeat-x;
}

.clearBoth { clear: both; }

#pageTitle { text-align: right; width: 980px;	margin: 0 auto; display: block; }

h1, h2, h3 {
	margin: 0;
	color: #2baac9;
    font-weight: bold;
}

h1 { color: #98b537; }

p {
    margin-top: 12px;
    margin-bottom: 12px;
}

#header {
    padding-top: 0;
}
span.orange { color: #f9a133; }
h2.title { color: #f9a133; font-size: 40px; font-weight: bold;}
#newsdate { text-align: right; font-size:20px; background-color:#D3D3D3; margin:1px}
#listticker { height: 100px}
/* TOP LINE ---------------------------------------------------------------------------------------------------------------------------- TOP LINE */


#topLine 
{
	background-color: #2baac9;
	text-align:right;
	padding:5px;
	color: #FFFFFF;
  min-height: 33px;
}

#topLine.logged
{
	background-color: #c45526;
}
#topLine .miniWidth p {
display: inline;
}

#miniLigne { font-size: 10px; }
#miniLigne a { color: #000000; }
#miniLigne a:hover { color: #005a70; }

#loginform label { font-weight: bold; }

#loginform input[type=text],#loginform input[type=password] { 
	width: 99px;
	background-color: #c8e5ed;	
	border: 1px solid #FFFFFF;
	font-size: 10px;
    padding-left:0;
    padding-right:0;
    padding-top:1px;
    padding-bottom:1px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#loginform input[type=text]:hover,#loginform input[type=password]:hover {  background-color: #d7ecf2; }

#loginform input[type=submit] 
{
	background-color: #196074;
	border: none;
	padding: 1px;
	color: #FFFFFF;
}

#loginform input[type=submit]:hover { background-color: #003545; }

/* -- forgotform -- */
#forgotform label { font-weight: bold; }

#forgotform input[type=text],#forgotorm input[type=password] { 
	width: 160px;
	background-color: #c8e5ed;	
	border: 1px solid #FFFFFF;
	font-size: 10px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#forgotform input[type=text]:hover,#forgotorm input[type=password]:hover {  background-color: #d7ecf2; }

#forgotform input[type=submit] 
{
	background-color: #196074;
	border: none;
	padding: 1px;
	color: #FFFFFF;
}


#promoform input[type=submit] 
{
	background-color: #196074;
	border: none;
	padding: 1px;
	color: #FFFFFF;
}

#promoform input[type=submit]:hover { background-color: #003545; }

/* HEADER ---------------------------------------------------------------------------------------------------------------------------- HEADER */

#header {
	width: 980px;
	margin: 0 auto;
	margin-top: 10px;
}

ul#menu {
float: right;
}

ul#menu li {
	float: left;
	list-style:none;
	font-size: 16px;
	margin-left: 30px;
}

ul#menu li+li
{
#	background-color: #C0FFC0;
}
ul#menu li a {	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding: 4px;
	color: #555555;
}

ul#menu li a:hover {
	background-color: #f2cfa3;
}

/* FLASHBOX ---------------------------------------------------------------------------------------------------------------------------- FLASHBOX */

#flashBox {
	width: 980px;
	margin: 0 auto;
}

/* BUTTONS ---------------------------------------------------------------------------------------------------------------------------------------------- */

a.orangebutton {
background-color: #FF9900;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
color: #FFF;
font-weight: bold;
padding: 5px;
margin-top: 5px;
display: block;
margin-bottom: 5px;
width: 250px;
text-align: center;
font-size: 14px;
}

a.orangebutton:hover {
background-color: #ff3600;
}

a.logoutbutton 
{
  display:inline; 	
  background-color: #196074; 	
  border: none; 	
  padding: 2px; 	
  color: #FFFFFF;
  cursor: pointer;
}
a.logoutbutton.hover { background-color: #003545; }

/* BOTTOM BOXES ---------------------------------------------------------------------------------------------------------------------------- BOTTOM BOXES */

.bottomBox
{
	width: 278px;
	float: left;
	padding: 14px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-top: 30px;
	
	text-align:justify;
	
}

.bottomBox strong
{
	font-size: 20px;
	text-transform: uppercase;
}

.bottomBox strong { color: #FFFFFF; }

#greenBox {
	background-color: #b0ce4a;
	color: #495b0d;
}

#orangeBox {
	background-color: #efab61;
	margin-right: 31px;
	color: #823d1b;
}

#blueBox {
	background-color: #60bddc;
	margin-right: 31px;
	color: #11485a;
}

#greenBox a, #greenBox a:visited, #greenBox a:link, #orangeBox a, #orangeBox a:visited, #orangeBox a:link, #blueBox a, #blueBox a:visited, #blueBox a:link {	color: #FFFFFF; }
#greenBox a:hover, #orangeBox a:hover, #blueBox a:hover { color: #FFFF00; }

/* LEFT & RIGHT ---------------------------------------------------------------------------------------------------------------------------- LEFT & RIGHT */

#left {
	width: 305px;
	float: left;
	margin-right: 45px;
	margin-top: 20px;
}

#right {
	width: 615px;
	float: left;
	margin-top: 20px;
}

.boxLeft { 
	padding: 14px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	color: #FFFFFF;
}

.greenLeft { background-color: #b0ce4a; }

.greenLeft a, .greenLeft a:visited, .greenLeft a:link {	color: #FFFFFF; }
.greenLeft a:hover { color: #FFFF00; }

.greenLeft ul { padding-left: 15px; margin-left: 0px; }
.greenLeft li { margin-bottom: 5px; }



/* FOOTER ---------------------------------------------------------------------------------------------------------------------------- FOOTER */

#footer {
	background-color: #dfdfdf;
	margin-top: 30px;
	overflow: auto;
	color: #b6b6b6;
}

#footer #colOne, #footer #colTwo { margin-right: 31px; }

.footerBox
{
	width: 278px;
	float: left;
	padding: 14px;
	margin-top: 20px;
	margin-bottom: 30px;
}

/* Css Forms				------------------------------------------------------------------------------------------- CSS FORMS */	

.cssform fieldset {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border: none;
	color: #FFF;
}

.cssform fieldset p {
	border-bottom: 1px solid #FFF;
}

.cssform fieldset.green {
background-color: #a9c647;
}

.cssform fieldset.blue {
background-color: #7fbfe5;
}

.cssform fieldset.orange {
background-color: #ffa837;
}


.cssform fieldset.green input, .cssform fieldset.green textarea, .cssform fieldset.green select { background-color: #e1e9bb; color: #6b8513; }
.cssform fieldset.blue input, .cssform fieldset.blue textarea, .cssform fieldset.blue select { background-color: #d2e6f1; color: #286990; }
.cssform fieldset.orange input, .cssform fieldset.orange textarea, .cssform fieldset.orange select { background-color: #f5e0af; color: #cc7314; }

.cssform fieldset legend {  font-size: 14px; padding: 7px; font-weight: bold; }
.cssform fieldset.green legend { border:1px solid #6b8513; background-color: #e1e9bb; color: #a9c647; }
.cssform fieldset.blue legend { border:1px solid #286990; background-color: #d2e6f1; color: #7fbfe5; }
.cssform fieldset.orange legend { border:1px solid #d36210; background-color: #f5e0af; color: #d97014; }

.cssform input[type="password"],.cssform input[type="text"], .cssform select { width: 230px; }
.cssform input[type="submit"] { width: 320px; }

.cssform p{
width: 445px;
clear: left;
margin: 0;
padding: 2px 0 2px 0;
padding-left: 170px; /*width of left column containing the label elements*/
/*border-top: 1px dashed #ccc;*/
height: 1%;
}

.cssform label{
float: left;
margin-left: -165px; 
margin-right: 5px;
width: 165px;
text-align: left;
padding-top: 3px;
 
}

.cssform input[type="text"] {
border: 1px solid #FFF;
}

.cssform input[type="password"] {
border: 1px solid #FFF;
}


.cssform input[type="submit"] {
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #e76351;
	font-weight:bold;
	padding:5px;
	margin-top: 15px;
	font-size: 24px;
	cursor: pointer;
}

.cssform input[type="submit"]:hover { background-color: #f02f15; }

.cssform input[type="reset"] {
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #AAA;
	padding:5px;
	margin-top: 15px;
	font-size: 24px;
	cursor: pointer;
}
.cssform input[type="reset"]:hover { background-color: #BBB ; }


.cssform select {
background-color: #f9f0e7;
}

.cssform textarea{
width: 250px;
height: 150px;
border: 1px solid #FFF;
}

.cssform p.full{
width: 615px;
padding-left: 0px;
clear: left;
margin: 0;
height: 1%;
}

.cssform p.full textarea{
width: 610px;
height: 100px;
}

.cssform p.full input{
width: 610px;
}

.cssform p.full label{
margin-left: 0px; 
width: 400px;
}



table.nice {
border-collapse: collapse;
}

table.nice tr th {
background-color: #fcfecc; 
text-align: center;
color: #fda342;
padding: 5px;
border: 1px solid #dcdadc;

}

table.nice tr td {
padding: 2px;
text-align: center;
color: #999;
border: 1px solid #dcdadc;
}

table.nice tr.odd, td.odd {
background-color: #eeeeee;
}