/* Eléments généraux */
body {
background:white
margin:0;
}
p {
margin:2px 0 2px 0;
}
/* Formatage des textes et des liens */

.section h1 {
width : 100%;
clear : left;
font:bold 16px Verdana, Arial, Helvetica, sans-serif;
color:#002A86;
margin:15px 10px 10px 0px;
text-decoration:none;
border-bottom : 1px solid #000000;
}

h1, h1 a {
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color: #002a86;
margin:0 0 4px 0px;
text-decoration:none;
}
h1 a:hover {
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#666;
margin:0 0 4px 0px;
text-decoration:none;
}
h2 {
font:10px bold Verdana, Arial, Helvetica, sans-serif;
color:#666;
margin:6px 0 6px 0;
}
h3 {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
/*margin:0px 11px 0px 11px;*/
}
h4 {
font:normal 8px Verdana, Arial, Helvetica, sans-serif;
color:#002A86;
margin:0 0 4px 0px;
}
h4 a {
font:normal 8px Verdana, Arial, Helvetica, sans-serif;
color:#002A86;
margin:0 0 4px 0px;
text-decoration:underline;
}
h4 a:hover {
font:bold 78px Verdana, Arial, Helvetica, sans-serif;
color:#002A86;
margin:0 0 4px 0px;
text-decoration:none;
}
h5 {
font:9px Verdana, Arial, Helvetica, sans-serif;
color:black;
margin: 0;
}
h6 {
clear : left;
float:right;
vertical-align : text-bottom;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#bbb;
margin:3px 0 0 0;
}
a {
color:#666;
text-decoration:underline;
}
a:hover {
color:black;
text-decoration:none;
}

/* Mise en page */

#principal {

margin:0 auto 0 auto;

width:540px;
}
.logo {
/*width:750px;*/
padding:14px 0 0 14px;
}
.logo img {
border:0;
}
.deco {
float:right;
width:177px;
margin:0 0 1em 0;
}
.intro {
margin-top : 10px;
padding:0 0 10px 0px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#666;
}
.intro img {
float:left;
border:1px solid #696969;
margin-right:3px;
}

.navigation {
font:14px Verdana, Arial, Helvetica, sans-serif;
color:#666;
margin : 10px;
}

.navigation a {
text-decoration:underline;
color:#666;
}
.b {
font-weight:bold;
}
.bleu {
color:#002A86;
font-weight:bold;
}
.galeries {
float:left;
width:175px;
height:130px;
margin : 5px;
text-align:justify;
}
.galeries img {
float:left;
border:1px solid black;
margin-right:3px;
}

.vignette_article {
float:left;
width:90%;
height:90px;
margin:6px 6px 20px 6px;
padding : 0px;
text-align:justify;
}

.vignette_article img {
float:left;
border:0px solid black;
margin-right:10px;
}

.articles {
font:10px Verdana, Arial, Helvetica, sans-serif;
margin : 10px 0px 10px 0;
}

.articles p {
margin-bottom : 10px;
}

.articles form {
float:middle;
width:180px;
margin: 30px 30px 30px 30px;
padding : 10px;
}

.puce {
float:left;
border:0;
margin-right:3px;
}
.menu a {
float:left;
width:177px;
background:#eee;
text-align:center;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#666;
letter-spacing:1px;
text-decoration:none;
padding:2px 0 2px 0;
margin:4px 0 0 0;
border-top:1px solid #696969;
border-bottom:1px solid #696969;
}
.menu a:hover {
background:#ddd;
text-align:center;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:black;
letter-spacing:1px;
text-decoration:none;
padding:2px 0 2px 0;
margin:4px 0 0 0;
border-top:1px solid #696969;
border-bottom:1px solid #696969;
}
.right {
float:left;
width:177px;
background:#ddd;
margin:6px 0 0 0;
padding:2px 0 3px 0;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#666;
text-align:center;
}
.right_2 {
float:left;
width:177px;
background:#ddd;
padding:2px 0 1px 0;
text-align:center;
}
.right_4 {
float:left;
width:177px;
margin:10px 0 5px 0;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#888;
}

.right_4 a {
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#002A86;
text-decoration:none;
}
.right_4 a:hover {
font:9px Verdana, Arial, Helvetica, sans-serif;
color:black;
text-decoration:underline;
}
.right_4 img {
border:0;
}
.right_4 p {
margin:6px 0 0 0;
}
.right_3 img {
margin:0;
border:1px solid black;
}

.right_news {
float : left;
margin-top : 10px;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#666;
background : #ddd;
border-top:1px solid #696969;
border-bottom:1px solid #696969;
}

.vignette_photo {
float:left;
width:160px;
height:120px;
background:#ddd;
text-align:center;
margin:6px 6px 0 0;
padding:6px;
}

.vignette_photo img {
border:1px solid black;
}

.petite_vignette_photo {
float:left;
/*width:70px;*/
/*height:50px;*/
background:#ffffff;
text-align:center;
margin-right:20px;
margin-bottom : 5px;
margin-top : 5px;
}

.petite_vignette_photo img {
border:1px solid black;
}

.show {
background:#ddd;
text-align:center;
padding-bottom:40px;
padding-top:20px;
margin-top : 0px;
}
.show img {
border:1px solid black;
}

#derniere_contrib {
border : 1px;
height : 140px;
}

.show_info {
background: #ddd;
margin-top : 1px;
text-align:left;
padding:10px 14px 10px 10px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

.show_info img {
border : 0px;
}

#contacter {
clear : left;
width : 50%;
padding-top : 30px;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#666;
}

#telecharger {
border : 0px solid #ff0000;
margin-top : 10px;
margin-bottom : 10px;
}

#telecharger a {
letter-spacing:10px;
text-decoration:none;
text-align:right;
font-style : bold;
font:16px Verdana, Arial, Helvetica, sans-serif;
color: #ee9d18;
}

.form {
float:right;
/*border:1px solid #939393;*/
width:186px;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#666;
padding:1px;
margin:5px 3px 5px 0;
}

.espace_vertical {
margin-top : 0px;
}

/* Gestion des styles propres à Spip */
.spip_encadrer {
float:left;
/*width:730px;*/
border:1px solid #939393;
margin:0 0 6px 0;
}
.spip_bouton {
background:#eee;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#666;
padding:3px;
}

.formrecherche {
float:right;
width:180px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#666;
}

#formRechercheAvancee {
/*float:left;*/
width:180px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#666;
/*padding:2px;*/
/*margin:11px 3px 0 0;*/
}

.formRecherche {
float:right;
/*border:1px solid #939393;*/
width:186px;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#666;
padding:1px;
/*margin:10px 3px 10px 0;*/
}

.formRechercheRapide {
float : center;
width:177px;
margin : 10px 0px 10px 0px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#666;
}

#machine_tags {
width:100%;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#666;
margin-top : 10px;
padding:1px;
}


/*
 
  feuilles de styles pour le plugin spipicious 
  
*/


/* classes pour le nuage de tags */
.tag_1,.tag_2, .tag_3 { font-weight:300;}
.tag_3,.tag_4, .tag_5, .tag_6 { font-weight:500;}
.tag_7,.tag_8, .tag_9 { font-weight:600;}
.tag_1 {font-size: 90%;} 
.tag_2 {font-size: 100%;} 
.tag_3 {font-size: 110%;} 
.tag_4 {font-size: 120%;} 
.tag_5 {font-size: 125%;} 
.tag_6 {font-size: 130%;} 
.tag_7 {font-size: 135%;} 
.tag_8 {font-size: 140%;} 
.tag_9 {font-size: 150%;} 
.tag_9 {font-size: 160%;}

#tags {
    /* width: 100%;  */  
}


/* classes pour le FORMULAIRE_SPIPICIOUS_AJAX */
/*
fichier style pour le menu de suggestion ajax
a importer ou il faut

    Copyright (C) 2005  Pierre ANDREWS

    This program is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation; either version 2 of the License, or any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program; if not, write to the Free Software
    Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
*/

.suggest_list
 {
	 background: white;
  border: 1px solid;
  position: absolute;
  z-index : 1000;
  height: 3em;
  overflow: hidden;
}

.suggest_list li {
 background: white;
}


.suggest_list li.pair {
  background: #f0f0f0;
}

.suggest_list li#suggested_list_selected_item {
	background: #0036C9;
 color: #BFD0FF;
}

.suggest_list li#suggested_list_selected_item a {
	color: white;
}

.suggest_list li .sugRight {
	display:block;
	font-size: 10px;
 text-align: right;
 padding-top: 3px;
color: #7070ff;
}


.suggest_list li#suggested_list_selected_item .sugRight {
	color: #80A2FF;
}

.suggest_list li .sugLeft {
	display: block;
 margin-left: 0%; 
 width: 50%; 
 float: left; 
}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: none; background: none; }

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
	font-size: 0.77em;
}
.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; }

.formulaire_spip fieldset {
    display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	border: 1px dotted; }
.formulaire_spip legend { 
	font-weight: bold; 
	padding: 3px;
	background: #FFF; /* Sinon, superposition dans MSIE */
}

.formulaire_spip label {}
.formulaire_spip .forml {
	width: 99%;
	padding: 1px;
	border: 1px inset;
	font-family: inherit;
	font-size: inherit; }

.spip_bouton { text-align: right; }
.spip_bouton input {
	margin: 3px 0;
	padding: 1px 2px;
	border: 2px outset;
	font-weight: bold;
	float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #F00; }
fieldset.reponse_formulaire { border: 1px dotted; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu {
	padding: 1em;
	border: 1px solid; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
.choix_mots { width: 47%; float: left; } 
.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { text-align: left; width: 12em; }
.formulaire_recherche label { display: none; }