@charset "iso-8859-1";
/* CSS Document */

* {margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#000000;}
body {background-color:#FFFFFF;}
td {vertical-align:top;}

#principal {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background:url(../imageshong/fond.jpg) top left repeat-y;
}

#contenu {
	width:842px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.newsletter {
	position:absolute;
	top:100px;
	left:430px;
}

.newsletter p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#826a57;
	font-weight:bold;
	padding-bottom:2px;
}

.newsletter_bloc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px;
	border:#FFFFFF solid 1px;
	background-color:#f9b92f;
}

.newsletter_bloc td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding-right:3px;
}
.newsletter_text{
	background-color:#826a57;
	color:#FFFFFF;
	padding:1px;
	border:solid 0px;
	width:130px;
}

.don {
	position:absolute;
	left:660px;
	top:60px;
}

.v_uk {
	position:absolute;
	left:810px;
	top:125px;
}

.portaits {
	clear:both;
	width:842px;
	padding-top:5px;
}

h1  {
	background:#f9b92f;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;
	text-transform:uppercase;
	padding-top:2px;
}


.contenu_portrait {
	background:#917969;
	height:auto;
	overflow:hidden;
}

div.navigation {
	width:180px;
	padding-left:15px;
	padding-top:40px;
}

div.navigation_top {
	width:180px;
	height:12px;
	font-size:0px;
	background:url(../imageshong/gauche_tt.gif) top left no-repeat;
}

div.navigation_middle {
	width:158px;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	padding:10px 10px 10px 10px;
	background-color:#bcb5b5;
}

div.navigation_bottom {
	width:180px;
	height:12px;
	font-size:0px;
	background:url(../imageshong/gauche_tt2.gif) top left no-repeat;
}

.navigation_item {
	background:url(../imageshong/souligne.gif) bottom left no-repeat;
	padding-bottom:5px;
	padding-top:5px;
	color:#f9b92f;
	font-size:14px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, "Times New Roman"
	
}

.navigation_item a{
	color:#0000000;
	font-size:14px;
	font-family: "Trebuchet MS", Arial, "Times New Roman"
	font-weight:bold;
	text-decoration:none;
}

.navigation_item a{
	color:#000000;
	font-size:14px;
	font-family: "Trebuchet MS", Arial, "Times New Roman"
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;

}
.navigation_item2 {
	padding-bottom:5px;
	padding-top:5px;
	color:#000000;
	font-size: 16px;
	font-weight:bold;
}



p.sub {
	padding-top:50px;
}
p.sub2 {
	padding-top:10px;
}

.contenu_centre {
	padding-top:35px;
	width:100%;
	padding-right:20px;
	
}
/*
h2 {
	color:#f9b92f;
	font-size:18px;
	font-style:italic;
	border-bottom:solid 1px;
	padding-left: 15px;
}*/
h2{
			font-size:26px;
			color:#473426;
			margin-bottom:0px;
			margin-top:10px;
		}
		
		h3{
			font-size:22px;
			color:#473426;
			margin-top:10px;
		}
		
		h4{
			font-size:16px;
			color:white;
			margin-top:10px;
		}
h8 {
	color:#ffffff;
	font-size:18px;
	font-style:italic;
	border-bottom:solid 1px;
	padding-left: 15px;
}

td.cc {
	width:370px;
	
	}

td.cd {
	width:25px;
}

td.clarge {
	width:500px;

}

td.cc_vid {
	width:270px;
	padding-left:20px;
}

p.photo {
	padding-top:20px;
	padding-bottom:10px;
}

p.photo img {border:solid 1px #FFFFFF;}

p.surtitre {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	font-variant:small-caps;
	border-bottom:solid 1px;
}
p.stitre {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	
}

p.sstitre {
	color:#f9b92f;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}

p.texte {
	color:#FFFFFF;
	font-size:14px;
	padding-top:20px;
	text-align:justify;
}

p.texte span{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

p.texte a{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

p.texte a:hover{
	text-decoration:none;
}

div.cc_video {
	background:url(../imageshong/bkg_ccvid.gif) top left no-repeat;
	width:259px;
	height:224px;
	position:relative;
	margin-top:10px;
}

div.vid_img {
	position:absolute;
	top:7px;
	left:7px;
}
div.cc_videoafghanistan {
	background:url(../imageshong/bkgvideo_afghanistan.gif) top left no-repeat;
	width:292px;
	height:256px;
	position:relative;
	margin-top:10px;
	margin-left:10px;
	padding-left:10px;

}
	
	
div.vid_imgafghanistan {
	position:absolute;
	top:10px;
	left:10px;

}
div.vid_lib {
	position:absolute;
	top:231px;
	left:165px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}

.bloc_img {
	padding-top:10px;
	padding-bottom:10px;
}

.bloc_img p{
	color:#FFFFFF;
}

.bloc_img img{
	border:solid 1px #FFFFFF;
}



.encadrerose {
	background:url(../imageshong/fondsourires.gif) top left;
	border:solid 2px #bcb5b5;
	padding-left:5px;
	padding-right:5px; 
	width:259px;

}


p.encadre {
	color:#000000;
	font-size:12px;
	padding-top:5px;
	text-align:left;
	margin-left:5px;
}


p.encadrebas {
	color:#000000;
	font-size:12px;
	padding-top:5px;
	text-align:left;	
	padding-left:5px;
	font-weight:bold;
}

p.encadre span {
	color:#000000;
	font-size:14px;
	font-weight:bold;
	padding-top:5px;
	text-align:left;
	font-variant:small-caps;
}

.encadreparrainage {
	background:#bcb5b5;
	border:solid 1px #d29abe;
	padding-left:5px;
	padding-right:5px; 
	width:259px;

}
div.cc_videorose {
	background:url(../imageshong/bkg_ccvidrose.gif) top left no-repeat;
	width:259px;
	height:224px;
	position:relative;
	margin-top:10px;
}
p.legende {
	color:#FFFFFF;
	font-size:11px;
	padding-top:5px;
	text-align:left;
}

p.legende a{
	color:#FFFFFF;
	font-size:11px;
	padding-top:5px;
	text-align:left;
}
p.legendepetit {
	color:#FFFFFF;
	font-size:10px;
	padding-top:5px;
	text-align:left;
}


p.menugauche {
	color:#FFFFFF;
	font-size:12px;
	padding-top:5px;
	text-align:center;
}

p.menugauche a{
	color:#FFFFFF;
	font-size:12px;
	padding-top:5px;
	text-align:center;

}
div.navigationmillions {
	width:250px;
	padding-left:5px;
	padding-top:40px;
}

div.navigation_topmillions {
	width:280px;
	height:15px;
	font-size:0px;
	background:url(../imageshong/menutop.gif) top left no-repeat;
}

div.navigation_middlemillions {
	width:250px;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	padding:5px 5px 5px 5px;
	background-color:#03060b;
}

div.navigation_bottommillions {
	width:270px;
	height:22px;
	font-size:0px;
	background:url(../imageshong/menubottommillions.gif) top left no-repeat;

}
.navigation_itemmillions {
	padding-bottom:5px;
	padding-top:5px;
	color:#FFFFFF;
	font-size: 16px;
	font-weight:bold;
}


/* AJOUT */
.yellow{
	color:#F7B32A;
}

.upper{
	font-size:22px;
	font-family:arial;
}
.greater{
	font-size:28px;
	font-family:arial;
}
.center{
	text-align:center;
	color:white;
}
#colonne_gauche{
	background-color:#917969;
	width:530px;
	float:left;
}
	#colonne_gauche #tetiere{
		background-image:url(../imageshong/header2.jpg);
		background-repeat:none;
		width:531px;
		height:350px;
		position:relative;
	}
		#colonne_gauche #tetiere #bloc_agissez{
			position:absolute;
			top:80px;
			left:320px;
			background-color:#433022;
			padding:5px;
			width:240px;
		}
		#colonne_gauche #tetiere #donation{
			position:absolute;
			top:180px;
			left:320px;
		}
		#colonne_gauche #tetiere #donation img{
			border:none;
		}
	#colonne_gauche #contenu{
		padding-left:15px;
		padding-right:15px;
		width:500px;
	}
		
		
		#colonne_gauche #contenu ul{
			margin-top:10px;
		}
			#colonne_gauche #contenu ul li{
				color:white;
				margin-left:20px;
				line-height:16px;
				font-size:14px;
				margin-bottom:10px;
			}
		
		
#colonne_droite{
	float:right;
	width:311px;
	background-color:#C5AC96;
	padding-bottom:20px;
}
	#colonne_droite #twitter{
		float:right;
		margin-top:20px;
		margin-right:18px;
	}
	#colonne_droite #photos_flickr{
		clear:both;
		margin-top:20px;
		margin-right:18px;
		width:auto;
	}
		#colonne_droite #photos_flickr h3{
			margin-left:15px;
		}
	#colonne_droite #videos{
		clear:both;
		margin-top:13px;
		margin-right:18px;
		width:auto;
	}
		#colonne_droite #videos h3{
			margin-left:15px;
		}
	#colonne_droite #donner_cheque{
		float:right;
		margin-bottom:20px;
		margin-top:20px;
		color:white;
		font-size:12px;
		font-family:arial;
	}
		#colonne_droite #donner_cheque p{
			color:white;
			margin-right:18px;
			margin-left:18px;
		}
	
	
	
	#colonne_droite #zone_presse{
		margin-top:20px;
		width:290px;
		margin-left:10px;
	}
		#colonne_droite #zone_presse h2{
			background-color:#4F342B;
			height:60px;
			padding-left:25px;
			color:white;
			margin:0px;
		}
		#colonne_droite #zone_presse  h2 img{
			padding-top:15px;
			padding-right:10px;
			vertical-align:-5px;
		}
		#colonne_droite #zone_presse #contenu_zone{
			background-color:#FCF5BF;
			padding-top:10px;
			padding-bottom:20px;
			height:510px;
			overflow:auto;
			
		}
			#colonne_droite #zone_presse #contenu_zone h3{
				font-size:16px;
			}
			#colonne_droite #zone_presse  #contenu_zone h3 img{
				padding-top:15px;
				padding-right:1px;
				vertical-align:-5px;
			}
			#colonne_droite #zone_presse #contenu_zone ul{
				
			}
				#colonne_droite #zone_presse #contenu_zone ul li{
					list-style-type:none;
					margin-left:5px;
					color:#928364;
					width:270px;
				}
				#colonne_droite #zone_presse #contenu_zone ul li strong{
					color:#8A795F;
				}
				#colonne_droite #zone_presse #contenu_zone ul li a{
					display:block;
					clear:both;
					text-align:right;
					margin-right:5px;
				}
				#colonne_droite #zone_presse #contenu_zone ul li a img{
					border:none;
				}
			#colonne_droite #zone_presse #contenu_zone #contact_presse{
				margin-top:20px;
			}
			#colonne_droite #zone_presse #contenu_zone #contact_presse p{
				color:#928364;
				width:270px;
				margin-left:23px;
				margin-right:15px;
				font-size:12px;
			}
		#colonne_droite #nos_partenaires{
			clear:both;
			margin-top:13px;
			margin-right:18px;
			width:280px;
			margin-left:15px;
			background-color:#4F342B;
			padding-bottom:20px;
		}
			#colonne_droite #nos_partenaires h3{
				margin-left:15px;
				color:white;
				margin-bottom:10px;
				padding-top:10px;
				padding-bottom:10px;
			}
			#colonne_droite #nos_partenaires a{

				margin-bottom:30px;
				width:280px;
				text-align:center;
				display:block;
			}
			#colonne_droite #nos_partenaires a img{
				border:none;
			}
			#colonne_droite #nos_partenaires p{
				color:white;
				width:260px;
				margin-right:15px;
				margin-left:15px;
				margin-bottom:20px;
				font-weight:12px;
			}
#presentation_cde{
	padding:10px;
	background:#433022;
	height:auto;
	width:auto;
}
	#presentation_cde p{
		font-size:12px;
		color:#FFFFFF;
		margin-bottom:20px;
	}
	#presentation_cde p strong{
		color:#F9BA2F;
	}

#footer{
	background:#917969;
	width:auto;
	height:100px;
}
#glance{
			width:230px;
			background-color:#433022;
			height:40px;
			margin-left:62px;
		}
#glance img{
			margin-top:10px;
			margin-left:10px;
			margin-right:5px;
			vertical-align:-8px;
		}
#glance a{
			color:white;
			text-decoration:underline;
		}
 #glance a:hover{
			color:white;
			text-decoration:none;
		}
		
#PictoBrowser100122115707, #daily{
	margin-left:15px;
}

.popup{
	position:absolute;
	top:20px;
	width:50px;
	height:80px;
}

.bloc_lien{
	position:relative;

/*

autres tetières */
}


	#colonne_gauche #tetiere2{
		background-image:url(../imageshong/haiti/headerhaiti.jpg);
		background-repeat:none;
		width:531px;
		height:350px;
		position:relative;
}

		#colonne_gauche #tetiere2 #donation2{
			position:absolute;
			top:180px;
			left:320px;

}
		#colonne_gauche #tetiere2 #donation2 img{
			border:none;}



	#colonne_gauche #tetiereafghanistan{
		background-image:url(../imageshong/afghanistan/headerafghanistan.jpg);
		background-repeat:none;
		width:531px;
		height:350px;
		position:relative;
}

		#colonne_gauche #tetiereafghanistan #donationafghanistan{
			position:absolute;
			top:180px;
			left:320px;

}
		#colonne_gauche #tetiereafghanistan #donationafghanistan img{
			border:none;}