/* -----------------------------------------------------------------------------------------------------------------------------------------
/* Styles de base pour ViaSPIP 3.1
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
body { background: #FAEDBD; color: #000; border-top: none; line-height: 22px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 100%; }

/* --------------------------------------------
/* General
/* -------------------------------------------- */
li { list-style: none; }
dl { display: inline-block; clear: none; text-align:left; }
dt img { margin: 10px; }
h1, .h1 { font-size: 160%; line-height: 120%; }
h2, .h2 { font-size: 140%; line-height: 120%; }
h3, .h3 { font-size: 120%; line-height: 120%; margin-bottom: 5px; }
h3.spip { margin-bottom: 20px; padding: 2px 5px; font-weight: bold; font-style: italic; }

/* Hyperliens */
a, a:visited { color: #B08340; text-decoration: none; } 
a:hover, a:active { background-color: transparent; color: #A40001; }
a:focus { background-color: transparent!important; color: #A40001!important; }

/* Boutons d'admin */
#spip-admin { right: 0px; top: 45px; }
a.spip-admin-boutons:hover, a.spip-admin-boutons:active { background: #ddd; color: #000; }

/* --------------------------------------------
/* Blocs principaux
/* -------------------------------------------- */
/* Bloc principal de page */
.page { width: 90%!important; width: 1003px; max-width: 1325px; min-width: 1003px; margin: 0 auto 10px auto; padding: 38px 10px 0px 10px; 
	background: #FFF2C2; overflow: hidden; }

/* Menu horizontal en haut d'ecran */
#menu-principal { position: fixed; z-index: 99; top: 0; width: 90%!important; width: 1003px; max-width: 1325px; min-width: 1003px;
	margin: 0 auto 10px -10px; display: inline-block; line-height: 38px; background: #FFF2C2; border-bottom: 1px solid #ddd; }
#menu-principal ul li { float: left; }
#menu-principal ul li a { display: block; padding: 0px 10px; margin-right: 5px; /*font-weight: bold;*/ }
#menu-principal ul li a:hover { text-decoration: none; background-color: #FCFAE1; }

/* Entete */
.header { position: relative; z-index: 1; height: 120px; background: #FFF2C2 url(img/banner.jpg) no-repeat; margin-top: 10px; font-style: italic; }
.header a.banner { display: block; width: 100%; height: 100%; color: #FCFAE1; }
.header a.banner:focus, .header a.banner:hover, .header a.banner:active { color: #FCFAE1!important; }
.header .spip_logo { position: absolute; top: 0; right: 0; }
.header #nom_site_spip { display: inline-block; margin: 30px 0 0 20px; font-weight: bold; font-size: 300%; }
.header #slogan { margin-left: 60px; font-size: 140%; }

/* Menu horizontal des "secteurs" */
.nav { background: #FAEDBD; margin: 10px 0 0 0; }
.nav ul { margin: 0; }
.nav li { float: left; background: #FFF2C2; }
.nav li a { margin: 0 3px 0 0; padding: 7px 15px; background: #FAEDBD; color: #B08340; border-radius: 0; }
.nav li.on a { background: #FCFAE1; color: #A40001; }
.nav li a:hover, .nav li a:active { background: #FCFAE1; color: #A40001; }

/* Blocs de contenu */
.main { padding: 0; }
.wrapper { float: left; width: 69.5%; margin: 15px 0; }
.page_plan .wrapper, .page_contact .wrapper { float: none; margin: 5px auto; max-width: 55%; }
.content { overflow: hidden; padding: 10px; background-color: #FCFAE1; }
.aside { float: right; width: 29%; margin: 15px 0; font-size: 95%; }
.footer { border-top: 1px solid #ddd; padding: 20px; }
.footer .colophon { height: auto; }
.footer .footer_sep { margin: 0 5px; font-weight: bold; }
.generator a { margin-left: 20px; }

/* --------------------------------------------
/* Contenu de page
/* -------------------------------------------- */

/* Habillage general des menus de nav */
.menu { clear: both; margin-bottom: 15px; text-align: left; }
.menu ul { margin-bottom: 15px; }
.menu ul li ul { margin-left: 15px; list-style: circle; }
.aside .menu { background-color: #FAEDBD; padding: 20px; margin-bottom: 15px; }
.aside .menu li { margin-bottom: 15px; }
.page_plan ul.spip li { margin: 10px 0; }
 
/* Pagination */
.pagination .disabled .on, .pagination a { background: transparent; border: 1px solid #ddd; font-size: 200%; font-weight: bold; display: inline-block; line-height: 40px; width: 40px; }
.pagination .disabled .on { visibility: visible; color: #ddd; }
.pagination a:hover { background: #FFF2C2; }
.pagination .sep { visibility: hidden; }

/* Listes d'articles et extraits introductifs */
.menu_articles li { clear: both; margin-bottom: 15px; }
.menu_articles li h3, .menu_articles li h2, .menu_articles li p { margin: 0; }
.menu_articles li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.menu_articles strong { font-size: 120%; }
.menu_articles li img.spip_logo { margin: 0 10px 10px 0; float: left; }
.page_recherche .menu_articles li { margin-bottom: 0px; }
 
/* Elements divers du contenu */
.nettoyeur { width: 100%; height: 1px; clear: both; }
.arbo { clear: none; font-size: 80%; margin-bottom: 5px; }
.arbo .on { color: #aaa; font-weight: normal; }
.cartouche { margin-bottom: 15px; }
.cartouche h1, .cartouche p { margin-bottom: 0; }
.chapo { font-weight: bold; margin-bottom: 10px; border: solid 1px #eee; padding: 10px; text-align: center; overflow: hidden; }
.chapo p { margin: 5px 0px; }
.chapo, .texte { clear: both; }
.content .texte li { list-style: square; }
.ps, .notes { margin-bottom: 15px; }
.notes { clear: both; font-size: 90%; }
abbr.published, .menu_articles li small, .menu_breves li small { font-size: 75%; color: #aaa; font-style: italic; }
#pagination_articles, .paragraphe_article { display: block; position: relative; top: -50px; visibility: hidden; } /* Pour ancres pagination article et sommaire article */
#articles_recents { margin-top: 20px; }
.menu_articles .spip_documents img { margin: 1px; }
.menu_articles .introduction img { margin-top: 15px; }
.spip_documents_center { margin: 10px auto; }
.spip_documents_left { margin-right: 15px; }
.spip_documents_right { margin-left: 15px; }
.spip_documents_left, .spip_documents_right { max-width: 60%; }
.spip_document_video, .spip_document_audio { margin-bottom: 20px!important; }
.spip_logo { float: left; margin: 0 10px 0 0; padding: 0; border: none; }
.info-publi { margin: 0 20px 0 0; display: inline; clear: none; }
.social { display: inline-block; margin: 10px 0 5px 0; }
.icon { display: inline-block; width: 30px; height: 30px; margin-right: 10px; background: center center no-repeat; border-radius: 50%; }
.twitter { background-image: url(img/twitter.png); }
.facebook { background-image: url(img/facebook.png); }
.googleplus { background-image: url(img/googleplus.png); }
.icon:hover { background-color: #ddd; }
#gotop, #gobottom { cursor: pointer; position: fixed; right: 15px; width: 80px; height: 80px; z-index: 99; }
#gotop { background: url(img/gotop.png) no-repeat center center; top: 65px; }
#gobottom { background: url(img/gobottom.png) no-repeat center center; top: 155px; }

/* Mini-sommaire article */
#sommaire_article { float: right; display: block; width: 200px; max-width: 50%; padding: 5px; background-color: #FAEDBD; font-size: 84%; line-height: 17px; }
#sommaire_article .sommaire_article_titre { border-bottom: 1px solid #ddd; text-align: center; font-weight: bold; margin: 0; font-size: 110%; padding-bottom: 5px; }
#sommaire_article ul { margin: 5px 0px 5px 16px; padding: 0; }
#sommaire_article li { list-style: square; }

/* Listes et tableaux */
table.spip { margin: 10px 0; font-size: 85%; }
table.spip caption { background: none; border-bottom: 1px solid; text-align: left; font-weight: bold; }
table.spip thead th { background: none; border: 1px solid; border-width: 1px 0; }
table.spip tbody tr th, table.spip tr td { background: #eee; border: none; }
table.spip tbody tr.odd th, table.spip tr.odd td { background: #ddd; }
table.spip tr:hover td { background: #ccc; }
table.spip tfoot { border-top: 1px solid; }

/* Formulaires */
.formulaire_spip { margin-bottom: 15px; }
.formulaire_spip .bugajaxie { display: none; } /*IE/Win*/
fieldset {
	width: 100%; margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
legend { display: none; }
label { display: block; }
.erreur_message { display: block; }
input.text, textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.content input.text { width: 50%; }
.formulaire_spip input.text, .formulaire_spip textarea, select { background: #eee; border: none; padding: 5px; }

/* Formulaire recherche */
.aside .formulaire_recherche { display: none; }
#menu-principal .formulaire_recherche { margin: 0 0 0 10px; }
#menu-principal .formulaire_recherche input.text { padding-left: 20px; width: 200px; line-height: 22px;
	background-image: url(img/recherche.png); background-repeat: no-repeat; background-position: left center; }

/* Formulaire inscription */
#nom_inscription, #mail_inscription { width: 100%; }
.formulaire_inscription legend { display: inline; }
.aside .formulaire_spip { border-top: 1px solid #ddd; padding: 20px; }

/* Forums */
.comments, .forum-titre { margin-top: 10px; padding: 10px 0; border-top: 5px solid #ddd; }
.comments-items .comments-items { margin-left: 25px; padding-left: 20px; border-left: 5px solid #ddd; }
.formulaire_forum .session_qui { display: none; }
#formulaire_forum, #forum { clear: both; }
a.permalink { color: #aaa; }
a.permalink:hover { color: #A40001; }
.info { background-color: #eee; border: 2px solid #ccc; color: #000; }
.info p { padding: 0; margin: 0; }
.info legend { display: inline; font-weight: normal; color: #000; background: #ddd; border: 1px solid #aaa; padding: 2px 5px; }
.moderation_info legend { display: none; }
.saisie_texte .explication { font-style: italic; font-size: 85%; }

/* Portfolio */
.documents_portfolio li { display: inline; margin: 0; padding: 0;}
.documents_portfolio a { display: inline-block; padding: 10px; margin: 5px; border:1px solid #ccc!important; color: #ddd; background: #fff; box-shadow: 5px 7px 5px 2px rgba(85,85,85,0.3); }
.documents_portfolio a:hover { color: #999; opacity: 0.8;}
.documents_portfolio img { margin: 0;}
.documents_joints .descriptif p { margin: 0; }

/* ------------------------------------------
/* Impression
/* ------------------------------------------ */
@media print {
.spip-admin, .spip-admin-float, .spip-previsu, .repondre, .formulaire_spip, #menu-principal { display: none; }
a { text-decoration: underline!important; }
a.spip_out:after, a.spip_glossaire:after, a.spip_mail:after { display: inline; content: " [" attr(href) "]"; }
}

/* --------------------------------------------
/* Affichage sur petits ecrans
/* -------------------------------------------- */
@media (max-width: 640px) {
body { padding: 0; font-size: 90%; }
h1, .h1 { font-size: 140%; }
h2, .h2 { font-size: 110%; }
h3, .h3, h3.spip { font-size: 100%; }
.page { max-width: 100%; min-width: 0; margin: 0; padding: 0; width: 100%!important; }
.nav li { width: 100%; }
.nav li a { float: none; border: 0; margin: 0 0 5px 0; width: 100%; padding: 3px 10px; }
.wrapper, .aside { width: 100%!important; }
.page_plan .wrapper, .page_contact .wrapper { max-width: 100%; }
.main, .header { margin: 0; }
.header .spip_logo { width: 50px; height: auto; right: 0; top: 58px; }
.header #nom_site_spip { font-size: 150%; margin: 45px 0 5px 10px; max-width: 75%; }
.header #slogan { font-size: 90%; margin-left: 10px; max-width: 75%; }
#menu-principal, #spip-admin, #gotop, #gobottom { display: none!important; }
textarea { height: 100px; }
#pagination_articles, .paragraphe_article { top: 0; }
.aside .menu, .aside .formulaire_spip, .footer, .content { padding: 5px; }
.spip_documents_left, .spip_documents_right { max-width: 100%!important; float: none!important; width: 100%; clear: both; display: block; text-align: center; margin: 0 auto 10px auto; }
table.spip { font-size: 60%; }
.menu ul li ul { margin-left: 10px; }
.footer a { display: inline-block; margin: 10px; }
.footer .colophon { text-align: center; }
.footer .footer_sep { display: none; }
.aside .menu, .footer, .content { padding: 5px; }
}