/* 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;
}

.miniWidth
{
	width: 980px;
	margin: 0 auto;
}

.separateur {
	height: 2px;
	background-image:url(AcaBox/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;
}

h1 { color: #98b537; }

span.orange { color: #f9a133; }

/* TOP LINE ---------------------------------------------------------------------------------------------------------------------------- TOP LINE */

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

#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;
	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;
}

/* 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 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;
}

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

a.bottomgreen
{
	background-image:url(AcaBox/Elements/bottombutton.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 306px;
	float: left;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-top: 30px;
	color: #495b0d;
	text-align:justify;
	padding-top: 68px;
}

a.bottomgreen:hover { background-image:url(AcaBox/Elements/bottombuttonhover.png); }

a.bottomgreen strong
{
	font-size: 20px;
	text-transform: uppercase;
	color: #FFFFFF;
}


.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;
	overflow: auto;
	color: #888;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width: 980px;
	margin: 0 auto;
	margin-top: 30px;
}

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

.footerBox
{
	width: 278px;
	float: left;
	padding: 14px;
}

/* 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="submit"],.cssform input[type="password"],.cssform input[type="text"], .cssform select { width: 230px; }

.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;
}

	h3 {
			margin: 0;	
			padding: 7px 0 0 0;
			text-transform: uppercase;
			color: #444; 
		}

		div#feature_list {
			width: 980px;
			height: 359px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 320px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}
		ul#tabs li a strong  {
			font-size: 24px;
			font-weight: bold;
			color: #444; 
			display: block;
			padding: 7px 0 0 0;
			text-transform: uppercase;
			color: #444; 
			padding-top: 15px; 
	
}
		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}

		ul#tabs li a:hover, ul#tabs li a:hover strong {
			color: #60bddc;
		}
		
		ul#tabs li a.current strong {	color: #FFF;	}
		ul#tabs li a.current {
			background:  url('AcaBox/js/jQueryGlobe/feature-tab-current.png');
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 693px;
			height: 359px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 693px;
			height: 359px;
		}

		ul#output li a {
			position: absolute;
			width: 400px;
			height: 30px;
			bottom: 20px;
			right: 20px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			-moz-border-radius: 5px;
			background-image: url(AcaBox/js/jQueryGlobe/50percent.png);
		}
		
		ul#output li a:hover {
			background: #D33431;
		}