/* CSS Document */

/* Général */
body {margin:0; font-family:Trebuchet MS, Calibri, Arial, Verdana, Helvetica, sans-serif; font-size:12px;background:#109BFD;}

img {border:0}

#conteneur {background:green; width:800px; margin:0 auto;}

#header {background:#ffffff; float:left;}

#content {background:#ffffff url(img/bg-footer.gif) left repeat-y; float:left; margin:auto;height:100%;}
#navigation {background:#FDCFA7; width:186px; float:left;}
#contenu {width:614px; float:left; padding-bottom:30px;}
#page{width:500px;margin:20px auto; padding:0}

#footer {padding-left:186px; background:#fff url(img/bg-footer.gif) left repeat-y; margin:0;}



/* HEADER */
#header img {display:block; float:left;}
#header span {float:right;}
#header span a {font-size:14px; font-weight:500; color:#109BFD; text-decoration:none; background:url(img/bg-mail.gif) left no-repeat; padding-left:20px; margin-right:8px}
#header span a:hover {color:#41CFFC; text-decoration:none; background:url(img/bg-mail-over.gif) left no-repeat;}


/* FOOTER */

#footer p {text-align:center; padding:0; margin:0; color:#FB633A;}
#footer p a{color:#FB633A; text-decoration:none;}
#footer p a:hover{color:#FB953A; text-decoration:underline;}

/* -----NAVIGATION */

	/*----------menu*/
#nav {width: 176px ;list-style: none ;margin: 5px 5px 50px 5px ;padding: 0 ;font-size:1em;}
#nav li {color: #fff ;border-bottom: 2px solid #FDCFA7 ;margin-bottom: 1px ;}
#nav li a {display: block ;background: #FB953A ;color: #fff ;line-height: 1em ;padding: 6px 0 6px 2px ;text-decoration: none ;}

#nav li.haut a{background:url(img/menu-haut.gif) no-repeat bottom;}
#nav li.bas a{background:url(img/menu-bas.gif) no-repeat top;}

#nav li.haut a:hover.haut, #nav li.haut{background:url(img/menu-haut-over.gif) no-repeat bottom;}
#nav li.bas a:hover.bas, #nav li.bas{background:url(img/menu-bas-over.gif) no-repeat top;}

#nav li a.normal:hover, #nav li a.normal:focus, #nav li a.normal:active{background: #FFA95D url(img/bonhommes-over.gif) no-repeat right;;text-decoration: none ;}
#nav li a.on {background:#FF6600 url(img/bonhommes.gif) no-repeat right;text-decoration: none ;}

#nav li.haut a.onHaut{background:url(img/menu-haut-on.gif) no-repeat bottom;}
#nav li.bas a.onBas{background:url(img/menu-bas-on.gif) no-repeat top;}

	/*-----------don*/
#navigation span a{font-size:20px; color:#FB633A; text-align:center; text-decoration:none; background:url(img/bg-don.gif) left no-repeat; display:block; width:113px; padding:48px 0 9px 0; margin:0 auto;}
#navigation span a:hover{color:#FB953A; text-decoration:none;}


/* ----CONTENU */

	/*----------HOME*/

		/*----------------focus*/
.lienHome{color:#FB953A; text-decoration:none; margin:0 0 5px 10px;}
.lienHome:hover{text-decoration:underline}
.cartouche{background:#109bfd; padding:10px 5px; color:#FFFFFF; font-size:22px; display:block; text-align:center; margin-top:20px; text-transform:uppercase}

.cartouche2{background:#FB953A; padding:10px 5px; color:#FFFFFF; font-size:20px; display:block; text-align:center; margin-top:20px; text-transform:uppercase}



#focus{width:460px; margin:0 auto; padding:0; color:#FFFFFF;}
.focusHaut{width:460px;display:block;}
.focusBasG{width:224px; margin:12px 12px 0 0; padding:0; float:left;}
.focusBasD{width:224px; margin:12px 0 0 0; padding:0; float:left;}

#focus a span {font-size:11px; text-transform:lowercase}

			/*--------------images*/
#focus img{float:left;margin:0;padding:2px 5px 0 0;}

			/*---------------titre*/
.focusHaut span.titre{float:left; display:block; height:28px;width:460px; background:url(img/bg-focusHaut-titre.gif) no-repeat; color:#FFFFFF; font-size:15px; text-align:left; padding:0; margin:0;}
.focusHaut span.titre  p {padding:6px 0 0 10px; color:#FFFFFF;text-decoration:none;}
.focusHaut span.titre  p a{color:#FFFFFF;text-decoration:none;}
.focusHaut span.titre  p a:hover{color:#FCCFA6;text-decoration:none;}

.focusBasG span.titre{display:block; height:28px;width:224px; background:url(img/bg-focusBas-titre.gif) no-repeat; color:#FFFFFF; font-size:15px; text-align:left; padding:0; margin:0;}
.focusBasG span.titre p{padding:6px 0 0 10px; color:#FFFFFF;text-decoration:none;}
.focusBasG span.titre p a{color:#FFFFFF;text-decoration:none;}
.focusBasG span.titre p a:hover{color:#FCCFA6;text-decoration:none;}

.focusBasD span.titre{display:block; height:28px;width:224px; background:url(img/bg-focusBas-titre.gif) no-repeat; color:#FFFFFF; font-size:15px; text-align:left; padding::0; margin:0;}
.focusBasD span.titre p {padding:6px 0 0 10px; color:#FFFFFF;text-decoration:none;}
.focusBasD span.titre p a{color:#FFFFFF;text-decoration:none;}
.focusBasD span.titre p a:hover{color:#FCCFA6;text-decoration:none;}

			/*--------------texte*/
.focusHaut span.texte{float:left; display:block; background:url(img/bg-focusHaut-texte.gif) repeat-y; width:460px;margin:0;padding:0}
.focusHaut span p{float:left; margin:0; padding:5px 20px 0 10px; color:#109BFD;}
.focusHaut p a{color:#FB953A; text-decoration:none;}
.focusHaut p a:hover{color:#FB633A; text-decoration:none;}

.focusBasG span.texte{float:left; display:block; background:url(img/bg-focusbAS-texte.gif) repeat-y; width:224px;margin:0;padding:0}
.focusBasG span p{float:left; margin:0; padding:5px 10px 0 10px; color:#109BFD;}
.focusBasG p a{color:#FB953A; text-decoration:none;}
.focusBasG p a:hover{color:#FB633A; text-decoration:none;}

.focusBasD span.texte{float:left; display:block; background:url(img/bg-focusbAS-texte.gif) repeat-y; width:224px;margin:0;padding:0}
.focusBasD span p{float:left; margin:0; padding:5px 10px 0 10px; color:#109BFD;}
.focusBasD p a{color:#FB953A; text-decoration:none;}
.focusBasD p a:hover{color:#FB633A; text-decoration:none;}

			/*---------------bas*/
.focusHaut span.bas{display:block; width:460px; height:24px; float:left; padding:0; background:url(img/bg-focusHaut-bas.gif) no-repeat;}
.focusBasG span.bas{display:block; width:224px; height:24px; float:left; padding:0; background:url(img/bg-focusBas-bas.gif) no-repeat;}
.focusBasD span.bas{display:block; width:224px; height:24px; float:left; padding:0; background:url(img/bg-focusBas-bas.gif) no-repeat;}

	/*----------PRESENTATION*/
#page p{padding:0; margin:20px 0;}
#page h4{padding:0; margin:15px 0 10px 0; font-size:16px;  color:#109BFD;}
#page h5{padding:0; margin:15px 0 5px 0; font-size:15px; color:#109BFD;}
#page h6{padding:0; margin:15px 0 4px 0; font-size:13px; color:#109BFD;text-indent:15px;}
#page h7{padding:0; margin:15px 0 4px 0; font-size:12px; font-weight:bold; color:#109BFD;}
p.don{font-size:11px;}
#page img{margin:10px auto;display:block;}
p.legende{text-align:center; font-size:10px;}
#page a{color:#000000; text-decoration:none;}
#page a:hover{color:#FB633A; text-decoration:none;}

	/*----------realisations:retour*/
#contenu span.retour a{text-align:right;color:#FB953A;font-size:12px;display:block;text-decoration:none;margin-right:8px}
#contenu span.retour a:hover{color:#FB633A;text-decoration:none;}
	
	/*---------budget*/
	
table{border:none; border-collapse: collapse;}
tr th {border: 1px solid #109BFD;}
tr td{border: 1px solid #109BFD;}
th{text-align:left; color:#109BFD; padding:4px;}
td{text-align:center}
th.vide{border:none;}
img.budget{margin:0;}
th span{display:block; font-size:9px;}
td.projet{text-align:left; border:none; border-left:1px solid #109BFD; padding-left:3px; font-size:10px}
.chiffreProjet{border:none; border-right:1px solid #109BFD; border-left:1px solid #109BFD;}

ul li.sansPuce{list-style-type:none; margin:0 0 0 -40px; padding:0}
h4.titreGraph{margin:20px auto 0 auto !important; width:250px; color:#48b2fe !important}
	/*----------contact*/
	
.contact a{font-size:12px; font-weight:500; color:#109BFD; text-decoration:none; background:url(img/bg-mail.gif) left no-repeat; padding-left:20px;}
.contact a:hover{color:#41CFFC; text-decoration:none; background:url(img/bg-mail-over.gif) left no-repeat;}

/*--------- Lightbox -----------*/
#lightbox{
    background-color:#ffffff;
    padding: 10px;
    border-bottom: none;
    border-right: none;
	cursor:url(img/zoomin.cur);
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
}

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border:none;  }

#overlay{}

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
	cursor:url(img/zoomin.cur);
}
/*-------- fin lightbox -------*/

/*---- Urgence Haiti ----*/
#menu_urgence {
margin:20px 0;
padding:10px 0;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
#menu_urgence ul {
margin: 0 0 0 10px;
padding: 0 0 0 10px;
}