/*
	© 2010 Manuel Belmadani - 4833201
*/

* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
}

p {
 padding: 10px;
}

#wrapper { 
 margin: 0 auto;
 width: 95%;
}

#content { 
 float: left;
 color: #333;
 background: #EEEEEE;
 height: 800px;
 width: 75%;
 display: inline;
}

#header {
 color: #333;
 width: 95%;
 float: left;
 height: 75px;
 background: #99CC00;
}

h1.titles{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:#999999;
	font-style:oblique;
}

h2.subTitles{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#111111;
	font-style:oblique;
	font-size:1.0em;
	padding-left:25px;
}

h3.section{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#111111;
	font-style:oblique;
	font-size:2.0em;
	padding-left:25px;
}

h4.topics{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#111111;
	font-size:1.2em;
	padding-left:25px;
}

p.topics{
	border-style:groove;
	background:#FFFFFF;
	border:1px solid #999999;
}
div.topics{
	padding:13px;
}

#footer { 
 width: 95%;
 height: 30px;
 clear: both;
 color: #333;
 background: #6B6659;
}

p.bottomItems{
	color:orange;
	text-align:center;
}

a.bottomItems:link {color:orange;}     
a.bottomItems:visited {color:white;}  
a.bottomItems:hover {color:red;}  
a.bottomItems:active {color:white;} 

a.bottomItems{
	
}

#navigation {
 float: left;
 width: 95%;
 height: 40px;
 color: #333;
 background: #669900;
}


a.navTabs {
	display:block;
	padding:5px;
	margin:0 10px 10px 0;
	background:#000000;
	border:1px solid #999999;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:900;
	line-height:16px;
	text-align:center;
	color:#33FF33;
	float:right;
}
a.navTabs:hover {
	color:#FFFFFF;
	background:#999999;
	font-style:oblique;
}

span.navTabs{
	color:#FFFFFF;
	background:#999999;
	border:1px solid #993333;
	border-style:dashed;
	font-size:15px;
	font-style:oblique;
	float:left;
	padding:2px;
}


#leftcolumn { 
 color: #333;
 background: #CCFF33;
 height: 800px;
 width: 10%;
 float: left;
}

a.columnItems{
	display:block;
	padding:3px;
	margin:10px 10px 10px 10px;
	background:#CCCCCC;
	border:5px solid #999999;
	border-style:outset;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:900;
	text-align:center;
	color:#FFFFFF;
	width:80%;
}

a.columnItems:hover {
	border-style:inset;
}

#rightcolumn { 
 color: #333;
 background: #CCFF33;
 height: 800px;
 width: 10%;
 float: left;
 text-align: center;
}

a.supportItems{
	display:block;
	padding:3px;
	margin:10px 10px 10px 10px;
	background:#FFFFFF;
	border:2px solid #999999;
	border-style:dashed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;	
	font-weight:900;
	color:#000000;
	width:80%;
}

a.supportItems:hover {
	border-style:inset;
}

/*Elements pour la table de planches*/
table,th,td, tr
{
	
	left:30px;
	padding: 3px;
	border:1px dashed green;
	margin:15px 10px 10px 10px;
}

tr.main-tr{
	background: #66CC33;
	font-size:15px;	
}

tr.alt-tr{
	background: #EEEEAA;	
}

table.userPhoto{
	float:left;
	padding: 3px;
	border:0px;
	margin:10px 10px 10px 10px;
}

/*Elements du formulaire*/

fieldset div {
	margin:0.3em 0;
	clear:both;
}
fieldset.formWrapper{
	background:#FFFFFF;
	padding:20px;
	padding-left:30px;
	width:200%
}

form {
	margin:1em;
	width:27em;
}
label {
	float:left;
	width:10em;
	text-align:right;
	margin-right:1em;
}
legend {
	color:#0bb777;
	font-size:1.2em;
}

legend span {
	width:10em;
	text-align:right;
}

input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 

fieldset {
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
}


.date fieldset label {
	float:none;
	display:block;
	text-align:left;
	width:auto;
}
.date fieldset div {
	float:left;
	clear:none;
	margin-right:0.2em;
}
.radio, .date {
	position:relative;
}
.radio fieldset, .date fieldset {
	border:none;
	width:auto;
	padding:1px 0 0 11em;
}
.radio legend, .date legend {
	font-size:1em;
	color:#000;
}
.radio legend span, .date legend span {
	position:absolute;
	left:0;
	top:0.3em;
	width:10em;
	display:block;
}

.radio label, .radio input {
	vertical-align:middle;
	display:inline;
	float:none;
	width:auto;
	background:none;
	border:none;
}
.radio div {
	float:left;
	white-space:nowrap;
	clear:none;
}

.email {
	width:14em;
}

input.default {
	color:#bbb;
}