@import url('reset.css');

#logoprint {display:none;}

#pathbar {position:absolute;
top:144px;
padding:0 10px;
	border-left: 2px dotted #948781;
	border-right: 2px dotted #948781;
	border-bottom: 2px dotted #948781;
background:white;
max-width:650px;
font-size:0.85em;
z-index:100;
}

* html #pathbar {width:600px;}

#left {display:none;}

#lang {
position:absolute;
top:0;
right:40px;
background:url('../images/lang.png') no-repeat  50% 0;
padding:2px 10px 5px 10px;
text-align:center;
font-size:0.9em;
}

#lang a {color:black;
}

#lang .en {padding-right:2px;
margin-right:2px;
border-right:1px solid black;
}

.imgarticle {float:right;
margin:0 0 10px 10px;
}

.trad {
text-align:right;
margin:5px 0}

#content .trad a {
	border: 1px solid #af0015;
	background: #af0015;
	color: #fff;
	padding:2px 10px;
}

.iarticle {margin-bottom:10px;}
.article div.lead {
font-weight:bold;
color:black;
}


.article div.lead, .article div.texte {
text-align:justify;
line-height:1.3;
margin-bottom:1.5em;
}

body {
	background: #666 url('../images/body-bg.gif') top center repeat-y;
	font: 100% Arial, Helvetica, Sans-serif;
	text-align: center;
	color: #333;
}

a {
	text-decoration: none;
	color: #e3001b;
}

strong {
	font-weight: bold;
}

div#etuc {
	margin: 0 auto;
	font-size: 0.8125em;
	text-align: left;
	width: 960px;
}

div#header {
	padding: 40px 0 0 0;
	background: #e3001b url('../images/header-bg.jpg') top left repeat-x;
	position:relative;
}

h1 {
	margin: 10px 0 20px 0;
	padding: 2px 5px;
	background: #948781;
	font-family: "Trebuchet MS", Arial, Sans-serif;
	font-size: 1.384615384615385em;
	color: #fff;
	clear: both;

}

.pagination {
	margin: 10px 0 20px 0;
	padding: 2px 5px;
	background: #948781;
	font-size: 1.384615384615385em;
	color: #fff;
}

#content .lien_pagination {
background:#AF0015;
padding:0 5px;
color:white;
}

.surtitre {float:left;
font-style:italic;
font-size:0.9em;
}


div#header h1 {
	background: url('../images/etuc.gif') top left no-repeat;
	margin:0;
}

div#header h1 a {
	text-indent: -1000px;
	display: block;
	width: 430px;
	height: 50px;
}

div#header h2 {
	display: none;
}

div#header ul {
	border-top: 1px solid #fff;
	text-align: right;
}

div#header ul li {
	color: #fff;
	display: inline;
}

div#header ul li a {
	padding: 0 5px;
	border-right: 1px solid #ccc;
	color: #fff;
}

div#header ul li.search {
	border-right: none;
}

div#header ul li.search div, div#header ul li.search form {display:inline;}

div#header ul li.search input {
	font-size: 0.846153846153846em;
}

div#header ul li.search input.text {
	border: 1px solid #af0015;
	width: 100px;
}

div#header ul li.search input.submit {
	border: 1px solid #af0015;
	background: #af0015;
	color: #fff;
}

ul#navigation {
	border-top: 2px dotted #948781;
	border-bottom: 2px dotted #948781;
}

ul#navigation ul {
display:none;
position:absolute;
background: #C1B9B6 /*white*/;
/*border: 2px dotted #948781;*/
border: 1px solid #948781;
margin-top:24px;
width:12em;
z-index:10000;
top:0px;
left:0;
}

ul#navigation ul li {
	padding: 2px 5px;
	font: 0.9em "Trebushet MS",Arial, Helvetica, Sans-serif;
	float: none;
	border:none;
}

ul#navigation ul li a {
border:none;
padding:0;
}

ul#navigation li {
	padding: 5px 0;
	font-family: "Trebushet MS",Arial, Helvetica, Sans-serif;
	font-size: 1.076923076923077em;
	float: left;
	position:relative;
}

ul#navigation ul li:hover {
  background:#948781;
}

ul#navigation li a {
	padding: 0 5px;
	border-right: 1px solid #333;
	color: #333;
}

ul#navigation ul li a:hover {
	color:white;
}
ul#navigation li a:hover {
	color: #e3001b;
}

ul#navigation li.last a {
	border-right: none;
}

ul#navigation li.current {
	background: url('../images/nav-current.gif') bottom center no-repeat;
}

ul#navigation li.current a {
	font-weight: bold;
}


ul.spip ul.spip {margin-bottom:13px}

div#page {
	margin: 2px 0 0 0;
	/*background: #fff url('../images/page-bg.gif') top center repeat-y;*/
	background: #fff url('../images/page-bg.gif') 110px 0 repeat-y;
	width: 960px;
}


div#submenu {
	awidth: 175px;
	width: 225px;
	float: left;
}

div#sidebar {
	overflow: hidden;
	width: 200px;
	float: left;
}

div#campaign {text-align:center;font-size:1.23077em;}
div#campaign img {padding-top:10px;}

.two-columns #sidebar {
	margin-left:20px;
	width:190px;
}
.two-columns div#page {
	background: #fff url('../images/page-bg.gif') 621px 0 repeat-y;
}

a#sidebar img {display:block;
margin:0 auto;text-align:center;}

.article,.space, {
margin:0 10px;
}

p.spip,.texte p {
margin-bottom:8px;
}

#content {
margin:0 0px 20px 45px;
padding:0 20px;
width:660px;
float:left;
background:white;
min-height:300px;
}
* html #content {
margin-left:20px;
}

#content .article, #content .main {
padding-top:20px;

}

div#main {
	padding: 0 20px;
	awidth: 394px;
	width: 494px;
	float: left;
}

div#main h2 {
	margin: 20px 0 20px 0;
	padding: 2px 5px;
	background: #948781;
	font-family: "Trebushet MS",Arial, Helvetica, Sans-serif;
	font-size: 1.384615384615385em;
	color: #fff;
}

#content h2 {
	font-family: "Trebushet MS",Arial, Helvetica, Sans-serif;
	font-size: 1.2em;
	color:#948781;
	margin-top:10px;
}

#content h2.title {
	margin: 10px 0 20px 0;
	padding: 2px 5px;
	background: #948781;
	font-family: "Trebuchet MS", Arial, Sans-serif;
	color: #fff;
	font-weight:bold;
	clear: both;
}

h3 {
background:lightgrey;
margin-bottom:10px;
padding:0 10px;
font-size: 1.1em;}

h4 { font-size: 1.1em;
padding:0 10px;
background:#EFEFEF;
}

.picto {float:right;
display:block;
clear:both;
}

div#main h3 {
	margin: 0 0 5px 0;
	font-family: "Trebushet MS",Arial, Helvetica, Sans-serif;
	font-size: 1.384615384615385em;
	color: #675850;
}

div#main div.news-item {
	margin: 0 0 20px 0;
}

div#main div.news-item p.date {
	margin: 0 0 2px 0;
	font-size: 11px;
}

div#main div.news-item h4 {
	margin: 0 0 2px 0;
	background:none;
}

div#main div.news-item h4 a {
	font-weight: bold;
}

div#main div.news-item p.more {
	text-align: right;
}

div#main div.news-item p.more a {
	atext-decoration: underline;
}

div#main .spip_logos,div#main img.left {
	margin: 0 10px 10px 0;
	float: left;
}

.second_list {margin-left:12px;}

.list {clear:both;}

.list:after,.block:after {
    content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

#content .list ul {
margin-left:15px;
}


div#submenu h3, div#sidebar h3,div#sidebar h2 {
	margin: 0 0 5px 5px;
	background:none;
	font-weight:bold;
	font-family: "Trebushet MS",Arial, Helvetica, Sans-serif;
	font-size: 1.230769230769231em;
	color: #af5118;
}

div#sidebar h3 {
	margin: 0 0 10px 0;
	color: #959a29;
}

div#sidebar h2 {
	margin: 0 0 5px 0;
	background:lightgrey;
}

div#sidebar h3.compact {
	margin: 3px0 0 3px 0;
	font-size:1em;
	background:white url("../images/bullet.gif") no-repeat 0 5px;
	font-family: Arial, Helvetica, Sans-serif;
font-weight:normal;
}
div#sidebar .list h3 {
  font-size:1em;
}
div#sidebar h3 {
  font-weight:bold;
  font-size:1.23077em;
}

div#sidebar div.event {
margin-bottom:10px;
}

div#sidebar .event h3 {
  font-size:1em;
	color: #fff;
}

div#sidebar .publications h3 {
  font-size:1em;
}

div#sidebar p {
color: #333;
}
div#sidebar p {
	margin: 0 0 5px 0;
}

div#sidebar img {
	margin: 0 0 10px 0;
}

div#submenu ul {
	margin: 0 0 20px 10px;
/*TMP for P*/
	font-family: "Trebushet MS",Arial, Helvetica, Sans-serif;
}

/* doesn't work */
div#sidebar ul.compact li {
  background: white url('');
  font-size:90%;
}


div#submenu ul li, .list h2, #sidebar ul li, #content li {
	margin: 5px 0 2px 0;
	font-size:110%;
	background: url('../images/bullet.gif') 0 5px no-repeat;
	padding: 0 0 0 12px;
}

#content .socialtags li {background: url('');}

div#submenu ul li,#content li {
	font-size:100%;
}
div#submenu ul li a:hover {
	color:#AF5118;
}

#content ol li {
list-style-type:decimal;
background-image:url('');
padding-left:0;
}

#content ol {margin-left:20px;}

#content .list h2 {
	font-family: Arial, Helvetica, Sans-serif;
	font-size:1em;
	font-weight:bold;

}

#content .list li a {
font-weight:bold;
}

#sidebar ul {
margin-bottom:15px;
}

#sidebar ul li {
  font-size:100%;
  line-height:1.1;
}

#sidebar ul li a {
  color:#AF0015;
  margin: 3px 0 2px 0;
}

#content a {
  color:#AF0015;
}

.list .chapo {
  margin-left:12px;
  font-size:0.9em;
}

div#submenu ul li a {
	color: #333;
}

p.pdf {
	padding: 0 0 0 20px;
	background: url('../images/pdf.gif') top left no-repeat;
}

div.box {
	margin: 0 0 20px 0;
	padding: 5px;
	background: #ff7f00;
	color: #fff;
}

div#main div.box {
	background: #948781;
	color: #fff;
}

div#main div.box h3 {
	color: #fff;
}

div#main div.box a {
	text-decoration: underline;
	color: #fff;
}

div#main div.box form {
	margin: 10px 0;
}

div#main div.box p.pdf {
	font-size: 0.923076923076923em;
}

div#main div.box input.text {
	border: 1px solid #999;
	width: 150px;
}

div#main div.box input.submit {
	border: 1px solid #999;
	background: #ccc;
	color: #333;
}

div#main div.rss {
	margin: 0;
	padding: 10px 0 10px 100px;
	background: #948781 url('../images/rss-bg.gif') bottom left no-repeat;
}

div#main div.newsletter {
	padding: 10px 0 10px 100px;
	background: #83746c url('../images/newsletter-bg.gif') bottom left no-repeat;
}

div#sidebar div.box {
	background: #bdc33c;
	text-align: left;
	padding:10px 5px 10px 20px;
}


div#sidebar div.picture {
	text-align: left;
	padding:10px 5px 10px 20px;
}
div#sidebar div.event {
	background: #C1B9B6;
	text-align: left;
	padding:10px 5px 10px 20px;
}
div#sidebar div.event a {
	color:black;
	aatext-decoration:underline;
}

div#sidebar div.more {
	background: #C1B9B6;
	text-align: left;
	font-size:83%;
	margin-top:20px;
	padding:15px 0 15px 15px;
}
div#sidebar div.more br {
margin-bottom:5px;
display:block;
}

div#sidebar .more h3 {
	color: #fff;
}

div#sidebar div.box a {
	color: #fff;
	font-weight: bold;
	aatext-decoration: underline;
}

div#sidebar div.events {
	background: #c1b9b6;
	color: #333;
}

div#sidebar div.events a {
	color: #333;
	text-decoration: underline;
}

div#sidebar div.box h3 {
	aatext-align: left;
	color: #fff;
}

div#sidebar div.box p {
	aatext-align: left;
}

div.quote {
	padding: 0 0 36px 0;
	background: #E2681F url('../images/quote-bottom.gif') bottom right no-repeat;
}

div.quote p {
	padding: 36px 10px 0 10px;
	background: transparent url('../images/quote-top.gif') top left no-repeat;
	font-family: "Trebushet MS",Arial, Helvetica, Sans-serif;
}

div#submenu div.box h3 {
	margin: 0 0 5px 0;
	color: #fff;
}

div.box input.text {
	border: 1px solid #af5118;
	font-size: 0.923076923076923em;
	width: 100px;
}

div.box input.submit {
	border: 1px solid #af5118;
	background: #e2681f;
	font-size: 0.923076923076923em;
	color: #fff;
}

div#footer {
	padding: 5px;
	background: #e3001b;
	text-align: center;
	color: #fff;
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	clear: both;
}

#switchLinks {background:transparent;}

#switchLinks *
{
display:block;
float:right;
border:1px solid black;
width:18px;
height:18px;
margin:5px 5px 5px 0;
padding:5px;
clear:left;
}

#linkLarge {}
#linkSmall {}

table.spip td {padding:0 4px;}
.plan-rubriques {margin-left:12px;}
.plan-rubriques h3 {font-size:1.1em;
margin:5px 0px;}

.required {color:red;}

.portfolio {float:left;margin:0 10px 0 0;max-width:150px}

* html .portfolio {width:150px;}

.nlportfolio {clear:left;}

#content .list .listdoc {
float:right;
}

#content .listdoc li {background:none;float:left;
padding:2px 3px;
margin:0;
}


.langicon {
	border: 1px solid #af0015;
display:block;
padding:1px 4px;
font-size:0.8em;
}

#content .calendrier-td .time {display:none;}

#content .calendrier-td a {
color:black;
}

.spip_documents_right {padding:0 0 10px 20px;
background:white;
}
.spip_documents_left {padding:20px 10px 0;
background:white;}

.forum-repondre {clear:both;}

blockquote {
font-size:0.95em;
width:250px;
	padding: 36px 10px 10px 10px;
margin:10px;
color:white;
	background: #E2681F url('../images/quote-top.gif') top left no-repeat;
font-style:italic;
}



.left {float:left;margin:0 10px 10px 0;}
.right {float:right;margin:0 0 10px 10px;}

table.contacts th{background:lightgrey;font-weight:bold;padding:1px 8px;}
table.contacts td{padding:1px 8px;}

#etucweb2 {margin-left:10px}
#etucweb2 a {padding-right:3px;}

#content .fc-event a {color:#fff}

/* 29 sept events section */

div#bigmap, div#map  {height:500px;border:1px solid #948781;}
div#map1 {border:1px solid #948781;margin-bottom:10px;}
div#bigmap h4, div#map h4, div#map1 h3 {padding:0px;margin-bottom:5px;background:#fff;}
div#map1 h3 {font-size:1.1em;}

#popup, .-default-popup {
  -moz-border-radius: 10px;
  border-radius: 10px;
background: white;
border: 1ps solid black;
position:absolute;
width:200px;
z-index:10000;
text-align:center;
}

#popup h1, .-default-popup h1{
  background:black;
  color:white;
  font-size:14px;
  padding:2px 4px;
	margin:0;
}

#popup .popup-body, .-default-popup  .popup-body{
  font-size:10px;
  padding:2px 6px;
  text-align:left;
}
#ftt {text-align:center;}