/* Un grand merci au concepteurs du site www.openweb.eu.org à qui j'ai emprunté
un menu, le fond et qui m'ont surtout permi de réaliser un site 
qui fonctionne (à peu près) à la fois dans IE et dans FireFox - ce qui n'est 
décidément pas simple du tout */



/*Général {
}*/

@import url("../menu_chiffres/styles/tableaux.css");  

body{
color:#4E4E4E;								/* #847D6E;  */
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:small;
margin:  0px;
background-color:#6699cc;				/* #847D6E; */
}

#fond{
background-color:#fff;
border:3px solid #000;
min-height:850px;
height:930px;
margin:10px;
padding-bottom:1em;
}

html>body #fond{	
height:auto;
}

#centre{
margin: 15px 235px 2em 210px; 
}

a{
color:#369;
text-decoration:underline;
}

a:hover{
color:#FF9900;
}	

.texte {
margin:0 1em 2em 1em; 
}

.texte2 {
margin:0 2em 2em 2em; 
color: ;
}


.texte strong{
color: #336699 ; 
font-weight:500;
}

pre{
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:small;
color: #336699;  
margin-left:0em;
}

blockquote{
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:small;
color: #336699;
margin-left:2em;
}




								/* Logo */

#top{
height: 100px;
margin-top:1em;
margin-right:18px;
margin-left:5px;
background-image: url("../images/barre_photos2.jpg");
background-repeat: no-repeat;
margin-bottom:0;}

.credit_photo{
position:absolute;
top:128px;
left:36px;
font-size:6.5pt;
font-family:arial;
font-weight:700;
margin:0;
}

#bus{
float:right;
height:115px;
width:522px;
}




								/* Home page  */

#bloc_accueil{
background-color: #fff; /*#f5f5ff;*/  
border-width:1px;
border-style:none;
border-color:#1F3A7B;
margin-top:20px ;	 
}

#bloc_accueil h2{
font-family:georgia,"Times New Roman",Times,Serif; 
font-size: large;
color: #6699cc;		/* orange pétant ff6600  */
margin: 0 0 1em 0; 
}

#bloc_recherche {
background-image: url("../images/back.jpg");
background-color:#fdfcff;				/* Bleu #eff4fa; */
border-width:1px;
border-style: solid;
border-color:#6699cc;     /*#1F3A7B;*/
margin-bottom:1em;
margin-top:4px;
padding-top:2em;
position:relative;
height:440px;
}

#bloc_recherche h2{
font-family:georgia,"Times New Roman",Times,Serif; 
font-size: 13pt;
margin: 0 0 0 3em;
}

#bloc_recherche a{
color: #6699cc ;
text-decoration:none;
}

#boutons{
float: right;
width:50px;
height:50px;
margin: 0;
font-weight:bold;
}

#loupe{
background-image: url("../images/loupe.png");
background-repeat: no-repeat;
height:51px;
width:62px;
position:absolute;
top:0.9em;
left:1.2em;
}

#reponse{
background-color:#fdfcff;
border-width:1px;
border-style: solid;
border-color:#6699cc;
margin:0;
padding-top:1em;
position:relative;
min-height:400px;
height:400px;
}

html>body #reponse{	
height:auto;
}

#reponse h3{
font-family:georgia,"Times New Roman",Times,Serif;
font-size: medium;
color: #6699cc ;
margin: 1em 0 2em 1em;	
}

#reponse a{
display:inline;
color: #336699 ;
text-decoration:none;
}

#reponse a:hover{
color: #ff8000  ;   
text-decoration: underline;
}

.float_retour{
float: right;
width: 80px;
margin-top: 0.3em;
}






						/* Autres Pages */
						

#bloc_cartes, #bloc_links, #contact, #bloc_adresses, #decisions_ce{
/* background-image: url("../images/back.jpg");  */
background-color:#fdfcff ;    /*  #eff4fa;  */
border-width:1px;
border-style: solid;
border-color:#6699cc;
margin-top:5px;
padding-top:1em;
padding-bottom:2em;
position:relative;
min-height:700px;
height:703px;
}	 

html>body #bloc_cartes{	
height:auto;
}

html>body #bloc_links{	
height:auto;
}

html>body #contact{	
height:auto;
}

html>body #bloc_adresses{
height:auto;
}

#contact h2, #bloc_cartes h2, #bloc_links h2{
font-family:georgia,"Times New Roman",Times,Serif; 
font-size: large;
color: #6699cc;        /*#336699 ;*/
margin: 0 0 1em 0;
}

#bloc_links h3{
font-family:georgia,"Times New Roman",Times,Serif;
font-size: medium;
color: #336699 ;
margin: 1em 0 2em 5em;	
}	

#contact h3, #bloc_cartes h3, #bloc_adresses h3, #decisions_ce h3{
font-family:georgia,"Times New Roman",Times,Serif;
font-size: medium;
color:  #6699cc;
margin: 1em 0 2em 1em;	
}

#bloc_links h4{
font-family:georgia,"Times New Roman",Times,Serif;
font-size: small;
color: #336699;
margin:0.5em 0 0.8em 0.5em;	
}

#bloc_cartes a{
display:block;
color: #336699 ;
text-decoration:none;
padding-left:0;
background-image:url("../images/puce.gif");	
background-repeat:no-repeat;
background-position:center left;
}

#decisions_ce a{
display:block;
color: #336699 ;
text-decoration:none;
padding-left:0;
background-image:url("../images/logo_ce.gif");	
background-repeat:no-repeat;
background-position:center left;
margin-bottom:0.5em;
}

#decisions_ce a:hover{
color:#043751;
}

#bloc_cartes a:hover{
}

#bloc_adresses a{
display:block;
color: #336699 ;
text-decoration:underline;
}

#bloc_adresses a:hover{
color:#FF9900;
text-decoration:none;	
}	

a#carte_onu{
display:inline;
text-decoration:underline;
color:#339933;
background:none;	
padding-left:0.2em;
} 

a:hover#carte_onu{
color:#006600;
text-decoration:none;
}

.links{
background-color: #fff;
padding:0.5em;
margin:1px;
border:1px solid #cccccc;
margin-bottom:1em;
}

.links a{
}

/*spacer pour signatures page Nous */
.texte span{
color: #336699 ;	
margin-right:1em;
font-weight:600;
} 

#news{
background-image: url("../images/news.png");
background-repeat: no-repeat;
height:51px;
width:80px;
position:absolute;
top:0.9em;
left:0.9em;
}





							/* LES MENUS */

/* #menus de gauche */

#menu_gauche{
width: 180px;
position: absolute;
top: 265px;
left: 30px; 
overflow:hidden;
background-color:#cccccc;
border-width:1px;
border-style: solid;
border-color: #6699cc;
/* height:650px; */
}

#logo a{
background-image:url("../images/logo_aida.jpg");
background-repeat:no-repeat;
position:absolute;
left: 58px;
top: 171px;
height:100px;
width:150px;
}

#logo_hcr{
background-image: url("../images/hcr2.jpg");
background-repeat: no-repeat;
background-color:#fff;
height:98px;
width:126px;
position:relative;
margin: 10px 0 0 25px;
}


#menu_aide_juridique{
overflow:hidden;
padding-bottom:1em;
}

#menu_aide_juridique h3, #menu_lois h3, #menu_stats h3{
/* border-bottom:2px solid #12a654; */
margin-bottom:0.5em;
font-family:georgia,"Times New Roman",Times,Serif; 
font-size:medium;
padding-top:1em;
color: #424242;       
padding-left:0.5em;
margin-top:0;
}

#menu_aide_juridique a, #menu_lois a, #menu_stats a{
font-family:georgia,"Times New Roman",Times,Serif;
font-size:8pt;
display:block;
text-decoration:none;
color: #3c4955; ;  /* #F5661F; #e18d16;*/
padding-left:0.5em;
padding-bottom:0.3em; 	
}

#menu_aide_juridique a:hover, #menu_lois a:hover, #menu_stats a:hover{
text-decoration:none;
color: #3c4999;
}

#jur_hcr{
border-width:0 1px 1px 1px;
border-style: solid;
border-color: #6699cc;
padding-bottom:3em;
margin-bottom:1em;
padding-left:0.5em;
}

#jur_hcr h3{
font-family:georgia,"Times New Roman",Times,Serif; 
font-size:medium;
font-weight: 700;
color: #12a654;
padding-bottom:0;
margin-bottom:1em;
}

#jur_hcr a{
display:block;
text-decoration:underline;
color: #12a654;
font-weight:500;
padding-left:0.5em;
padding-bottom:0.3em;
}

#jur_hcr a:hover{
text-decoration:none;
}

#bloc_cartes p a{
background-image:none;
display:inline;
text-decoration:underline;
}

#bloc_cartes p a:hover{
color:#FF9900;
text-decoration:none;
}


			/*menu accueil*/
							

#accueil{
position:absolute;
margin-bottom:1em;
top: 141px;
right: 30px;
width:203px;
overflow:hidden;
}

#accueil ul{
border-width:1px 1px 0px 1px;
border-style:solid;
border-color:#d6e1ec;
padding:0;
margin:0;
}

#accueil li{
border-bottom:1px solid #d6e1ec;
list-style:none;
margin:0;
}

#accueil a{
display:block;
text-decoration:none;
color:#336699;
padding-left:1em;
}

#accueil a:hover{
background-color:#eff4fa;
color:#036;
}

					/*menus de droite*/

#menu_droit{
position: absolute;
top: 265px;
right: 30px;
background-color:#cccccc;     
margin-bottom:2em;
border:1px solid #6699cc;
width:203px;
}

#menu_droit h3{
font-family:georgia,"Times New Roman",Times,Serif; 
font-size:medium;
font-weight: 700;
color: #424242;           
margin-top:0.8em;
}

#menu_droit a{
display:block;
text-decoration:none;
color: #3c4955;              /*#aa2817;*/
padding-bottom:0.3em; 
font-family:georgia,"Times New Roman",Times,Serif; 
font-size:8pt;
}

#menu_droit a:hover{
text-decoration:none;
color: #3c4999;
}

#droit_homme{
margin:0 8% 0 8%;
border-bottom: 1px solid #82868a; 
padding-bottom:1em;
}

#infos{
margin:0 8% 0 8%;
border-bottom: 1px solid #82868a;
padding-bottom:1em;
}

#fiches{
color:#aa2817;
margin:0 8% 0 8%;
border-bottom: 1px solid #82868a;
padding:1em 0 1em 0;
}
 
#cartes{
margin:0 8% 0 8%;
padding-bottom:2em;
}



#minicarte{
overflow:hidden;
background-image: url("../images/monde.png");
background-repeat: no-repeat;
background-color:#fff;
height:108px;
width:171px;
position:relative;
margin-bottom:0.7em;
}

#minicarte a{
padding:0;	
background-color:#fff;
}	

.amerique_pos a{
width: 52px; 
height: 78px; 
background-image: url("../images/amerique_pos.png"); 
background-repeat: no-repeat;
position:absolute;
top:24px;
left:5px;
margin:0;
}

.europe_pos a{
width: 58px; 
height: 19px; 
background-image: url("../images/europe_pos.png"); 
background-repeat: no-repeat;
position:absolute;
top:23px;
left:74px;
margin:0;
}

.afrique_pos a{
width: 27px; 
height: 36px; 
background-image: url("../images/afrique_pos.png"); 
background-repeat: no-repeat;
position:absolute;
top:51px;
left:70px;
margin:0;
}

.asie_pos a{
width: 55px; 
height: 19px; 
background-image: url("../images/asie_pos.png"); 
background-repeat: no-repeat;
position:absolute;
top:41px;
left:95px;
margin:0;
}

#coin_supg{
background-image: url("../images/coin_supg.gif");
background-repeat: no-repeat;
height:11px;
width:11px;
position:absolute;
top:-6px;
left:-6px;
}

#coin_supd{
background-image: url("../images/coin_supd.gif");
background-repeat: no-repeat;
height:11px;
width:11px;
position:absolute;
top:-6px;
left:198px;
}



/* Maintenance */

#maintenance_ico{
float:left;	
background-color:blue;
background-image:url("../images/important.png");
width:122px;
height:110px;	
}

#karen{
border:1px solid #360C0C;
float: right;

width:150px;
height:195px;	
background-color: #A46F6F;
margin:5px 10px 10px 15px;
padding:1em;

font-family:georgia,"Times New Roman",Times,Serif;
font-size:8pt;
}

#karen a{
text-decoration:none;
color:#fff;
}

#karen a:hover{
text-decoration:underline;
color:#fff;
}