/**
 * @version $Id: perso.css
 * @author Jackie Leclair
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2010 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

/*	fond	: #555
	police	: #ddd
	autre	: #fff;
*/

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

.componentheading { padding: 10px 0; }
.componentinfo {
	padding: 0 50px;
	font-size: small;
	font-weight: normal;
}

h1 {
	margin: 20px;
}

p {
	line-height: 1.4em;
	padding: 5px;
}

.blog,
#contenu {
	margin: 10px auto;
	font-size: 100%;
}
ul		{ margin-left:20px; }

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



/* ################# Galerie ####################### */
.oeuvres {
	border: none;
	margin: 20px;
	padding: 10px;
	height: 185px;
	width: 160px;
	float: left;
	text-align: center;
	font-size: 100%;
	color: #FFF;
}
.oeuvres img		{ border: 1px solid white; }
.oeuvres p			{ margin:0; padding:0; font-size:small; font-style:italic; line-height:1.2em; }
.oeuvres span.info	{ margin-top: 10px; }

/* ################# Articles ####################### */
/*.leading		{ margin: 0; padding: 10px 10px; }
.leading p		{ margin: 5px; font-size: 100%; }*/
.leading_separator.artiste,
.leading_separator.votre_site { display: block; width: 0; margin: 0; float: left; }

.blog.votre_site td,
.blog.accueil td	{ background-color: #555; }
.blog.votre_site th,
.blog.accueil th 	{ background-color: #555; }
.blog.votre_site th img,
.blog.accueil th img	{ float:left; padding:3px;}
.blog.votre_site th span,
.blog.accueil th span	{ float:left; padding:5px 3px; font-size:130%; }

.artiste h4		{ margin: 20px 0 0 0; text-decoration: underline; }
.artiste img	{ margin: 25px 10px 0 -30px; }
.artiste img.cv	{ margin: 0 10px 10px 0; }

.blog.personnalisations div.left {float: left; width: 50%;}
.blog.personnalisations div.right {float: right; width: 50%;}
.blog.personnalisations div.center {clear: both; margin: auto; width: 100%;}

.blog.stages li { margin:0 0 0 10px; }

.img_left	{ margin: 10px 20px 10px 0; float: left; max-width: 98%; }
.img_right	{ margin: 10px 0 10px 20px; float: right; max-width: 98%; }
.img_center	{ margin: 20px auto; max-width: 98%; }

.column-1, .column-2 {
	width: 50%;
}
.column-1 {
	float: left;
	display: inline;
}
.column-2 {
	float: right;
	display: inline;
}

.items-row {
	margin-top: 30px;
}
/* ################# AcyMailing ################### */
#unsubpage		{ text-align:center; margin-top:80px; }
.unsubdiv		{ padding-top:20px; }

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

/* dans index.php */
#infoperso {
	z-index:5;
	position: absolute;
	top:30px;
	right:10px;
	font-size:85%;
	padding:0;
	margin:0;
}

#maj 		{ font-family:helvetica, arial, Free-sans, sans-serif; margin:0; padding:0;}
.mod-languages {
	margin-top: 10px;
	padding:0;
}

/* POUR TABLETTES ET SMATPHONE */
@media only screen and (max-width: 1024px) {
	#fontsize, #infoperso > .maj { display: none; }
	.blog,
	#contenu {
		margin: 0;
	}
	#logo > img {
		width: 75% !important;
	}
	div#main {
		width: 100%;
	}
}
/* tablette portrait, smartphone paysage*/
@media only screen and (max-width: 800px) {
	#infoperso {
		position: relative;
		top: -20px;
		line-height: 1em;
	}
	div.mod-languages li { padding: 5px; }
}
@media only screen and (max-width: 480px) {
	.column-1, .column-2 { width: 100%; }
}