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

   theme.css
   Theme par defaut de SPIP 3.1 
   2014 - theme neodist - collectif SPIP

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

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

	palettes de couleurs
	pour une couleur titre de palette : définition de 7 paliers de dégradés allant
	du blanc au noir par tranches de 25% d'opacité croissante 
	(définition palette méthode 3)
	

	pour gris galet #746d5d
	palier 1	#ebeae8 / rgb 235/234/232
	palier 2	#cdcac5 / rgb 205/202/197
	palier 3	#a4a095 / rgb 164/160/149
	palier 4	#746d5d / rgb 116/109/93	médian
	palier 5	#4b473c / rgb 75/71/60
	palier 6	#2a2722 / rgb 42/39/34
	palier 7	#100f0d / rgb 16/15/13

	pour bleu gris #8591ab
	palier 1	#eeeff3 / rgb 238/239/243
	palier 2	#d3d7e2 / rgb 211/215/226
	palier 3	#b0b7c9 / rgb 176/183/201
	palier 4	#8591ab / rgb 133/145/171	médian
	palier 5	#575e70 / rgb 87/94/112
	palier 6	#30343f / rgb 48/52/63
	palier 7	#131418 / rgb 19/20/24

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

::selection{
  background-color: #21242b;
  color: white;
}

/* Firefox */
::-moz-selection {
  background-color: #21242b;
  color: white;
}


/* ------------------------------------------
/* Habillage des balises HTML
/* ------------------------------------------ */

/* Elements principaux
------------------------------------------ */
/*body {font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color:#222222;background: #6b6e73 url(../objets/tee.gif) bottom left no-repeat fixed;} */

body {
	font-family: Arial,Verdana,Helvetica,sans-serif;
/*	background-color: #6b6e73;*/
/*	background: transparent url(../objets/dgrd_lng_3a3d44.png) top left repeat-x;*/
/*	background: #6b6e73 url(../objets/tee.gif) bottom left no-repeat fixed;*/
/*	background: #6b6e73;*/
	background: #3a372e;

/*	text-align: center;*/
	font-size: 0.75em;
	color: #ffffff;
}


/*h1,.h1,
h2,.h2 { line-height: 1.2;}*/

h1	{
	font-size: 120%;
	letter-spacing: 0.8em;
	margin: 0;
	  line-height: 1;
	}

h2	{
	padding: 0;
	letter-spacing: 0.3em;
	font-size: 120%;
	}

h3	{
	margin: 4px 0px 0px 0px;
	padding: 0;
	font-size: 100%;
	}

p	{
	font-size:100%;
	margin: 0.5em;
	padding: 0.5em;
	}

ul	{
/*	list-style-type:none;*/
/*	list-style-type: disc;*/
	margin: 0 0 0 0.5em;
	}
	
	
li	{
/*	list-style-type:none;*/
	margin: 0px 0px 0px 4px;
	}
	

img	{
	border: 1px solid white
	
	}

/* Hyperliens
---------------------------------------------- */
/*a, a:visited { color: #db1762;  }*/
a, a:visited 	{
	text-decoration:underline;
/*	font-size:80%;*/
/*	color:#dbdad6;*/
	}
 
a:focus, 
a:hover, 
a:active {
	color:#fa8400;
	background: transparent;
	}


	
	/*** formatage standard des blocs ***/	

.bloc,
#sl-for-abo-inscript {
/*	background-color: rgba(116, 109, 93, 0.6) !important;		/*** gris galet #746d5d / rgb 116, 109, 93 - opacité moyenne ***/
/*	background-color: #746d5d;	/*** gris galet #746d5d / rgb 116, 109, 93 ***/
/*	background-color: rgba(33, 36, 43, 0.8) !important;		/*** bleu gris foncé #21242b / rgb 33, 36, 43 - opacité forte ***/
/*	background-color: #21242b;	/*** bleu gris foncé #21242b / rgb 33, 36, 43 ***/

	border: 1px solid white;
/*	border-radius: 6px;*/
	box-shadow: 2px 2px 8px #000;
	margin: 1em;
	padding: 1em;
		background-color: rgba(116, 109, 93, 0.7) !important;		/*** gris galet #746d5d / rgb 116, 109, 93 - opacité moyenne ***/
	background-color: #746d5d;	/*** gris galet #746d5d palier 4 médian de palette #8590ab - méthode 3 / rgb 116, 109, 93 ***/

	}	
/*** formatage images des articles ***/

/*
.bloc a img	{
	border: 1px solid #ffffff;
/*	margin:0.5em 0.5em;*/
	}
*/
.proposition_site,
.menu_sites	{
	float: left;
	}		
	
	
	/*** fin formatage blocs ***/

	/*** couleurs fonds des blocs ***/	

.rubrique_titre,
.site_titre,
.infos_article,
.infos_breve,
.hyperlien	{
/*	background-color: rgba(116, 109, 93, 0.6) !important;		/*** gris galet #746d5d / rgb 116, 109, 93 - opacité moyenne ***/
/*	background-color: #746d5d;	/*** gris galet #746d5d / rgb 116, 109, 93 ***/
	background-color: rgba(33, 36, 43, 0.7) !important;		/*** bleu gris foncé #21242b / rgb 33, 36, 43 - opacité forte ***/
	background-color: #21242b;	/*** bleu gris foncé #21242b / rgb 33, 36, 43 ***/


	}		

.mot_cle_titre {
	background-color: rgba(255, 132, 0, 0.7) !important;		/*** orange  - opacité forte ***/
	background-color: #fa8400;	/*** orange ***/


	}		


.article_texte {
/*	background-color: rgba(116, 109, 93, 0.6) !important;		/*** gris galet #746d5d / rgb 116, 109, 93 - opacité moyenne ***/
/*	background-color: #746d5d;	/*** gris galet #746d5d / rgb 116, 109, 93 ***/
	background-color: rgba(33, 36, 43, 0.7) !important;		/*** bleu gris foncé #21242b / rgb 33, 36, 43 - opacité forte ***/
	background-color: #21242b;	/*** bleu gris foncé #21242b / rgb 33, 36, 43 ***/

	}	


.documents_article {
/*	background-color: rgba(116, 109, 93, 0.6) !important;		/*** gris galet #746d5d / rgb 116, 109, 93 - opacité moyenne ***/
/*	background-color: #746d5d;	/*** gris galet #746d5d / rgb 116, 109, 93 ***/
	background-color: rgba(33, 36, 43, 0.7) !important;		/*** bleu gris foncé #21242b / rgb 33, 36, 43 - opacité forte ***/
	background-color: #21242b;	/*** bleu gris foncé #21242b / rgb 33, 36, 43 ***/


	}		

.autres_articles,
.documents_portfolio {
	background-color: rgba(87, 94, 112, 0.7) !important;		/*** palette bleu gris #8591ab - palier 5	#575e70 / rgb 87/94/112 - opacité moyenne ***/
	background-color: #575e70;	/*** palette bleu gris #8591ab - palier 5	#575e70 / rgb 87/94/112	***/

	}		

	
.documents_joints {
	background-color: rgba(33, 36, 43, 0.7) !important;		/*** bleu gris foncé #21242b / rgb 33, 36, 43 - opacité forte ***/
	background-color: #21242b;	/*** bleu gris foncé #21242b / rgb 33, 36, 43 ***/

	}		

.menu_breves {
	background-color: rgba(116, 109, 93, 0.7) !important;		/*** gris galet #746d5d / rgb 116, 109, 93 - opacité moyenne ***/
	background-color: #746d5d;	/*** gris galet #746d5d / rgb 116, 109, 93 ***/

	}		

.menu_rubriques	{
	/*	background: #6b6e73 url(../../objets/accueil_flou.jpg) bottom left no-repeat fixed;*/
	/*background: #6b6e73 url(../../objets/PICT0110_flou_01.jpg) bottom right no-repeat;
	background-size: cover;*/
	/*background-image: url(../../objets/21242b_opacité_50-100.png), url(../../objets/PICT0110_flou_01.jpg);
	background-position: top left, bottom right;
	background-repeat: repeat, no-repeat;
	background-size: contain, cover;*/
	background-color: rgba(33, 36, 43, 0.7) !important;		/*** bleu gris foncé #21242b / rgb 33, 36, 43 - opacité forte ***/
	background-color: #21242b;	/*** bleu gris foncé #21242b / rgb 33, 36, 43 ***/

	}

.menu_sites {
	background-color: rgba(116, 109, 93, 0.7) !important;		/*** gris galet #746d5d / rgb 116, 109, 93 - opacité moyenne ***/
	background-color: #746d5d;	/*** gris galet #746d5d / rgb 116, 109, 93 ***/

	}		

.proposition_site,
.inscription_forum,
.message_forum {
	background-color: rgba(133, 145, 171, 0.7) !important;		/*** bleu gris assez clair #8591ab / rgb 133, 145, 171 - opacité moyenne ***/
	background-color: #8591ab;	/*** bleu gris assez clair #8591ab / rgb 133, 145, 171 ***/

	}		

	
	/*** fin formatage blocs ***/

.spip_logos {
	margin: -0.5em 0 0px 0.75em; padding: 0; border: 2px solid white;
	}

.lien_site a:hover	{
	color: red;
	}
	
/*** formatage telechargements ***/

.telechargements ul	{
	list-style-type:none;
	}

.telechargements ul	li	{
	display:inline;
	}

/*** fin formatage telechargements ***/

	
/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

/* fil d'ariane */
.arbo 	{
	clear: both;
	font-size: 0.8em;
	color: white;
	margin-bottom: 0.5em;
/*	border-top: 1px solid white;*/
	border-bottom: 1px solid white;
/*	border-left: 1px solid white;*/
	width: 100%;
	background-color: #424856;

	}
	
.arbo p 	{
	margin-top: -0.8em;
	}
	
	
.arbo * { font-weight: normal; }
.arbo a,
.arbo a:visited { color: white; }
.arbo a:hover,
.arbo a:focus	{
/*	background: #666;*/
	color: white;
	text-decoration:none;
	}
.arbo padding{
	color: white;
	}

/*.cartouche { margin-bottom: 1.5em; }*/
.cartouche {
/*	background-color: rgba(33, 36, 43, 0.8) !important;		/*** bleu gris foncé #21242b / rgb 33, 36, 43 - opacité forte ***/
/*	background-color: #21242b;	/*** bleu gris foncé #21242b / rgb 33, 36, 43 ***/

	position: absolute;
	top: 0.1em;
	right:0.5em;

	}		


.cartouche h1 { margin-bottom: 0; }
.cartouche p { margin-bottom: 0; }
.surtitre{}
	
.soustitre {

	margin: 0;
	font-size: 1.2em;
	font-style: italic;


	}

	
abbr.published { border: 0; }
@media print {
	abbr[title].published:after { content: ""; }
	abbr[title].dtreviewed:after { content: ""; }
}

.info-publi	{

	margin: 0;
	font-size: .8em;
	font-style: italic;
	text-align: right;
	}
	
html[dir="rtl"] .info-publi { font-style: normal; }
.traductions	{
	font-size: .9em;
	margin: 0;
	text-align: right;

	}
	
.traductions a[hreflang]:after { content: ''; }



.chapo_article	{
/*	font-weight: bold;*/
	font-size: 1em;
/*	letter-spacing: 1em;*/
	background-color: rgba(33, 36, 43, 0.7) !important;		/*** bleu gris foncé #21242b / rgb 33, 36, 43 - opacité forte ***/
	background-color: #21242b;	/*** bleu gris foncé #21242b / rgb 33, 36, 43 ***/


	
	}

.chapo_sommaire	{
	font-weight: bold;
	font-size: 1em;
	letter-spacing: 1.1em;
	position: absolute;
	right: 1em;
	top: -0.5em;
	}


.texte {}
.hyperlien { display: block; padding: 1.5em 50px; background: #EEE url(img/def.png) no-repeat 25px 1.9em; font-weight: bold; }
/*** formatage post-scriptum ***/

.ps	{
	font-size:80%;
	background-color: rgba(33, 36, 43, 0.7) !important;		/*** bleu gris foncé #21242b / rgb 33, 36, 43 - opacité forte ***/
	background-color: #21242b;	/*** bleu gris foncé #21242b / rgb 33, 36, 43 ***/

	}

.ps h2	{
	margin:8px 0px 0px 0px;
	font-size:85%;
	}

	
	
.notes {
	clear: both; font-size: .9em;
	margin-bottom: 1.5em;
	background-color: rgba(33, 36, 43, 0.7) !important;		/*** bleu gris foncé #21242b / rgb 33, 36, 43 - opacité forte ***/
	background-color: #21242b;	/*** bleu gris foncé #21242b / rgb 33, 36, 43 ***/

	}

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

table.spip {margin:1em 0;}
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: #EEE; }
table.spip tr:hover td {background: #AAD;}
table.spip tfoot { border-top: 1px solid; }


/* logo Loco-Revue */
#mentions {
	position:absolute;
	top:2.6em;
	left:-0.4em;
	}

#mentions li {
	margin: 0;
	}
	
#mentions a {
	text-decoration:none;
	}

a.logo-loco-revue {

	margin: 0em;
}

/* Formulaires : variantes et cas particuliers
----------------------------------------------- */
.formulaire_spip	{
/*	margin-bottom: 1.5em;*/
	}
	

fieldset {
  width: 100%; margin: 0;
  font-size: 100%;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

label	{
	display: block;
	}
	
.formulaire_recherche 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;
}
.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: 60%;
	height: 20px;
/*	padding-left: 20px;*/
	padding-left: 0.5em;
	vertical-align: middle;
	border:solid 1px #aaa;
	background:#fff url(img/recherche.png) no-repeat left center;
	-webkit-border-radius: 0.25em 0 0 0.25em;
	border-radius: 0.25em 0 0 0.25em;
	}
.formulaire_recherche input.submit	{ 
	width: 15%;
	padding:0; 
	height: 20px;
	vertical-align: middle;
	border:solid 1px #aaa;
	background:#ddd;
	border-left: none;
	-webkit-border-radius: 0 0.25em 0.25em 0;
	border-radius: 0 0.25em 0.25em 0;
	text-align: center;
	}

/* 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 .editer-groupe .editer { 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 portfolios
---------------------------------------------- */
.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:#EEE;background:#fff;box-shadow: 5px 7px 5px 2px rgba(85,85,85,0.3);}*/
.documents_portfolio a {display:inline-block;margin:5px;border: 1px solid white;color:#fff;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;}

/* Habillage des forums
---------------------------------------------- */
.comments  {margin-top:2em;padding:1em 0;border-top:10px solid #EEE;}
.comments  ul {list-style:none;}
.comment-item {margin:0.5em 0 0 0;padding:0.5em 0 0 0;border-top:1px solid #EEE;}
.comments-items .comments-items {margin-left: 25px;padding-left: 20px;border-left:5px solid #ddd;}
.comment-meta { margin: 0; font-weight: bold; }
.comment-meta small { font-size: 100%; }
.comment-meta abbr { border: 0; }
.comment-meta a { text-decoration:none;}
.comment-content .hyperlien { padding: 0; background: transparent; font-weight: normal; }

/* Formulaire de forum */

.forum {
	background-color: rgba(116, 109, 93, 0.7) !important;		/*** gris galet #746d5d / rgb 116, 109, 93 - opacité moyenne ***/
	background-color: #746d5d;	/*** gris galet #746d5d / rgb 116, 109, 93 ***/

	}		


/*.forum-titre  {margin-top:2em;padding:1em 0;border-top:10px solid #EEE;}*/
/*.forum-titre  {margin-top:2em;padding:1em 0;}*/
.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; margin: 0.5em 0; }
html[dir="rtl"] .formulaire_forum .saisie_texte .explication { font-style: normal; }
.formulaire_forum .boutons { margin-top: 1em; }

/* Habillage des petitions
---------------------------------------------- */
#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;
	background-color: rgba(33, 36, 43, 0.7) !important;		/*** bleu gris foncé #21242b / rgb 33, 36, 43 - opacité forte ***/
	background-color: #21242b;	/*** bleu gris foncé #21242b / rgb 33, 36, 43 ***/

	
	
	
	}
.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: 0.5em; margin: 0.5em 0em; border-radius:.25em; }
.pagination a { background: #f0f0f0; text-decoration: none; }
.pagination .on,
.pagination a:hover,
.pagination a:focus,
.pagination a:active	{
	font-weight: bold;
/*	background: #c41558; /* fond rose */
	background: #fa8400; /* fond orange */
	color: #fff;
	}

.pagination a:active { font-weight: bold; background: #c41558; color: #fff; }
.pagination .sep { visibility: hidden; }
.menu_articles .pagination strong {font-size:1em;}

.menu_articles	{


	}

/* 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 0 0.2em 0; }
.menu_articles li p { margin: 0; }
.menu_articles li small {  }
.menu_articles li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.menu_articles li div {margin-top:0.2em;margin-bottom:0.5em;}
/*.menu_articles a {text-decoration:none;}*/
.menu_articles strong {font-size:1.2em;}
 
.menu_breves li {}
.menu_breves li h3 { margin: 0; }


/*	recherche	*/
.formulaire_recherche {
	background-color: rgba(255, 132, 0, 0.7) !important;		/*** orange  - opacité forte ***/
	background-color: #746d5d;	/*** gris galet - opacité forte ***/
	width: 60%;
	float: right;
	margin-top: -1em;
	

	}
/*	mots clés	*/
.mots_cles {
	background-color: rgba(255, 132, 0, 0.7) !important;		/*** orange  - opacité forte ***/
	background-color: #ff8400;	/*** orange - opacité forte ***/
	}

.mots_cles_2 {
/*	non utilisé	*/
/*	background-color: rgba(191, 99, 0, 0.7) !important;		/*** orange foncé  - opacité forte ***/
/*	background-color: #bf6300;	/*** orange foncé - opacité forte ***/
/*	background-color: rgba(127, 66, 0, 0.7) !important;		/*** orange + foncé  - opacité forte ***/
/*	background-color: #7f4200;	/*** orange + foncé - opacité forte ***/
	
	}


.aside h2 {border-bottom:1px solid #EEE;padding-bottom:.1em;}
.aside li {margin:0.5em 0;}
.aside a {text-decoration:none;}

.footer a {text-decoration:none;}
.footer a.spip_out:after {
  content: "";
}

/* ------------------------------------------
/* 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) "]"; }

}


/* ------------------------------------------
/* Responsive
/* ------------------------------------------ */

/* largeur maximum 767px */
@media (max-width: 767px) { 
  .pagination {line-height:3;}
}

 
/* largeur maximum 640px */
@media (max-width: 640px) {
  body {font-size:.75em;}
  h1,.h1,
  h2,.h2 { line-height:1;}
  .chapo_sommaire,
  .menu_sites,
  .menu_comments,
  .proposition_site  {	display: none;}

.cartouche {	position: relative;	}
  
}


/* fin */