@charset "utf-8";

/* **************************************************** */
/* Uniformisation des éléments HTML entre tous les navigateurs
/* **************************************************** */

*
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* 	ce code est redondant pour palier au problème d'héritage d'anciens navigateurs.
													Netscape 4.X ne respecte pas et ignore l'héritage, ainsi que toutes les règles appliquées l'élément body.
													IE pour Windows, jusqu'à la version 6, connait un problème similaire de non prise en compte des styles de fontes dans les tableaux */
	/*border: none;*/ /*  !!! border: 0; élimine la mise en forme d'origine des boutons radio et checkbox */
	/*background: transparent;*/ /* !!! Cette propriété élimine la mise en forme d'origine des boutons radio et checkbox */
}

html
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

html,
body
{
	font-size: 100%; /* !!! BUG IE : Correctif pour la gestion des tailles de texte en em */
	font-size: 1em;
}

hr
{
}

h6
{
	/*display: none;*/
	margin: 0;	
	padding: 0;

	border-width: 1px 3px 0 3px;
	border-style: solid;
	border-color: red;

	font-size: 0.7em;
	
	background: #ffff00;
}

/* **************************************************** */
/* Hacks de sélecteurs CSS */
/* **************************************************** */
 
/* IE 6 et < */
* html
{}

/* IE 7 et < */
/* !!! NE PAS L'UTILISER - IE6 ne le prend pas en compte.
Obligation de faire deux écritures séparées pour chacun des navigateurs */
*+html,
* html
{}

/* IE 7 */
*+html
{}

/* Pour les navigateurs conformes

sélecteur
{
	propriété: valeur_1 !important;		-- Prise en compte par les navigateurs conformes
	propriété: valeur_2;				-- Prise en compte par tous les autres navigateurs
}

*/

/* **************************************************** */
/* Bugs et hacks */
/* **************************************************** */

*+html div.fixbug_ie_bg_png
{
}

* html div.fixbug_ie_bg_png
{
}

*+html div.fixbug_ie_bg_png a
{
}

* html div.fixbug_ie_bg_png a
{
}

*+html .fixbug_ie_float_left
{
	float: left;
	display: inline; /* !!! BUG IE : Elimine le bug de la double marge quand l'élément est en float: left; */
}

* html .fixbug_ie_float_left
{
	float: left;
	display: inline;
}

*+html .fixbug_ie_bg_not_visible
{
	height: 1%; /* !!! BUG IE 6 & 7 : Si le parent n'a pas de hauteur ou de largeur, il ne fait pas
				apparaitre le background. Attention : Quand le parent est à 1% et qu'il est en float:left ou right,
				l'enfant DIV ne prend plus toute la largeur disponible du parent. Il se plaque à gauche */
}

* html .fixbug_ie_bg_not_visible
{
	height: 1%; /* !!! BUG IE 6 & 7 : Si le parent n'a pas de hauteur ou de largeur, il ne fait pas
				apparaitre le background. Attention : Quand le parent est à 1% et qu'il est en float:left ou right,
				l'enfant DIV ne prend plus toute la largeur disponible du parent. Il se plaque à gauche */
}

/* **************************************************** */
/* Initialisation forcée générale
/* **************************************************** */

/* DIV */
/* ---------------------------------------------------- */

div
{
	position: relative; /* !!! BUG IE : Certains éléments disparaissent si le parent n'est pas en position relative */
}

div.cr
{
	/* Carriage Return */
	/* !!! BUG Général : Cette classe doit être placée pour un élément div
	ou break et doit être l'élément final avant la balise de fin d'un conteneur qui
	doit contenir entièrement un élément flottant */
	clear: both;

	height: 0;
	width: 0;
	
	font-size: 0; /* BUG IE 7 : si ce n'est pas présent, un espace apparait entre les DIV à la redimension de la fenêtre */

	overflow: hidden;
	/* De plus, le HasLayout crée ou déclenche un problème de rendu,
	qui affecte soit l'élément qui a le layout, soit les enfants de cet élément. */
}

/* TABLE */
/* ---------------------------------------------------- */

table,
tr,
td
{
	margin: 0;
	padding: 0;
	font-size: 1em;	
}

table
{
	position: relative; /* !!! BUG IE6 : Les div sont en relatif, si le tableau qui suit ne l'est pas aussi, il se superpose au div au lieu de lui laisser l'espace */
}

tr
{
}

td
{
	/*text-align: left;*/
	/*vertical-align: top;*/
	line-height: 1em;
}

/* **************************************************** */
/* Initialisation ciblée
/* **************************************************** */

.ini *,
.ec *
{
	/*line-height: 1em;*/ /* !! BUG IE8 et FF3 : Impossibles d'appliquer un line-height différent
							 à certains éléments A des listes UL LI, à cause du SPAN dans le A */
	margin: 0;
	padding: 0;
}

/* Formulaires */
/* ---------------------------------------------------- */

.ini form,
.ec form
{
	margin: 0;
	padding: 0;
}

.ini fieldset,
.ec fieldset
{
	clear: both;
	margin: 0;
	padding: 0;
	border: 1px solid #a0a0a0;
}

.ini legend,
.ec legend
{
	margin: 0;
	padding: 0;
}

.ini label,
.ec label
{
	margin: 0;
	padding: 0;
	font-size: 1em;	
	line-height: 1.2em;
}

.ini button,
.ini input,
.ec input
{
	padding: 0;
	margin: 0;
	
	font-size: 1em;	
	line-height: normal; /* !!! BUG IE 6 et 7 : Le texte des éléments INPUT se collent sur le haut */
}

.ini input.type_text,
.ec input.type_text,
.ini div.type_text,
.ec div.type_text,
.ini textarea,
.ec textarea,
.ini select,
.ec select
{
	margin: 0;
	padding: 0;
}

.ini input.type_text,
.ec input.type_text
.ini div.type_text,
.ec div.type_text
{
}

.ini input.type_file,
.ec input.type_file
{
}

.ini input.type_checkbox,
.ec input.type_checkbox
{
}

.ini input.type_radio,
.ec input.type_radio
{
}

.ini input.type_button,
.ec input.type_button
{
}

.ini textarea,
.ec textarea
{
	font-size: 1em;	
	line-height: 1em;
}

.ini select,
.ec select
{
	font-size: 1em;	
	line-height: normal;
}

.ini button,
.ec button
{
	margin: 0;
	padding: 0;
	
	font-size: 1em;	
	line-height: normal;
}

/* Textes et praragraphes */
/* ---------------------------------------------------- */

.ini h1,
.ini h2,
.ini h3,
.ini h4,
.ec h1,
.ec h2,
.ec h3,
.ec h4
{
	clear: both;
}

.ini h1,
.ini h2,
.ini h3,
.ini h4,
.ini h5,
.ini h6,
.ec h1,
.ec h2,
.ec h3,
.ec h4,
.ec h5,
.ec h6
{
	text-align: left;
	line-height: 1.1em; /* !!! BUG IE 6 et 7 : ne peut être inférieur à 1.2em, sinon les g j et autre se trouvent coupés */
}

.ini p,
.ini pre,
.ec p,
.ec pre
{
	text-align: justify;
	line-height: 1.5em;
}

.ini span,
.ec span
{
	/* 	!!! BUG IE 7 et 8, FF3 : Impossibles d'appliquer un line-height différent
		à certains éléments A des listes UL LI à cause du SPAN dans le A */
}

/* Listes */
/* ---------------------------------------------------- */

.ini ul,
.ec ul
{
	list-style: none;
}

.ini ol
.ec ol
{
}

.ini li,
.ec li
{
	line-height: 1.4em;
}

/* Hyperliens */
/* ---------------------------------------------------- */

.ini a,
.ec a
{
	color: blue;
	text-align: left;
	line-height: 1.2em; /* !!! BUG IE 6 et 7 : LI ne peut être inférieur à 1.2em, sinon les g j et autre se trouvent coupés */
	text-decoration: none;
}

.ini a *,
.ec a *
{
	text-decoration: none;
}

.ini a:visited,
.ec a:visited
{
}

.ini a:hover,
.ini a:active,
.ini a:focus,
.ec a:hover,
.ec a:active,
.ec a:focus
{
	color: orange;
	text-decoration: underline;
}

.ini a.lien_externe,
.ec a.lien_externe
{
	padding-right: 15px;
	background: url(../../media/img/editorial_charter/puce_external_link.gif) center right no-repeat;
}

/* Images */
/* ---------------------------------------------------- */

.ini img,
.ec img
{
	border: none;
}

/* **************************************************** */
/* Complément CSS à la mise en forme ciblée */
/* **************************************************** */

.hidden,
.ini .hidden,
.ec .hidden
{
	position: absolute;
	left: -9999px;
	
	font-size: 0; /* Lignes obligatoires pour un hidden - Sinon un espace est réservé même si l'élément n'est pas visible */
	line-height: 0;
}

.display_none,
.ini .display_none,
.ec .display_none
{
	display: none;
}

.ec .fw_bold { font-weight: bold; }

/* s pour spaces */
.ec .s-t_none { margin-top: 0; padding-top: 0; }
.ec .s-r_none { margin-right: 0; padding-right: 0; }
.ec .s-b_none { margin-bottom: 0; padding-bottom: 0; }
.ec .s-l_none { margin-left: 0; padding-left: 0; }

/* m pour margin */
.ec .m-t_none { margin-top: 0; }
.ec .m-r_none { margin-right: 0; }
.ec .m-b_none { margin-bottom: 0; }
.ec .m-l_none { margin-left: 0; }

.ec .m-t_default { margin-top: 15px; }
.ec .m-r_default { margin-right: 15px; }
.ec .m-b_default { margin-bottom: 15px; }
.ec .m-l_default { margin-left: 15px; }

.ec .m-t_bigger { margin-top: 30px; }
.ec .m-r_bigger { margin-right: 30px; }
.ec .m-b_bigger { margin-bottom: 30px; }
.ec .m-l_bigger { margin-left: 30px; }

/* p pour padding */
.ec .p-t_none { padding-top: 0; }
.ec .p-r_none { padding-right: 0; }
.ec .p-b_none { padding-bottom: 0; }
.ec .p-l_none { padding-left: 0; }

.ec .p-t_default { padding-top: 15px; }
.ec .p-r_default { padding-right: 15px; }
.ec .p-b_default { padding-bottom: 15px; }
.ec .p-l_default { padding-left: 15px; }

.ec .p-t_bigger { padding-top: 30px; }
.ec .p-r_bigger { padding-right: 30px; }
.ec .p-b_bigger { padding-bottom: 30px; }
.ec .p-l_bigger { padding-left: 30px; }

/* **************************************************** */
/* Types de police */
/* **************************************************** */

.ec .ffArial,
.ec .ffArial *
{
	font-family: Arial, Helvetica, sans-serif;
}

.ec .ffTimes,
.ec .ffTimes *
{
	font-family: "Times New Roman", Times, serif;
}

.ec .ffCourier,
.ec .ffCourier *
{
	font-family: "Courier New", Courier, monospace;
}

.ec .ffGeorgia,
.ec .ffGeorgia *
{
	font-family: Georgia, "Times New Roman", Times, serif;
}

.ec .ffVerdana,
.ec .ffVerdana *
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.ec .ffGeneva,
.ec .ffGeneva *
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.ec .ffLucida,
.ec .ffLucida *
{
	font-family: "Lucida Grande", Verdana, "Trebuchet MS", Lucida, Arial, Helvetica, sans-serif;
}