/**
 * Fichier : accueil.css
 * Description : Défini les styles pour le gabarit "accueil"
 * Auteur : Antoine Chemery - mail[at]nealite.fr
 * Copyright : nealite.fr
 * Version : 1.0.0
 ************************************************************/
 
 /* ================================
 * SOMMAIRE
 *
 *	- gauche
 * 		- triptyque
 *		- client
 * ================================*/

/* gauche */

#gauche p.sous_titre
{
	font-size: 1.2em;
	line-height: 20px;
	margin: 0;
}

#gauche p
{
	float: left;
	margin: 0px 0 0px;
}
#gauche #texte1

{

	float: left;

	margin: 0 10px 0 0;

	width: 400px;

}


/*  texte tiré de societe.css */
#gauche #texte

{

	float: left;

	margin: 0 10px 0 0;

	width: 400px;

}



#gauche #texte p

{

	float: left;

	line-height: 18px;

	margin: 15px 10px 0 0;

	width: 428px

}


/* video */



#gauche #video

{

	border-left: 0px dotted #e1e1e0; 

	float: left;

	height: 220px;

	padding: 0 25px;

	width: 194px;

}



#gauche #video p

{

	width: 194px;

}



#gauche #video p.guillemets

{

	color: #000;

	margin: 10px 0 0;

	width: 170px;

}

/* triptyque */

#gauche #triptyque
{
	float: left;
	margin: 10px 0;
	width: 655px;
}

#gauche #triptyque p
{
	float: left;
	width: 660px;
}

#gauche #triptyque div 
{
	background:url(../images/fonds/carre_gris_arrondi.png) top left no-repeat;
	float: left;
	height: 198px;
	margin: 4px 6px 4px 0;
	width: 206px;
}

#gauche #triptyque div h2
{
	border: none;
	float: left;
	margin: 10px 5px 0px 12px;
	width: 170px;
}

#gauche #triptyque ul
{
	float: left;
	height: 105px;
	margin: 0 0 10px 5px;
}

#gauche #triptyque ul li
{
	background: url(../images/pictos/fleche_verte.gif) 2px 5px no-repeat;
	color: #47473d;
	float: left;
	font-size:1.2em;
	line-height: 16px;
	margin: 5px 0 0;
	padding: 0 15px;
	width: 180px;
}

#gauche #triptyque a.fleche_bleu
{
	border: dotted #e1e1e0;
	border-width: 1px 0 0;
	float: left;
	margin: 5px 0 0 10px;
	padding: 5px 10px 6px;
	width: 150px;
}

#gauche a img
{
	float: left;
	margin: 0 5px 10px 0;
	
	margin-top: 16px ;
	
}

/* client */

#gauche #clients
{
	background: url(../images/fonds/pointilles_horizont.gif) top left repeat-x;
	float: left;
	margin: 20px 0 0;
	padding: 20px 0 0;
	width: 651px;
}

#gauche #clients h1
{
	float: left;
	width: 100%;
}

#gauche #clients p
{
	line-height: 20px;
	margin: 5px 0;
	width: 100%;
}

#gauche #clients ul#logos_clients
{
	float: left;
	height: 320px;
}

#gauche #clients ul li
{
	float: left;
	margin: 5px 10px 5px 0;
	width: 203px;
}