/* Digest
------------------------------
    1. Mise en page
    	1.1 Titrailles
    	1.2 Espacements généraux
    	1.3 Paragraphes
    	1.4 Retour à la ligne
    	1.5 Espacement des paragraphes
    	1.6 Alignement
    	1.7 Introduction
    	1.8	Mise en avant
    	1.9	Citation
    	1.10 Liens
    	1.11 Listes
    		1.11.1 Listes de définition
    	1.12 Tableaux
    	1.13 Images
    	1.14 Fichiers joints
*/

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 1. Mise en page <<<-----------*/
/* ----------------------------------------------------------*/

  /* -------------------------------------------------------------------------------------------------->>> 1.1 Titrailles <<<-----------*/

#contenu h1, #contenu2 h1 {
	font-size: 2.2em;
	margin-bottom: 0.682em;
}

#contenu h2, #contenu2 h2 {
	font-size: 2em;
	margin-bottom: 0.79em;
	font-weight:normal;
	line-height:0.8em;
}

#contenu h2:first-letter, #contenu2 h2:first-letter {
	font-size:1.3em;
	font-weight:bold;
}

#contenu h3, #contenu2 h3 {
	font-size: 1.1em;
	color:#014687
}
#contenu h4, #contenu2 h4 {
	font-size: 1.4em;
	margin: 1em 0;
}
#contenu h5, #contenu h6, #contenu2 h5, #contenu2 h6 {
	font-size: 1.3em;
	margin-bottom: 1.154em;
}

.orange, .jaune {
	color:#f39900;
	/*border-bottom:1px solid #f39900;*/
}
.jaune #contenu h3, .jaune #contenu h4, .jaune #contenu h5, .jaune #contenu h6, .jaune #contenu2 h3, .jaune #contenu2 h4, .jaune #contenu2 h5, .jaune #contenu2 h6 {
	color:#f39900;
} 
.vert {
	color:#44AF41;
}
.bleu {
	color:#1A588F;
}
.bleu-clair{
	color:#5AA8CF;
}

.vert #bonus a, .vert .bonus a {
  color:#048D01 !important;
}
.bleu-clair #bonus a, .bleu-clair .bonus a {
  color: #2788B9 !important;
}
.vert #bonus a:hover, .vert #bonus a:focus, .vert .bonus a:focus, .vert .bonus a:hover {
  background: #cbe8ca !important;
  /*color: white !important;*/
}
.bleu-clair #bonus a:hover, .bleu-clair #bonus a:focus , .bleu-clair .bonus a:hover, .bleu-clair .bonus a:focus {
  background: #a1cee5 !important;
  color: white;
}

.brique {
	color:#F39900;
	border-bottom:1px solid #F39900;
}

.bleu #contenu .brique{
	color:#023969;
	border-bottom:1px solid #023969;
}
.vert #contenu .brique{
	color:#048D01;
	border-bottom:1px solid #048D01;
}
.bleu-clair #contenu .brique {
  color: #2788B9;
  border-bottom: 1px solid #2788B9;
}

  /* -------------------------------------------------------------------------------------------------->>> 1.2 Espacements généraux <<<-----------*/
	
.sans_espacement {padding: 0}
.petit_espacement {padding-bottom: .5em}
.grand_espacement {padding-bottom: 1.5em}
.tres_grand_espacement {padding-bottom: 2em}

  /* -------------------------------------------------------------------------------------------------->>> 1.3 Paragraphes <<<-----------*/

#contenu p {
	line-height: 1.5em;
	text-align: left; /* Modif MLE : ancien -> justify */
	word-spacing: 0.08em;
	color:#515b61;
	font-size:0.9em;
	padding-bottom:1em;
}

  /* -------------------------------------------------------------------------------------------------->>> 1.4 Retour à la ligne <<<-----------*/

#contenu p.retour_ligne {clear:both}
	
  /* -------------------------------------------------------------------------------------------------->>> 1.5 Espacement des paragraphes <<<-----------*/

#contenu p.sans_espacement {padding:0}
#contenu p.petit_espacement {padding-bottom:5px}
#contenu p.grand_espacement {padding-bottom:20px}
#contenu p.tres_grand_espacement {padding-bottom:30px}

  /* -------------------------------------------------------------------------------------------------->>> 1.6 Alignement <<<-----------*/

#contenu p.alignement_centre {text-align:center}
#contenu p.alignement_droite {text-align:right}

  /* -------------------------------------------------------------------------------------------------->>> 1.7 Introduction <<<-----------*/

#contenu p.introduction {
	clear: both;
	margin-bottom: 1em;
}
#contenu p.introduction:first-letter{
	/*float: left;*/
	font-size: 2.6em;
	font-family: Arial, Verdana, sans-serif;
	/*margin-top: -0.05em;
	margin-right: 0.1em;
	margin-bottom: -0.5em;*/
}
#IE7 #contenu p.introduction:first-letter{
	line-height:1em;
}
/*#contenu p.introduction:first-line{
	font-variant: small-caps;
}*/

  /* -------------------------------------------------------------------------------------------------->>> 1.8 Mise en avant <<<-----------*/

#contenu p.mis_en_avant {
	clear: both;
	background: #fdf4d0;
	margin: 1em 0;
	padding: .5em 1em;
	color:#e96f41;
}
.vert #contenu p.mis_en_avant {
	background:#E3F1E2;
	color:#048D01;
}
.bleu #contenu p.mis_en_avant {
	background:#E5EAF0;
	color:#023969;
}
div.mis_en_avant {
	float:left;
	background:#E3F1E2;
	color:#048D01;
	width:480px;
	padding:10px;
	margin-bottom:8px;
}
.bleu-clair #contenu p.mis_en_avant {
	background:#E0EBEF;
	color:#1D749F
}
/*.jaune #contenu p.mis_en_avant {
  color: #F39900;
  background: transparent;
}*/

  /* -------------------------------------------------------------------------------------------------->>> 1.9 Citation <<<-----------*/

#contenu p.citation {
	clear: both;
	font-style: italic;
	background: #f8f9fb url(../../images/structure/background/citation.gif) no-repeat 97% 5px;
	margin-bottom: 1em;
	padding: 1em 4.5em 1em 1em;
}

  /* -------------------------------------------------------------------------------------------------->>> 1.10 Liens <<<-----------*/

#contenu a {
	color: #004A8D;
	text-decoration:underline
}
.orange #contenu a, .jaune #contenu a{
	color:#E65B2B;
}

.jaune #contenu #left div.arbo_dynamique ul.ou_arbo li a{
	color:black;
}

.vert #contenu a{
	color:#048D01;
}
#contenu a:hover {text-decoration:none}

  /* -------------------------------------------------------------------------------------------------->>> 1.11 Listes <<<-----------*/

#contenu ul {
	list-style: square inside;
	margin-bottom: 1.8em;
}
#contenu ul li {
	font-size: 1em;
	line-height: 1.5em;
}
.jaune #contenu #left ul {
	list-style: none none;
	list-style-position: outside;
	margin: 0 0 10px 0; 
	padding: 0;
}
.jaune #contenu #left ul li {
	background: transparent url(../../images/elements/square/square-01.gif) no-repeat 0 7px; 
	padding-left: 10px;
	color:#2A2A2A;
}
.jaune #contenu #left ul.ou_arbo li {
	background:none; 
	padding-left: 10px;
	color:black;
} 
.bleu #contenu #left ul {
	list-style: none none;
	list-style-position: outside;
	margin: 0 0 10px 0; 
	padding: 0;
}
.bleu #contenu #left ul li {
	background: transparent url(../../images/elements/square/square-02.gif) no-repeat 0 7px; 
	padding-left: 10px;
	color:#2A2A2A;
} 
.orange #contenu #left ul {
	list-style: none none;
	list-style-position: outside;
	margin: 0 0 10px 0; 
	padding: 0;
}
.orange #contenu #left ul li {
	background: transparent url(../../images/elements/square/square-03.gif) no-repeat 0 7px; 
	padding-left: 10px;
	color:#2A2A2A;
} 
.vert #contenu #left ul {
	list-style: none none;
	list-style-position: outside;
	margin: 0 0 10px 0;  
	padding: 0;
}
.vert #contenu #left ul.coor_client {
	list-style: none none;
	list-style-position: outside;
	margin: 0 0 10px 0;  
	padding: 0;
}
.vert #contenu #left ul li {
	background: transparent url(../../images/elements/square/square-04.gif) no-repeat 0 7px; 
	padding-left: 10px;
	color:#2A2A2A;
}
.vert #contenu #left ul.coor_client li {
    background:none;
	padding-left: 10px;
	color:#2A2A2A;
}  
.bleu-clair #contenu ul {
	list-style: none none;
	list-style-position: outside;
	margin: 0 0 10px 0; 
	padding: 0;
}
.bleu-clair #contenu ul li {
	background: transparent url(../../images/elements/square/square-05.gif) no-repeat 0 7px; 
	padding-left: 10px;
	color:#2A2A2A;
} 

#contenu ul li.caption, #contenu ol li.caption {
	font-variant: small-caps;
	list-style: none;
	color: black;
}
#contenu li > ul, #contenu li > ol {
	margin-bottom: 0;
	margin-left: 2em !important;
}
#contenu ul li li {
	font-size: .9em;
	line-height: 1.8em;
}
#contenu ol {
	margin-bottom: 1.8em;
	list-style: decimal inside;
}
#contenu ol li {
	font-size: 1em;
	line-height: 1.5em;
}

	  /* -------------------------------------------------------------------------------------------------->>> 1.11.1 Listes de définition <<<-----------*/

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: 900; }
dl dd { margin-left: 1.5em; }

  /* -------------------------------------------------------------------------------------------------->>> 1.12 Tableaux <<<-----------*/

#contenu table.tableau_donnees {
	float:left;
	width:100%;
	border-collapse:collapse;
	background:url(../../images/elements/dotted_gris.gif) repeat-x bottom;
	margin:0 0 1em 0
}
#contenu table.tableau_donnees tr p {
	text-align:left;
	line-height:normal;
	margin:0
}
#contenu table.tableau_donnees tr th {
	background: #e3f2d5 url(../../images/elements/dotted_gris.gif) repeat-x;
	padding: .3em;
}
.jaune #contenu table.tableau_donnees tr th, .orange #contenu table.tableau_donnees tr th{
	background: #FDF4D0 url(../../images/elements/dotted_gris.gif) repeat-x;
}
.bleu #contenu table.tableau_donnees tr th{
	background: #E5EAF0 url(../../images/elements/dotted_gris.gif) repeat-x;
}
.vert #contenu table.tableau_donnees tr th{
	background: #E3F1E2 url(../../images/elements/dotted_gris.gif) repeat-x;
}
.bleu-clair #contenu table.tableau_donnees tr th{
	background: #E0EBEF url(../../images/elements/dotted_gris.gif) repeat-x;
}
#contenu table.tableau_donnees tr th p {text-align:center}
.jaune #contenu table.tableau_donnees tr th p, .orange #contenu table.tableau_donnees tr th p{
	color:#E96F41
}
.bleu #contenu table.tableau_donnees tr th p{
	color:#023969
}
.vert #contenu table.tableau_donnees tr th p{
	color:#048D01
}
.bleu-clair #contenu table.tableau_donnees tr th p{
	color:#1D749F
}
#contenu table.tableau_donnees tr td {
	border: 0;
	vertical-align: top;
	background: url(../../images/elements/dotted_gris.gif) repeat-x;
	padding: .8em .4em;
}
#contenu table.tableau_donnees tr td.mis_en_avant {background:#efefef url(../../images/elements/dotted_gris.gif) repeat-x}
#contenu table.tableau_donnees tr td.alignement_centre p {text-align:center}
#contenu table.tableau_donnees tr td.alignement_droite p {text-align:right}

  /* -------------------------------------------------------------------------------------------------->>> 1.13 Images <<<-----------*/

#contenu div.object-left {
	float:left;
	clear:left;
}
#contenu div.object-left img {
	margin:0 10px 0 0;
	border:1px solid #929aa0;
}
#contenu div.object-right {
	float:right;
	clear:right;
}
#contenu div.object-right img {
	margin:0 0 0 10px;
	border:1px solid #929aa0;
}
#contenu div.object-right p {text-align:right}
#contenu div.object-center {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#contenu div.object-center p {text-align:center}

  /* -------------------------------------------------------------------------------------------------->>> 1.14 Fichiers joints <<<-----------*/

#contenu div.fichier_joint {
	width:100%;
	padding:0 0 5px 0
}
#contenu div.object-right span.fichier_joint {float:right}

#global .bleu #contenu h2.brique:first-letter {
	color:#023969 !important;
}
#global .vert #contenu h2.brique:first-letter {
	color:#048D01 !important;
}
#global .bleu-clair #contenu h2.brique:first-letter {
	color: #2788B9 !important;
}