/*

	EARTH-WISH.ORG by DOMINIQUE RADISSON
	
	SCREEN
	

 */
 
@import url(reset.css);
@import url(forms.css);
@import url(debug.css);
 
/* BODY
---------------------------------------------------------------------- */
body {
	font:12px Arial, Helvetica, sans-serif;
	background:#efefef url(../images/bg-body.png) repeat-x;
	color:#000;
	margin:0;
}


/* DEFAULT STYLING / STYLES PAR DEFAUT
---------------------------------------------------------------------- */
p,ul,dl,ol {
font-size:1em;
line-height:1.4em;
margin-bottom:1.8em;
}

ol {
	list-style:disc outside;
}

ol li { margin-left:14px;}

hr {
height:0;
border:0;
border-top:1px solid #ccc;
margin-bottom:24px;
}

abbr {
border-bottom:1px solid #ccc;
cursor:help;
}

abbr:hover {
border-color:#999;
}

del {
color:#999;
}

sup {
font-size:0.75em;
position:relative;
top:-3px;
}


/* LAYOUT / BLOCS
---------------------------------------------------------------------- */
#container,#content,#welcome,#header-fonctions,#header {
width:930px;
/* width:580px;  /* DR */*/
}

div#container {
overflow:hidden;
margin:0 auto 24px;
}

div#header {
height:291px;
position:relative;
background:url(../images/bg-header.jpg) no-repeat;
}

div#content_pri,div#content_sec {
float:left;
overflow:hidden;
padding:10px 30px;
}

div#content_pri {
width:525px;
}

div#content_sec {
width:280px; 
}

div#footer {
width:100%;
float:left;
height:208px;
border-top:1px solid #999;
background:url(../images/bg-footer.png) repeat-x;
}

#header-fonctions {
width:870px;
float:left;
height:39px;
line-height:39px;
font-size:0.9em;
border-top:thin solid #CCC;
border-bottom:thin solid #CCC;
position:relative;
top:172px;
background-color:#FAFFF7;
padding:0 30px;
}

#welcome {
float:left;
height:80px;
background-color:#0c37a8;
width:930px;
position:relative;
top:171px;
}

#clear,.clear {
clear:both;
}


/* WISHES / VOEUX
---------------------------------------------------------------------- */
.focus {
display:block;
width:auto;
height:auto;
background-color:#F2F2F2;
color:#000;
border:1px solid #CCC;
padding:12px;
}

#focus span {
font:1.8em Georgia, "Times New Roman", Times, serif;
color:#000;
}

#focus span.top,
#focus span.txt,
#focus span.bottom {
float:left;
width:519px;
display:block;
}

#focus span.top {
width:499px;
height:55px;
background:url(../images/last-top.png) no-repeat;
font-size:0.8em;
margin-top:-10px;
line-height:55px;
padding-right:20px;
text-align:right;
color:#999;
}

#focus span.txt {
background:url(../images/last-mid.png) repeat-y;
width:469px;
line-height:1.4em;
padding:0 25px;
}

#focus span.sign,ul.voeux span.sign {
display:block;
margin-top:14px;
color:#999;
font:11px Arial, Helvetica, sans-serif;
}

#focus span.bottom {
height:17px;
background:url(../images/last-bottom.png) repeat-y;
margin-bottom:30px;
}

ul.voeux p {
display:inline;
}

#focus span.txt img,
div#content_pri ul.voeux li img {
margin-right:3px;
}

ul.voeux span.sign { display:block; margin:8px 0px 0px 0px!important; color:#030;}


/* HEADINGS / STYLES PRINCIPAUX
---------------------------------------------------------------------- */
h2 {
font-size:150%;
font-weight:700;
}

h3 {
font-size:135%;
font-weight:700;
}

h4 {
font-size:120%;
font-weight:700;
}

h5 {
font-size:108%;
font-weight:700;
}

div #content_pri h3 {
font-size:2em;
text-align:left;
margin-bottom:5px;
}

div #content_pri h4 {
font-size:1.4em;
color:#06F;
margin:30px 0 20px;
}

div#content_sec h3 {
font-size:1.2em;
font-weight:700;
color:#000;
padding-left:19px;
}

div#content_sec h3.best {
padding-left:20px;
background:url(../images/content-sec-h3.png) no-repeat 3px 6px;
}


/* LINKS / LIENS
---------------------------------------------------------------------- */
a.standard {
color:blue !important;
}

a:link,a:visited {
color:#000;
}

a:hover,a:focus {
color:#333;
}

a:link.external,a:visited.external {
padding-right:15px;
background:url(../images/site/external_link.gif) no-repeat right center;
}

ul#nav_pri a:link,ul#nav_pri a:visited,ul#nav_sec a:link,ul#nav_sec a:visited {
color:#000;
text-decoration:none;
}

ul#nav_pri a:hover,ul#nav_pri a:focus,ul#nav_sec a:hover,ul#nav_sec a:focus {
color:#333;
text-decoration:underline;
}

p.copyright a:link,p.copyright a:visited {
color:#9b211d;
}

p.copyright a:hover,p.copyright a:focus {
color:#72100c;
}

a.translate  { display:block; margin:5px 0px; padding:0px;}


/* IMAGES
---------------------------------------------------------------------- */
img.vignette {
position:relative;
top:5px;
left:6px;
}

img.vignette-h {
position:relative;
top:18px;
left:6px;
}

img.vignette-v {
position:relative;
top:5px;
left:18px;
}


/* HEADER / BRANDING
---------------------------------------------------------------------- */
#header a.vcard {
position:absolute;
z-index:100;
top:183px;
left:870px;
display:block;
padding-left:16px;
width:20px;
height:16px;
background:url(../manager/css/images/vcard-small.png) no-repeat;
text-indent:-9999px;
}

/*#header ul#langues {
position:absolute;
width:290px;
top:150px;
left:602px;
border:1px solid black;
}*/

#header ul#langues {
position:absolute;
width:16px;
height:150px;
top:10px;
left:880px;
}

#header ul#langues li { float:right; margin-top:20px;;
}

#header a.rss {
position:absolute;
z-index:200;
top:183px;
left:848px;
display:block;
padding-left:16px;
width:20px;
height:16px;
background:url(../images/icons16x16/feed.png) no-repeat;
text-indent:-9999px;
}

div.addthis_toolbox {
position:absolute;
top:10px;
left:700px;
width:170px;
height:20px;
line-height:16px;
}

.home div.addthis_toolbox {
position:absolute;
top:265px;
z-index:100;
}

#header h2 {
display:block;
position:absolute;
top:213px;
left:0px;
height:70px;
width:900px;
padding-left:30px;
font:bold 2.8em/65px "Lucida Grande", Verdana, Geneva, sans-serif;
color:#000;
border-bottom:1px solid #DDD;
}

#header-fonctions a.back,#header-fonctions a.home {
float:left;
display:block;
width:24px;
height:24px;
text-indent:-9999px;
margin:7px 10px 0 0;
}

#header-fonctions a.back {
background:url(../images/ico-back-0.png) no-repeat;
}

#header-fonctions a.home {
background:url(../images/ico-home-0.png) no-repeat;
}

#header-fonctions a.back:hover {
background:url(../images/ico-back-1.png) no-repeat;
}

#header-fonctions a.home:hover {
background:url(../images/ico-home-1.png) no-repeat;
}

#welcome h3 {
display:block;
height:76px;
width:510px;
font:normal 28px "Times New Roman", Times, serif;
color:#FFF;
letter-spacing:1px;
padding-top:4px;
margin:0 0 0 30px;
}

#welcome a {
display:block;
width:230px;
height:72px;
position:absolute;
top:8px;
left:610px;
background:url(../images/bg-submit.png) no-repeat;
padding-left:55px;
font:bold 1.5em/58px Tahoma, Geneva, sans-serif;
/*
top:20px; /* DR 
left:266px /* DR 
*/
}

#welcome a:link,#welcome a:visited {
text-decoration:none;
color:#333;
}

#welcome a:hover,#welcome a:active {
background:url(../images/bg-submit-hover.png) no-repeat;
color:#000;
}

h1 {
position:absolute;
top:2px;
left:0;
height:170px;
width:930px;
text-indent:-9999px;
background:url(../images/bg-h1.png) no-repeat;
display:none;
}

.home span.permalinks { position:absolute; top:255px; left:30px;z-index:300; margin-left:0px;}

span.permalinks { display:block; line-height:38px; width:130px; height:38px; color:grey; margin-left:60px;  }

span.permalinks ul { width:auto;list-style: none; display:inline;}

span.permalinks li { float:right; margin:0px 5px 0px 0px; }

span.permalinks a.fac,
span.permalinks a.twi { display:block; width:16px; height:16px; position:relative; top:10px; }

span.permalinks a.fac {
	background: url(../images/facebook_ico.gif) no-repeat;
}
span.permalinks a.twi {
	background: url(../images/twitter_ico.gif) no-repeat;}


/* NAVIGATION
---------------------------------------------------------------------- */
ul#nav_pri,ul#nav_sec {
font-size:0.8em;
text-align:center;
font-weight:700;
}

ul#nav_pri li,ul#nav_sec li {
list-style:none;
display:inline;
}

ul#nav_pri {
position:relative;
top:12px;
}

ul#nav_pri li.selected a,ul#nav_sec li.selected a {
text-decoration:underline;
}

span.beetween {
margin:0 3px;
}

/* SITE INFO / FOOTER
---------------------------------------------------------------------- */


div#footer p.sub {font-size:0.8em;display:block;margin:0 auto;line-height:38px; text-align:center;width:100%;height:38px;background:url(../images/bg-footer-sub.png) repeat-x;
}

div#footer p.sub a,
div#footer p.sub a:link,
div#footer p.sub a:hover,
div#footer p.sub a:visited {color:black;}

#footer p,#footer ul,#footer ol {
font-size:1.2em;
margin:0;
}

#footer table {
display:block;
width:930px;
height:170px;
color:#FFF;
margin:0 auto;
padding:8px 30px 4px;
}

#footer table td {
vertical-align:middle;
}

#footer table td.l {
width:605px;
padding-right:30px;
}

#footer table td.r p,
#footer table td.r span {
padding-left:0px;
}

#footer table td.r {
width:235px;
}

#footer table td img {
float:left;
margin-top:-8px;
}

#footer a {
color:#FFF;
}

#footer ul {
width:200px;
border-left:1px solid #888;
padding-left:30px;
}

span.copy {
display:block;
margin-left:20px;
padding-top:20px;
}


/* LISTS / LISTES
---------------------------------------------------------------------- */

#content_pri ul {
list-style:none;
}

#content_pri ul.voeux {
font:1.2em Georgia, "Times New Roman", Times, serif;
}

#content_pri ul.voeux li {
border-bottom:1px solid #ddd;
padding:15px 2px;
}

#content_sec li {
border-bottom:1px solid #ddd;
padding:15px 0;
}

#content_pri ul li.last,#content_pri ul li.gauche-last,#content_pri ul li.droite-last {
border-bottom:none !important;
}

ul.liste_callfunds {
margin-top:10px;
}

ul.liste_callfunds li {
border-top:1px solid #DDD;
margin:10px 0;
padding:15px 2px;
}

div#content_sec li.out {
padding:0;
}

div#content_sec li h3 a {
text-decoration:none;
background:url(../images/content-sec-h3.png) no-repeat 3px 6px;
margin-left:-37px;
padding:0 0 4px 17px;
}

div#content_sec a:link,div#content_sec a:visited,div#content_sec li h3 a:link,div#content_sec li h3 a:hover,div#content_sec li h3 a:visited {
text-decoration:none;
color:#000;
}

div#content_sec li.selected a,div#content_sec li.selected h3 a:visited,div#content_sec li.selectedfirst h3 a:visited {
text-decoration:none;
color:#FFF;
}

div#content_sec li span.titre,div#content_sec li span.desc,div#content_sec li span.url {
font-size:11px;
padding:0 25px 0 0;
}

div#content_sec li span.titre {
display:block;
font-weight:700;
margin:6px 0 -18px -1px;
}

div#content_sec li a.all {
display:block;
margin:14px 0 0;
}

ul.donations-menu li a,ul.donations-menu li a:visited,ul.donations-menu li a:active {
text-decoration:none;
color:#777;
display:block;
float:left;
background-color:#EDEDED;
border:1px solid #D0D0D0;
margin:0 3px;
padding:3px 5px;
}

ul.donations-menu li a:hover {
background-color:#DEDEDE;
}

ul.donations-menu li a.selected {
background-color:#DADADA;
color:#555;
}

div#content_sec li {
padding:18px 20px;
}

div#content_sec li.first,div#content_sec li.selectedfirst {
padding:18px 20px 14px;
}

div#content_sec li.selected,div#content_sec li.selectedfirst {
background-color:#222;
}

#content_sec li.out,ul.liste_callfunds li.last {
border-bottom:1px solid #ddd;
}

div#content_sec li h3 a:active,div#content_sec a:hover {
text-decoration:none;
color:#C00;
}

div#content_sec li.selected,div#content_sec li.selectedfirst,div#content_sec li.selected a,div#content_sec li.selectedfirst a,div#content_sec li.selected a:hover,div#content_sec li.selectedfirst a:hover {
color:#FFF;
background-image:none;
}


/* GALERIE
---------------------------------------------------------------------- */
ul.galerie li {
float:left;
width:102px;
height:102px;
background:url(../images/bg-pattern-color.png) repeat;
border:thin dashed #666;
margin:11px;
}

#ZoomCaption {
height:30px;
font:12px/30px Arial, Helvetica, sans-serif;
color:#FFF;
background:url(../images/bg-legende.png) repeat;
text-align:center;
padding:5px 10px;
}


/* COMMENTS / COMMENTAIRES
---------------------------------------------------------------------- */
ul#comments {
width:480px;
}

ul#comments li,ul#comments li.reponse,ul#comments li.publication {
border:1px solid #BBB !important;
margin-bottom:15px;
padding:8px;
}

ul#comments span.date {
font-weight:400;
color:#999;
margin-left:10px;
}

ul#comments li.reponse {
width:440px;
padding-left:30px;
background:url(../images/icons16x16/arrow_090.png) no-repeat 4px 10px;
}


/* PAGER
---------------------------------------------------------------------- */
#pager {
width:100%;
text-align:center;
}

#pager li {
list-style:none;
display:inline;
padding:5px;
}

#pager li a {
text-decoration:none;
padding:5px;
}

#pager a:link,#pager a:visited {
color:grey;
border:1px solid grey;
}

#pager a:hover,#pager a:focus {
color:#333;
border:1px solid #333;
}


/* A TRIER
---------------------------------------------------------------------- */
ul.voeux span.sign,div#content_sec li span.desc p {
margin:0;
}

strong,ul#comments p.nom {
font-weight:700;
}

div#content,#header img {
float:left;
}

#header cite,div#content_sec li a.link {
display:none;
}

.home #header a.vcard,.home #header a.rss {
position:absolute;
z-index:100;
top:265px;
}

#footer ul li,ul#comments p {
margin:0;
padding:0;
}