@import url('reset.css');

body {
    font: 62.5% Arial, Helvetica, sans-serif;
    background: #fff url('../images/body-bg.png') top left repeat-x;
    line-height: 1.5em;
    text-align: center;
    color: #11434a;
}

a {
    color: #53767a;
}

hr.line {
clear:left;
}

strong {
    font-weight: bold;
}

div#bigmap
{
padding:5px;
background:#a97d4f;
}

div#map
{
margin-bottom:10px;
width:430px;
padding:5px;
background:#a97d4f;
}

#map .all {
margin:5px 0 0 0;
width:150px;
}

div#page {
    margin: 0 auto;
    font-size: 1.1em;
}

div#entete {
    margin: 0 auto;
    margin-bottom: 40px;
    text-align: left;
    width: 1000px;
}

div#entete h1 {
    text-indent: -10000px;
    width: 1000px;
    height: 165px;
}

div#entete h1 a {
    display: block;
    width: 1000px;
    height: 165px;
}

div#conteneur {
    margin: 0 auto;
    text-align: left;
    width: 900px;
}

div#contenu {
    width: 660px;
    float: right;
}

div#contenu h3 {
    margin: 0 220px 20px 0;
    padding: 0 0 2px 2px;
    border-bottom: 1px solid #11434a;
    font-size: 1.181818181818182em;
    font-weight: bold;
    text-transform: uppercase;
}

div#contenu .sidebar h3 {
  margin:0 0 20px 0;
}

div#contenu .contenu-column-1 h3,div#contenu .contenu-column-2 h3 {
    margin: 0 0px 20px 0;
}

div#contenu p {
    margin: 0 0 20px 0;
}

div#contenu ol {
    margin: 0 0 20px 20px;
    list-style-type:decimal;
}

div#contenu ul {
    margin: 0 0 20px 20px;
    list-style-type:disc;
}

div#contenu p.all a {
    padding: 5px;
    background: #522b00;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    display: block;
}

div.contenu-column-1, div.contenu-column-2 {
    width: 210px;
    float: left;
}

div.contenu-column-1 {
    margin: 0 10px 0 0;
}

div.contenu-column-2 {
    margin: 0 0 0 10px;
}

div#contenu div.contenu-column-1 h4, div#contenu div.contenu-column-2 h4,#contenu .sidebar h4 {
    margin: 0 0 10px 0;
    font-weight: bold;
}

div#contenu div.contenu-column-1 h4 span, div#contenu div.contenu-column-2 h4 span {
    font-weight: normal;
    float: right;
    margin-left:10px;
}

div#contenu div.contenu-column-1 p.more, div#contenu div.contenu-column-2 p.more {
    margin: -20px 0 20px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #9dabad;
    text-align: right;
}

div#contenu div.contenu-column-1 ul, div#contenu div.contenu-column-2 ul {
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    list-style:none;
    border-bottom: 1px dotted #9dabad;
}

div.sidebar {
    margin: 0 0 0 20px;
    width: 200px;
    float: right;
}

div.sidebar div.themes h4 {
    margin: 0 10px 10px 10px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #cbcbcb;
    font-size: 1.272727272727273em;
    text-transform: uppercase;
}

div#navigation {
    margin: 0 20px 0 0;
    width: 200px;
    float: left;
}

div#navigation ul {
    margin: 0 0 20px 0;
}

div#navigation ul li {
    border-bottom: 1px solid #cbcbcb;
    font-size: 1.090909090909091em;
}

div#navigation ul li a {
    padding: 8px 0 8px 15px;
    text-decoration: none;
    display: block;
}

div#navigation ul li a:hover {
    background: url('../images/navigation-bg.gif') center right no-repeat;
}

body#home div#navigation ul li.home a {
    background: url('../images/navigation-bg.gif') center right no-repeat;
    font-weight: bold;
    color: #522b00;
}


div.box {
    margin: -5px 0 20px 0;
    padding: 0 15px 5px 15px;
    background: url('../images/box-bg.png') bottom left no-repeat;
    position:relative;
}

#rndevents {
  height:200px;
  overflow:hidden;
}
#rndevents div {
  height:200px;
}
#rndevents a {color:white;}

#rndevents h4 {background-image:url('');}
#rndevents h4 a {color:white;text-decoration:none;}

#rndevents h4.name {margin:0 0 0 -15px;
font-size:1.3em;
}

div.box h3, div.box h4 {
    margin: 0 -15px 15px -15px;
    padding: 20px 15px 0 15px;
    background: url('../images/box-top.png') top left no-repeat;
    color: #fff;
}
div.box h3 a, div.box h4 a{
  color:white;
  text-decoration:none;
}

div.box h3 {
    font-size: 2.8em;
    text-transform: uppercase;
}

div.box h4 {
    font-size: 1.636363636363636em;
}

div.box h5 {
    margin: 0 0 10px 0;
    font-size: 1.272727272727273em;
    font-weight: bold;
    color: #031421;
}

div.box p {
    margin: 0 0 10px 0;
    color: #fff;
}

div#contenu div.box p {
    margin: 0 0 10px 0;
}

div.box p.more {
    text-align: right;
}

div.box p.more a {
    font-weight: bold;
    color: #0e2534;
}

div.search {
    margin: 0 0 20px 0;
}

div.search input.search-query {
    margin: 0 10px 0 0;
    padding: 2px 5px;
    border: 1px solid #092c31;
    color: #7c7c7c;
    width: 140px;
}

div.search input.search-submit {
    padding: 2px 5px;
    border: none;
    background: #522b00;
    color: #fff;
    width: 30px;
}

div.language-select {
    margin: 0 0 20px 0;
}

div.language-select select {
    padding: 2px 5px;
    border: 1px solid #092c31;
    color: #7c7c7c;
    width: 180px;
}

div#pied {
    padding: 30px 0 20px 0;
    background: #6991ab url('../images/footer-bg.png') top left repeat-x;
    text-align: left;
    color: #eee;
    clear: both;
}

div#pied p.credit {
    float: right;
}

div#pied p {
    margin: 0 0 10px 0;
}

div#pied a {
    text-decoration: none;
    color: #eee;
}

div#pied span {
    padding: 0 5px;
    color: #a0b8c5;
}

div#pied div.pied-content {
    margin: 0 auto;
    width: 900px;
}

/* new classes added by FL */

.on {
    font-weight: bold;
    color: #522b00;
}

.hidden {
    display: none;
}

.hpbox {
    width: 200px;
    float: left;
    margin-top: 50px;
    margin-left: 12px;
    margin-right: 12px;
}

.hpbox p {
    text-align: justify;
    min-height: 220px;
}

* html .hpbox p {
    height: 200px;
}

.hpbox h2 a {
    margin-top: 20px;
    padding: 5px;
    background: #522b00;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    display: block;
}

.hpbox h2 a:hover {
    text-decoration: underline;
}

div#entete h1.en {
    background: url('../images/header_en.png') top left no-repeat;
}

div#entete h1.es {
    background: url('../images/header_es.png') top left no-repeat;
}

div#entete h1.fr {
    background: url('../images/header_fr.png') top left no-repeat;
}

div#entete h1.de {
    background: url('../images/header_de.png') top left no-repeat;
}

div#contenu h1 {
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
}

div#contenu h2 {
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 10px;
}

div#contenu h2 span {
    font-size: 0.9em;
    font-weight: normal;
    float: right;
    color: #6F3700;
}

div#contenu p.more {
    text-align: right;
    margin-top: -20px;
    margin-bottom: 10px;
}

div#contenu li h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0px;
}

div#contenu li h2 a {
    text-decoration: none;
}

.themebox {
    clear: left;
    width: 420px;
    margin-top: 15px;
    padding: 0px 10px 10px 10px;
}

.themebox strong.spip {
    font-size: 1.3em;
}
.themebox strong.spip a {
text-decoration:none;
color:#53767A;
}
.themebox img {margin-bottom:10px;}


#contenu .themebox p {margin-bottom:8px;}

.themebox span a {
    color: #6F3700;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

#contenu .spip_logos {
    float: right;
}

#contenu .sidebar .spip_logos {
    float: none;
}

.chapo, .ps {
    font-style: italic;
}

.chapo, .texte {
    margin: 10px 0px;
}

#map ul {
    list-style-type: circle;
    margin-left: 15px;
    font-size: 1.3em;
    font-weight: bold;
}

#map ul li {
    padding: 3px 0px;
}

#map ul ul {
    list-style-type: circle;
    margin-left: 20px;
    font-size: 1em;
    font-weight: bold;
}

#map ul ul li {
    padding: 3px 0px;
}

.themes h5 {
    position: relative;
    bottom: -27px;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}

.themes h5 a {
    color: #052125;
    text-decoration: none;
}

.altsidebarbox {
    background: #ffefd2;
    padding: 10px 5px 0px 5px;
}

.altsidebarbox ul {
    padding-bottom: 15px;
}

.altsidebarbox li {
    list-style-type: circle;
    font-size: 1.2em;
    margin-left: 20px;
}

.altsidebarbox p {
    text-align:right;
    font-size: 1.2em;
    padding-bottom: 5px;
}

.sidebar .logoarticle {
float:none;
margin:0 0 10px 0;
}

.sidebar .logo {margin:5px 0;}

.logoarticle {
    float: left;
    margin-top: 10px;
    padding-right: 5px;
}

.logoarticlehome {
    float: left;
    margin-top: 5px;
    padding-right: 5px;
}

.formulaire_inscription legend {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 10px;
}

#loginpage p {
    font-size: 1.2em;
}

.reponse_formulaire {
    padding: 5px 15px 5px 15px;
    background: #6991AB;
 color:white; 
}
.reponse_formulaire legend {display:none;}

#loginpage li {
    list-style-type: circle;
    font-size: 1.1em;
    margin-left: 20px;
}

/* text in the rights at work sections has a different color */

.rub12, .rub30, .rub56, .rub41 {
    color: #895000;
}

/* text in the solidarity sections has a different color */

.rub13, .rub31, .rub57, .rub40 {
    color: #723800;
}

#tools {
}

#contenu .compactdoc {
padding:3px 10px;
margin-bottom:0;
}

#contenu .doc {
min-height:50px;
}

#contenu .odd {
background:#f1e3c9;
margin-right:222px;
}

#contenu .even {
background:#fdf1dd;
margin-right:222px;
}


* html .doc {height:50px;} 


.allinfo {margin-left:230px;}

.decentwork a {
display:block;
background:lightgrey no-repeat;
width:115px;
height:42px;
text-indent: -10000px;
margin: 20px auto 10px auto;
}

#decentworkcheck a{
display:block;
background:lightgrey no-repeat;
width:188px;
height:73px;
text-indent: -10000px;
margin: 20px auto 10px auto;
background-image:url('../images/decent_188_73.gif');
}


#dc_en a {background-image:url('../images/en-red.gif');}
#dc_fr a {background-image:url('../images/fr-red.gif');}
#dc_de a {background-image:url('../images/de-red.gif');}

#documents_joints {font-size:1.1em;}

#dc_es a {background-image:url('../images/es-red.gif');}

.forum-message {
}

#contenu .forum {
padding:0;
margin:0;
}

div.comment-form,.forum-fil {list-style:none;
border:1px solid #A97D4F;
padding:10px;
}

div.comment-form, .preview {
border:1px solid #A97D4F;
padding:10px;
margin-right:220px;
}

div.comment-form label {
display:block;
font-style:italic;
}

.forum-repondre a,.form-submit {
    background: #6991ab;/* url('../images/footer-bg.png') top left repeat-x;*/
    color: #eee;
    border-top:lightblue 1px solid;
    border-left:lightblue 1px solid;
    border-right:blue 1px solid;
    border-bottom:1px blue solid;
    text-decoration:none;
    padding:10px;
    font-weight:bold;
}

#rndevents div {
   height:150px;
}

#home #my-timeline {
position:absolute;
width:100%;
height:163px;
left:0;
top:0;
overflow-x:hidden; overflow-y:scroll;
background:#eee;
}

#my-timeline {
margin-bottom:20px;
overflow-x:hidden; overflow-y:scroll;
}

table.list {
border:1px solid lightgrey;
border-collapse:collapse;}
table.list td,table.list th{
border:1px solid lightgrey;

padding:2px 5px;}

table.list th {}

.timeline-event-bubble-title {margin-bottom:20px;
font-size:1.2em;
padding-bottom:10px;
}


div.youtube {
	margin-top:10px;
	margin-bottom:10px;
}