/* Style sheet for UN Human Rights FR 
Body background: #FCE2BF;
Menu: #FAC986
Background: #E6B668
Titres (bordeaux): #7F0D0D
Texte (bordeaux foncé): #300
Liens: #A80E13
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	margin-top: 0;
	background-color:#FCE2BF;
}
	
/* MAIN CONTAINER - HOMEPAGE*/

#main {
	width: 780px;
	margin: 0 auto;
	background-color: #FFF;
	border: 1px solid #300906;
}

/* Branding Bar */

#brandbar {
	height: 23px;
	background: #C2C6CF url(/common_images/brandbarbkgd.jpg) repeat-x;
}

#brandbar .unicon { /* *** latin conventions *** */
	padding-top: .3em;
	padding-left: .2em;
	padding-right: .4em;
}

#brandbar .welcome { /* *** latin conventions *** */
	color: #333;
	display: block;
	float: left;
	font-size: .9em;
	padding-top: .5em;
}

#brandbar .welcome a {
	text-decoration: none;
	color: #1e1e1e;
}

#brandbar a:hover {
	text-decoration: underline;
	color: #1e1e1e;
}

#brandbar #searchfrm { /* *** latin conventions *** */
	float: right;
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
}

#brandbar #searchfrm label { /*hidden*/
	position: absolute;
	overflow: hidden;
	font-size: 88%;
	top: -500px;
}

#brandbar #searchfrm .button {
	font-size: 78%;
}

#brandbar #searchfrm .textbox {
	font-size: 80%;
	padding-top:0.3em
}

/* PAGE CONTENT ATTRIBUTES */

#content {
	margin: 0;
	float: left;
	clear: right;
	width: 550px;
	padding: 0px 0 0 2%;
	vertical-align: top;
}

#content ul.event {
	padding: 0;
	margin: 5px 0 5px 40px;
}

#content ul.event li {
	background: url(/fr/documents/udhr/images/calendar.jpg) 0 2px no-repeat;
	list-style: none;
	padding: 0 0 10px 20px;
	margin: 0;
}
	
#content h2 {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #7F0D0D;
	margin-top: 0;
	padding: 0 0 3px;
}

#content h3 {
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #600;
	padding: 0 0 3px;
	border-bottom: 1px solid #FBD29C;
}
	
#content p {
	color: #300;
	padding: 0;
}

#content .center {
	text-align: center;
}

#content a:link {
	color: #A80E13;
}

#content a:visited {
	color: #B74900;
}

#content a:hover { 
	color: #600;
}

#content a:active {
	color: #A80E13;
}

#content ul li {
	color: #300906;
	list-style-type: square;
	padding: 0 0 1%;
}

#content .line {
	border-top: 2px dotted #600;
}


#content ul#direction {
	font: bold .9em Arial, Helvetica, sans-serif;
	padding: 4px;
	margin: 0 0 30px;
	text-align: center;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #F2F2F2;
	display: block;
} 

#content #direction li {
	padding: 0 60px;
	margin: 0;
	list-style-type: none;
	display: inline; 
}

#content p#cartoon_data {
	font-size: 1.2em; 
	text-align: right;
}


#content table#expo tr td {
	font-size: .8em;
	width: 25%;
	text-align: center;
	vertical-align: bottom;
}

#content .clear {
	clear:both;
	height: 1px;
}

#content blockquote {
	padding: 0;
	margin: 0;
	font-style: oblique;
	
}

#content blockquote p.credit {
	font-style: oblique;
	text-align: right;
	padding-right: 2%;
	padding-bottom: 3px;
	margin-top: 12px;
	display: block;
}

#content a.film {
	background: url(/fr/documents/udhr/images/videocam.jpg) 0 4px no-repeat;
	padding-left: 14px;
}

.en {font-size:75% !important;
	vertical-align: middle;
	color: #ffffff;
	background-color:#666666;
	padding: 0;
	margin: 0px;}


/* CONTENT: MONTH BAR */

#content ul#monthBar {
	font: bold .9em Arial, Helvetica, sans-serif;
	padding: 4px;
	margin: 0 0 30px;
	text-align: center;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #F2F2F2;
	display: block;
} 

#content #monthBar li {
	padding: 0 6px;
	margin: 0;
	list-style-type: none;
	display: inline; 
}

#content #monthBar a {
	text-decoration: none; 
}

#content #monthBar a:hover {
	text-decoration: underline; 
}

#content p.top {
	font: normal .8em Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
	margin-top:-1em;
	text-align:right
}


/* TOP BANNER */

#topbanner {
	background-repeat: repeat-y;
}

#hiddentitle, #hiddentitle span {
	margin: 0;
	padding: 0;
	background-image: url(../images/banner.png);
	background-repeat: no-repeat;
	height: 159px;
}

#hiddentitle span {
	margin-bottom: -90px;
}

h1 {
	font-size: 15px;
	padding: 0;
	margin: 0;
	text-align: center;
	color: #300906;
}

h1 span {
	display: block;
	position: relative;
	z-index: 1;	
}

/* LEFT MENU NAVIGATION LINKS - HOMEPAGE*/

#clear {
	width: 176px;
	height: 6px;
	background-color: #E1C893;
	padding-top: 1px;
}

#mainnav  {
	font-family: Arial, Helvetica, sans-serif;
	width: 204px;
	background-color: #FAC986;
	padding-bottom: 20px;
	float: left;
	clear: left;
}

#mainnav ul {
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: normal;
	list-style-type: none;
}

#mainnav ul li.first {
	margin-top: 6px;
}

#mainnav a {
	font-weight: bold;
	color: #663300;
	text-decoration: none;
	border-bottom: 1px solid #EE9408;
	margin: 0;
	padding: 6px 10px 6px 14px;
	display: block;
}

#mainnav a#home {
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #EE9408;
	border-top: 1px solid #EE9408;
	padding: 4px 10px 4px 14px;
}

#mainnav a:hover {
	color: #FEE9A6;
	background-color: #842118;
}

#mainnav p#enanglais {
	color: #333;
	margin-right: 10px;
	text-align:right
}

/* SKIP TO NAVIGATION AND SKIP TO TEXT*/
 
#skiplink {
	color: #F2D59E;
	padding: 0;
	margin: 0;
	clear: both;
	font-size: .9em;
	display: inline;
}

#skiplink a {
	color: #FCE2BF;
}

#skiplink a:focus, div#skiplink a:active {
	color: #F9F1E4;
	background-color: #300906;
}


/* LANGUAGE BAR */

#languages {
	height: 1.8em;
	margin: 0 auto;
	padding: 0 1% 0 0;
	background-image: url(../images/lang.gif);
	background-repeat: repeat-y;
}

#languages ul {
	text-align: right;
	font-size: .9em;
	padding: 0;
	margin: 0;
}

#languages ul li {
	list-style-type: none;
	text-align: right;
	display: inline;
	margin: 0;
	padding: 0 0 0 1%;
}

#languages ul li#arabic {
	direction: rtl; 
	font-size: 1.2em;
}

#languages ul li#french  {
	color:#FFF;
}		

#languages ul li#chinese {
	font-size: .95em;
}

#languages ul li a:link {
	color: #E2C790;
	text-decoration: none;
	font-weight: bold;
}

#languages ul li a:visited {
	color: #E2C790;
	text-decoration: none;
	font-weight: bold;
}

#languages ul li a:hover {
	color: #fff;
	text-decoration: none;
	font-weight: bold;	
}

#languages ul li a:active {
	color: #E2C790;
	text-decoration: none;
	font-weight: bold;
}

/* FOOTER BAR */

div#footer {
	height: 2em;
	background-color:#660000;
	text-align: center;
	clear: both;
	font-size: .9em;
	height: 2em;
	padding-top: .5em;}

div#footer ul {margin-top: 0.3em;}

div#footer ul li  {color: #E2C790;;display: inline;}

div#footer ul li a {
	color: #E2C790;
	text-decoration: none;}

div#footer ul li a:visited {text-decoration: none;}

div#footer ul li a:hover {text-decoration: underline;}


/* Focus box */

div.focus, div#focus
{border:#300 1px solid;
border-top:#300 5px solid;
background-color:#FCE2BF;
padding:0;
margin-bottom:1.5em}


div.focus p, div#focus p
{margin-left:10px;
margin-right:10px}

acronym
{cursor:help;
border-bottom:1px dotted}

/* Facebook logo */

div#facebook_fr{
background-image: url(/fr/images/icons/facebokobkg.jpg);
	background-repeat: repeat-x;
	height: 39px;
	clear:both;
}


div#facebook_fr a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	float:left;
	color: #2054AA;
	text-decoration: none;
	font-weight: bold;
	background-image: url(/fr/images/icons/facebooklogo.jpg);
	background-repeat:no-repeat;
	height:34px;
	background-position: 3px 1px;
	line-height: 17px;
	padding: 0.2em 0.2em 0.2em 50px;
	border-bottom:none;
}

div#facebook_fr a:visited {color: #2054AA; !important}

div#facebook_fr a:hover {
color:#535353 !important;
background-color:#FFF;
background-image: url(/fr/images/icons/facebooklogo.gif);