/*
 * Bloc avec les gens dedans
 */
div.gens
{
	width		: 367px;
	float		: left;
/*
	margin-left	: 0.5em;
*/
	margin-left	: 10px;
}
div.gens img
{
	display	: block;
}
div.gens h1
{
	background-color	: #86C61A;
	color				: #FFF;
	font-weight			: bold;
	font-size			: 140%;
	padding				: 0;
	padding-left		: 5px;
	margin				: 0;
	text-align			: left;
}
div.gens p
{
	background-color	: #FAFAFA;
	color				: #787878;
	background-image	: url(/images/design/index/fond_gens.png);
	background-position	: left bottom;
	background-repeat	: repeat-x;
	padding				: 0;
	padding-bottom		: 4px;
	padding-left		: 5px;
	padding-right		: 5px;
	margin				: 0;
	font-size			: 95%;
	text-align			: justify;
}


/*
 * Bloc de connexion
 */
div.connexion
{
	background-image	: url(/images/design/index/fond_connexion.png);
	background-repeat	: repeat-y;
	background-position	: left bottom;
	background-color	: #EBEBEB;
	width				: 400px;
	float				: right;
	margin-right		: 12px;
}
div.connexion h1
{
	background-image	: url(/images/design/index/fond_titre_connexion.png);
	background-repeat	: repeat-x;
	background-color	: #86C61A;
	color				: #F7F9EE;
	font-weight			: bold;
	font-size			: 110%;
	padding				: 0;
	margin				: 0;
	text-align			: left;
	height				: 19px;
}
div.connexion img
{
	vertical-align	: middle;
	margin-left		: 5px;
}
div.connexion div.fiches
{
	margin-top		: 17px;
	float			: left;
}
div.connexion div.formulaire-connexion
{
	margin-top		: 17px;
	float			: left;
}
div.connexion a.mot-de-passe-oublie:link,
div.connexion a.mot-de-passe-oublie:active,
div.connexion a.mot-de-passe-oublie:hover,
div.connexion a.mot-de-passe-oublie:visited
{
	font-size		: 95%;
	color			: #F33;
	margin-left		: 15px;
}
div.connexion a.inscrire:link,
div.connexion a.inscrire:active,
div.connexion a.inscrire:hover,
div.connexion a.inscrire:visited
{
	font-size		: 100%;
	color			: #484647;
}


/*
 * Bloc aperçu
 */
div.apercu
{
	float		: left;
	margin-top	: 30px;
	margin-left	: 10px;
	width		: 367px;
}
div.apercu img {
	width		: 100%;
}
/*
 * Bloc de texte en fonction du sous domaine
 */
div.texte-sous-domaine
{
	margin		: 50px;
	font-weight	: bold;
	font-size	: 100%;
}

/*
 * Bloc parent des blocs informations et "vous rappelle"
 */
div.informations-et-vous-appelle
{
	float	: right;
	width	: 400px;
}

/*
 * Bloc informations
 */
div.informations
{
	margin-top		: 30px;
	float			: right;
	margin-right	: 12px;
}
div.informations ul
{
	padding				: 0;
	margin				: 0;
	list-style			: none;
}
div.informations li
{
	background-image	: url(/images/design/index/puce_noire.png);
	background-repeat	: no-repeat;
	color				: #8D8D8D;
	padding-left		: 18px;
	margin-top			: 3px;
}
div.informations li.premier
{
	background-image	: url(/images/design/index/puce_verte.png);
	color				: #77A026;
}

/*
 * Bloc appelle
 */
div.vous-appelle
{
	margin-top		: 40px;
	margin-right	: 2px;
}
div.vous-appelle img.femme
{
	float	: right;
}
div.text-appelle
{
	background-image	: url(/images/design/index/fond_appelle.png);
	background-repeat	: repeat-x;
	float				: right;
	margin-top			: 60px;
	margin-right		: -6px;
	text-align			: right;
	height				: 24px;
	color				: #FFF;
	padding				: 5px;
	padding-top			: 4px;
	font-weight			: bold;
/*
	padding-top			: 6px;
*/
}
div.text-appelle img
{
	margin-left		: 5px;
	vertical-align	: middle;
}
div.vous-appelle a:link,
div.vous-appelle a:active,
div.vous-appelle a:hover,
div.vous-appelle a:visited
{
	color			: #FFF;
}