/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
  width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
  width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
  width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
  width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
  width: 40px;
}

.container_16 .grid_2 {
  width: 100px;
}

.container_16 .grid_3 {
  width: 160px;
}

.container_16 .grid_5 {
  width: 280px;
}

.container_16 .grid_6 {
  width: 340px;
}

.container_16 .grid_7 {
  width: 400px;
}

.container_16 .grid_9 {
  width: 520px;
}

.container_16 .grid_10 {
  width: 580px;
}

.container_16 .grid_11 {
  width: 640px;
}

.container_16 .grid_13 {
  width: 760px;
}

.container_16 .grid_14 {
  width: 820px;
}

.container_16 .grid_15 {
  width: 880px;
}

/* ---------------------------------------

    WORKER PARTICIPATION 2009

--------------------------------------- */

body {
  background: white;
  background-image: none;
  color: #2a2a2a;
  font: normal .80em/1.5em Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
  padding:0
}

/* ------ STRUCTURE ---------- */
h1, h2, h3, h4, h5, h6 {
  font-family:'Helvetica','Verdana','Arial',sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: normal;
  margin:1em 0 0.5em;
  padding:0;
  color: #009aa6;
}

h2 a, h3 a {
  text-decoration: none;
  text-transform: none;
}

p b, li b {
  color: #444;
}

div#page { margin:0 auto; width: 100%; position:relative; }
div#columns-position { margin: 20px auto; width: 960px; padding-left: 10px; }
div#columns { margin:0 auto; }


/* ------- RIGHT BOX -------- */

div.box { background-color: #fff; border: 1px solid #eae8e1; margin: 0; padding: 0; }
div.box div.tl { background:transparent url(../images/corner_tl.png) no-repeat scroll left top; left:-1px; top:-1px; }
div.box, div.box div.tl, div.box div.tr, div.box div.br, div.box div.bl {  position:relative; }
div.box div.tr { background:transparent url(../images/corner_tr.png) no-repeat scroll right top; right:-2px; }
div.box div.br { background:transparent url(../images/corner_br.png) no-repeat scroll right bottom; bottom:-2px; }
div.box div.bl { background:transparent url(../images/corner_bl.png) no-repeat scroll left bottom; left:-2px; padding:0.5em; }

div.itemized_sub_items { margin-bottom:0.5em; margin-top:1em; width: 100%;float: left; }
div.itemized_sub_items div.content-view-embed h2 { font-size:1.4em; font-weight:normal; }

/* ---------- TOP MENU ------------- */

div#topmenu-position { width: 100%; background:#beb292 url('../images/menu_bg.jpg') repeat-x top left; border-bottom: 2px solid #009aa6; height: 40px; }
div#topmenu { text-align: center; margin: 0 auto; background: none; }
div#topmenu ul { background: none; font-family: 'Helvetica','Verdana','Arial',sans-serif; }
div#topmenu ul li { background: none; margin-right: 4px; font-weight: normal; font-size: 0.85em; }
div#topmenu ul li a { background-color:transparent; border-right: none; float:left; height:38px; padding:0 4px; margin-top: 2px; margin-bottom: 0; }
div#topmenu ul li.selected {  }
div#topmenu ul li.selected a,
div#topmenu ul li:hover a { background: white; border-top: 3px solid #009aa6; margin-top: 0; margin-bottom: 0; border-bottom: none; }
div#topmenu ul li .wagram { top: 40px; }
div#topmenu ul li a span { display: block; height: 38px; line-height: 37px; color: black; }
div#topmenu div.topmenu-design { display: inline-block }
/* ================= TOP LINKS ================ */

div#usermenu { background: none; width: 960px; height: 30px; margin: 0 auto;}

#top-links{
  height: 30px;
  padding: 6px 0 0 0;
}

#top-links ul.sites-selector {
  float: left;
  margin-right: 10px;
  height: 30px;
}

#top-links ul.sites-selector li {
  line-height: 1.5em;
  float: none;
}

#top-links ul.sites-selector li.sites-selector-button {
  width: 142px;
  display: block;
  background: url('../images/top_links_onglet_bg.png') no-repeat bottom left;
  height: 30px;
}

#top-links ul.sites-selector li.sites-selector-button a {
  display: block;
  padding: 8px 0 0 10px;
  color: #eee;
  font-size: 0.9em;
  text-decoration: none;
}

#top-links ul.sites-selector li.sites-selector-button a:hover,
#top-links ul.sites-selector li.sites-selector-button a:active,
#top-links ul.sites-selector li.sites-selector-button a:focus {
  text-decoration: none;
  color: #eee;
}

#top-links ul.sites-selector li ul {
  display: none;
  position: absolute;
  background-color: white;
  box-shadow: 0 0 3px #ccc;
  margin-top: 4px;
  height: 210px;
  z-index: 999;
}

#top-links ul.sites-selector li ul li {
  width: 280px;
}

#top-links ul.sites-selector li ul.sites-selector-list li a {
  color: #666;
  border-bottom: 1px dotted #ccc;
}

#top-links ul.sites-selector li ul.sites-selector-list li a:hover {
  color: black;
}

#top-links ul.top-links li {
  display:block;
  float:left;
  height:30px;
  margin:0 20px 0 0;
}

#top-links ul.top-links li a {
  text-decoration: none;
}

#top-links ul.top-links li a, #top-links ul.top-links li span {
  color: #2A2A2A;
  display: block;
  float: left;
  font-size: 0.9em;
  height: 20px;
  line-height: 20px;
  padding: 8px 0 0 0;
}
#top-links ul.top-links li.link1 { position: relative; }
#top-links ul.top-links li.link1 a { padding: 9px 0 0 10px; color: #e9e9e9; font-weight: bold; }
#top-links ul.top-links li.link2 { padding-left: 8px; }
#top-links ul.top-links li.link6,
#top-links ul.top-links li.link7 { padding-left: 8px; margin-right: 5px; }
#top-links ul.top-links li.separator { margin-right: 5px; }
#top-links ul.top-links li.separator span { padding-top: 6px; }
#top-links ul.top-links li.link7,
#top-links ul.top-links li.link8 { padding-left: 0; }

#top-links ul.top-links li.lang a.active {
  color:#b7b7b7;
}

/* ================= SEARCH ==================== */

#search {
  float:left;
  width:140px;
  position:relative;
  margin-left: 14px;
}
#search label {display:none;}
#search #search-field {
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  top: 6px;
  left: 0;
  height: 16px;
  width: 120px;
  color: #7c7c7c;
  font-style: italic;
  padding: 2px 4px 0 10px;
  font-size: 0.85em;
}
#search .submit {
  position: absolute;
  top: 9px;
  right: 6px;
}

/* ---------- SIDE MENU ------------- */
div#sidemenu h4 a { color: #666; }
div#sidemenu ul.menu-list li { margin:0.5em 0 }
div#sidemenu ul.menu-list li a {  display:block; font-size:0.9em; padding-left:18px; color: #008080;  }

/* ---------- HEADER ------------- */

div#languages { width: auto; margin-left:35px;}
*html div#languages { margin-left:15px;}
div#languages ul li { display: inline; float: left; border-right: 1px solid #ccc;}
div#languages ul li.last { border: none; }
div#languages ul li a { display: block; width: 16px; height: 11px;}
div#languages ul li a.en { background:transparent url(../images/united_kingdom_large.png) no-repeat scroll left top; padding: 0 8px 0 0;}
div#languages ul li a.de { background:transparent url(../images/germany_large.png) no-repeat scroll left top; padding:0 0 0 8px; }
div#languages ul li a.fr { background:transparent url(../images/france_large.png) no-repeat scroll left top; padding:0 0 0 8px; }
div#links  { width: auto; font-size: 0.8em; }
div#links ul li { float: left; }
div#links a { color:#1F4F82; }

div#header { padding: 0; }
div#header ul { padding: 0; }
div#logo { margin:0; width:100%; height:71px; background:#626d65; }
div#logo div.grid_4 { margin-left: 0; }
div#logo a.etui-logo { float: right; }

div#languages {float:right; margin:0; }
div#links {float:right;  }

div#path { background: none repeat scroll 0 0 #ececec; border-bottom: 1px solid #cccccc; height: 27px; padding: 0; }
div#path p { width: 940px; margin: 0 auto; padding-top: 6px; }

/* ---------- FOOTER ------------- */

div#footer { margin-top: 2em; }

/* ----------- CONTENT ------------------ */

div.attribute-header h1 { color:#009aa6; font-size:1.5em; font-weight:normal; padding-bottom: 0; margin-top: 0.3em; background: none; line-height: 1.15em; }
div.factbox { width: 100%; }

span.readmore { float: right; font-size: 0.8em; }

div.content-view-full div.class-article div.attribute-long { padding-bottom: 2em; }
div.content-view-full div.content-view-embed div.attribute-image { float:left; }

div.content-view-full div.class-article div.attribute-short { font-weight: normal; }

/*div.content-view-children div.two-column { float:left; width:48% }*/
div.content-view-children h1, div.content-view-children h2, div.content-view-children h3 { margin:1em 0 0.5em; }

div.content-view-full div.attribute-byline p.date {
  color: #666;
}

th, td { padding: 0.2em; }
table.compare { width: 100%; }
table.compare th { 
	background: #DFDFDF url(../images/th_bg.png) repeat-x left top; 
	color:#525345; 
	font-weight:bold; 
	text-align:left; 
/*	white-space:nowrap;*/

	}
	
	table.compare th.topic_countries  { 
	background: #DFDFDF url(../images/th_bg1.png) no-repeat left top; 
	color:#525345; 
	font-weight:bold; 
	text-align:left; 
/*	white-space:nowrap;*/

	}
table.compare tr.bgdark td { background-color:#F1F4F9; }
table.compare tr.bglight td, table.compare tr.bgdark td { border-right:1px dotted #9F9F9F;  }
table.compare th, table.compare td { border-bottom: none; border-right:1px solid #FFFFFF; padding:0.5em; vertical-align:top; }

.extrainfo #extrainfo {display: none;}
/*.extrainfo .columns-frontpage { width: 100%; }*/
.extrainfo .class-frontpage { width: 100%; }
.extrainfo #columns { padding-right: 0; }
/*div.object-left { width: 98%; }*/

.right-column h2 { font-size:1em; font-weight:normal; }

.right-column  .class-article h2 {
    font-size: 1em !important;
}

div.itemized_sub_items div.content-view-embed h2 a {
  text-decoration: none;
}

.pretitle{float:left; width: 125px; color:#666666; padding-bottom: 10px; }
.pretitle h2{margin-top:0; }

/* ----------- FRONTPAGE ------------------ */

.page-front h1 {
  margin-left: 10px;
}

.page-front div.center-column div.border-tl,
.page-front div.center-column div.border-tr,
.page-front div.center-column div.border-tc,
.page-front div.center-column div.border-ml,
.page-front div.center-column div.border-mr,
.page-front div.center-column div.border-mc,
.page-front div.center-column div.border-bl,
.page-front div.center-column div.border-br,
.page-front div.center-column div.border-bc {
  background: none;
  padding: 0;
}

.page-front div.center-column div.border-tl,
.page-front div.center-column div.border-tr,
.page-front div.center-column div.border-tc {
  display: none;
}

/* ----------- HIGHLIGHTS ------------------ */

.highlights {
  background-color: #f0f1dd;
  padding: 18px;
  margin: 10px;
}

.highlights a {
  text-decoration: none;
}

.highlights ul li {
  background-image: none;
  padding-left: 5px;
  margin-top: 0px;
}

.highlights h2 {
  color:#009aa6;
  margin: 5px 0 15px 0;
  font-weight: normal;
  line-height: 1.25em;
}

.highlights h3 {
  font-weight: normal;
  text-transform:uppercase;
  color: #009aa6;
  margin-bottom: 8px;
}

.highlights h4 {
  font-weight: bold;
  color: #5c5c5c;
  margin-top: 10px;
  margin-bottom: 4px;
}

.highlights-holder p {
  margin-bottom: 6px;
}

.highlights-holder {
  max-width: 600px;
}

.highlights-holder * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.highlights-headlines {
  list-style: none;
  position: relative;
}

.highlights-headlines li {
  padding: 6px 20px 6px 14px;
  margin-bottom: 8px;
  position: relative;
  z-index: 3;
  color: #336699;
}

.nh-anim {
  -webkit-transition: all .75s ease-out;
  -moz-transition: all .75s ease-out;
  -o-transition: all .75s ease-out;
  transition: all .75s ease-out;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  
}

.highlights-headlines li a {
  color: #444444;
  display: block;
  padding: 0 10px;
}

.highlights-headlines li a:hover {
  color: #009aa6;
}

.highlights-headlines .highlight {
  width: 450px;
  background: white;
  border-top: solid 1px #dfd8c8;
  border-left: solid 1px #dfd8c8;
  border-bottom: solid 1px #dfd8c8;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-box-shadow: -2px 2px 3px -2px rgba(127,127,127,1);
  -moz-box-shadow: -2px 2px 3px -2px rgba(127,127,127,1);
  box-shadow: -2px 2px 3px -2px rgba(127,127,127,1);
}

.highlights-headlines .highlight:before {
  display: none;
}

.network-links {
  margin-bottom: 20px;
  height: 36px;
}

.network-links ul {
  margin: 0;
  padding: 0;
}

.network-links ul li {
  float:left;
  margin: 0 7px 0 0;
  padding: 0;
  background: none;
  list-style-type: none;
}