/**
 * @file        $Id: ../exaltarts/css/perso.css 2015-05-13 13:24
 * @version     2.5.0
 * @package     Exaltarts
 * @subpackage  Template-Exaltarts
 * @since       1.0
 * @copyright   Copyright (C) 2010 - 2015 Jackie Leclair. All rights reserved.
 * @author      Jackie Leclair
 * @license     http://www.gnu.org/licenses/gpl-2.0.html
 *
 * @revision    2019-04-11 20:38
 */

/*	fond:	#7f7f7f
	police:	#fff ou #505050
	autre	#505050
*/

/* ################### Tout #######################  */

h1 { color:	#fff; padding: 20px 0; }
.componentinfo {
	padding-left: 50px;
	font-size: small;
	font-weight: normal;
}
.componentstitre {
	padding-left: 50px;
	font-size: small;
	font-weight: bold;
}
.contentheading {
	padding: 20px 0;
}
div.item-separator { padding: 10px 0; }

/*lien hypertext*/
a:visited  { color: #fff; }
a:link     { color: #fff; }
a:hover    { color: #505050; }
a:active   { color: #505050; }

a.lightbox:visited	{ color: #505050; }
a.lightbox:link		{ color: #505050; }
a.lightbox:hover	{ color: #505050; }
a.lightbox:active	{ color: #505050; }

/* ################# Galerie ####################### */
.oeuvres {
	border: none;
	margin: 17px 17px 30px 17px;
	float: left;
	text-align: center;

}
.oeuvres img { border: 1px solid white; }
.oeuvres a:hover { cursor: url('../images/curseur.png') 50 0, pointer; }

/* ####### BULLE D'INFO POUR GALERIE ######## */
/* Rend invisible tout le bloc span */
a.lightbox span {
	position       :  absolute;
	top            :  -2000em;
	left           :  -2000em;
	width          :  1px;
	height         :  1px;
	overflow       :  hidden;
	background-color: #7f7f7f;	/* Définition du fond, sinon on a le même que notre lien */

	color:	#fff;						/* Couleur du lien */
	font-size       : 0.85em;			/* Taille de la police */
	text-decoration : none;				/* Aucun soulignement du texte */
	padding         : 2px 12px 2px 2px;	/*Définition des marges intérieures du lien */
	text-align: left;
}
a.lightbox {
/*	background      : transparent url('../images/bulle.png') no-repeat right center;*//* arrière plan du lien */
	position 	: relative;			/* Indispensable pour le bon positionnement de l'info-bulle */
}
/* Rend visible tout notre bloc span et lui attribue une taille */
a.lightbox:hover span, a.lightbox:focus span, a.lightbox:active span {
	top		: 16px;
	left 		: 0px;
	min-width	: 140px;
	width 		: auto;
	height 		: auto;
	overflow 	: visible;
	z-index		: 10;
}
a.ligthbox:hover { border : 0; } /* ligne qui corrige le bug d'IE6 et inférieur */

/* ################# Articles ####################### */
.blog {
	height: 100%;
	margin: 0 auto;
	padding: 0 0 15% 0;
	color:	#fff;
 	line-height: 1.5em;
}
.blog.artiste   { width: 600px; }
.blog.infos     { width: 600px; }
.blog.questions { width: 800px; }
.blog.cadeau    { width: 700px; }

.blog h2 { padding: 20px 0; text-decoration: underline; }
.blog h4 { padding: 10px 0 5px 0; }
.blog p  { font-size: 100%; margin: 5px 0; }
.blog ul { margin-left: 12px; }
.blog li { text-indent : 0.5em; }

.blog.questions img { padding: 20px; }

div.cols1   { width: 100%; }
div.cols2   { width: 45%; }
div.column1 { float: left; }
div.column2 { float: right; }

#contenu.accueil   { margin-top: 50px; padding: 40px 0 60px 0; text-align: center; }

/* ################# Autres ####################### */
hr {
	height:	1px;
	clear:	both;
	background-color: #505050;
	border:	none;
}

/* dans index.php */
.infoperso {
	z-index:	5;
	position:	absolute;
	top:		40px;
	right:	0;
	font-size:	80%;
}

#siret {
	position:	absolute;
	background-color: #505050;
	color:	#fff;
	margin: 0;
	padding: 3px 0;
	bottom:	0;
	width:	100%;
}
 #siret p {
	text-align:	right;
	font-size:	x-small;
	font-style:	normal;
	font-weight: normal;
	margin-right: 10px;
 }

/* *************** ACYMAILING ****************/
#unsubpage { margin: 0 auto; padding: 20px 0; }

/************** RESPONSIVITE *****************/
@media (max-width: 800px) {
	#fontsize, .infoperso { display: none; }
	#logo > img {
		max-width: 80%;
		padding-top: 15px;
	}
	img { max-width: 100%; }
}

/* smartphone portrait*/
@media (max-width: 320px) {
	.oeuvres { margin: 15px; }
}