/*-----------------------------------------------------
fludia css screen

version: 1.4
date:    2005.02.10
author:  fludia.com, sur une base de erational.org
------------------------------------------------------*/

* { margin : 0 ; padding:0; }

/* Main tags ------------------------------------*/
html, body {
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center; /* IE5 doesnt support margin auto */
    color:  #848484;
}

#container {  /* sorry, we are using a container because ie badly support body tag*/
    width: 980px;
    margin-left:auto ;
    margin-right:auto ;
    text-align:left;
    font-size: 13px;
    line-height: 120%;
    border : 5px solid white    
}

#tuteur
{
    float:left;
    width:1%;
    height:500px;
    border:0px solid black;
}

a { /* Attention tous les liens en d?pendent !!! Y compris des H4, H2, LI du menu ayant un <a> a l'int?rieur */
    margin: 3px 0;
    color: #E9700D; /* Couleur logo Fludia */
}

a:hover {
    color: #848484; /* Le bleu Fludia */
}

img {
    border: 0px;
}

h3 span{
    display:none;
}

h3.spip { margin-top : 10px; font-size:13px; }

h2 {
    font-size: 12px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

h4 {
    font-size: 13px;
    margin: 7px 0 10px 0;
    color: #E9700D; /* Couleur logo Fludia */
    line-height: 20px;
}

h4 a {
    text-decoration: none
}


p {
    margin-top:10px;
}


/* structure ------------------------------------*/
#header {
    float:left;
    width:100%;
    margin-top:10px;
    font-size:16px;
}

#main {
    float: right;
    border : 0px solid red ;
    width: 69%;
    padding: 0px 0px 0px 10px;
    text-align: justify;
}



#main ul {
    
    padding: 0px 0px 0px 0px;
    border : 0px solid red ;
    /* Obligé de déclarer séparement pour que IE comprenne ??? */
    margin-top : 10px ;
    margin-bottom : 10px ;
    margin-left : 0px;
    display : block ;
    text-align : left;
}

#main ul ul {
	width : 90% ;
	margin-left : 10%;
    display : block;
	text-align : left;
}


#main li {
    text-indent:0px ;
    margin  : 0px 0px 0px 20px;
    margin-top : 7px;
    margin-bottom : 7px;

    padding : 0px 0px 0px 0px;
    list-style-image: url(http://www.fludia.com/dist/css/puce.gif);
    list-style-position: outside;    
}

#main h4 a:hover { color:#F27920; }


#main H1 
{
    float:left;
    width:100%;
    color:#F27920;
    border-bottom:1px solid #F27920 ;
    font-size:16px;
    padding-bottom:5px;
    margin-bottom:15px;
}

#menu_rubrique , #logo_article
{
    float : left ;
    width : 28% ;
    border : 0px solid purple ;
}
#menu_rubrique h2
{
    font-size:16px;
    float : left ;
    width : 100% ;
    border-bottom:1px solid #98BA1C;
    color:#98BA1C;
    margin-bottom:10px;
    padding-bottom:5px;
}
#menu_rubrique a
{
    float : left ;
    width : 100% ;
    color : #848484 ;
}

#menu_rubrique a:hover
{
    color : #AFCA00 ;
}

#menu_rubrique a.on { font-weight: bold; }

#menu_rubrique ul , #menu_rubrique li { border : 0px solid blue ; float:left ; width : 100% ; }

#menu_rubrique ul a:link,
#menu_rubrique ul a:visited,
#menu_rubrique ul a:hover,
#menu_rubrique ul a:active{
    text-decoration:none;    
}
#menu_rubrique ul,#menu_rubrique ul li{
    list-style:none;
}
#menu_rubrique ul{
    text-align:left;
    background:transparent;
    width:100%;
}
/* dynamically added to LIs with nested ULs */
#menu_rubrique ul li.parent{
    padding-left:0;
}
#menu_rubrique ul li.parent img{
    border:none;
    padding-right:5px;
}
/* dynamically added to LIs with nested ULs and STRONG elements in them */
#menu_rubrique ul li.current li{
    padding-left:0;
}
/* The class to hide nested ULs */
#menu_rubrique ul.off , #menu_rubrique ul {
    position:absolute;
    top:0;
    left:-4000px;
    display:none;
}

/* The class to show nested ULs */
#menu_rubrique ul.on 
{
    position:static;
    display: table ;
    display: block ;
    top:0;
    left:1em;
}

#menu_rubrique li ul { padding-left:15px ; font-size:13px; border:0px solid black ; }


#logo_article
{
    text-align:center;
    overflow:visible;
    margin : 30px 0 20px 0 ;
}

#logo_article img
{
    margin:auto ;
}



#footer {
    float:left;
    width:100%;
    border: 0px solid red ;
    border-top: 1px solid #ddd;
    color: #666;
    padding: 5px;
    margin: 20px 0 0 0;
    text-align: center;
    font-size: 11px;
    line-height: 90%;
}

#footerprint {display:none;}

/* elements -------------------------------------- */

/* icone bref, syndication ... */
h3.breve, h3.rubrique, h3.web, h3.link, h3.keyword, h3.tools {
    margin:  0;
    padding: 0;
    min-width: 160px;
    height: 36px;
}
h3.breve    {	background: transparent url(../interface/menu_pop_breve.png) no-repeat bottom left;}
h3.rubrique {	background: transparent url(../interface/menu_pop_rubrique.png) no-repeat bottom left;}
h3.web      {	background: transparent url(../interface/menu_pop_web.png) no-repeat bottom left;}
h3.link     {	background: transparent url(../interface/menu_pop_link.png) no-repeat bottom left;}
h3.keyword  {	background: transparent url(../interface/menu_pop_keyword.png) no-repeat bottom left;}
h3.tools    {	background: transparent url(../interface/menu_pop_tool.png) no-repeat bottom left;
    margin-bottom: 3px;
}

.item {
    margin: 2px 0 8px 0;
}

.item a{
    text-decoration: none;
    color: #626262;
}
.date {
    margin: 0 4px 0 0;
    font-size: 90%;
}

/* footer -------------------------------------- */
#footer a, #footer a:active, #footer a:link {
    color: #5c5c5c;
    text-decoration: none;
    margin: 0 3px;
}

#footer a:hover {color: #000;}
#footerprint {	display: none;}

/* spip article typo -------------------------------------- */
.surtitre  {
    font-weight: bold;
    margin: 5px 0;
}


.date2 {
    color: #777;
    text-align: right;
    margin: 0 7px;
    font-size: 12px;
}

.logo2 {
    float:left;
    margin: 20px 0 0 10px;
}

.auteur {
    text-align: right;
    margin: 3px 7px;
}

.soustitre {
    margin-top: 8px;
    /* font-style: italic; */
    font-size: 13px;
    color: #E9700D; /* Couleur logo Fludia */

}

.chapo     {
    padding: 8px 8px 8px 8px;
    margin: 5px 0;
    background-color: #f0f0f0;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    border: 1px #E9700D solid ;
}

.hyperlink {}

.ps {
    border-top: 1px solid #ccc;
    margin-top: 5px;
}

.note {
    margin: 5px 0;
    font-size: 12px;
}

.doc-item { font-weight: bold;}
.doc-legend { color: #666;}
.doc-descro {}

.metarub {
    color: #999;
    font-size: 12px;
}

.keywords {
    color: #999;
    font-size: 12px;
}

.spacer {
    clear: both;
    text-align: center;
}

/* spip main class -------------------------------------- */
b.spip  {
    font-weight: bold;
}

.texte {
    font-size: 1em;
    margin-top : 10px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

.logorubrique
{
    text-align: center;
}

p.spip {
    border : 0px solid red ;
    margin-top : 0px;
    margin-right: 0px;
}

hr, hr.spip {
    display:block;
    height: 0;
    color: white;
    border-style:solid;
    border-color: #ccc;
    border-width:0px 0px 1px 0px;
}

.spip_encadrer {
    margin: 10px 30px 0 30px;
    font-size: 12px;
    padding: 0;
}

.spip_encadrer b{
    display: block;
    background: #eee;
    padding: 4px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

a.spip_in, a.spip_out {
    text-decoration: underline;
}

a.spip_in:hover,  a.spip_out:hover{
    text-decoration: underline;
    color: #848484;
}

.spip-admin {
    position:absolute;
    display:inline;
    top: 2px;
    left:2px;
}

.article {
    border: 0px;
    display: table;
    margin: 0px;
    padding: 0px;
    float : left ; width: 100% ;
    margin-bottom:10px;
    }

.article_content {
    display: table-cell;
    width:65%;
    vertical-align:top;
}

.article_documents {
    display: table-cell;
    width:28%;
    vertical-align : top ;
    text-align:right;
}

.document {
    text-align: right;
    font-size: 1.2em;
    font-weight: bold;
    padding: 4px;
}

/* menu -------------------------------------------- */
#menu {
    width: 100%;
    float: left;
    padding: 0px;
    font-size: 11px;
    margin-top: 9px;
    margin-bottom : 45px;
    height:30px;
    background-color:#98BA1C;
}

#menu a
{
    color : white ;
    font-size: 12px;
    text-decoration:none ;
    line-height:25px;
}

#menu td
{
    text-align:center;
}



/* form elements -------------------------------------- */
form {
    margin: 0;
    padding: 2px 0;
}

input, textarea, select {
    border: 1px solid #ccc;
    margin: 1px;
    padding: 1px;
    font-size: 11px;
}

input.buttonwhite {
    border: 1px solid #FFF;
}

.radiobut {
    border: 0px solid white;
}
/* rss elements -------------------------------------- */
.rss {
    /*width: 45%;*/
    border: 1px solid #bbb;
    margin: 5px 0;
    font-size: 12px;
    padding: 0 4px 5px 12px;
    text-align: left;
}

.rss h1 a{
    color:  #009;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
}

.rss h1 a:hover{text-decoration: none;}

/* misc elements -------------------------------------- */
a.special {
    text-decoration:none;
    color:#009;
}
a.special:hover {
    text-decoration:none;
    color:#666;
}

td { font-size: 11px ;
    line-height : 13px;}

.spip_documents img 
{
    margin : 3px ;
    margin-bottom : 10px ;
}

.spip_documents_center img 
{
    display: block;
    margin-left : auto ;
    margin-right : auto ;
}
.spip_documents_right img
{
    margin-left : 10px ;
}