/*ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ\
|				EasyDon.fr					|
|			CSS 2.1 compatible				|
\__________________________________________*/


/*------------------------------------Document definition-------------------------------------*/
/*Backgroung of the website*/
html {
background: #f6f6f6
}

/*Characteristics used for the body, in each page*/
body {
font-size: 90%;
font-family: helvetica, georgia, sans-serif;
text-align: center;
color: #444444;
}

ul, li, img, body, html {
margin: 0;
padding: 0;
}

/*Characteristics for links in the page*/
a {
text-decoration: none;
color: #002d56;
}

a:hover {
text-decoration: underline;
}

a img {
border: none;
}

/*Characteristics for text written in h3*/
h3 {
font-size: medium;
text-align: center;
margin: 0;
padding: .3em 0 0 0;
font-style: normal;
color: #444444;
font-weight: bold;
}

/*Icon applied to a h3 text with a specific ID*/
h3#explain {background: transparent url(/images/register.png) no-repeat 5% 2px;}
h3#messages {background: transparent url(/images/register.png) no-repeat 5% 2px;}
h3#search {background:  transparent url(/images/lens.png) no-repeat 5% 2px;}
h3#begintitle {background: transparent url(/images/pen.png) no-repeat 5% 2px;}
h3#lastdon {background: transparent url(/images/rss.png) no-repeat 5% 5px;}
h3#ecolo {background: transparent url(/images/alarm.png) no-repeat 5% 2px;}
h3#connect {background: transparent url(/images/key.png) no-repeat 5% 2px;}
h3#objdonne {background: transparent url(/images/upload.png) no-repeat 5% 2px;}
h3#objdemand {background: transparent url(/images/download.png) no-repeat 5% 2px;}
h3#admin {background: transparent url(/images/tools.png) no-repeat 5% 2px;}
h3#points {background: transparent url(/images/coin.png) no-repeat 5% 2px;}
h3#request { background: transparent url(/images/question.png) no-repeat 5% 2px;}


/*------------------------------------Container definition------------------------------------*/
/*Container contains the entire page with:*/
/*-The Header-*/
/*-The mainContent-*/
/*-The Footer-*/
#container {
text-align: left;
width: 800px;
margin: auto;
background: #e6e6e6;
}


/*------------------------------------Header Definition---------------------------------------*/
/*The header contains the top of the page*/
/*where you can log in and the main menu*/
#header {
position: relative;
background: url(/images/headerbackground.jpg) repeat-x;
overflow: hidden;
height: 187px;
}

/*We don't display title (written in h1) in the header*/
#header h1 {
display: none;
}

/*The login space at the top of the page*/
#header #login {
position: absolute;
top: 0;
}

/*text written in h5 for the login*/
#header #login h5 {
font-size: 0.9em;
margin-top: 0.3em;
margin-left: 0.8em;
color: #f0f0f0;
}

/*text written in h6 for the login*/
#login h6 {
font-size: 0.9em;
margin-top: 0.5em;
margin-left: 0.8em;
color: #f0f0f0;
}

/*Link property for the login section*/
/*link and link visited*/
#login a:link, #login a:visited
{
	color: #f0f0f0;
	background-color: transparent;
	text-decoration: none;
}

/*Link property for the login section*/
/*mouse on the link*/
#login a:hover
{
	color: #2e80ff;
}

/*Property for the connection section*/
#header #login #connection {
position: absolute;
top: 4px;
left: 364px;
}

/*section with forgotten password text in the header*/
#header #login #forgottenpassword {
position: absolute;
width: 170px;
top: 4px;
left: 380px;
}

/*Property for the login button class*/
.loginbutton {
background: transparent url(/images/ok.png);
border:0px;
height: 20px;
width: 20px;
}

/*Definition of the section at the top right of the site to register*/
#header #register {
position: absolute;
top: 0;
right: 0;
}

/*Link property for the register section*/
/*link and link visited*/
#register a:link, #register a:visited
{
	color: #f0f0f0;
	background-color: transparent;
	text-decoration: none;
}

/*Link property for the register section*/
/*mouse on the link*/
#register a:hover
{
	color: #2e80ff;
}

/*Text written in h5 in the top right(register)*/
#register h5 {
font-size: 1em;
margin-top: 0.4em;
margin-right: 1em;
color: #f0f0f0;
}

/*----------Menu definition----------*/
#header #menu {
font-size: 1.5em;
margin-top: 2px;
padding: 0;
}

/*property for each element of the menu*/
#menu #nav li
{
font-style: italic;
display: inline;
list-style-type: none;
padding-left: 58px;
}

/*Property for the links in the menu*/
/*link and link visited*/
#nav a:link, #nav a:visited
{
	color: #f0f0f0;
	background-color: transparent;
	text-decoration: none;
}

/*Property for the links in the menu*/
/*lmouse on the link*/
#nav a:hover, #nav a:active
{
	color: #2e80ff;
}


/*------------------------------------Main content definition---------------------------------*/
/*The main content is everything between the header and the footer*/
#mainContent {
padding: 0 1em;
}

/*Property for p text written in the following div*/
#mainSearch p,
#mainDon p,
#message p,
#mainAdmin p,
#mainContent #mainObjDonne p,
#mainContent #mainObjDemand p {
padding: 0 0 .5em .5em;
}


/*------------------------------------Box Background definition-------------------------------*/
/*------------------------------------------To render-----------------------------------------*/
/*------------------------------------Rounded corners-----------------------------------------*/
/*font size specified not to have  space between images*/
.cornertl .cornertr,
.cornerbl .cornerbr {
 font-size: 1px;
}

/*Corner on the top left of the box*/
.cornertl {
background: transparent url(/images/cornertopleft.gif) no-repeat 0 0;
margin-right: 17px;
}

/*Corner on the top right of the box*/
.cornertl .cornertr {
height:27px;
background: transparent url(/images/cornertopright.gif) no-repeat right;
margin-right: -17px;
}

/*Background of the content of the box*/
.bodyleft {
background: transparent url(/images/middleleft.gif) repeat-y 0 0;
margin-right: 17px;
}

/*right section of the background of the box*/
.bodyleft .bodyright {
margin-right: -17px;
padding: 10px;
background: transparent url(/images/middleright.gif) repeat-y right;
}

/*Corner Bottom left of the box*/
.cornerbl {
background: transparent url(/images/cornerbottomleft.gif) no-repeat 0 0;
margin-right: 17px;
}

/*Corner Bottom right of the box*/
.cornerbl .cornerbr {
height: 18px;
background: transparent url(/images/cornerbottomright.gif) no-repeat right;
margin-right: -17px;
}

/*Property for p text*/
.bodyright p {
margin-top: 0;
margin-bottom: 0;
}


/*------------------------------------Message box definition----------------------------------*/
#mainContent #message {
min-height: 100px;
height: auto;
text-align: left;
margin: 2em 0 0em 0;
padding: 0 0 0em 0;
}

/*Size of the message box*/
#mainContent #message .bodyleft,
#mainContent #message .bodyright{
min-height: 60px;
height: auto;
}

/*Property for text written in message box*/
#mainContent #message .bodyright p{
padding: 1em 1em 1em 1em;
}


/*------------------------------------Index Page Definition-----------------------------------*/
/*The index page contains 2 tiers*/
#tier1, #tier2 {
margin-bottom: 1em;
}

/*Property for p text in index page*/
#tier1 div p, #tier2 div p {
padding: 0 0 .5em .5em;
text-align: center;
}

/*----------Tier1 definition----------*/
#mainContent #tier1 {
height: 224px;
padding-top: 2em;
}

/*--Tier1 class height definition--*/
#tier1 #explaination .bodyleft,
#tier1 #findObject .bodyleft{
min-height: 170px;
height: auto;
}

#tier1 #explaination .bodyright,
#tier1 #findObject .bodyright{
height: 160px;
}

/*Section explanation, the upper left block*/
#tier1 #explaination {
height: 220px;
float: left;
width: 350px;
margin: 0;
padding: 0;
}

/*Property for text in explaination*/
#tier1 #explaination .bodyright p{
padding: 1em 1em 0 1em;
}

/*Block to find object in the index page*/
#tier1 #findObject {
height: 220px;
margin: 0 0 0 26em;
padding: 0;
text-align:center;
}

/*Property for text in findObject*/
#tier1 #findObject .bodyright p{
padding: 1em .5em 1em .5em;
}

/*Property applied to label in findobject*/
#tier1 #findObject label{
float: left;
margin: 0 0 0 3em;
}

/*Property applied to input in findobject*/
#tier1 #findObject input{
margin: 0;
padding: 0;
}

/*Property applied to form in findobject*/
#tier1 #findObject form {
margin: 0;
}

/*Width applied the form in findobject*/
#findObject #city, #findObject #category{
width: 16em;
}


/*----------Tier2 definition----------*/
#mainContent #tier2 {
text-align: center;
margin: 0 auto 2em;
font-size: .9em;
}

/*--Tier2 class height definition--*/
#tier2 #begin .bodyleft,
#tier2 #planet .bodyleft,
#tier2 #lastdonation .bodyleft{
min-height: 150px;
height: auto;
}

#tier2 #begin .bodyright,
#tier2 #planet .bodyright {
height: 140px;
}

#tier2 #lastdonation .bodyright{
min-height: 140px;
height: auto;
}

/*Property for the 3 boxes of tier2*/
#mainContent #tier2 #begin,
#mainContent #tier2 #lastdonation,
#mainContent #tier2 #planet {
float: left;
padding: 0 0 .5em 0;
margin-bottom: 2em;
}

/*Property for the left box of tier2*/
#tier2 #begin {
margin-right: 1em;
width: 21%;
height: 170px;
}

/*Property for h4 text in begin box*/
#tier2 #begin h4 {
margin: 0;
padding: 1em;
}

/*Property for the middle box of tier2*/
#tier2 #lastdonation {
margin-right: 1em;
width: 53%;
min-height: 170px;
height: auto;
}

/*Property for the table displayed in */
/*the index page containing the last donation*/
#tier2 #lastdonation table {
text-align: left;
margin: 0.9em 0 0 0.5em;
width: 100%;
padding-right: 1em;
}

/*Property for the title of the column of the table*/
#tier2 #lastdonation th {
text-align: center;
}

/* hidden ttl for webslice */
#tier2 #lastdonation #hidden {
display: none	
}

/*Property for the last box of the index page*/
#tier2 #planet {
width: 21%;
height: 170px;
}

/*Property applied for p text in planet box*/
#tier2 #planet .bodyright p {
padding: 1em .3em .3em .3em;
}


/*------------------------------------Search Page Definition----------------------------------*/
#mainContent #mainSearch {
min-height: 120px;
height: auto;
text-align: center;
margin: 2em 0 2em 0;
padding: 0 0 1em 0;
}


/*------------------------------------Offer Page Definition-----------------------------------*/
#mainContent #mainDon {
min-height: 100px;
height: auto;
text-align: left;
margin: 2em 0 2em 0;
padding: 0 0 1em 0;
}

/*Property applied for label in the offer page*/
#mainContent #mainDon label{
margin-left: 10px;
font-weight: bold;
}

/*Property applied for input select and tex area in the offer page*/
#mainContent #mainDon input,
#mainContent #mainDon select,
#mainContent #mainDon textarea{
margin-left: 20px;
}

/*Property applied for the ajax messages in the offer page*/
#mainContent #mainDon #messageTitle,
#mainContent #mainDon #messageDescription{
font-weight: normal;
}

/*Property for the description and message text area*/
#mainContent #mainDon #description,
#mainContent #mainDon #messageform {
border: 1px solid #ababab;
padding: 1em;
}


/*------------------------------------login Page Definition-----------------------------------*/
#mainContent #mainConnect {
min-height: 100px;
height: auto;
text-align: center;
margin: 2em 0 2em 0;
padding: 0 0 1em 0;
}


/*------------------------------------My account Page Definition------------------------------*/
/*------------------------------------Administration Page Definition--------------------------*/
/*My account contains:*/
/*-a points section-pointsdiv*/
/*-a given object section-mainObjDonne*/
/*-a requested object section-mainObjDemand*/
#mainContent #mainObjDonne,
#mainContent #mainObjDemand,
#mainContent #mainAdmin {
min-height: 100px;
height: auto;
text-align: left;
margin: 2em 0 2em 0;
padding: 0 0 1em 0;
}

/*-------------Table Definition-------------*/
#mainContent #mainObjDonne table, 
#mainContent #mainObjDemand table,
#mainContent #infoobject table,
#mainContent #mainAdmin table {
width: 100%;
padding-right: 1em;
margin: 0.9em 0 0 0.5em;
}

/*Color for the tables*/
#mainContent #mainObjDonne .color0,
#mainContent #mainObjDemand .color0,
#mainContent #tier2 #lastdonation .color0,
#mainContent #infoobject .color0,
#mainContent #mainAdmin .color0 {
background: #e6e6e6;
}

/*----Property for label input textarea in admin----*/
#mainContent #mainAdmin label{
margin-left: 10px;
font-weight: bold;
}

#mainContent #mainAdmin input{
margin-left: 20px
}

#mainContent #mainAdmin textarea{
margin-top: -20px;
margin-left: 20px
}

#mainContent #mainAdmin #message {
border: 1px solid #ababab;
padding: 1em;
background: #ffffff;
}


/*------------------------------------Registration Page Definition----------------------------*/
#mainContent #registration {
min-height: 100px;
height: auto;
text-align: left;
margin: 2em 0 2em 0;
padding: 0 0 1em 0;
}

#mainContent #registration fieldset {
  border:none;
line-height: 1.5em;
}

#mainContent #registration label{
margin: 0 0 0 1em;
position: relative;
display:block;
}

#mainContent #registration input{
  margin-left:17em;
  margin-bottom:.2em;
  width: 200px;
}

#mainContent #registration img,
#mainContent #registration #captchaInput{
margin: 1.5em 0 1em 7em;
}

#mainContent #registration #messageCaptcha{
margin-left: 6.5em;
}

/*Property for the checkbox*/
#mainContent #registration #cguvalid{
  margin-left:2em;
  margin-bottom:1em;
  width: auto;
}

#mainContent #registration #cguvalidtext{
display: inline;
margin-left: .5em;
}

#mainContent #registration #regsubmit {
width: auto;
margin: 0 0 0 8em;
display: block;
}

/*Property for the field in registration*/
#mainContent #registration #regusername,
#mainContent #registration #reguserPassword,
#mainContent #registration #regpasswordconfirm,
#mainContent #registration #regemailAddress,
#mainContent #registration #regpostalCode {
display: inline;
position: absolute;
margin-left: 220px;
margin-top: -20px;
}

/*Property for the ajax code in registration*/
#mainContent #registration #messageUser,
#mainContent #registration #messagePassword,
#mainContent #registration #messagePasswordConfirm,
#mainContent #registration #messageEmail,
#mainContent #registration #messageCode {
margin-left: 440px;
margin-top: -20px;
margin-bottom: -20px;
}


/*------------------------------------Common Property for-------------------------------------*/
/*------------------------------------pointsdiv (myaccount)-----------------------------------*/
/*------------------------------------infoobject (request)------------------------------------*/
/*------------------------------------forgottenpassword --------------------------------------*/
/*------------------------------------Cancellation (myaccount/cancel)-------------------------*/
#mainContent #pointsdiv,
#mainContent #infoobject,
#mainContent #forgottenpasswordbox,
#mainContent #cancellation {
min-height: 100px;
height: auto;
text-align: left;
margin: 2em 0 2em 0;
padding: 0 0 0em 0;
}


/*------------------------------------Search Page definition----------------------------------*/
/*Property for the class searchtable*/
.searchtable {
width: 95%;
border-collapse:collapse;
margin: 0 auto;
text-align: left;
}

/*Property for the request button*/
.searchtable .request {
background: transparent;
text-align: right;
padding-right: 18px;
margin-top: -21px;
width: 20%;
font-weight: 600;
float:right;
}

/*Property for line1 of the result(title+request button)*/
.searchtable .line1 {
background: transparent url(/images/cornertopleftsearch.gif) no-repeat 0 0;
font-size: 120%;
font-weight:600;
color: #202020;
height:22px;
}

.searchtable .line1 .title {
padding-left: 10px;
padding-top: 2px;
}

/*Property for line2 of the result(Description)*/
.searchtable .line2 {
background: transparent url(/images/middleleftsearch.gif) repeat-y 0 0;
font-size: 120%;
color: #202020;
margin-right: 10px;
}

.searchtable .line2right {
background: transparent url(/images/middlerightsearch.gif) repeat-y right;
min-height: 80px;
height: auto;
margin-right: -10px;
padding:10px;
}

/*Property for line3 of the result(Localisation)*/
.searchtable .line3{
background: url(/images/middleleftsearch2.gif) repeat-y 0 0;
font-size: 80%;
color: #202020;
margin-right: 10px;
}

.searchtable .line3right{
background: url(/images/middlerightsearch2.gif) repeat-y right;
margin-right: -10px;
padding-left: 10px;
}

/*Property for line1 of the result(category)*/
.searchtable .line4 {
background: url(/images/cornerbottomleftsearch.gif) no-repeat 0 0;
font-size: 80%;
color: #202020;
margin-right: 10px;
}

.searchtable .line4right {
background: url(/images/cornerbottomrightsearch.gif) no-repeat right;
height: 18px;
margin-right: -10px;
padding-left: 10px;
}

/*Link property for the seach result section*/
.searchtable a:link,
.searchtable a:visited { 
text-decoration: none; 
color:#5166b3;  
}

.searchtable a:hover,
.searchtable a:active { 
text-decoration: none; 
color:#5999fc; 
}

/*left Margin for class marge*/
.marge {
	margin-left: 5em;
}


/*------------------------------------Concept Page Definition---------------------------------*/
/*------------------------------------Author Page Definition----------------------------------*/
/*------------------------------------CGU Page Definition-------------------------------------*/
#concept, #author, #cgu {
height: auto;
margin: 2em 1em 2em 1em;
padding: 0;
text-align: center;
}

/*Property for p text in concept and author box*/
#concept p, #author p{
margin: 1em;
margin-top: 0;
}

/*Property applied for p text in author*/
#mainContent #author .bodyright p{
padding: 1em 0em 0em 0em;
}

#cgu p{
margin: 1em;
margin-top: 0;
text-align:left;
}

#cgu h4{
font-size: 13pt;
text-align:center;
margin: 2em 0 1em 0;
}

#cgu h5{
font-size: 10pt;
text-align:left;
margin: 0 0 .2em 1em;
}

#cgu h6{
font-size: 9pt;
text-align:left;
margin: 0 0 .2em 1em;
}


/*------------------------------------Footer Definition---------------------------------------*/
#footer {
clear: both;
height: 70px;
background: url(/images/footerbackground.jpg) repeat-x;
text-align: center;
}

/*Property for text in footer*/
#footer p {
position: relative;
top: 26px;
}

/*Property for images in footer*/
#footer img {
margin-top: 2px;
}