body{
 background: lavender;
}
div#logo{
text-align: right;
}
div#login{
padding: 100px 50% ;
}
div#Hello{
text-align: right;
}
div#corps{
margin-top:20px;
}
div#menu{
}

div#gauche { 
float: left;
left:5px; 
width: 45%; 
height:100%;
}

div#droite { 
margin-left: 5px;
width: 48%;
height:100%; 
text-align:left;
}

div#gauche2 { 
float: left;
left:5px; 
width: 80%; 
height:100%;
}

div#droite2 { 
margin-left: 5px;
width: 20%;
height:100%; 
text-align:left;
}
/*---------------------------*/
/*table, th, td
{
border: 1px solid black;
border-collapse : collapse ; 
} */
a.divider{
  background-color:#A2BFE9;
  text-decoration: overline;
  height: 0.1px;
}
.submit input
{
  width: 250px;
	margin-left: 12px;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}
button{
  color: #781351;
  background: #D7E3F6;
  border: 1px solid #A2BFE9
} 

select{
  width: 250px;
	margin-left: 12px;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}
form,
div#my_form {
	width: 500px;
	padding: 10px 20px;
	background: lavender;
	color: midnightblue;
}
form p,
div#my_form p {
	margin: 1em 0;
}
form p.double,
div#my_form p.double {
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	/* Idem pour IE6 */
	width: 100%;
}
form p.double label,
div#my_form p.double label {
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
}
form p.double label span.info,
div#my_form p.double label span.info {
	display: block;
	margin-top: .2em;
	font-size: .8em;
	font-weight: normal;
	cursor: default;
}
form p.double input,
form p.double textarea,
div#my_form p.double input,
div#my_form p.double textarea {
	width: 250px;
	margin-left: 12px;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}
form p.double select,
div#my_form p.double select{
  width: 260px;
	margin-left: 12px;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}
form p.double textarea,
div#my_form p.double textarea {
	padding: 2px 0 0 4px;
	width: 320px;
	height: 6em;
}
form p.simple,
div#my_form p.simple {
	margin-left: 160px;
}
/*--------------------------TABLE------------------------------*/
/* "Winter Blues" CSS theme for CSS Table Gallery (http://icant.co.uk/csstablegallery/) by Gunta Klavina (http://www.klavina.com) */

table {
  font: 85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  padding: 0; 
  margin: 0; 
  border-collapse: collapse; 
  color: #333; 
  background: #F3F5F7;
  border:1px solid black;
}
table a {
  text-decoration: none; 
  border-bottom: 1px solid #C6C8CB;
  color: rgb(0,0,0);
} 
table a:visited {
  text-decoration: none;
  color: rgb(0,0,0);
}
table a:hover {
  text-decoration: none;
}
table caption {
  text-align: left; 
  text-transform: uppercase;  
  padding-bottom: 10px; 
  font: 200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
}
table thead th {
  background: #3A4856; 
  padding: 15px 10px; 
  color: #fff; 
  text-align: left; 
  font-weight: normal;
}
table tbody, table thead {
  border-left: 1px solid #EAECEE; 
  border-right: 1px solid #EAECEE;
}
table tbody {
  border-bottom: 1px solid #EAECEE;
}                     
table tbody td, table tbody th {
  padding: 10px; 
  background: url("td_back.gif") repeat-x; 
  text-align: left;
  border:1px solid black;
}
table tbody tr {
  background: #F3F5F7;
}
table tbody tr.odd {
  background: #F0F2F4;
}
table tbody  tr:hover {
  background: #747474; color: #111;
}
tr.done {
  background: #F4AE0B; color: #111;
}

table tfoot td, table tfoot th, table tfoot tr {
  text-align: left; 
  font: 100% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; 
  text-transform: uppercase; 
  background: #fff; 
  padding: 10px;
}

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;}
.qmmc .qmdividery{float:left;width:0px;}
.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative;zoom:1;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}
.qmmc ul {left:-10000px;position:absolute;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none}.qmmc li{position:relative;}
.qmmc ul {z-index:10;}.qmmc ul ul {z-index:20;}
.qmmc ul ul ul {z-index:30;}
.qmmc ul ul ul ul {z-index:40;}
.qmmc ul ul ul ul ul {z-index:50;}
li:hover>ul{left:auto;}
#qm0 ul {top:100%;}
#qm0 ul li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/



	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		background-color:#D7E3F6;
		border-width:1px;
		border-style:solid;
		border-color:#A2BFE9;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 40px 5px 8px;
		color:#112747;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		background-color:#A2BFE9;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:#A2BFE9;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:5px;
		margin:0px 0px 0px -1px;
		background-color:#D7E3F6;
		border-width:4px 1px 1px;
		border-style:solid;
		border-color:#285DA8;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 40px 2px 5px;
		border-width:0px;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{	
		text-decoration:underline;
	}