/* --------------------------------------------------------------

   Theme pour la dist de SPIP 3

-------------------------------------------------------------- */
/* STRUCTURE ENTETE ET PRINCIPALE */
header, .header{background-color:white; z-index:9999;}
	.header_contact{font-size:13px}
		.header_contact p{display:block; margin:6px 0}
		.header_contact .liens-bis{display:block;line-height:17px;margin:3px 0 0 0}
		#header_facebook{display:block;float:left;width:17px;height:17px;background:url('//territoirespionniers.fr/squelettes/img/facebook-bg-transpa.png') bottom left black}
			#header_facebook:hover{background-position:top left}
				.header_contact #adherent{display:inline-block;margin-top:5px; line-height:15px;height:15px;border-left:1px solid black; padding:0 0 0 7px;margin: 0 0 0 7px}
	p#slogan{display:none}

/* SOUS MENU DONT BLOG DU MENU PRINCIPAL */
    header .nav_rubriques li { display:block; position: relative; }

    header .nav_rubriques .ss-menu{ 
        display:none;
        width: 200px;
        position: absolute;
        z-index: 2000;
        left: calc(100%);
        background-color: white;
        padding:20px 20px 20px 35px;
        top: 0;
        -webkit-box-shadow: 5px 2px 7px -2px rgba(0,0,0,0.1); 
        box-shadow: 5px 2px 7px -2px rgba(0,0,0,0.1);}
    header .nav_rubriques li:hover .ss-menu{ display:block; }

    header .ss-menu li{ margin:0 0 10px 0; font-weight: normal;}

    header .ss-menu li.liens-blogs{ margin-left:10px;}
    header .blogs-separator{ display: block; border-bottom:1px solid #1C1C1B; padding-bottom:3px;}

    header .ss-menu li:last-child{margin-bottom:0;}
    header .ss-menu li a:hover { text-decoration: underline; }
    .lien-ts-blogs { display: block; padding: 3px; background-color: #1C1C1B; color: white; border: 2px solid #1C1C1B; text-align: center; text-transform: uppercase; font-size: 0.8em; letter-spacing: 1px;}
        .lien-ts-blogs:hover { background-color: white; color: #1C1C1B; text-decoration: none!important;}


/* HOME */
.article-teaser{width:250px; background-color:white;margin:0 13px 13px 0; padding:10px}
.article-titre-rubrique{display:inline-block;font-weight:bold; text-transform:uppercase; border-bottom: 3px solid black}
.article-teaser .titre-article{font-size:28px; margin:8px 0 5px}
.article-teaser .descriptif-article{font-size:13px}
	.article-teaser .descriptif-article p{margin:0 0 5px}
	.lien-article{font-weight:bold;font-size:12px}

/* GENERIQUE */
	.lien-img{display:block}
	/* OMBRE DE BOX */
	.page_rubrique .cartouche, .diaporama-wrapper, 
	.page_article .main, .page_article .aside .current-event, 
	.colonne_bas_gauche, .colonne_bas_droite, .evenements{background-color:white;max-width:1039px}
	.spip_ancre{text-decoration:underline}
	
	/* INSCRIPTION NEWSLETTER */
	.header_contact .formulaire_newsletter{width:130px; margin-bottom: 0px;}
	.formulaire_newsletter .email{background-color: white; border: 1px solid #333}
	.formulaire_newsletter .submit{
		border-bottom: 1px solid #333333;
		border-image: none;
		border-left: 1px solid #333333;
		border-right: 1px solid #333333;
		font-size: 12px;
		width: 100%}
	.formulaire_newsletter .reponse_formulaire{font-size:10px;}
	
/* RUBRiQUE */
	.page_rubrique .cartouche, .colonne_bas_gauche, .colonne_bas_droite, .aside, .evenements{width:100%;/*max-width:789px;*/padding:15px; font-size:13px; font-family:"TradeGothicLTStd-Light",Verdana; font-weight:lighter}
		.page_rubrique .cartouche h1, .colonne_bas_gauche h3, .colonne_bas_droite h3, .titre_mois{font-family:"TradeGothicLTStd-bold",Verdana,Geneva,sans-serif;display:inline-block;text-transform:uppercase; font-size:14px; border-bottom:3px solid black; margin-bottom:12px; font-weight: bold}
		.page_rubrique .cartouche h3.spip{margin-bottom:0;font-size:13px;font-weight:bold}
		.page_rubrique .cartouche p{margin-bottom:15px}
	.diaporama-wrapper{padding:15px;margin: 0 0 15px}
/*	.page_rubrique .slider img{width:100% !important} //NE RESPECTE PAS HOMOTHÉTIE DE LA PHOTO*/


/* RUB MABN */
	.logo_rubrique{width:100%; height:auto}
	.colonne_bas_gauche{width:62%; float:left}
		.doc-revue-presse li{text-transform:uppercase; font-weight:normal}
	.colonne_bas_droite{width:37%; float:right}
		.colonne_bas_droite h3{margin:8px 0 8px 0}
			.colonne_bas_droite h3:first-child{margin:0 0 8px 0}
		.colonne_bas_droite p{margin:0 0 7px}
	.rubrique-2 .descriptif{width:30%; float:right; padding: 10px 0 15px; margin:0 0 0 15px; border-top:3px solid black}
	.rubrique-2 .descriptif h3{font-family:"TradeGothicLTStd-bold",Verdana,Geneva,sans-serif}
	.rubrique-2 .texte h3.spip{font-family:"TradeGothicLTStd-bold",Verdana,Geneva,sans-serif; font-size:14px; margin: 0 0 10px; text-transform:uppercase}
	hr.spip{margin:10px 0}
	.rubrique-2 .texte p{margin:0 0 15px}
	.rubrique-2 .logo_rubrique{margin-bottom:15px}
	.rubrique-2 .texte{border-bottom:3px solid black}
	
	
/* RUB AGENDA */
	.evenements{margin:0 0 15px 0}
	.page_agenda article, .page_agenda .article{display:inline-block}
	.img-agenda{float:left; display: block; margin-right:10px}
	.evenement-info-date{
    	clear: both;
    	display: block;
		font-size:12px;
		text-transform:uppercase;
		margin:0 0 0 5px
	}
	.page_agenda .article-teaser{padding:0}
	.page_agenda .titre-article{font-size:16px; margin:0; text-transform:uppercase}
	.page_agenda hr.clearfix{margin:0}
	.page_agenda .article-date{margin:0 0 5px 0}
	.page_agenda .titre-article{margin: 5px 0 0 }
	.dates-evenements li{border-top:1px solid black; padding-top:9px; min-height: 242px}
	.dates-evenements li:first-child{border-top:none; padding-top:10px}
	.dates-evenements li:last-child{border-bottom:3px solid black;}

/* RUBRIQUE BLOGS ID_RUBRIQUE=20 */
    .rubrique-blogs .blog-teaser {
        width: 100%;
        max-width: 1039px;
        display: flex;
        background-color: white;
        margin: 0 13px 13px 0;
        padding: 10px;}
    
    .blog-teaser .teaser-blog-lien-img{ display: block;}
    .blog-teaser .spip_logos{}

    .blog-teaser .blog-teaser-infos{ padding-left: 10px;}

    .blog-teaser h2 {margin-bottom:20px;}

    .blog-teaser h2 .blog-titre-rubrique, .blog-post-teaser h2 .blog-titre-rubrique{
        display: inline-block;
        font-weight: bold;
        text-transform: uppercase;
        border-bottom: 3px solid black;}

    .blog-teaser .descriptif-blog { display:block; font-size: 14px; line-height:1.3em; margin-bottom:10px;}

    .date-maj-blog { display:block; color: #c1c1c1; font-size: 11px; line-height:1.3em; margin-bottom:10px;}

    .blog-teaser .spip_logos {
            float:none;
            display: block;
            margin: 0 10px 0 0;
            padding: 0;
            border: none;}

    .lien-blog { font-weight: bold; font-size: 12px; display:inline-block; background-color:#1C1C1B; padding: 5px; color: white;}

/* PAGE BLOG */
    /* INFO DU BLOG */
        .page-blog{}
        .page-blog .cartouche{display:flex;}
        .page-blog .cartouche .container-blog-logo{padding-right:20px;}
        .page-blog .cartouche .blog-info{font-size: 1.2em; line-height: 1.2em;}
        .page-blog .cartouche .blog-info h1{ font-size: 1.3em; line-height:1.3em;}
        .ss-menu-blog {display: block; border: 2px solid #1C1C1B; padding:15px;}
            .ss-menu-blog li, .ss-menu-blog li a{ display: block;}
            .ss-menu-blog li {margin-bottom:5px; text-align: center; }
                .ss-menu-blog li:last-child {margin-bottom:0px; }
            .ss-menu-blog li a{ background-color: #1C1C1B; border:2px solid #1C1C1B; color: white; padding:7px 0; font-family: "TradeGothicLTStd-bold",Verdana, Geneva, sans-serif;}
            .ss-menu-blog li a small{ font-family: normal; font-size: 0.8em;}
            .ss-menu-blog li a:hover{ background-color: white; color: #1C1C1B; }
    
    /* LES POST DU BLOG */
        .menu_blog-post { background-color: white;  max-width: 1039px; padding: 15px;}
        .list-blog-post { margin-bottom:0!important; }
        .list-blog-post li{ display:block; border-bottom: 2px solid #1C1C1B; padding-bottom:15px;margin-bottom:15px;}
        .list-blog-post li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none;}
        .list-blog-post li .logo-blog-post{ margin:0 15px 0 0; }
        .list-blog-post li .blog-post-teaser{ display:flex; }
        .blog-post-teaser h2 {margin-bottom:20px;}

/* BLOG POST */
    .page-blogpost .article-titres h2{margin-bottom: 15px; font-size:1.5em;}
    .page-blogpost .article-lien.article-info{margin-bottom: 15px;}
    .page-blogpost .cartouche{position:sticky; top: 15px;}
    .page-blogpost .blog-post-documents h3{margin-bottom:5px;}
        
        /* IMAGE INSERE DS CORPS */
        /* LEFT | RIGHT */        
        .page-blogpost .article-corps .spip_documents{ margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid grey;}
        .page-blogpost .article-corps .spip_documents_center {margin-bottom: 15px;}
        .page-blogpost .article-corps .spip_doc_titre,.page-blogpost .article-corps .spip_doc_descriptif{width: auto!important; margin-bottom:0}
        .page-blogpost .article-corps .spip_documents_left .spip_doc_titre, .page-blogpost .article-corps .spip_documents_left .spip_doc_descriptif{text-align: left!important}
        .page-blogpost .article-corps .spip_documents_right .spip_doc_titre, .page-blogpost .article-corps .spip_documents_right .spip_doc_descriptif{ text-align: right!important;}
        .page-blogpost .article-corps .spip_documents_right, .page-blogpost .article-corps .spip_documents_left {max-width: 300px;}
        .page-blogpost .article-corps .spip_documents_right img, .page-blogpost .article-corps .spip_documents_left img { max-width:300px; width:100%; height: auto;}
        /* CENTER */
            .page-blogpost .article-corps .spip_documents_center, .page-blogpost .article-corps .spip_documents_center img { width:100%; height: auto;}
    


/* PAGE PLUS D'INFO SUR LES BLOGUEURS */
    .page-blog .plus-info-corps{background-color: white; padding: 40px; max-width: 1039px;}
    .page-blog .plus-info-corps .texte{padding-bottom:40px; margin-bottom:40px; border-bottom: 1px solid #1C1C1B}
        .page-blog .plus-info-corps .texte *:last-child{ margin-bottom: 0; }
        .page-blog .plus-info-corps .texte:last-child{ border-bottom:none; padding-bottom:0; margin-bottom: 0;}
        .page-blog .plus-info-corps .texte:after { content:'';display:block; float: none; clear: both;}
    /* IMAGE INSERE DS CORPS */
        /* LEFT | RIGHT */
        .page-blog .plus-info-corps .texte .spip_documents_right, .page-blog .plus-info-corps .texte .spip_documents_left {max-width: 300px;}
        .page-blog .plus-info-corps .texte .spip_documents_right img, .page-blog .plus-info-corps .texte .spip_documents_left img { width:100%; height: auto;}
        /* CENTER */
            .page-blog .plus-info-corps .texte .spip_documents_right img, .page-blog .plus-info-corps .texte .spip_documents_left img { width:100%; height: auto;}

/* ARTICLE */
	.page_article .main, .page_article .aside{max-width:802px;padding:15px 15px 1px;margin-bottom:10px; float:none}
	.page_article .cartouche{float:right;width:30%;margin-top: 30px}
	.page_article .article-corps{width:70%;max-width:802px;padding-right:20px;text-align: justify}
	.page_article .cartouche, .page_article .article-corps{font-size:13px}
	.page_article .cartouche p{margin:0 0 5px}
		.article-pratique, .page_article .article-titres, .article-blog, .article-evenements{border-bottom:1px solid black;padding:0 0 12px; margin:0 0 12px}
		.page_article .article-titres, .page_article .article-infos{border-bottom:3px solid black}
		.page_article .article-titres h1{font-size:28px; line-height:34px; margin: 0 0 6px}
		.page_article .soustitre{font-size: 13px;margin:0}
		p.article-date, .article-date {
			background-color: #000000;
			color: #FFFFFF;
			display: inline-block;
			font-size: 14px;
			font-weight: bold;
			line-height: 1.4em;
			padding: 0 4px;
			text-transform: uppercase}
		.page_article p.article-lien{margin:10px 0 0 }
	.page_article .article-corps .spip_logos, .logo_rubrique{width:100%;float:none}
	.page_article .copyright{font-size:10px}

	.titre-ev-article{text-transform:uppercase;}
	.page_article #documents_joints ul.spip{list-style:none;margin:0}
	.page_article #documents_joints .descriptif, .page_article #documents_joints .info_document span{display:none}
	.page_article .ps{font-size:10px}
		.page_article .ps hr{margin:0 0 10px}
	.aside{width:100%; padding:0 13px 0 0}
	

/* DIAPORAMA */
	.slider-arrow{display:block; height:32px; width:17px; background:url('//territoirespionniers.fr/squelettes/img/puces_diaporama.png') top left no-repeat transparent;padding:0; text-indent:150%; overflow: hidden;}
	.slider-arrow:hover{background-position:bottom left}
	.slider-arrow--right{background-position:top right; bottom: 10%;right: 2px}
	.slider-arrow--right:hover{background-position:bottom right}
	.slide-infos{position:relative; top:10px; left:40px}
		.slide-infos .slide-article{font-size:28px;margin:0;font-family:"TradeGothicLTStd-Light",Verdana; font-weight:lighter}
		.article-legende{margin:8px 0 0 2px;font-size:14px}
		.slide-infos p.article-date{margin:4px 0 0 2px}
	.slider-arrow--left {bottom: 10%;left: 2px}
	.slides{overflow: visible;}
    .slides .spip_logos{float:none; margin:0; display: block;}
    .slides .box a{ display:block; }
	/* DIAPORAMA ARTICLE */
		.page_article .slider{height:607px}
		.page_article .diaporama-wrapper{padding:0}
		.page_article .slide-article{display:inline-block;font:14px "TradeGothicLTStd-bold",Verdana bold; width:690px;}
		.page_article .document-descriptif{margin:3px 0; font:13px "TradeGothicLTStd-Light",Verdana lighter}
		.page_article .article-credits{margin:0;font:11px "TradeGothicLTStd-Light",Verdana lighter}
		.page_article .diaporama-wrapper{border-bottom:1px solid black}
		.page_article .slider-arrows a{bottom:9%}
.page{}

nav, .nav{font-size:14px}
.nav_rubriques{clear:both}
	.nav_rubriques li{margin:0 0 15px}

/* POPIN INSCRIPTION NEWSLETTER */
	/* BTN DANS NAV*/
	#btn-inscription, .mfp-content .submit{ 
		display: block;
		padding: 2px 0 3px;
		background-color: #1C1C1B;
		text-align: center;
		font-size: 9px;
		font-weight: bold;
		text-decoration: none;
		color: #fff;
		border: 1px solid #1C1C1B;
		text-transform: uppercase;
		width: 100%;
		margin: 8px 0 5px;
		transition: all 300ms;
	}
	#btn-inscription:hover, .mfp-content .submit:hover{
		background-color:#fff;
		color: #1C1C1B;
	}
	/* POPIN*/
	.mfp-content{
		max-width: 650px;
		position: relative;
		margin: 0 auto;
		padding: 30px 40px 10px;
		background: #fff;
	}
	.mfp-content h1{
		font-size: 24px;
		font-weight: bold;
		text-align: left;
		margin: 0 0 20px;
		display: block;
		border-bottom: 4px solid #333;
	}
	.mfp-content #session_email{padding: 10px; margin-bottom: 20px;}
	.mfp-content .submit{ margin:20px 0 0; padding:5px 0 8px;font-size: 14px; }

/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */
p.arbo{margin:5px 0 8px}
.arbo { clear: both; font-size: .9em; color: #fff!important; }
.arbo a, p.arbo strong{font-family: "TradeGothicLTStd-bold",Verdana, Geneva, sans-serif; color: #fff!important; }
.arbo .on{color:white; font-weight: bold;}
.arbo a:hover{text-decoration:underline}
.arbo * { font-weight: normal; }

.cartouche { margin-bottom: 1.5em; }
.cartouche h1 { margin-bottom: 0; }
.cartouche p { margin-bottom: 0; }
.surtitre{}
.soustitre {}
abbr.published { border: 0; }
@media print {
	abbr[title].published:after { content: ""; }
	abbr[title].dtreviewed:after { content: ""; }
}
.info-publi { margin: 1.5em 0 0; font-size: .9em; font-style: italic; }
.traductions { font-size: .9em; }
.traductions a[hreflang]:after { content: ''; }

.chapo { font-weight: bold; }
.texte {}
.hyperlien { display: block; padding: 1.5em 50px; background: #EED url('//territoirespionniers.fr/squelettes/css/img/def.png') no-repeat 25px 1.9em; font-weight: bold; }
.ps, .notes { margin-bottom: 1.5em; }
.notes { clear: both; font-size: .9em; }

/* Listes et tableaux */
dl.spip dt { background: url('//territoirespionniers.fr/squelettes/css/img/def.png') no-repeat 25px .5em; }
dl.spip dd {}

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: none; }
table.spip tbody tr.odd th,
table.spip tr.odd td { background: #EED; }
table.spip tfoot { border-top: 1px solid; }

/* Formulaires : variantes et cas particuliers
----------------------------------------------- */
.formulaire_spip { margin-bottom: 1.5em; }
.aside .formulaire_spip { padding-top: 1.3em; border-top: 5px solid; }
fieldset {
width: 100%; margin: 0;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; }
legend { display: none; }
label { display: block; }
.erreur_message { display: block; }
input.text,textarea {
width: 100%;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #EED;
border: 4px solid #EED;
}
.content input.text { width: 50%; }
textarea { width: 100%; }

/* Selection des langues */
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche input.text { width: 10em; padding-left: 20px; background-image: url('//territoirespionniers.fr/squelettes/css/img/recherche.png'); background-repeat: no-repeat; background-position: left center; }
.formulaire_recherche input.submit {}

/* Choix des mots-clefs */
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
ul.choix_mots li label { display: inline; font-weight: normal; }

.formulaire_spip .bugajaxie { display: none; } /*IE/Win*/

/* Formulaire de login dans une page */
.formulaire_login ul li { clear: left; }
.formulaire_login .editer_password .details { display: block; }
.formulaire_login #spip_logo_auteur { float: right; }

/* Fomulaire de contact */
.formulaire_ecrire_auteur {}
.formulaire_ecrire_auteur .saisie_sujet_message_auteur input.text { width: 100%; }

/* Habillage des forums
---------------------------------------------- */

/* Habillage des forums */
.comments-items .comments-items {margin-left: 25px;padding-left: 20px;border-left:5px solid #ddd;}
.comment-fil ul {}
.comment-meta { margin: 0; font-weight: bold; }
.comment-meta small { font-size: 100%; }
.comment-meta abbr { border: 0; }
.comment-meta a { color: #222; }
.comment-meta a:focus,
.comment-meta a:hover,
.comment-meta a:active { color: red }
.comment-content .hyperlien { padding: 0; background: transparent; font-weight: normal; }

/* Formulaire de forum */
.formulaire_forum {}
.formulaire_forum legend { display: none; }
.formulaire_forum .saisie_titre input.text { width: 100% }
.formulaire_forum .session_qui { display: none; }
.formulaire_forum .saisie_texte .explication { font-size: .9em; font-style: italic; }

/* Habillage des petitions
---------------------------------------------- */
#signatures {}
#signatures td.signature-date small { white-space: nowrap; }
#signatures .formulaire_recherche { margin: 1.5em auto; text-align: center; }

/* Formulaire de signature */
.formulaire_signature {}

/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de nav */
.menu { clear: both; margin-bottom: 1.5em; text-align: left; }
.menu p {}
.menu ul { margin-bottom: 1.5em; }
.menu ul li {}
.menu ul li ul { margin-left: 1.5em; list-style: circle; }

/* Pagination */
.pagination a,
.pagination .on  { padding: .2em .5em; margin: 0 1px; }
.pagination a { background: #EED; text-decoration: none; }
.pagination .on { font-weight: bold; background: #222; color: #fff; }
.pagination .sep { display: none; }

/* Listes d'articles et extraits introductifs */
.menu_articles li { clear: both; margin-bottom: 1.5em; }
.menu_articles li h3,
.menu_articles li h2 { margin: 0; }
.menu_articles li p { margin: 0; }
.menu_articles li small { font-style: italic; }
.menu_articles li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }

.menu_breves li {}
.menu_breves li h3 { margin: 0; }


/* Hyperliens
---------------------------------------------- */
a { color:#1C1C1B; text-decoration: none; }
a:focus,
a:hover,
a:active {text-decoration: none; }

/* ------------------------------------------
/* Autres medias
/* ------------------------------------------ */

@media print {

	/*  Ne pas imprimer */
	.spip-admin,
	.spip-admin-float,
	.spip-previsu { display: none; }
	.repondre,
	.formulaire_spip { display: none; }

	/* Souligner et expliciter les liens */
	a { color: #600; text-decoration: underline !important; }
	a.spip_out:after,
	a.spip_glossaire:after,
	a.spip_mail:after { display: inline; content: " [" attr(href) "]"; }

}

@media screen and (max-height: 760px) {
	#nav li{ margin-bottom: 6px; font-size:0.8em; }
}

/* end */