@charset "utf-8";

/*!
 * Styles communs
 * ----------------------------------
 * Styles utilisateurs pour le contenu des pages Web
 * @file styles-communs.css v2.18.0
 * Revision: 1506
 */

	/*			=======================================		*/
	/*			A L I G N E M E N T  D E S  I M A G E S		*/
	/*			=======================================		*/

img.image-gauche
	{
	float: left !IMPORTANT;
	margin-left: 0 !IMPORTANT;	
	margin-right: 1em;
	}

img.image-droite
	{
	float: right !IMPORTANT;
	margin-right: 0 !IMPORTANT;		
	margin-left: 1em;
	}

img.image-gauche-bordure-claire,
img.image-droite-bordure-claire,
img.image-gauche-bordure-fonce,
img.image-droite-bordure-fonce
	{
	width: auto !IMPORTANT;
	padding: 0.25em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	}

img.image-gauche-bordure-claire,
img.image-droite-bordure-claire
	{
	border: 1px solid #CFCFCF;
	}

img.image-gauche-bordure-fonce,
img.image-droite-bordure-fonce
	{
	border: 1px solid #333333;
	}

img.image-gauche-bordure-claire,
img.image-gauche-bordure-fonce
	{
	margin-left: 0;
	margin-right: 0.5em;
	float: left !IMPORTANT;
	}

img.image-droite-bordure-claire,
img.image-droite-bordure-fonce
	{
	margin-left: 0.5em;
	margin-right: 0;
	float: right !IMPORTANT;
	}

.image-gauche,
.image-droite,
.image-gauche-bordure-claire,
.image-droite-bordure-claire,
.image-gauche-bordure-fonce,
.image-droite-bordure-fonce
{}

	/*			=============				*/
	/*			B O R D U R E				*/
	/*			=============				*/

.bordure-claire
	{
	border: 1px solid #CFCFCF;
	padding: 0.5em;
	}

.bordure-fonce
	{
	border: 1px solid #333333;
	padding: 0.5em;
	}

img.bordure-claire,
img.bordure-fonce
	{
	width: auto !IMPORTANT;
	padding: 0.25em;
	}

	/*			================================	*/
	/*			E X P O  S A N T  /  I N D I C E	*/
	/*			================================	*/

/**
 * Calqué de normalize.css
 */

.exposant,
.indice
	{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	}

.exposant
	{
	top: -0.5em;
	}

.indice
	{
	bottom: -0.25em;
	}

	/*			=========================================			*/
	/*			L I E N S   E X T E R N E S   E T   P D F			*/
	/*			=========================================			*/

/* Améliore l'accessibilité des liens.
   Inspiré de: http://www.maxdesign.com.au/presentation/external/
   Est à l'état de prototype en ce moment. Ne fonctionne pas bien sur IE
   lorsque le lien s'étire sur deux lignes.
*/
/* à terminer...
a[href].lien-externe
	{
	background: url(../../images/utilitaires/communs/icone-lien-externe.gif) no-repeat 100% 50%;
	padding-right: 12px;
	}
*/
.lien-pdf
	{
	background: url('data:image/gif;base64,R0lGODlhCgAKAMQAAO/v797W3ntze////xAQEIwICMbGzjExMfdKSvcAAP8xOdYAAM5aWoyMjP9jY/9zcykpKeeMjP8hKf8QEL29xu/e3v+trb21ve/v91paWu+cnO/3/6Wlpe+1tda1tf///yH5BAEAAB8ALAAAAAAKAAoAAAU/4PcJJCl+D4IoitQMx+dMSbIsDXksRd8DhgtBBAgMEEXD8FOsKAbFJQCAsCAYESkDmlw6HtNAQCk6HCBngjoEADs=') no-repeat 100% 50%!IMPORTANT; /* url(../images/utilitaires/communs/icone-lien-pdf.gif) */
	padding-right: 1em;
	}

/* Permet d'ajouter 'no-lien-pdf' dans le menu des styles de Contribute. Propriété dummy afin que la règle css ne soit pas supprimé lors de la minimisation. */

.no-lien-pdf
	{
	azimuth: center;
	}

.lien-presentation
	{
	background: url('data:image/gif;base64,R0lGODlhEAAQAMQfAHd4jfz9/7Cx0eno/9nX/srI+4eIpHl6fMrNw5GSp5ibnYaIgqKjpYaHm8THv7y77PHy75idtrW4tdbZ1fHy/eLk3K6yrbKzq8vL7+Hf4qCksXx6p5CQkL/Bu8fO2P///yH5BAEAAB8ALAAAAAAQABAAAAV44CeOZGl+EFQhkuWSUHc5COJ0zgRRkpghk8qkJmEoEg0AAyKqKA6LBUfBEFgTpgMkwKUMCIVNtvslmMUlQNcLDpvUFDP44U6zCZjCQ4AmGcoYVhERWCUNVgIGABEaHhRvBgmKDY8nIxQHmQcTliIMByIcHJ0foJYhADs=') no-repeat 100% 50%!IMPORTANT; /* url(../images/utilitaires/communs/icone-lien-presentation.gif) */
	padding-right: 18px;
	}

	/*			===========										*/
	/*			L I S T E S										*/
	/*			===========										*/

/*	Styles de listes à puces
	À utiliser sur l'élément <li class="liste-compacte">...</li>, 
	et non sur <ul> pour des questions de comptabilité avec Contribute.
*/
.liste-compacte li,
li.liste-compacte
	{
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	}

.liste-compacte-sans-puce ul,
ul.liste-compacte-sans-puce
	{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	background-image: none;
	}
	
.liste-compacte-sans-puce li,
li.liste-compacte-sans-puce
	{
	list-style-type: none;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	list-style-type: none;
	list-style-image: none;
	background-image: none;
	}

.texte-petit
	{
	font-size: 85%;
	}

.texte-grand
	{
	font-size: 130%;
	}

/*	==============================================================================
 *	S T Y L E S   P R É D É F I N I S   P O U R   T A B L E A U X
 *	============================================================================== 
 */

	/*			=================================		*/
	/*			T A B L E A U   C L A S S I Q U E		*/
	/*			=================================		*/

table.table-classique-gris
	{
	font-family: "lucida grande", verdana, sans-serif;
	border-width: 1px 0 2px;
	border-bottom: 3px solid #B2B2B2 !IMPORTANT;
	border-top: 2px solid #B2B2B2 !IMPORTANT;
	border-collapse: collapse !IMPORTANT;
	border-width: 0 !IMPORTANT;
	font-size: 0.9em;
	}

table.table-classique-gris caption
	{
	padding: 0.5em;
	border-width: 0 !IMPORTANT;
	background-color: #FFFFFF !IMPORTANT;
	}

table.table-classique-gris th,
table.table-classique-gris td
	{
	padding: 0.5em 1em !IMPORTANT;
	border: 1px solid #CCC !IMPORTANT;
	border-width: 1px 1px 1px 1px !IMPORTANT;
	}

table.table-classique-gris tbody th
table.table-classique-gris tbody td
	{
	border-left: none !IMPORTANT;
	}

table.table-classique-gris tbody th
	{
/*	width: 20%; */
	}

table.table-classique-gris th
	{
	border-width: 1px 0 2px !IMPORTANT;
	background-color: #EEE !IMPORTANT;
	}

table.table-classique-gris .texte-petit
	{
	font-size: 89%; /* le texte est déjà à 90% par défaut dans ce style */
	}


	/*			==============================================		*/
	/*			T A B L E A U   A L T E R N E  B L E U			*/
	/*			(couleurs de rangées alternées blanc/bleu pale)		*/
	/*			===============================================		*/

table.table-alterne-bleu
	{
	border: 1px solid #666666!IMPORTANT;
	border-collapse: collapse!IMPORTANT;
	}

table.table-alterne-bleu td,
table.table-alterne-bleu th
	{
	font-family: "lucida grande", verdana, sans-serif;
	padding: 3px 8px !IMPORTANT;
	font-size: 0.85em; 
	border: 1px solid #DBDBDB !IMPORTANT; 
	}

table.table-alterne-bleu th
	{
	font-weight: bold !IMPORTANT;
	border: 1px solid #6b8399  !IMPORTANT;
	color: #ffffff !IMPORTANT;
	background-color: #1f5e99 !IMPORTANT;
	}

table.table-alterne-bleu tbody .mmhide_rang-pair,
table.table-alterne-bleu tbody tr:nth-child(even)
	{
	background-color: #fff!IMPORTANT;
	}

table.table-alterne-bleu tbody .mmhide_rang-impair,
table.table-alterne-bleu tbody tr:nth-child(odd)
	{
	background-color: #EBF2FA!IMPORTANT;
	}

	/*			===========================			*/
	/*			T A B L E A U   S I M P L E			*/
	/*			===========================			*/

/* Attention: penser à mettre à jour le style 'table-simple-bleu' dans modele.css si on met à jour 'table-simple' */

table.table-simple
	{
	border: 1px solid #C0C0C0 !IMPORTANT;
	border-collapse: collapse !IMPORTANT;
	}

table.table-simple td,
table.table-simple th
	{
	padding: .5em 1em !IMPORTANT;
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 0.85em;
	border: 1px solid #C0C0C0 !IMPORTANT;
	border-collapse: collapse !IMPORTANT;
	}

table.table-simple th
	{
	font-weight: bold !IMPORTANT;
	border: 1px solid #B0B0B0  !IMPORTANT;
	color: #507699 !IMPORTANT;
	}

	/*			===============================				*/
	/*			T A B L E A U   O F F I C I E L				*/
	/*			===============================				*/

table.table-officiel
	{
	border-collapse: collapse !IMPORTANT;
	border: 1px solid #666666 !IMPORTANT;
	}

table.table-officiel td,
table.table-officiel th

	{
	border: 1px solid #D9D9D9;
	padding: .4em .6em !IMPORTANT;
	}

table.table-officiel th,
table.table-officiel th *
	{
	font-weight: bold;
	color: #FFFFFF;
	background: #4A5257;
	}

td.table-officiel-titre,
th.table-officiel-titre,
tr.table-officiel-titre td,
tr.table-officiel-titre th
	{
	color: #FFFFFF;
	background-color: #0099CC !IMPORTANT;
	border: 1px solid #666666 !IMPORTANT;
	font-weight: bold;
	}

td.table-officiel-titre *,
th.table-officiel-titre *
	{
	font-weight: bold;
	color: #FFFFFF;
	}

	/*			=====================================		*/
	/*			T A B L E A U   S I M P L E   G R I S		*/
	/*			=====================================		*/

.table-simple-gris
	{
	border-width: 0;
	font-size: 0.85em;
	}

table.table-simple-gris th,
table.table-simple-gris td
	{
	padding: 0.5em !IMPORTANT;
	margin: 0;
	border-width: 1px 0 0;
	border-style: solid;
	border-color: rgb(223,223,223);
	vertical-align: top;
	}

table.table-simple-gris th
	{
	font-weight: bold;
	}

table.table-simple-gris tr:first-child td,
table.table-simple-gris .first-child td
	{
	border-top-width: 0;
	}

table[align='center'].table-simple-gris
	{
	margin-left: auto !IMPORTANT;
	margin-right: auto !IMPORTANT;
	}

.first-child
	{
	/* Rien. Juste pour que cette classe soit accessible dans le menu des styles de Contribute */
	}

	/*			=======================				*/
	/*			T A B L E A U   G R I S				*/
	/*			=======================				*/

table.table-gris
	{
	background: none repeat scroll 0 0 #444444;
	border: none;
	border-bottom: 1px solid #999999;
	border-collapse: collapse;
	border-radius: 8px 8px 0 0;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	margin: 1.5em auto;
	}

table.table-gris th {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    text-align: center;
}

table.table-gris th {
    font-weight: normal;
    padding: 0.4em 0.6em;
}

table.table-gris td {
    background: none repeat scroll 0 0 #FFFFFF;
	border: none;
    border-left: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    padding: 0.4em 0.8em;
}

table[align='center'].table-gris
	{
	margin-left: auto !IMPORTANT;
	margin-right: auto !IMPORTANT;
	}

/* 
 * Correctif pour Contribute afin que les en-têtes apparaissent dans le menu des styles
 * On a juste besoin que le sélecteur soit présent, aucune propriété est nécessaire. 
 * Cependant, si on laisse les règles CSS vides, elles seront supprimées lors de la 
 * minimisation, alors on ajoute une propriété dummy.
 */

h1
	{
	azimuth: center;
	}

h2
	{
	azimuth: center;
	}

h3
	{
	azimuth: center;
	}

h4
	{
	azimuth: center;
	}