/**
 * Fichier      : identification_inscription.css
 * Auteurs      : Anthony Stéphan <astephan [at] nealite.fr>
 * Copyright    : nealite.fr
 * Version      : 1.0.0
 ***************************************************/

/**
 * Identification / Inscription
 ***************************************************/
#indentification_inscription,
#presentation_zeprofs
{
	float: left;
	margin: 0 3px;
	padding: 0 20px;
	width: 910px;
}

#indentification_inscription
{
	background: url(../images/s/fonds/bloc_identification_inscription.jpg) 0 0 no-repeat;  
	height: 531px;
}

#presentation_zeprofs
{
	background: url(../images/s/fonds/bloc_zeprofs_non_log.jpg) 0 0 no-repeat;  
	height: 585px;
}

#indentification_inscription h2,
#presentation_zeprofs h2
{
    color: #fff;
	float: left;
    font-size: 1.7em;
    font-weight: bold;
    height: 25px;
    padding: 9px 0 0;
	width: 920px;
}

/**
 * Services
 ***************************************************/
#indentification_inscription #services
{
	color: #094475;
	float: left;
	width: 540px;	
}

#indentification_inscription #services h3
{
	font-size: 1.8em;
	font-weight: normal;
	margin: 30px 0 15px;
	width: 540px;
}

#indentification_inscription #services ul
{
	background: 0 0 no-repeat;
	font-size: 1.2em;
	padding: 0 0 0 140px;
	width: 320px;
}

#indentification_inscription #services ul.service_curiosphere
{
	background-image: url(../images/s/blocs/identification_inscription/visuel_curiosphere.jpg);
	height: 172px;
}

#indentification_inscription #services ul.service_zeprofs
{
	background-image: url(../images/s/blocs/identification_inscription/visuel_zeprofs.jpg);
	height: 164px;
}

#indentification_inscription #services ul li
{
	line-height: 1.5em;
	margin: 0 0 15px;
}

#presentation_zeprofs #colonne_gauche 
{
	padding: 20px 0 0;
	width: 560px;
}

#presentation_zeprofs #colonne_gauche h3 
{ 
	color: #094475;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 40px; 
}

#presentation_zeprofs #services
{
	clear: both;
	float: right;
	margin: 0 0 20px;
	width: 370px;
}

#presentation_zeprofs #services h4
{
	color: #094475;
	font-size: 1.2em;
	font-weight: bold;
}

#presentation_zeprofs #services ul
{
	border-bottom: 1px solid #ccc;
	font-size: 1.2em;
	margin: 5px 0 15px;
	padding: 0 0 15px;
}

#presentation_zeprofs #services ul li { line-height: 1.4em; }

#presentation_zeprofs #exclusivite
{
	background: url(../images/s/blocs/zeprofs/exclu_zeprofs.png) 0 0 no-repeat;
	float: left;
	height: 123px;
	padding: 0 10px;
	width: 540px;
}

#presentation_zeprofs #exclusivite h3
{
	height: 35px;
	line-height: 35px;
	margin: 0;
}

#presentation_zeprofs #exclusivite .corps
{
	float: left;
	width: 550px;
}

#presentation_zeprofs #exclusivite a.visuel
{
	display: block;
	float: left;
	margin: 0 10px 0 0;
	width: 93px;
}

#presentation_zeprofs #exclusivite .description
{
	float: left;
	width: 447px;
}

#presentation_zeprofs #exclusivite h4 { margin: 0 0 10px; }

#presentation_zeprofs #exclusivite p
{
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 10px;
}


/**
 * Colonne droite
 ***************************************************/

#colonne_droite
{
	float: right;
	padding: 20px 10px 0;
	width: 335px;
}

#colonne_droite h3
{
	color: #094475;
	font-size: 2.1em;
	font-weight: bold;
	margin: 0 0 15px;
}

#colonne_droite h4
{
	color: #094475;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 15px;
}

/* Connexion */
#connexion
{
	background: url(../images/s/fonds/form_identification_inscription.png) 0 0 no-repeat;
	height: 220px;
	margin: 0 0 15px;
	padding: 20px 10px 10px;
	width: 315px;
}

#connexion .ligne
{
	float: left;
	margin: 3px 0;
	width: 315px;
}

#connexion .ligne label
{
	color: #094475;
	display: block;
	float: left;
	font-size: 1.2em;
	margin: 0 10px 0 0;
	padding: 4px 0 0;
	text-align: right;
	width: 118px;
}

#connexion .ligne input
{
	float: right;
	width: 180px;
}

#connexion .ligne_checkbox
{
	float: left;
	margin: 25px 0 0;
	text-align: right;
	width: 315px;
}

#connexion .ligne_checkbox label
{
	color: #686868;
	font-size: 1.1em;
}

#connexion input.valider
{
	float: right;
	margin: 10px 0 0;
	width: 102px;
}

#connexion .rappel
{
	color: #3691bb;
	float: right;
	font-size: 1.1em;
}

/* Inscription */
#invite_inscription
{
	background: url(../images/s/fonds/form_identification_inscription.png) 0 -264px no-repeat;
	height: 130px;
	padding: 20px 10px 10px;
	width: 315px;
}

#invite_inscription ul
{
	float: left;
	font-size: 1.2em;
	margin: 0 0 20px;
}

#invite_inscription ul li
{
	margin: 8px 0;
}

#invite_inscription .s_inscrire
{
	float: right;
}