@import 'pde.css';

*{
/* style */
font-family: Arial, Verdana, sans-serif;
font-size: 100%;
}
body{
margin: 0;
padding: 0;
font-size: 0.8em;
/* style */
color: #000000;
background: #ffffff;
}

.zonemaxwidth{
width: 985px; /* width: 770px; */
margin: 0 auto;
text-align: left;
/* style */
/* background: yellow; */
}
#container{
margin: 0 auto;
text-align: center;
/*background: #fafafa url('images/container_bg.gif') center repeat-y;*/
}
#header{
height: 98px;
/* style */
background: #ffffff url('images/header_bg.gif') repeat-x;
/* background: blue; */
}
#zonetop{
clear: both;
margin: 0;
height: 0;
/* style */
/* background: red; */
}
* html #zonetop{ /* hack IE < 7 */
display: none;
}
#zonecenter{
margin-left: 215px; /* must be equal to the zoneleft width */
margin-right: 210px; /* must be equal to the zoneright width */
width: 560px;
/* style */
text-align: left;
}
* html #zonecenter{ /* hack IE < 7 */
width: 539px; /* certainement -3px pour decalage IE 6 avec ajout de zoneright */
}
#zoneleft{
float: left;
width: 215px;
/* style */
text-align: left;
/* background: yellow; */
}
#zoneright{
float: right;
width: 210px;
padding-bottom: 40px;
/* style */
/* background: orange; */
}
#footer{
clear: both;
height: 30px;
width: 100%;
margin: 0;
/* style */
color: #000000;
}

/*---------- SPECIFIC STRUCTURE --------*/

/* TAGS (plugin SPIP nuage) */
#tags{
margin: 40px 0 0 0;
font-size: .9em;
}
#tags ul.nuage li a{
color: #dddddd;
}
#tags ul.nuage {
list-style-type: none;
}
#tags ul.nuage > li {
display: inline;
}
#tags ul.nuage > li em > em {
font-size: 110%;
}
#tags ul.nuage > li em > em > em {
font-size: 120%;
}
#tags ul.nuag e > li em > em > em > em {
font-size: 130%;
}
#tags ul.nuage > li em > em > em > em > em {
font-size: 140%;
}
#tags ul.nuage > li em > em > em > em > em > em {
font-size: 150%;
}


/*---------- ELEMENTS TO HIDE ----------*/
#header_print{
display: none;
}

/*------------------------------------------------------------------------
as much as possible...
first redefine HTML elements, then define the other elements
Use CONTAINER as common declaration for the others
-------------------------------------------------------------------------*/

a{
text-decoration: none;
color: #88681f;
}
a:hover{
text-decoration: underline;
color: #ad7f16;
}
a:active{
text-decoration: underline;
color: #ffb102;
}
a:visited{
color: #a8883e;
}
img{
border: 0;
}
acronym{
/* style */
border-bottom: dotted 1px #ddd;
cursor: help;
}
dt{
font-weight: bold;
}

/* table */
table{
margin: 10px 0 20px 0;
}
table.spip td, table.spip th, td{
border: solid 1px #ddd;
padding: 2px;
color: #000033;
font-size: 1em;
}
table.spip tr{
vertical-align: top;
}

/* form */
form{
padding: 15px;
margin: 0;
/* style */
}
.formspacer{
margin: 10px;
}
fieldset{
padding: 0;
margin: 0;
/* style */
border: 0;
}
legend{
padding: 0;
margin: 0 0 15px 0;
+margin: 0 0 15px -7px; /* hack IE */
/* style */
font-weight: normal;
font-size: 1.3em;
color: #aaaaaa;
}
label{
padding: 0;
margin: 10px 0 0 0;
/* style */
font-weight: bold;
font-size: 1em;
}
input, select{
/* style */
}
.boutons{
display: block;
text-align: right;
}

/* align, float */
.center{
text-align: center;
}
.right{
text-align: right;
}
.floatleft{
float: left;
}
.floatright{
float: right;
}
.clear{
clear: both;
}

/*---------- CONTAINER ----------*/
p{
margin: 0 0 10px 0;
}
h1{
font-size: 1.6em;
margin: 10px 0;
color: ;
background-color: #fff;
}

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

/* logo */
#logo{
display: block;
padding: 19px 0 0 0;
}
#logo img {
display: block;
width: 205px;
}
#header_logo_deco{
position: absolute;
margin: 19px 0 0 -1000px;
width: 1000px;
height: 60px;
}

/* navigation */
#header_nav{
position: absolute;
top: 13px;
margin: 0 0 0 225px;
padding: 0;
}
#header_nav2{
position: absolute;
top: 13px;
margin: 0 0 0 339px;
padding: 0;
}
#header_illustration{
position: absolute;
top: 13px;
margin: 0 0 0 513px;
padding: 0;
}
#header .formulaire_identification{
position: absolute;
top: 13px;
margin: 0 0 0 853px;
padding: 0;
}

/* accesdirect */
#accesdirect{
width: 155px;
height: 25px;
margin: 0;
padding: 5px 0 0 16px;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 0.85em;
color: #ffffff;
text-transform: uppercase;
border: 0;
background: transparent url('images/header_accesdirect_bg.gif') no-repeat !important;
}

/* this is the css for the horizontal version */
.horizontal ul{
margin: 3px 0 0 0;
+margin: 4px 0 0 0;
padding: 0;
list-style-type: none;
/* background: green; */
}
.horizontal li{
float: left;
margin: 0;
+margin: -1px 0 0 0; /* hack IE */
padding: 0;
}
.horizontal li a{
display: block;
text-decoration: none;
width: 163px;
padding: 5px 2px 5px 5px;
font-family: Verdana, Arial, sans-serif;
font-size: .8em;
font-weight: bold;
border-left: solid 4px #dddddd;
border-top: solid 2px #ffffff;
}
.horizontal li li a{
}
.horizontal li ul{
display: block;
position: absolute;
margin: -5px 0 0 1px !important;
+margin: -4px 0 0 1px !important;
width: 170px;
border: none;
/* background: orange; */
}
.horizontal li li ul{
position: absolute;
margin: -25px 0 0 169px !important;
padding: 0;
}
a.single{
background: #c2baa9;
}
a.multiple{
background: transparent url('images/accesdirect_li_bg.gif') !important;
font-size: .85em !important;
}
/* This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap */
/* Not sure if I recommend this or not */
.inaccesible li ul{
display: none;
}
/* Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class */
.plus a span{
font-weight: bold;
padding-left: .5em;
font-size: 1.1em;
color: #dddddd; 
}
.plus a:hover span{
padding-left: 1em;
}
.plus a span.noshow{
visibility: hidden;
}
/* colors for menu */
.blackwhite li a{
color: #ffffff;
}
.blackwhite a:hover{
background: #cccccc !important;
color: #666666;
text-decoration: none;
}

/* header_nav */
#header_nav li{
margin: 0;
padding: 0;
list-style-type: none;
}
#header_nav li a{
display: block;
width: 95px;
height: 16px;
margin: 0 0 2px 0;
+margin: 0 0 1px 0; /* hack IE */
padding: 0 0 0 10px;
/* style */
text-align: left;
background: #999999 url('images/header_li_bg.gif') no-repeat;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 0.9em;
color: #ffffff;
}
#header_nav li a img{
display: inline;
vertical-align: middle;
padding: 0 7px;
}
#header_nav li a:hover{
padding: 0 0 0 11px;
width: 94px;
/* style */
}

/* recherche */
.formulaire_recherche{
width: 155px;
height: 42px;
background: #dddddd url('images/recherche_bg.gif');
text-align: center;
}
.formulaire_recherche form{
padding: 11px 0 0 0;
margin: 0;
background: transparent;
}
.formulaire_recherche label{
display: none;
}
.formulaire_recherche input{
margin: 0;
padding: 1px 2px;
width: 80px;
max-height: 18px;
font-size: .85em;
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
color: #333;
background: #fff;
border: solid 1px #999;
}
#recherche_go{
cursor: pointer;
cursor: hand;
margin: 0;
padding: 1px 2px;
width: 22px;
max-height: 18px;
font-size: 0.9em;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
color: #ffffff;
background: #c9c9c9;
border: none;
}

/* identification */
#formulaire_identification{
background: transparent url('images/identification_bg.gif') no-repeat;
height: 70px;
width: 133px;
padding: 0;
margin: 0; 
}
#formulaire_identification legend{
display: none;
}
#formulaire_identification.authenticated{
background-image: url('images/identification_bg.gif');
}
#formulaire_identification fieldset{
padding: 4px 0 0 15px;
}
#formulaire_identification input{
margin: 0 5px 3px 0;
padding: 1px 2px;
width: 80px;
max-height: 18px;
font-size: .85em;
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
color: #333;
background: #fff;
border: solid 1px #999;
vertical-align: middle;
}
#formulaire_identification #identification_go{
cursor: pointer;
cursor: hand;
margin: 0;
padding: 1px 2px;
width: 22px;
max-height: 18px;
font-size: 0.9em;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
color: #ffffff;
background: #c9c9c9;
border: none;
}
#formulaire_identification label{
margin-left: 44px;
}

/*----- ZONETOP -----*/


/*----- ZONECENTER -----*/

/* fil ariane */
#filariane{
font-size: .8em;
color: #cccccc;
}
#filariane a{
color: #cccccc;
}

/* EDITO */
#edito{
margin: 15px 19px 50px 19px;
line-height: 1.4em;
font-size: 1em;
color: #272727;
}
.chapo{
text-align: justify;
font-size: 1.2em;
padding: .6em 0;
color: #444444;
}
* html #edito{ /* hack IE < 7 */
margin: 15px 0 15px 12px;
}
h1.titre{
}
p.soustitre{
font-size: 1.1em;
font-weight: bold;
color: #999999;
}
p.spip{
line-height: 1.35em;
text-align: justify;
}
hr.spip{
margin: 20px 10px;
border: solid 1px #dfdfdf;
}
h3.spip{
font-size: 1.1em;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
color: #666666;
text-align: center;
margin: 35px auto 15px auto;
}
h3.spip img, img.documentsjoints{
display: block;
text-align: center;
margin: 0 auto -19px auto !important;
}
strong.spip{
color: #555555;
}
.spip_surligne{
background: yellow;
}

p#publie_par_le{
font-size: 0.8em;
color: #bbbbbb;
}

/* blocs documents images */
dl.spip_documents{

margin: 15px 0;
padding: 0;
}
.spip_documents dt{
display: inline;
margin: 0;
padding: 0;
}
.spip_documents dt a{
font-size: .85em;
font-family: Verdana, Arial, sans-serif !important;
}
.spip_documents dd{
display: inline;
margin: 0;
padding: 0;
font-size: .85em;
color: #555555;
font-family: Verdana, Arial, sans-serif;
}
.spip_documents_center{
text-align: center;
}
span.spip_documents_center{
display: block;
margin-top:1em;
}
.spip_documents_left{
float: left;
margin-right: 15px;
margin-bottom: 5px;
}
.spip_documents_right{
float: right;
margin-left: 15px;
margin-bottom: 5px;
}
#documents_joints{
}
#documents_joints ul{
list-style-type: none;
margin: 0;
padding: 0;
}
#documents_joints li{
margin: 4px 0;
padding: 0;
}
#documents_joints a{
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: .85em;
}
#documents_joints a img{
vertical-align: middle;
margin: 0 5px 0 0;
}

/* sommaire */
#sommaire ul{
padding: 0 0 0 30px;
margin: -10px 0 10px 15px;
}
#sommaire li{
list-style-image: url('images/sommaire_li.gif');
padding: 0;
margin: 0;
}
#sommaire li a{
font-size: .85em;
color: #aaaaaa;
}
ul.spip li{
list-style-image: url('images/spip_li.gif');
padding-left: 4px;
margin: .5em 0;
}

/* forum */
h2.forum-repondre{
margin: 50px 0 0 0;
}
h2.forum-repondre a{
display: block;
width: 300px;
padding: 10px 3px;
background: transparent url('images/repondre_bg.gif') no-repeat 0 50%;
color: #ffffff;
font-family: Verdana, Arial, sans-serif;
padding-left: 10px;
}
h2.forum-repondre a:hover{
color: #666666;
text-decoration: none;
}

/*----- ZONELEFT -----*/
#zoneleft_rightborder{
display: block;
float: right;
margin: 35px 0 0 5px;
}

#titre_theme{
margin: -4px 0 40px 15px;
+margin: -4px 0 50px 5px; /* hack IE */
}
#titre_theme img{
vertical-align: middle;
}
#titre_theme a{
font-family: Verdana, Arial, sans-serif;
font-size: 1.2em;
font-weight: bold;
}
/* traductions */
#article_traductions{
position: absolute;
top: 127px;
margin: 6px 0 0 0;
}
#article_traductions p{
font-family: Verdana, Arial, sans-serif;
font-size: .8em;
color: #adacac;
}
#article_traductions a{
font-family: Verdana, Arial, sans-serif;
font-size: .85em;
font-weight: bold;
color: #7f7f7f;
padding: 1px 18px;
background: #f0f0f0; /* url('images/article_traductions_li_bg.gif'); */
}
#article_traductions ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#article_traductions li{
display: inline;
margin: 0;
padding: 0 10px 0 0;
}

/* meme_auteur */
#meme_auteur{
margin: 25px 0 0 15px;
}
#meme_auteur h2{
font-size: .9em;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
color: #cacaca;
}
#meme_auteur ul{
margin: 0 10px;
padding: 0;
}
#meme_auteur li{
margin: 0;
padding: 0;
list-style-type: none;
}
#meme_auteur li a{
font-size: .8em;
font-family: Arial, Verdana, sans-serif;
color: #999999;
}

/*----- ZONERIGHT -----*/
#zoneright h2{
font-size: .85em;
font-family: Verdana, Arial, sans-serif;
color: #ffffff;
background: #d1c9b7 url('images/zoneright_h2_bg.gif');
padding: 1px 0 1px 6px;
}
#zoneright h2 a{
font-family: Verdana, Arial, sans-serif;
color: #ffffff;
padding: 1px 0 1px 6px;
}
#zoneright ul{
margin: 0 6px;
padding: 0;
}
#zoneright li{
margin: 0;
padding: 0;
list-style-type: none;
}
#zoneright p{
margin: 0;
padding: 0;
}
#zoneright li a{
font-size: .85em;
font-family: Arial, Verdana, sans-serif;
color: #999999;
}

p.rsstitre a{
font-size: .85em;
font-family: Arial, Verdana, sans-serif;
color: #555555;
}
p.rssdescriptif{
font-size: .8em;
font-family: Arial, Verdana, sans-serif;
color: #bbbbbb;
}

/*---- FOOTER ----*/
#footer ul{
float: left;
width: 574px;
height: 20px;
margin: 0;
padding: 0;
background: #ffffff url('images/footer_ul_bg.gif') no-repeat;
}
#footer li img{
}
#footer li{
display: inline;
margin: 0;
padding: 0 12px;
border-right: dotted 1px #ffffff;
vertical-align: middle;
}
#footer li a{
color: #ffffff;
font-size: .85em;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
}
#footer li a:hover{

}
#footer_deco{
margin: 0 0 -20px 50%;
height: 20px;
}
#backtopofpage{
float: right;
color: #ffffff;
font-size: .85em;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
}
#copyright{
float: right;
color: #ffffff;
font-size: .85em;
font-weight: normal;
font-family: Verdana, Arial, sans-serif;
margin: 2px 4px 0 0;
}

/* TEMP speakers ebusiness */
.speaker{
margin: 35px 5px 10px 5px;
}
.photo{
float: left;
width: 90px;
margin: 0 15px 0 0;
}
.photo img{
width: 85px;
border: 2px solid #cccccc;
}
.name{
font-size: 1.1em;
font-weight: bold;
color: #333333;
}
.company{
font-size: 1em;
font-weight: bold;
color: #999999;
}
.position{
font-size: 1em;
font-weight: normal;
color: #666666;
}
.email{
font-family: Verdana, Arial, sans-serif;
font-size: .85em;
font-weight: normal;
color: #333333;
}
.description{
margin: 10px 0 0 0;
font-size: .85em;
font-weight: normal;
color: #666666;
text-align: justify;
}

/**/

.paper{
margin: 10px 4px;
padding-bottom: 10px;
background: #fafafa;
}
.hour{
text-align: center;
background: #f5f5f5;
color: #666666;
font-weight: bold;
letter-spacing: .7em;
font-family: Verdana, Arial, sans-serif;
}
.title{
padding: 4px 10px;
font-size: 1em;
font-weight: bold;
color: #777777;
}
.paper .speaker{
margin: 0;
padding: 2px 10px;
font-size: .85em;
font-weight: bold;
color: #999999;
}
.abstract{
padding: 4px 10px;
font-size: 1em;
font-weight: normal;
color: #666666;
text-align: justify;
}
.email{
font-family: Verdana, Arial, sans-serif;
font-size: .85em;
font-weight: normal;
color: #333333;
}
.paper .presentation{
text-align: center;
}
.other{
margin: 10px 0;
background: #aaaaaa;
color: #f5f5f5;
font-weight: bold;
letter-spacing: .3em;
font-family: Verdana, Arial, sans-serif;
}