body{
background-color: #EDF1F2;
margin:16px;
padding:0;
font-family: arial;
font-size: 14px;
}

b{font-size: 110%;}
em{color: red;}

a:link{
font-decoration: none;
}

a:visited{
font-decoration: none;
}

.img_container
{
width: 154px;
height:150px;
text-align:center;
}

.img_container a:link
{
font-decoration: none;
font-family: arial;
font-size: 12px;
border-color: #176C1C;
font-weight: bold;
}

.img_container a:visited
{
font-decoration: none;
font-family: arial;
font-size: 12px;
border-color: #176C1C;
font-weight: bold;
}

/* layout */

#recap{
margin:30px;
font-size: 12px;
font-weight: bold;
font-style: italic;
}

#recap h3{
font-size: 12px;
font-weight: bold;
font-style: italic;
color: #176C1C;
}

#recap td{
font-size: 12px;
font-weight: bold;
font-style: italic;
}


.textinput{
background-color:#bbb;
border:none;
width:100%;
height:300px;
}

.innertube{
margin: 10px;
margin-top: 0;
}

#maincontainer{
background-color: #fff;
width: 800px;
margin: 0 auto;
background-image: url("images/esperanza-bandeau-vert.jpg ");
background-repeat: repeat-y;
}

#topsection{
background: #FFF;
height: 116px;
background-image: url("images/top-banner-800.png");
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 117px;
min-height: 500px;
}

/* edito */

#edito-titre{
float: left;
position: relative;
margin: 5px;
top: 10px;
clear:left;
left: -5px;
}

#edito{
clear: left;
float: left;
width: 195px;
padding-right: 16px;
font-size: 10px;
top: 50px;
margin: 0px;
background-image: url("images/presidents-esperanza-fond.jpg");
background-repeat: no-repeat;
}

#edito-container{
margin: 5px;
}


/* commande */

.commande-products-nb
{
position: relative;
font-family: arial;
color: #717372;
font-weight: bold;
height: 30px;
float: right;
text-align: right;
}

.commande-products-nb label
{
font-family: arial;
color: #717372;
font-weight: bold;
height: 20px;
*top: -15px;
}

.commande-products-nb input
{
height: 22px;
top: 1px;
}

.commande-products-price
{
position: relative;
top: 3px;
float: left;
font-family: arial;
color: #717372;
font-weight: bold;
}

.commande-products-div
{
position: relative;
margin:7px;
padding:8px;
width: 160px;
float:left;
}

.commande-products-title
{
font-size:11px;
font-weight: bold;
color: #1A7D20;
}

#commande{
position: relative;
margin-left: 15px;
text-align: center;
}

#commande-bloc{
position: relative;
margin-left: 25px;
border-left: 1px solid #fbb751;
border-right: 1px solid #fbb751;
width: 614px;
left: 1px;
*margin-left: -1px;
*top: -5px;
}

#commande-form{
clear:left;
position:relative;
*left:-20px;
width: 590px;
*width: 560px;
font-family: arial;
color: #717372;
font-weight: bold;
font-size: 16px;
text-align: center;
}


#commande-products{
clear:left;
position: relative;
width: 614px;
font-family: arial;
color: #717372;
font-weight: bold;
font-size: 16px;
}

.commande-form-input label{
clear: left;
height: 36px;
float: left;
}

.commande-form-input{
position: relative;
left: 20px;
height : 32px;
width : 580px;
float: right;
}

.commande-form-input select{
height: 21px;
}

.commande-form-input a{
position: relative;
height: 40px;
color: red;
font-size: 12px;
font-weight: bold;
}


#commande-form-valid{
float: right;
padding: 15px;
}

#commande-info{
text-align: center;
font-weight: bold;
color: #ffcc33;
clear: right;
width: 100%;
}

#commande-info img{
float: left;
padding-left: 30px;
padding-right: 25px;
}

#commande-thx{
padding-top: 20px;
padding-right: 20px;
text-align: right;
}

#commande-bottom{
position: relative;
*top: -10px;
}
/* donate */
#donate-top
{
float: left;
clear: left;
padding: 10px;
width: 100%;
}

#donate-center{
float: left;
clear: left;
width: 100%;
*top: 5px;
}

#donate-bloc-left
{
position:relative;
left:15px;
width: 426px;
}

#donate-bloc-left-post
{
position: relative;
padding: 10px;
background-image: url("images/parrainer-back-post.gif");
background-repeat: repeat-y;
font-style: italic;
font-weight: bold;
font-family: arial;
color: #717372;
*top: -5px;
}

.donate-input {
position: relative;
height: 40px;
}

.donate-input a{
position: relative;
height: 40px;
color: red;
font-size: 12px;
font-weight: bold;
}

.donate-input select{
height: 20px;
}

.donate-input label {
position: relative;
margin-bottom: 10px;
text-align: left;
float: left;
padding-right: 20px;
}

#donate-bloc-left-bottom
{
position: relative;
*top: -5px;
}

#donate-right
{
float: right;
position: relative;
width: 240px;
}

#donate-right img
{
padding-top: 10px;
padding-bottom: 10px;
}

#donate-right p
{
padding: 10px;
font-family: arial;
font-size: 12px;
color: #717372;
font-weight: bold;
}


#donate-right p.p2
{
padding: 10px;
font-family: arial;
color: black;
}

/* donate2 */

#donate2-top{
text-align: center;
padding-bottom: 20px;
margin-top: 50px;
}

#donate2-bloc{
margin-left: 120px;
width: 426px;
background-image: url("images/parrainer-back-post.gif");
margin-bottom: 100px;
}

#donate2-input{
font-style: italic;
font-weight: bold;
font-family: arial;
color: #717372;
}

#donate2-input-post
{
width: 350px;
padding-left: 30px;
float: left;
}

#donate2-input-sep{
text-align: center;
}

#donate2-input-submit{
float: right;
padding-right: 20px;
}

/* donate-valid */

#donate-valid-top{
text-align: center;
margin-top: 100px;
}

#donate-valid-mid{
text-align: center;
margin-top: 100px;
}


/* parrain */

#parrain-top{
margin-left: 180px;
margin-top: 40px;
}

#parrain-bloc{
margin-left: 120px;
width: 426px;
}

#parrain-input-post{
position: relative;
padding: 10px;
background-image: url("images/parrainer-back-post.gif");
font-style: italic;
font-weight: bold;
font-family: arial;
font-size: 13px;
color: #717372;
*top: -5px;
}

#parrain-input-bottom{
position: relative;
*top: -10px;
}

#parrain-input-date
{
position: relative;
text-align: right;
}

#parrain-input-submit{
text-align: center;
}

#parrain-text{
clear: right;
}

#parrain-cheque{
margin-left: 180px;
width: 320px;
font-weight: bold;
font-style: italic;
color: #717372;
clear: left;
}

#parrain-cheque p{
margin-left: 30px;
font-size: 16px;
font-weight: bold;
color: #717372;
}

#parrain-cheque img{
width: 350px;
margin-left: -30px;
}

#onetime{
float: left;
}

#parrain-cheque-text{

}

.parrain-input1{
position: relative;
height: 21px;
clear: right;
}

.parrain-input1 label {
position: relative;
height: 21px;
text-align: left;
float: left;
}

.parrain-input3{
position: relative;
height: 21px;
clear: right;
float: right;
}

.parrain-input3 label {
height: 21px;
}

.parrain-input2{
position: relative;
height: 21px;
float: right;
clear: right;
width: 400px;
}

.parrain-input2 label {

height: 21px;
}

/* down */



#load-bloc-files
{
font-family: arial;
font-size: 14px;
color: #176C1C;
font-weight: bold;
position:relative;
margin-left:20px;
}
#load-bloc-files a:link
{
font-decoration: none;
font-family: arial;
font-size: 12px;
color: #176C1C;
font-weight: bold;
}
#load-bloc-files a:visited
{
font-decoration: none;
font-family: arial;
font-size: 12px;
color: #176C1C;
font-weight: bold;
}

.load-adobe
{
border:none;
margin-top:30px;
margin-left:60px;
}

#load-adobe-text
{
position:relative;

top: -36px;
left:200px;
font-family: arial;
font-size: 12px;
color: #888888;
font-weight: bold;
position:relative;
}

/* contact */
#contact-top
{
position: relative;
left: 275px;
}

#contact-bloc
{
clear:both;
left:20px;
top: 10px;
position:relative;
width: 660px;
height: 406px;
background-image: url("images/contact-esperanza-bloc.png");
}

#contact-bloc-input
{
position: relative;
top: 30px;
left: 260px;
width: 358px;
overflow: hidden;
}

#contact-bloc-input-mail input
{
position: relative;
font-family: arial;
font-size: 14px;
color: #176C1C;
font-weight: bold;
font-style: italic;
width: 358px;
border: none;
border: 0px;
}

#contact-bloc-input-msg textarea
{
font-family: arial;
font-size: 14px;
font-style: italic;
color: #176C1C;
font-weight: bold;
position: relative;
border: none;
width: 358px;
border: 0px;
overflow: auto;
}

#contact-submit{
margin-left: 70px;
}

.contact-img
{
position: relative;
clear: left;
float: left;
width:200px;
padding-top: 40px;
padding-left: 40px;
}

.contact-txt
{
position: relative;
font-family: arial;
font-size: 14px;
font-style: italic;
color: #176C1C;
font-weight: bold;
float: left;
left: 40px;
top: 40px;
margin: 10px;
width: 300px;
height: 80px;
}


#news-table{
padding:10px;
}

#left-title-td{
height:49px;
width:232px;
}

#left-content-td{
background-image: url("images/news-dates-background.png");
background-repeat: repeat-y;
}

#left-bottom-td{
}

#right-title-td{
height:56px;
valign:bottom;
}

#right-content-td{
background-image: url("images/actions-esperanza-post.png");
background-repeat: repeat-y;
}

#right-bottom-td{
}

#main-title-td{
}

#belo-titre{
padding-left: 20px;
}

#agenda{
width: 222px;

margin-left: 10px;
}

#agenda-top{
}

#agenda-bottom{
width: 222px;
height: 5px;
float: left;
position: relative;
*top: -10px;
}

#agenda-dates{
height:100%;
width: 222px;


}

/* actions */

#actions{
margin-left: 245px;
width: 426px;
}

#action-top{
width: 426px;
}

#actions-post{

position: relative;
width: 426px;
height:100%;
}

#actions-bottom
{
position: relative;
height: 5px;
top: -10px;
}

#news-top{
position: relative;
}


#news-top{
position: relative;
}

#news{
width: 659px;
margin-left: 10px;
}

#news-post{
position: relative;
background-image: url("images/actualites-esperanza-post.png");
top: -10px;
}

#news-bottom{
position: relative;
top: -15px;
*top: -25px;
}

#mission{
clear: left;
}

#mission-top
{
margin: 10px;
}

#mission-left{
float: left;
position: relative;
margin-left: 15px;
*margin-left: 8px;
*margin-right: 8px;
margin-top: 10px;
}

#mission-left img{
clear: right;
position: relative;
padding-top: 5px;
*padding-top: 15px;
}

#mission-post{
margin-right:20px;
left: 20px;
position: relative;
}

#centers{
clear: left;
}

#centers-top{
position: relative;
padding: 10px;
}

.centres-img{
float:left;
clear:left;
padding-right:10px;
padding-top:20px;
}

#centers-post{

}

.centers-post-img{
padding: 10px;
clear: left;
}

.centers-post-img img{
float: left;
margin-right: 10px;
}

#centers-post-txt{
margin-top: -10px;
}

#partners{
padding: 10px;
position: relative;
}

#partners-top{
float: left;
padding: 10px;
}

#partners-top-text{
padding: 10px;
position: relative;
}

#partners-post{
clear: left;
}

#partners-left{
clear: left;
width: 400px;
position: relative;
}

.partners-img-left img{
position: absolute;
margin-left: 400px;
float: right;
clear: right;
border: 0;
}

.partners-img-right img{
position: absolute;
margin-left: 550px;
float: right;
clear: right;
border: 0;
}

#tem{
width: 659px;
margin-left: 10px;
}

#tem-post{
top: -5px;
position: relative;
background-image: url("images/temoignages-NC-bloc-post.gif");
background-repeat: repeat-y;
*top: -10px;
}

#tem-bottom{
top: -10px;
*top: -25px;
position: relative;
}

#bottom{
position: relative;
top: -10px;
}

/* post */

#post{
clear: right;
font-size: 18px;
top: 50px;
margin: 5px;
background-repeat: no-repeat;
}

.post{
clear: right;
font-size: 18px;
top: 50px;
margin: 5px;
background-repeat: no-repeat;
}

.post h3{
font-size: 12px;
font-weight: bold;
font-style: italic;
color: #176C1C;
}

.post a{
font-decoration: none;
color: #ec9307;
}

.post a:link{
font-decoration: none;
color: #ec9307;
}

.post a:visited{
font-decoration: none;
color: #ec9307;
}

#post-container{
margin: 5px;
}

p{
font-size: 11px;
font-weight: regular;
}

p.p0{
font-size: 11px;
font-weight: bold;
font-style: italic;
color: #5D5E5D;
}

p.p1{
font-size: 10px;
font-weight: bold;
font-style: italic;
}

p.p2{
font-size: 10px;
font-weight: regular;
color: #616362;
}

#post h3{
font-size: 12px;
font-weight: bold;
font-style: italic;
color: #176C1C;
}

#post a{
font-decoration: none;
color: #ec9307;
}

#post a:link{
font-decoration: none;
color: #ec9307;
}

#post a:visited{
font-decoration: none;
color: #ec9307;
}

div.feed-box {
padding: 5px;
}

div.feed-sep {
text-align: center;
}

/* left */

#leftfront{
position: absolute;
z-index: 3;
top:0;
left:1px;
}

#leftback{
position:absolute;
width:117px;
z-index: 1;
top:0;
left:0;
}

#leftbottom{
position: relative;
top: -5px;
align: left;
z-index:5;
left:0;
clear: left;
}

#leftcolumn{
position: relative;
float: left;
width: 117px;
margin-left: -800px;
}

/* menu */

.petitespace {
font-size: 1px;
}

#menubar {
width: 663px;
background: white;
color: #000;
text-align: left;
padding: 4px 10px 16px;
font-family: arial;
font-size: 14px;
}

#menubar a:visited{
font-weight: bold;
}

#menubar a:link,a:visited{
color: #166313;
text-decoration: none;
font-weight: bold;
}

#menubar a:hover,a:visited{
color: #f3c01b; 
text-decoration: none;
font-weight: bold;
}

.menu {

float: left;
cursor: default;
font-size: 11px;
}
    
.menu ul {
display: none;
position: absolute;
background-color: #eee;
color: black;
list-style: none;
margin: 0.1em 0 0 0;
padding: 0;
font-size: 11px;
text-align: left;
}
    
.menu ul li {
display: block;
padding: 0.2em;
}
    
div.menu:hover ul, 
div.menu.over ul {
left: auto;
z-index: 60;
display: block;
margin: 0;
padding: 0;

}

.menu img {
position: relative;
border: none;
height: 16px;
padding: 0 4px 0 4px;
}

/* album */

#album{ 
overflow:hidden;
padding: 15px; 
width: 583px; 
position:relative; 
margin-left:23px; 
border-left: 1px solid #f2920a; 
border-right: 1px solid #f2920a; 
}

.img_container {
margin: 8px;
float: left;
}


img.img_top {
position: relative;
left: 20px;
*top: 3px;
}

img.img_bottom {
position: relative;
left: 20px;
}

.img_nav {
top: 118px;
width: 600px;
clear: left;
text-align: center
}

#album a:link,a:visited{
color: #166313;
text-decoration: none;
font-weight: normal;
}

/* team */

#team-img {
position : relative;
left : 16px;
}


/* footer */

#footer{
font-size: 11px;
font-weight: bold;
font-family: arial;
clear: left;
width: 100%;
background: #EDF1F2 ;
color: #555;
padding: 4px 0;
}

#footer-text{
position: relative;
top:-5px;
text-align: center;
background-color: #FCF3D3;
}

#footer a{
color: #555;
}

#mailsend{

padding-left:200px;

}