@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;}

#principal {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images_hp/bkg.jpg) top left no-repeat;
}

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



.ensemble {
	position:absolute;
	top:91px;
	left:140px;
}


.banniere {
	position:absolute;
	left:155px;
	top:0px;
}


.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;
}

.container {
	clear:both;
	width:842px;
	padding-top:10px;
}

.container_left {
	width:557px;
	border:solid 1px #FFFFFF;
	background-color:#917969;
	
}

.container_leftbis {
	width:557px;
	border:solid 1px #917969;
	background-color:#19171c;
}

h5 {
	font:"Trebuchet MS", Arial, "Times New Roman";
	font-size:18px;
	color:#FFFFFF;
	padding:10px 10px 10px 10px;
}	
h15 {
	font:"Trebuchet MS", Arial, "Times New Roman";
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	
	
}

h6 {
	font:"Trebuchet MS", Arial, "Times New Roman";
	font-size:20px;
	color:#FFFFFF;
	padding:10px 10px 10px 10px;
	
	
}
h6 a{
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	
}

h6 a:hover{
	text-decoration:underline;
}

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

h8 {
	color:#000000;
	font-size:11px;
	text-decoration:underline;
	padding-top:2px;
}

h8 a{
	color:#00000;
	font-size:11px;
	text-decoration:underline;
	text-decoration:none;
}

h8 a:hover{
	text-decoration:underline;

}

.container_left_l {
	padding:15px 10px 10px 15px;
}

.container_left_0 {
	padding:0px 0px 0px 0px;
}

.left_l1 {
	vertical-align:top;
	padding-right:5px;
}

.video_jour {
	background:url(../images_hp/bkgvideo_accueil.gif) top left no-repeat;
	width:258px;
	height:224px;
	position:relative;
}

.video_jour2 {
	background:url(../images_hp/bkgvideo_accueil2.gif) top left no-repeat;
	width:320px;
	height:259px;
	position:relative;
}
.video_jour .swf2{
	position:absolute;
	top:25px;
	left:8px;
}

.video_jour .swf{
	position:absolute;
	top:7px;
	left:8px;
}

.video_jour .textelib{
	position:absolute;
	top:206px;
	left:145px;
	color:#45919c;
	font-size:12px;
}

.video_jour .textelib a {
	color:#45919c;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}

.video_jour .textelib a:hover {
	text-decoration:underline;
}


.bloc_gauche {
	width:256px;
	background-color:#f9ba2f;
	margin-top:15px;
	margin-bottom:15px;
}

h2 {
	background-color:#383838;
	font-size:12px;
	color:#FFFFFF;
	font-style:italic;
	padding-left:2px;

}

.p10 {
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:2px;


}

.p10 a{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding-left:2px;
	
}

.p10 a:hover{
	text-decoration:underline;

}

h11 {
	font:"Trebuchet MS", Arial, "Times New Roman";
	font-size:12px;
	width:137px;
	color:#f9b92f;
	font-weight:bold;
	background-color:#383838;
	padding-left:2px;
}

h12 {
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:2px;
	padding-bottom:10px;


}

h12 a{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding-left:2px;
	
}

h12 a:hover{
	text-decoration:underline;


}

h2 span{
	color:#f9b92f;
	font-size:14px;
}

h4.acces {
	font-size:14px;
	font-weight:bold;
}
.bloc_gauche_haut {
	background-color:#000000
	



}
.texte_gauche_haut {
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;

	

}

.bloc_gauche_contenu {
	padding:10px 0px 0px 18px;
}

.bloc_gauche_contenu p.gros{
	font-size:16px;
	font-weight:bold;
}

.bloc_gauche_contenu p.gros span{
	font-size:22px;
	font-weight:bold;
}

.bloc_gauche_contenu .lien{
	text-align:right;
}

.left_l2 {
	padding-left:10px;
	border-left:solid 1px;
	vertical-align:top;
}

.bloc_droit {
	width:258px;
	margin-bottom:15px;
	
}

h3 {
	color:#f9b92f;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:2px;
}

h3 a{
	color:#f9b92f;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

h3 a:hover{
	text-decoration:underline;
}

.titrerose {
	color:#e98fa1;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:2px;
	
}

.titrerose a{
	color:#e98fa1;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

.titrerose a:hover{
	text-decoration:underline;
		
}

p.text_text {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;

	}

p.text_text span{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	}

p.texte {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	
}

p.texte a{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
		
}

p.text_text a {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
}

p.vignette {
	float:right;
	padding-top:3px;
	padding-left:5px;
	
}

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

div.ff {text-align:right;margin-top:-5px;}

.fin {margin-bottom:0px;}

.container_droit {
	float:left;
}

.right_all1 {
	vertical-align:top;
	padding-left:15px;
}

h2.acces {
	width:257px;
	background-color:#826a57;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	border:solid 1px #FFFFFF;
	padding-left:5px;
	text-transform:uppercase;
	padding-top:2px;
}

.bloc_dd {
	width:262px;
	height:153px;
	background:url(../images_hp/bkg_d.gif) top left no-repeat;
	margin-top:10px;
	position:relative;
}

.bloc_dd .titre{
	position:absolute;
	top:5px;
	left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:11px;
}
.jaune {color:#ffc100;}
.bleu {color:#90cade;}
.orange {color:#ff891f;}
.orange a{color:#ff891f;}

.bloc_dd .contenu_dd {
	position:absolute;
	top:30px;
	left:10px;
	width:240px;
}

.text_dd {
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

.text_dd span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
}

.text_dd span.dd{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}



.vignette_dd {float:right;padding-left:3px;}
.vignette_dd img {border:solid 1px #FFFFFF;}

.bottom {
	padding-top:10px;
	padding-bottom:30px;
	position:relative;
}

.video {
	width:240px;
	padding:5px;
	border:solid 1px #806856;
	height:103px;
}
.img_video {
	float:left;
	padding-right:5px;
	
}

.img_video2 {
	float:left;
	padding-right:5px;
	border:solid 1px #806856;
}

.titre_video {
	font-size:12px;
	font-weight:bold;
	padding-bottom:2px;
}

.titre_video a{
	font-size:12px;
	font-weight:bold;
}


.intro_video {
	font-size:14px;
	font-weight:bold;
	padding-bottom:2px;
}

.text_video {
	font-size:11px;
	color:#59493f;

}
.info_3 {
	position:absolute;
	left:530px;
	padding:5px;
	top:10px;
	width:320px;
	border:solid 1px #806856;
}


.info_webtv {
	position:absolute;
	left:270px;
	padding:5px;
	top:10px;
	width:280px;
	height:103px;
	border:solid 1px #806856;
	
}

.info_course {
	position:absolute;
	padding:5px;
	top:10px;
	width:370px;
	height:103px;
	border:solid 1px #806856;
	
}

.info_supp {
	position:absolute;
	left:580px;	
	top:10px;
	width:230px;
	height:103px;
	
}

.info_supp1 {
	position:absolute;
	top:20px;
	width:228px;
	height:94px;
	border:solid 1px #806856;
	
}

.info_supp2 {
	position:absolute;
	left:132px;	
	top:30px;
	width:150px;
	height:103px;
	
}
.titre_supp {
	background-color:#fef5b8;
	font-size:12px;
	color:#826a57;
	border:solid 1px #8a6f54;
	padding:2px;
	font-weight:bold;
}

.titre_supp p{
	font-size:12px;
	color:#826a57;
	font-weight:bold;
}

.titre_supp a{
	font-size:12px;
	color:#826a57;
	font-weight:bold;
}
.titre_supp2 {
	margin-top:3px;
	background-color:#826a57;
	color:#FFFFFF;
	padding:3px;
	font-weight:bold;
	font-size:11px;
	
}

.texte_supp {
	margin-top:3px;
	background-color:#826a57;
	color:#FFFFFF;
	padding:3px;
	font-size:11px;
	height:70px;
}

.lien_supp {
	color:#FFFFFF;
	text-align:right;
	background-color:#826a57;
}

.lien_supp a{
	color:#FFFFFF;
	text-decoration:none;
}

.lien_supp a:hover{
	color:#FFFFFF;
	text-decoration:underline;

}

.bloc_df {
	width:262px;
	height:103px;
	position:relative;	
	border:solid 1px #8a6f54;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;


}
.bloc_autredossiers {
	left:250px;
	width:158px;
	height:109px;
	background-color:#8f8e85;
	margin-top:15px;
	margin-bottom:15px;
	

}

.titredossiers {
	font:"Trebuchet MS", Arial, "Times New Roman";
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#383838;
	padding-left:2px;
}

.titredossiers span {
	font:"Trebuchet MS", Arial, "Times New Roman";
	font-size:12px;
	color:#f9b92f;
	font-weight:bold;
	background-color:#383838;
	padding-left:2px;
}


div.cc_videoafghanistan {
	background:url(../imageshong/bkgvideo_afghanistan2.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:208px;
	left:165px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}



/*********************** style de portait *******************************/
.portraits {
	clear:both;
	width:842px;
	padding-top:10px;
}

h1.portrait {
	background:#f9b92f;
}


/************************style autre dossier à gauche *******************/


.text_dossiergauche {
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

.text_dossiergauche span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:3px;
}
.text_dossiergauche a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:3px;
}

/*******************style twitter droite ************************/



	#colonne_droite {
		width:258px;
		height:350px;
		position:absolute;
		top:690px;
		left:577px;
}

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

}
		#colonne_gauche #tetiere2 #donation2 img{
			border:none;}
			
/*****************style soutenir************************/


.bloc_soutenir {
	width:505px;
	background-color:#f9ba2f;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:5px;
	
	
}

.bloc_soutenir_contenu p.{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
}

.bloc_soutenir_contenu p.gros span{
	font-size:22px;
	font-weight:bold;
}


.bloc_soutenir2 {
	width:522px;
	background-color:#f9ba2f;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:16px;
	
	
}

.bloc_soutenir_contenu2 p.{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
}

.bloc_soutenir_contenu2 p.gros span{
	font-size:22px;
	font-weight:bold;
}

/******************home coupée en 2 vertical********************/


.home_gauche {
	width:260px;
	padding:5 5 5 5;
	border:solid 1px #FFF;
	
	
}

.home_droite {
	width:260px;
	padding:5 5 5 5;
	border:solid 1px #FFF;
	position:absolute;
	left:285px;
	top:206px;
	
	
	}
#descriptif_cote {
	background-color:#433022;
	padding:5px;
	
}
	#descriptif_cote p{
	color:white;
	}
	
	#descriptif_cote span{
	font-weight:bold;
	}
		
	

	#descriptif_cote p a{
		color:white;
		text-decoration:underline;
	}
	#descriptif_cote p a:hover{
		color:white;
		text-decoration:none;