/********************************************************************************************/
/********************************************************************************************/
/***                                                                                      ***/
/*** Feuille de style de base pour tout habillage de Smart bones (standard ou             ***/
/*** personnalisé).                                                                       ***/
/***                                                                                      ***/
/********************************************************************************************/
/********************************************************************************************/


/********************************************************************************************/
/*** Réinitialisation d'attributs HTML                                                    ***/
/********************************************************************************************/

body { margin: 0; }
h1, h2, h3, h4, h5, h6, img, table, ul, ol, li { 
	margin: 0; 
	padding: 0; 
	border: 0; }
h1 { margin-bottom: 15px; }
ul { list-style: none; }
td { vertical-align: top; }


/********************************************************************************************/
/*** Aspect visuel des éléments                                                           ***/
/********************************************************************************************/

/*** Tailles et styles de polices ***/

html { font-size: 100%; }
body { font-size: 0.85em; }
h1 { font-size: 1.8em; font-weight: normal; }
h2, h6 { font-size: 1.1em; font-weight: bold; }
h4 { font-size: 1.2em; font-weight: bold; }
h5 { font-size: 1.0em; font-weight: bold; }
#menu_categories a.on { font-weight: bold; }
#entete, #pied, small, .texte_mineur, .spip_note { font-size: 0.88em; }
#onglets { font-size: 1.05em; }
#logo p.sans_image a { font-size: 3.0em; }
#menu_commentaires, #menu_modifs, #menu_rss, #contenu_secondaire #menu_nouvelles { font-size: 0.9em; }
html {	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif; }
q, blockquote, blockquote.spip { font-family: "Bitstream Vera Serif", Georgia, Times, serif; }
code, .spip_code, .spip_cadre { font-family: monospace; }
.spip_code, .spip_cadre { font-size: 1.3em; }
.spip_bouton { font-size: 0.9em; }
.chapo, div.biographie { font-style: italic; }
#ne_pas_manquer, #raccourcis { font-size: 0.90em; }
ul.nuage { font-size: 0.7em; }
#raccourcis { font-size: 0.8em; }
div.page_plan { font-size: 0.9em; }

/*** Couleurs ***/

body, .spip_logos { background-color: #fff; }
body, #logo a, input.forml, textarea.forml, select.forml, div.selecteur_page span, 
.spip_bouton input { color: #444; }
p.page_rubrique_blog, div.commentaire_impair, div.commentaire_pair, 
div.page_auteur #contenu_secondaire ul, blockquote.spip, table.spip, table.spip td, 
table.spip th, input { border-color: #ddd; }
div.commentaire_impair, table.spip tr.row_odd { background-color: #ededed;	}
div.commentaire_pair, table.spip tr.row_even { background-color: #fafafa; }
hr.spip { color: #ddd; }
h1, h5 { color: #aaa; }
.texte_mineur, .spip_note { color: #777; }
.spip_cadre, .spip_bouton input { border-color: #ccc; background-color: #eee; }
table.spip tr.row_first { background-color: #ddd; }
.formulaire_spip, div.page_login form { background-color: #f4f4f4; }
#infos_auteurs hr, div.annexe, .formulaire_spip, div.page_login form, .formulaire_spip fieldset.previsu, 
div.page_login form fieldset.previsu, .formulaire_spip fieldset.reponse_formulaire, 
div.page_login form fieldset.reponse_formulaire { border-color: #eee; }
.spip_logos, table.spip_barre a img, a.lien_pagination, .spip_bouton input:hover { background-color: #f9f9f9; }

/*** Liens hypertextes ***/
a {	text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
a:active, a:focus { border: none; }


/********************************************************************************************/
/*** Redéfinition des styles SPIP                                                         ***/
/********************************************************************************************/

h3.spip { text-align: left;	margin-top: 15px; margin-bottom: 5px; }
ul.spip { list-style-type: square; }
ol, ol.spip { margin-left: 25px; }
a.spip_glossaire { border-bottom-style: dotted; border-bottom-width: 1px; }
a.spip_glossaire:hover { border-bottom-style: solid; text-decoration: none; }
.spip_note { margin: 0px 0px 5px; }
.spip_code { margin: 2px 0px 5px; }
blockquote.spip { 
	font-style: italic;
	border-top: none;
	border-bottom: none;
	border-right: none; 
	border-left-style: solid;
	border-left-width: 5px; }
.spip_logos {
	border-style: solid;
	border-width: 1px;
	margin: 0px 10px 2px 0px;
	padding: 4px; }
.objet_multimedia { text-align: center; z-index: 0; }
.objet_multimedia embed, .objet_multimedia object { z-index: 0; }


/********************************************************************************************/
/*** Diverses classes                                                                     ***/
/********************************************************************************************/

hr.spacer {	clear: both; visibility: hidden; }
div.ligne hr { display: none; }
.flottant_gauche { float: left; margin: 10px 10px 10px 0px; }
.flottant_droite { float: right; margin: 10px 0px 10px 10px; }
.chapo { margin-top: 5px; margin-bottom: 5px; }
.invisible { display: none; }
.texte_gauche {	text-align: left; }
.texte_centre {	text-align: center; }
.texte_droite {	text-align: right; }
div.notes { padding-top: 20px; }
p.avertissement {
	padding-left: 18px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='scale',src='./squelettes/img/standard/warning.png'); }
html>body p.avertissement { /* pas compris par MSIE */
	padding-left: 18px;
	background: url(../img/standard/warning.png) no-repeat left 0.15em; }
p.erreur{
	padding-left: 18px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='scale',src='./squelettes/img/standard/erreur.png'); }
html>body p.erreur{ /* pas compris par MSIE */
	padding-left: 18px;
	background: url(../img/standard/erreur.png) no-repeat left 0.15em; }


/********************************************************************************************/
/*** Formulaires                                                                          ***/
/********************************************************************************************/

.formulaire_spip, div.page_login form {
	margin-top: 10px;
	padding: 10px 10px;
	border-style: solid;
	border-width: 1px; }
.formulaire_spip fieldset, div.page_login form fieldset { border: none; margin: 0px; padding: 0px; }
.formulaire_spip fieldset.previsu, .formulaire_spip fieldset.reponse_formulaire,
div.page_login form fieldset.previsu, div.page_login form fieldset.reponse_formulaire {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 10px; }
.formulaire_spip legend, div.page_login form legend { display: none; }
.formulaire_spip p { padding: 0px 0px 10px; margin: 0px; }
input.forml, textarea.forml, select.forml {
	border-style: solid;
	border-width: 1px;
	width: 96%;
	padding: 2px; }
html>body input.forml, html>body textarea.forml, html>body select.forml { width: 98%; }
input.forml:focus, textarea.forml:focus, select.forml:focus {
	border-style: solid;
	border-width: 1px; }
input.bouton, select { width: auto; }
#barre_1 { display: none; }
.formulaire_forum input.forml { width: 40%; }
.formulaire_forum label { float: left; width: 200px; padding-top: 2px; }
label.label_message { float: none; width: 95%; }
.spip_bouton { text-align: right; }
.spip_bouton input { 
	padding: 1px 8px;
	border-style: solid;
	border-width: 1px;
	cursor: pointer; }
.spip_cadre {
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	width: 98%; }
table.spip_barre a img {
	padding: 3px;
	margin-right: 2px;
	border-style: solid;
	border-width: 1px; }
table.spip_barre a:hover img { border-style: solid;	border-width: 1px; }


/********************************************************************************************/
/*** Tableaux                                                                             ***/
/********************************************************************************************/

table.spip {
	margin: auto;
	padding: 2px;
	margin-bottom: 10px;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse; }
table.spip tr { margin: 2px; }
table.spip td, table.spip th {
    padding: 3px 10px;
    border-style: solid;
    border-width: 1px;
    margin: 2px;
    vertical-align: top; }


/********************************************************************************************/
/*** Structure générale des pages                                                         ***/
/********************************************************************************************/

#page {
	padding: 5px 0px 15px;
	min-height: 400px;
	height: auto !important;
	height: 400px; }
div.contenu { width: 780px;	margin: 0 auto; }

/*** Format des pages ***/
div.format_menu_standard #contenu_principal { float: left; width: 550px; }
div.format_menu_standard #contenu_secondaire { margin-left: 580px; }
div.format_contact #contenu_principal {	float: left; width: 430px; }
div.format_contact #contenu_secondaire { margin-left: 460px; }
div.format_reduit #contenu_principal { width: 400px; margin: 50px auto; }
div.format_normal #contenu_principal { width: 780px; margin: 50px auto; }

/********************************************************************************************/
/*** Entete de page                                                                       ***/
/********************************************************************************************/

#entete div.contenu { position: relative; }

/*** Logo ***/

#logo {	padding-top: 35px; }
#logo p { margin: 0; padding: 0; }
#logo img.spip_logos {
	background-color: transparent;
	border: none;
	behavior: url(win_png.htc); } 

/*** Onglets ***/
#onglets { position: absolute; top: 0px; right: 0; }
#onglets ul { text-align: center; }
#onglets li { float: left; }
#onglets p { padding: 0; margin: 0; }
#onglets a { display: block; padding: 5px; }

/*** Formulaire de recherche ***/
div.formulaire_recherche { margin: 0; padding: 0; margin-left: 580px; border: none; background: none;}
.formulaire_recherche form { margin: 0; padding: 0; }
.formulaire_recherche label { display: none; }
/*.formulaire_recherche #recherche { float: left; width: 80%; }
.formulaire_recherche .spip_bouton input { width: 15%; padding: 1px 4px; }*/

/*** Selection des langues ***/
#selection_langage { float: left; }

/*** Identification ***/
#identification { padding: 5px 0; }
#identification p { text-align: right; margin: 0; }
#identification a:hover { text-decoration: underline; }

/********************************************************************************************/
/*** Pied de page                                                                         ***/
/********************************************************************************************/

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


/********************************************************************************************/
/*** Menus                                                                                ***/
/********************************************************************************************/

div.menus {	padding-bottom: 10px; }
div.menus h2 { padding: 10px 0 2px; }
div.menus li { padding: 5px 0px; }

/*** Sous-menus ***/
ul.sous_menu li { margin-left: 20px; padding: 2px 0;}


/********************************************************************************************/
/*** Style spécifiques aux différentes pages                                              ***/
/********************************************************************************************/

/*** Page d'accueil (sommaire.html) ***/
#contenu_supplementaire .accueil_standard, #contenu_supplementaire .accueil_format_menu {
	margin-top: 10px;
	margin-bottom: 30px; }
#focus { margin-bottom: 10px; }
#focus h5 {	margin-bottom: 10px; }

/*** Rubrique classique (rubrique.html) ***/
div.page_rubrique div.annexe p.texte_droite { margin: 0 0 5px; padding: 0; }

/*** Rubriques du blog (rubrique.html) ***/
div.page_rubrique_blog h1 {	margin-bottom: 5px; }
p.page_rubrique_blog {
	text-align: right;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin: 0;
	padding: 5px 0 5px;
	margin-bottom: 15px; }
#infos_auteurs hr {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 10px;
	margin-bottom: 20px; }

/*** Articles (article.html) ***/
div.annexe {
	border-top-style: solid;
	border-top-width: 1px;
	padding: 10px 0px;
	margin: 20px 0px 0px; }
.portfolio ul {	text-align: center; }
.portfolio li {	display: inline; }
.portfolio li img { margin: 5px; }
.portfolio table img { margin-right: 5px; }
.portfolio table td {padding-bottom: 10px; }
.objet_multimedia { margin: 15px 0px; }
object { padding-bottom: 8px; }
.fichiers .spip_logos { border: none; padding: 0; }
p.infos_commentaire { margin: 15px 0px 5px; }
div.commentaire_impair, div.commentaire_pair { padding: 10px; }
div.commentaire_impair, div.commentaire_pair { border-style: solid;	border-width: 1px; }

/*** Rubrique d'accueil (rubrique.html) ***/
div.acces_rubrique, div.acces_article {	margin-bottom: 5px;	width: 450px; }
div.acces_rubrique table { width: 100%; }
div.acces_rubrique td.dernier, div.acces_article td.dernier { width: 100%; }
div.acces_rubrique h2, div.acces_rubrique p, div.acces_article h2, div.acces_article p {
	padding-left: 10px;
	padding-bottom: 5px;
	margin: 0px; }

/*** Page de recherche ***/
div.resultat_recherche { margin-bottom: 30px; }
div.resultat_recherche p { margin: 0px 0px 5px; padding: 0; }

/*** Plan de page ***/
div.page_plan a.texte_show, div.page_plan a.texte_hide { float: left; padding-right: 5px; }
div.page_plan h1 { padding: 10px 0 5px; margin: 0 0 0 20px; }
div.page_plan h3 { padding: 2px 0; margin: 0; }
div.page_plan #contenu_principal div { margin-left: 20px; }
div.page_plan ul ul { margin-left: 20px; }
div.page_plan li.racine { margin-top: 2px; }

/*** Détail d'un auteur (auteur.html) ***/
div.page_auteur #contenu_secondaire ul {
	margin: 5px 0px 0px;
	padding: 5px 0px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px; }
div.page_auteur #contenu_secondaire li { padding: 3px 0; }

/*** Diagnostic des erreurs (diagnostic.html) ***/

div.page_diagnostic #contenu_principal ul {	padding-bottom: 20px; }


/********************************************************************************************/
/*** Divers éléments d'interface                                                          ***/
/********************************************************************************************/

/*** Selecteur de page ***/
div.selecteur_page { margin-top: 20px; padding: 10px 0px; text-align: center; }
div.secteur_blog .selecteur_page { padding-top: 0px; }
a.lien_pagination { padding: 1px 3px; border-style: solid; border-width: 1px; }
a.lien_pagination:hover { text-decoration: none; }

/*** Ne pas manquer ***/
#ne_pas_manquer h5 { margin: 3px 0; }
#ne_pas_manquer div { overflow: auto; }
#ne_pas_manquer ul { padding: 10px; border: none; }
#ne_pas_manquer ul.mini_type_1 { float: right; width: 44%; margin-left: 10px; }
#ne_pas_manquer ul.maxi_type_1 { width: 44%; }
#ne_pas_manquer ul.maxi_type_2 li.impair { float: left; width: 44%; }
#ne_pas_manquer ul.maxi_type_2 li.pair { margin-left: 10px; width: 44%; }
#ne_pas_manquer li { padding-bottom: 10px; }
#ne_pas_manquer hr.spacer { margin: 0; padding : 0; } 

/*** Raccourcis ***/
#raccourcis { margin-bottom: 7px; }
div.raccourci { margin-bottom: 0px; }
.accueil_standard #raccourcis { float: right; width: 200px; margin: 0 0 10px 20px; }