html, body
{
margin:0;
padding:0;
}

html
{
width:100%;
height:100%;
font-size:100%;
}

body
{
width:100%;
height:100%;
font-size:0.9em;
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
color:#000000;
background: #51A3C0 url(img/gif/whiteblue.gif) top left;
}

img
{
border:none;
}

kbd
{
font-size:1em;
padding:0 2px;
background:#f0f0f0 /*#FFCA85*/;
border:1px solid #000000;
}

hr
{
clear:both;
}

pre
{
font-size:1.2em;
margin: 8px 0 8px 0;
padding-left:10px;
background:#f0f0f0;
border-left:3px solid #ad884d;
overflow:auto;
}

small
{
font-size:0.85em;
}

/************* Liens ******************/

a:link
{
color: #E17A04; 
text-decoration:underline;
}

a:visited
{
color: #8D5D26;
text-decoration:underline;
}

a:hover
{
color:#8D5D26;
text-decoration:none;
}

a:active
{
background:#ACDFFA;
color:#000000;
text-decoration:none;
}

a:focus
{
background:#ACDFFA;
text-decoration:none;
color:#000000;
}

/********************* Titres *****************/

h1, h2, h3, h4, h5, h6
{
font-weight:normal;
line-height:1.2em;
}

h1
{
font-family: Georgia, "Bookman Old Style", Bookman, "New Century Schoolbook", "Bookman Antiqua", "Times New Roman",serif;
font-size:2em;
padding: 0;
margin:0.5em 0 0.5em 0;
color:#1E467C;
}

h2
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
font-size:1.70em;
padding:0 0 0 0;
margin:0.5em 0 0 0;
color:#5585D2;
}

h3
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
font-size:1.35em;
color:#5585D2 /*#487FD2*/;
margin:1.2em 0 0.5em 0;
}

h4
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
font-size:1.3em;
padding:0;
margin:1em 0;
color:#0E5962;
}

.page_sommaire h2
{
padding:7px 0 5px 25px;
margin:0.5em 0 0 0;
background: url(img/png/puce-titre-h2-2.png) top left no-repeat;
color:#1E467C;
}

.page_sommaire h3
{
margin:0.5em 0 0.5em 0;
}

h3 a:link, h3 a:visited
{
color:#5585D2;
}

h3 a:focus
{
background:#ACDFFA /*F3F1E8*/;
text-decoration:underline;
color:#000000;
}

h2 a:link, h2 a:visited
{
color:#5585D2;
text-decoration:none;
}

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

h2 a:focus
{
background:#ACDFFA /*F3F1E8*/;
text-decoration:underline;
color:#000000;
}

/**************** Eléments de formulaire ************************/

fieldset
{
background: #F1F9FD;
border:1px solid #dddddd;
margin-top:15px;
padding:8px;
}

legend
{
font-size:1.1em;
}

input
{
vertical-align:baseline;

}

textarea
{
color:#000000;
text-align:left;
}


#page
{
width:770px;
margin:0 auto;
background: #ffffff url(img/png/fond-conteneur.png) right top repeat-y;
}

#conteneur
{
width:764px;
padding:0;
margin:0;
font-size:0.90em;
border:3px solid #ffffff;
}

/**************************************************************************
* ENTETE
* =entete
***************************************************************************/

#entete
{
margin:0 0 0 0;
padding:0 0 0 0;
border:3px solid #ffffff;
border-bottom:none;
overflow:auto;
background: #cccccc url(img/png/header7-4.png) right top no-repeat;
}

#entete h1
{
margin:10px 0 0 15px;
padding: 5px 0 0 0;
text-align:left;
background:none;
border:none;
}

#entete h1 a
{
color:#000000;
background:none;
}

#logo
{
position:absolute;
top:0;
left:0;
width:520px;
}

/*************************************************************************
* prelude (menu accessibilité)
* =prelude
**************************************************************************/

#prelude
{
float:left;
width:100%;
font-size:0.9em;
background: url(img/png/fond-prelude4-1.png) top left repeat-x;
}

#prelude ul
{
padding: 18px 0 18px 27px;
/*text-align:center;*/
/*background:yellow;*/
margin:0;
}

#prelude li
{
display:inline;
list-style-type:none;
/*background: #E9F2FD;*/
}


#prelude li a
{		margin:0;
		color: #6b5a2e;
}

#prelude li a:focus
{
background:#ACDFFA /*F3F1E8*/;
text-decoration:underline;
color:#000000;
}

/************************************************************************************
* CONTENU
* =contenu
*************************************************************************************/

#positionnement
{
float:left;
width:520px;
padding:0;
margin:0;
/*background: #ffffff;*/
/*border-right:2px solid #dddddd*/
}

#contenu
{
margin:0 14px 0 11px;
padding-bottom:20px;
/*background:#ffffff*/
line-height:1.5em;
}

#contenu p
{
margin:0.75em 0;
padding:0;
}

#contenu ul, #contenu ul.spip
{
margin: .75em 0 .75em 0;
padding: 0 0 0 1.5em;
}

#contenu li, #contenu li.spip
{
margin:0;
}

#contenu p.nombre_commentaire
{
text-align:right;
font-size:0.9em;
margin-top:10px;
}

#contenu p.nombre_commentaire a, #contenu p.nombre_commentaire span
{
background:url(img/png/comments.png) bottom left no-repeat;
padding:2px 0 2px 18px;
}

#contenu p.pagination
{
width:33%;
margin:0 auto;
text-align:center;
background: #F1F9FD;
border:1px solid #dddddd
}

#contenu h2, #contenu h3, #contenu h4
{
line-height:1.2em;
}

#contenu li h2
{
border:none;
}

#contenu .cartouche p
{
margin:0;
font-size:0.85em;
padding:0 0 5px 0;
font-style:italic;
}

#contenu .chapo p, #contenu .chapo 
{
margin-left:5px;
margin-bottom:3em;
padding-left:10px;
border-left:5px solid #468CA5;
}

/********************** Liste articles **************************************/

.liste-articles, #liste-rubriques
{
font-size:1em;
padding:5px;
background: #FEF9F3;
border:1px solid #dddddd;
}

#liste-rubriques h2
{
font-size:1.35em;
margin:0.5em 0;

}

.liste-articles ul, #liste-rubriques ul
{
margin:0;
}

.liste-articles li, #liste-rubriques li
{
margin:0;
}

.liste-articles p
{
margin:0;
padding:0;
color:#000000;
}

.liste-articles small
{
font-size:0.80em;
}

.articles-sommaire
{
margin-bottom:30px;
padding:0 8px 35px 8px;
background: url(img/png/cartouche_bas2.png) 50% 100% no-repeat;
}

/************************************************************************************
* HIERARCHIE (fil d'ariane)
* =hierarchie
************************************************************************************/

#hierarchie 
{
height:1%; /* bug haslayout IE */
padding:5px 0 5px 3px;
margin:0 0 0 0;
color:#352F1A;
font-size:0.85em;
font-weight:bold;
background: #F5F8FC;
border:1px solid #dddddd;
}

#hierarchie a
{
font-weight:normal;
}

/************************************************************************************
* PAGE ARTICLE
* =article
************************************************************************************/
#article
{
padding:0 0 35px 0;
background: url(img/png/cartouche_bas2.png) 50% 100% no-repeat;
}

.mots-cles a:link
{
padding:0 5px 0 0;
/*background: url(img/png/tag_blue.png) 0 50% no-repeat;*/
}

.mots-cles a:visited
{
padding:0 5px 0 0;
/*background: url(img/png/tag_blue.png) 0 50% no-repeat;*/
}

.mots-cles a:active, .mots-cles a:focus 
{
/*background: #ACDFFA url(img/png/tag_blue.png) 0 50% no-repeat;*/
}

p#bookmark /*bouton de bookmark sur les articles*/
{
padding:30px 0;
text-align:right;
background: url(img/png/cartouche_bas2.png) 50% 100% no-repeat;
}

p#tags_article
{
margin-top:5px;
text-align:left;
font-size:0.8em;
}

.forum-repondre
{
margin-top:30px;
padding-left:18px;
}

#reponse-article
{
padding-left:20px;
background: url(img/png/comment_add.png) top left no-repeat;
}

.capture
{
display:block;
margin: 10px auto;
}

.bloc-presentation
{
padding:0 0 10px 0;
}

a.vignette
{
float:right;
margin:0.7em;
background:none;
border-bottom:4px solid #AC884D;
}

a.vignette:hover
{
border-bottom:4px solid #E9DBC2;
}

/************************************************************************************
* PAGE KIOSQUE 
* =kiosque
************************************************************************************/
#toc
{
width:465px;
font-size:0.9em;
margin:0 auto;
overflow:hidden;
}

#toc label
{
/*float:left;*/
display:block;
/*text-align:right;*/
width:120px;
font-weight:bold;
}

#toc form, #toc input, #toc div
{
margin:0;
padding:0;
}

#toc select
{
width:180px;
margin:0;
padding:0;
}

#toc form
{
float:left;
background: #F1F9FD;
border:1px solid #666666;
padding:2px 5px 5px 5px;
margin:2px 0 3px 5px;
}

.page_kiosque .mots-cles a
{
font-size:0.85em;
}

.page_kiosque h2
{
margin:1em 0 0.3em 0;
}

/***********************************************************************************
* RETOUR HAUT DE PAGE
* =retour haut de page
***********************************************************************************/

.retour_haut_page a
{
display:block;
padding:6px;
background: #F1F9FD;
text-align:center;
text-decoration:none;
border:1px solid #dddddd;
}

.retour_haut_page a:hover
{
text-decoration:underline;
background:#FEF9F3;
border:1px solid #dddddd;
}

/***********************************************************************************
* RECHERCHE
* =recherche
***********************************************************************************/

.formulaire_recherche
{
font-size:0.9em;
text-align:right;
}

.formulaire_recherche form
{
padding: 0 5px 5px 25px;
margin:0
}

.formulaire_recherche input
{
vertical-align:middle;
}

.formulaire_recherche label
{
font-weight:bold;
cursor:pointer;
color:#ffffff;
}

/********************************************************************************
* BLOC NAVIGATION
* =navigation
********************************************************************************/
.navigation {
		
		padding-top:0;
		margin:0 0 0 0;
    /*font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;*/
}

.navigation-bis
{
float:right;
width:240px;
}

.navigation-bis p
{
padding-left:5px;
}

.navigation h2
{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.4em;
margin:0;
background:none;
}

.bloc-navigation
{
padding:0 0 0 0;
margin: 0 0 0 0;
background: url(img/png/fond-menu4-3.png) top left no-repeat;
}

.bloc-navigation h2
{
width:200px; /* pour palier un bug d'IE */
border:none;
padding:8px 0 8px 30px; 
color:#14325B;
}

.bloc-navigation2
{
padding:8px 0 8px 0; 
margin: 0 0 0 0;
font-size:0.9em;
}

.bloc-navigation2 h2
{
border:none;
margin:0;
padding:0; 
color:#14325B;
}

.bloc-navigation2 p
{
font-size:0.9em;
margin:0 7px 0 0;
padding:5px;
color:#14325B;
background: #FEF9F3;
border:1px solid #dddddd;
}

/*************************** menu **********************************************/

.menu
{
background: url(img/png/bas-menu6.png) bottom left no-repeat;
padding:0 10px 23px 7px;
margin-top:15px;
margin-top:0
}

.menu ul {
        padding:5px 0 0 0;
				margin:0 0 0 0;
				
}

.menu li 
{
margin:2px 0 0 0;
padding:0 0 0 5px;
list-style-type:none;
background:#247693 /*4E9CB7*/;
}


.menu li a{
        display: block;
		padding:5px 10px 5px 0;
		margin:0;
		color: #ffffff;
		
}

.menu li a:link{
        display: block;
		padding:5px 0 5px 0;
		margin:0;
		color: #ffffff;
		text-decoration:none;
		
}

.menu li a:visited
{
		color: #ffffff;
		text-decoration:none;
}

.menu li a:hover
{
		color:#C8E9FA ;
	  background: url(img/png/puce-li-on-1-1.png) right center no-repeat;
	  text-decoration:underline;
}

.menu li a:active
{
		color: #000000;
}

.menu li a:focus
{
background:#ACDFFA;
color:#000000;
}


/*liens pour la rubrique en cours dans le menu de droite*/

.menu li.on
{
display: block;
padding:5px 0 5px 0;
text-decoration: none;
font-weight:bold;
color: #ffffff;
margin-left:0;
background: #54A9C7;
}

.menu li.listeon
{
margin-left:0;
padding:0 0  0 25px;
background: #54A9C7 url(img/png/puce-li-on-2-1.png) center left no-repeat;
font-weight:bold;
}


.menu li.listeon a:hover
{
background: url(img/png/puce-li-on-1-1.png) right center no-repeat;
}

/************************************************************************
* FORUMS
* =forums
*************************************************************************/
h2.titre
{
margin:0;
padding:0;
background:none;
}

#contenu ul.forum, #contenu ul.forum li ul
{
margin:0 0 0 0;
padding:0;
}

#contenu ul.forum li 
{
list-style-type:none;
background:none;
margin:0 0 0 0;
padding:0 ;
}

#contenu ul.forum li.forum-fil ul li
{
padding: 0 0 0 7px;
}

ul.forum h3
{
padding:0;
margin:0;
}

.forum-texte
{
margin:2px 0;
padding:8px;
}

#contenu .forum-chapo
{
background:#f5f8fc;
padding:5px;
color:#000000;
}

.forum-message
{
margin:20px 0 0 0;
padding:0;
border:1px solid #dddddd;
background:#ffffff;
}

#contenu ul.forum li.forum-fil ul li .forum-message
{
margin:0;
}

/******************************************************************************************
* BLOC MOT-CLE
* =mot-cle
******************************************************************************************/
.page_sommaire #liste-articles li p
{
padding:1px 3px;
font-size:0.9em;
background:#ffffff;
border:1px solid #dddddd;
}

.affichage
{
margin:0 0 0 0;
color:#DA9D44;
}

.affichage p
{
margin:0 0 0 5px;
cursor:pointer;
}

.affichage li
{
display:inline;
padding:5px 0;
line-height:1.6em
}

.affichage li a
{
display:inline;
color:#5F3812;
padding:3px;
text-decoration: none;
background: #DA9D44;
border:1px solid #765c45;
}

/*********************************************************************************
* PIED DE PAGE
* =pied
**********************************************************************************/

#pied
{
height:170px;
background: #000000 url(img/png/footer3.png) top left no-repeat;
clear:both;
}

#pied p
{
padding-top:150px;
text-align:center;
color:#ABDFFA ;
}

/*
#pied
{
position:relative;
width:100%;
padding:50px 0 0 0;
background: #000000;
clear:both;
}

#pied p
{
position:absolute;
top:-120px;
left:0;
width:764px;
height:170px;
margin:0;
padding:147px 0 0 0;
background:  url(img/png/footer3.png) top left no-repeat;
color:#ABDFFA ;
margin:0;
}

#pied p span
{
display:block;
text-align:center;
}
*/


#pied a:link, #pied a:visited
{
color:#ffffff;
}

#pied a:active
{
color:#000000;
}

#pied a:focus
{
background:#ACDFFA;
color:#000000;
}

#pied ul
{
list-style-type:none;
}

/********************************************************************************
* FORMULAIRE AUTEUR et 
* =spip
*********************************************************************************/

.formulaire_ecrire_auteur label
{
display:block;
}

.formulaire_forum label
{
display:block;
}