/**
 * Fichier : global.css
 * Description : Défini les styles globaux du site
 * Auteur : Antoine Chemery - mail[at]nealite.fr
 * Copyright : nealite.fr
 * Version : 1.0.0
 ************************************************************/
 
/* ================================
 * SOMMAIRE
 *
 *	- CSS Reset
 *	- Eléments génériques
 * 		- Titres
 *		- Liens
 *		- Paragraphes
 *		- Listes
 *		- Fontes
 *	- Classes génériques
 * 		- Titres
 *		- Liens
 *		- Paragraphes
 *		- Listes
 *		- Fontes
 *		- Divers
 *	- Structure
 * 		- Entête
 *		- Contenu
 *		- Pied de page
 *
 * ================================*/

/* ================================
 * CSS Reset 
 * ================================*/
 
html, body, div, span,
h1, h2, h3, h4, h5, h6, 
p, blockquote, pre,
a, abbr, acronym, code,
del, dfn, em, img, kbd, q, 
strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: Arial, Verdana, "Trebuchet MS", sans-serif;
	font-size: 62.5%;	/* 1em = 10 px */
	line-height: 1;
}

ol, ul { list-style: none; }

ol li, 
ul li
{
	font-size: 1.2em;
}

a
{
	font-size: 1.2em;
	line-height: 1.2em;
}

p
{
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0 0 8px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
p a, p label, p span,
li label,
a span,
li ul, li ol, li a,
li h2, li h3, li h4, li h5, li h6
{
	font-size: 1em !important;
}

img { border: 0; }

table { border: 0; }

caption, th, td 
{
	font-weight: normal;
	text-align: left;
}

label
{
	font-size: 1.2em;
}

strong { font-weight: bold; }

em { font-style: italic; }

textarea { font-family: Arial, Verdana, "Trebuchet MS", sans-serif; }


/* ===============================================
 * Eléments génériques
 * ===============================================*/

/**
 * Titres
 */
h1, h2, h3
{
	font-family: helvetica;
}

h1
{
	font-size: 1.9em;
}

h2
{
	color: #6c6c64;
	font-size: 1.7em;
}

h3
{
	color: #898983;
	font-size: 1.2em;
}

h4
{
	color: #a1a19c;
}
/**
 * Liens
 */

a
{
	color: #258ec5;
	text-decoration: none;
	outline: none;
}

a:hover
{
	text-decoration: underline;

}

ul li a,
ul li span
{
	margin: 1px 5px;
}

#autres_formations li a:hover,
#autres_formations li strong
{
	background: url(../images/pictos/fleche_verte.gif) 0px 5px no-repeat;
	color: #b8ba2d;
	font-weight: normal;
	padding: 0 0 0 10px;
	text-decoration: none;
}
#evitement li a:hover,
#evitement li strong
{
	color: #787866;
	text-decoration: none;
	font-weight: normal;
}

/**
 * Paragraphes
 */
 
p
{
	color: #666;
}

/**
 * Listes
 */

/**
 * Fontes
 */


/* ===============================================
 * Classes génériques
 * ===============================================*/


/**
 * Titres
 */
#gauche h1
{
	color: #3d3d3d;
	float: left;
	width: 100%;
}

#gauche h2
{
	background: url(../images/pictos/fleche_blan_fd_vert.gif) top left no-repeat;
	border-bottom: 1px dotted #e1e1e0;
	color: #474732;
	float: left;
	margin: 15px 0 10px 0px;
	padding: 1px 0 6px 25px;
	width: 595px;
}

#gauche h3
{
	color: #474732;
	float: left;
	margin: 15px 0 10px 0px;
	width: 595px;
}

/**
 * Liens
 */
 
 a.email
 {
	direction: rtl;
	unicode-bidi: bidi-override;
 }

/**
 * Paragraphes
 */

.grise
{
	color: #acac98;
	font-size: 0.9em !important;
}

p.guillemets
{
	background: url(../images/pictos/guillemets_ouvert.gif) top left no-repeat;
	float: left;
	padding: 0 10px 0 15px;
}

p.guillemets img
{
	margin: 0;
	vertical-align: text-bottom;
}

/**
 * Listes
 **/
 
#gauche ul li
{
	background: url(../images/pictos/fleche_verte.gif) center left no-repeat;
	color: #666666;
	padding: 6px 0 7px 20px;
}	

#gauche #clients ul li
{
	background: none;
	margin: 5px 7px 5px 0pt;
	padding: 0px;
}

#gauche .fleche_bleu
{
	background: url(../images/pictos/fleche_bleu.gif) center left no-repeat;
	padding-left: 10px;
}

/**
 * Fontes
 */
.taille-10 { font-size: 1em; }
.taille-12 { font-size: 1.2em; }
.taille-14 { font-size: 1.4em; }

/**
 * Divers
 */
.clear { clear: both !important; }
.aligne-gauche { text-align: left; }
.aligne-droite { text-align: right;}
.flotte-gauche { float: left; }
.flotte-droite { float: right; }
.invisible
{
	background: none !important;
	border: none !important;
	display: block !important;
	float: none !important;
	height: 1px !important;
	margin: -1px 0 0 -1px !important;
	overflow: hidden !important;
	position: absolute;
	width: 1px !important;
}


/* ===============================================
 * Structure
 * ===============================================*/
#accueil
{
	background: url(../images/fonds/fond.png) top left repeat-x;
}

#global
{
	/*height: 1230px;*/
	margin: 0 auto;
	width: 920px;
}

/**
 * Entête
 */

#entete a img
{
	float: left;
}

#entete #onglets_tel_mail
{
	border: solid #e3e3e3;
	border-width: 0 0 1px;
	float: left;
	height: 50px;
	margin: -10px 0 20px;
	width: 920px;
}

#entete p
{
	margin: 0;
}

#entete a
{
	line-height: 1.1em;
}

#entete #tel_mail
{
	color: #939385;
	float: right;
	margin: 0;
}

#tel_mail p
{
	font-size: 1.4em;
}

#evitement
{
	color: #e3e3e3;
	float: right;
	padding: 14px 0 0;
	width: 115px;
}

#evitement ul
{
	float: right;
	margin: 0 0 15px;
	width: 115px;
}

#evitement li
{
	float: left;
}

#evitement li a
{
	margin: 0;
}

#evitement span
{
	float: left;
	margin: 0 5px;
}
	
#banniere_flash
{
	float: left;
	height: 171px;
	width: 920px;
}

/**
 * Contenu
 */

#sous_banniere
{
	float: left;
	width: 920px;
}

ul#lien_droite
{
	float: right;
	margin: 3px 0;
}

ul#lien_droite li
{
	color: #E3E3E3;
	float: left;
	font-size: 1.1em;
	margin: 5px 0;
}

.formulaire
{
	background: url(../images/fonds/fond_formulaire.png) bottom left no-repeat;
	float: left;
	padding: 5px 15px 15px 10px;
	width: 237px;
}

.formulaire .ligne
{
	background:  url(../images/boutons/champs_form.png) bottom left no-repeat;
	float: left;
	height: 25px;
	padding: 2px 0 15px 3px;
	width: 238px;
}

.formulaire .text_area
{
	float: left;
	padding: 0 0 12px 3px;
	width: 240px;
}

.formulaire p
{
	color: #acac98;
	float: left;
	line-height: 16px;
	margin: 0 0 15px;
}

.formulaire label
{
	color: #acac98;
	clear: both;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 7px;
	width: 100%;
}
.formulaire form p
{
	color: #ACAC98;
	font-size: 1.1em;
}

.formulaire .text_area
{
	background: url(../images/boutons/textarea_form.png) bottom left no-repeat;
	float: left;
	height: 86px;
}

.formulaire input,
.formulaire textarea
{
	border: 0;
	float: left;
	margin: 0;
	width: 234px;
}

.formulaire #envoyer_recommander_mail
{
	background: none;
	float: right;
	height: 31px;
	margin: 10px 0 0;
	width: 117px;
}

#shadowbox_body
{
	background: #fff;
}

#contenu
{
	background: url(../images/fonds/pointilles.gif) 659px 0px repeat-y;
	float: left;
	margin: 0 0 30px;
	width: 920px;
}

#gauche
{
	display: block;
	float: left;
	width: 660px;
}

#droite
{
	float: left;
	/*height: 800px;*/
	width: 259px;
}

#droite #formulaire
{
	background: url(../images/fonds/fond_formulaire.png) bottom left no-repeat;
	float: left;
	padding: 12px 15px 15px 10px;
	width: 237px;
}

#droite #formulaire .ligne
{
	background:  url(../images/boutons/champs_form.png) bottom left no-repeat;
	float: left;
	height: 25px;
	margin: 5px 0 2px;
	padding: 2px 0 15px 3px;
	width: 238px;
}

#droite #formulaire .text_area
{
	float: left;
	padding: 0 0 12px 3px;
	width: 240px;
}

#formulaire h1
{
	color: #555604;
	float: left;
	font-size: 1.7em;
	margin: 0;
}

#formulaire p
{
	color: #acac98;
	float: left;
	line-height: 16px;
	margin: 0 0 15px;
}

#droite #formulaire label
{
	color: #acac98;
	clear: both;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 7px;
	width: 100%;
}

#droite #formulaire form p
{
	color: #ACAC98;
	font-size: 1.1em;
}

#droite #formulaire .text_area
{
	background: url(../images/boutons/textarea_form.png) bottom left no-repeat;
	float: left;
	height: 86px;
}

#droite #formulaire input,
#droite #formulaire textarea
{
	border: 0;
	float: left;
	margin: 0;
	width: 234px;
}

#droite #formulaire textarea
{
	height: 75px;
	/*overflow: hidden;*/
}

#droite #formulaire #envoyer
{
	background: none;
	float: right;
	height: 31px;
	margin: 6px 0 0;
	width: 117px;
}

#droite #autopromo p
{
	clear: both;
	float: left;
	line-height: 19px;
	width: 100%;
}

#droite #pub,
#droite #references,
#droite #autopromo,
#droite #catalogues,
#droite #actualite
{
	/*background: url(../images/fonds/pointilles_horizont.gif) top left repeat-x; */
	float: left;
	padding: 20px 0 20px 10px;
	width: 245px;
}

#droite #autopromo
{
    padding-bottom: 0;
    width: 200px;
}

#droite #catalogues
{
    padding: 0;
    width: 250px;
}

#droite #pub p
{
	text-align: center;
}

#droite #pub img
{
	border: 0px solid #d6d6c6;
	float: left;
}

#droite #references p
{
	text-align: center;
}

#droite #references img
{
	border: 0px solid #d6d6c6;
	float: left;
}

#droite #autopromo img
{
	float: left;
}

#droite #autopromo h3
{
	clear: both;
	font-weight: normal;
	margin: 5px 0;
}

#droite #autopromo p.grise,
#droite #autopromo h3
{
	float: left;
	width: 100%;
}

#droite #autopromo li,
#droite #catalogues li
{
	background: url(../images/pictos/fleche_verte.gif) center left no-repeat;
	margin: 5px;
	padding-left: 10px;
}

#droite #autopromo p,
#droite #autopromo ol,
#droite #catalogues ul,
#droite #catalogues a.en-savoir-plus
{
    clear: both;
    float: left;
	width: 245px;
}

#droite #autopromo p
{
    height: auto;
    line-height: 15px;
    margin: 5px 5px 5px;
}

#droite #catalogues a.en-savoir-plus
{
    margin: 5px 0 0 15px;
}

#droite #autopromo ol,
#droite #catalogues ul {
    margin-left: 10px;
}

/**
 * message d'erreur formulaire
 */


#droite #formulaire #message_erreur
{
	background: #fdf1f1;
	border: 1px solid #ebb9ba;
	float: left;
	margin: 0 0 10px;
	width: 240px;
}

.message_erreur,
#droite #formulaire #message_erreur li
{
	color: #c46f72;
	line-height: 10px;
	padding: 5px;
}
.message_erreur
{
	float: left;
	height: 35px;
	margin: 0 0 5px;
	padding: 0;
	width: 240px;
}
.message_erreur ul
{
	background: #fdf1f1;
	border: 1px solid #ebb9ba;
	float: left;
	/*height: 10px;*/
	margin: 0 auto;
	padding: 5px;
	width: 228px;
	margin: 5px 0 0 10px;
}

.message_erreur ul li
{
	line-height: 11px;
}

/**
 * Pied de page
 */
 
#pied
{
	background: url(../images/fonds/pied.png) top left no-repeat;
	clear: both;
	float: left;
	height: 60px;
	padding: 40px 0 20px;
	width: 920px;
}

#pied p
{
	color: #e3e3e3;
	clear: both;
	font-size: 1.1em;
	margin: 0 0 5px;
	overflow: auto;
	text-align: center;
}

#pied p span
{
	color: #666;
}

#pied p a
{
	margin: 0 2px;
}