@charset "iso-8859-1";
/* Média fluide simple
   Remarque : un média fluide exige que vous supprimiez les attributs de hauteur et de largeur du média du code HTML
   http://www.alistapart.com/articles/fluidro-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 ne prend pas en charge max-width ; la largeur par défaut est donc fixée à 100% */
.ie6 img {
	width:100%;
}

/*
	Propriétés de grille fluide Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiré par "Responsive Web Design" par Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	et le système Golden Grid par Joni Korpi
	http://goldengridsystem.com/
*/


/* Disposition mobile : 480px et moins. */


/* Commun à toutes les pages et mises en pages ---------------------------------------------------------*/
/* latin */


.gridContainer {
	margin-left: auto;
	margin-right: auto;
}

#LayoutDiv1 { /*PIV, menu et intro*/
	clear: both;
	width: 95%;
	display: block;
	margin: 0 auto;
	padding: 0;
}

#LayoutDiv2 { /*Bandeau du titre des pages secondaires*/
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	height: /*auto*/276px; 
	display: block;	
	background-image: url(/budget/2017-2018/images/image_banniereTOP.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-color: #495868;
	text-align: center;
	position: relative;
}

#LayoutDiv3 { /*Contenu*/
	clear: both;
	/*width: 100%;/*---vérifiez---*/
	width: 95%;
	display: block;
	margin: 0 auto;
	padding: 1em 0 0 0;
	line-height: 1.8em;
	/*line-height: 1.4em;/*---vérifiez---*/
}

#LayoutDivEnBref { /*Contenu*/
	clear: both;
	/*width: 100%;/*---vérifiez---*/
	width: 95%;
	display: block;
	margin: 0 auto;
	padding: 1em 0 0 0;
	line-height: 1.8em;
	/*line-height: 1.4em;/*---vérifiez---*/
}

#LayoutDiv4 { /*Pied de page*/
	clear: both;
	margin: 0;
	padding: 0 0 1em 0;
	width: 100%;
	height: auto;
	display: block;	
	text-align: center;
	background-color: #e0e3e5;
	position: relative;
}

#LayoutDiv5 { /*Page Documents - Fascicules*/
	clear: both;
	margin: 0;
	padding: 0 0 1em 0;
	width: 100%;
	height: auto;
	min-height: 260px;
	display: block;	
	text-align: center;
	background-color: #536272;
	position: relative;
}

#LayoutDiv6 { /*Bandeau du titre de la page d'accueil*/
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	/*height: 320px; FPL - 2017-03-31*/
	height: auto;  /*FPL - 2017-03-31*/
    max-height:320px;/*FPL - 2017-03-31*/
	display: block;	
	/*background-image: url(/budget/2017-2018/images/image_banniereTOP.jpg);*/
	background-repeat: no-repeat;
	background-position: 50%;
	background-color: #536272; /* #495868;*/ /*FPL*/
	text-align: center;
	position: relative;
}

#LayoutDiv7 { /*Contenu - Page documents*/
	clear: both;
	width: 95%;
	display: block;
	margin: 0 auto;
	padding: 1em 0 0 0;
	line-height: 1.4em;
}

#LayoutDiv8 { /*Contenu - Mot du ministre*/
	clear: both;
	width: 95%;
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 1em 0 0 0;
	line-height: 1.8em;
}


html {
	min-height: 100%;
}

body {
	color: #5a5a5a;
}

.cache { /*positionne hors écran un texte qu'on veut visible pour l'accessibilité, mais non visible à l'écran */
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

article{
	clear:both;
}

h1 {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}

a {
	color: #333333; /*gris très foncé*/
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #1d6e9d;
	/*color: #333333;/*---vérifiez---*/
}

a:hover {
	text-decoration: none;
	color: #828a9a;
}

a:active {
	text-decoration: none;
}

.strong {
	font-weight: 700;
}

.floatleft {
	float: left;
}

.centre {
	text-align: center;
}

.floatright {
	float: right;
}

.nowrap {
	white-space: nowrap;
}

.normalfont {
	font-weight: 400;
}

.paddingtop2 {/*IL*/ 
	padding-top: 2em;
}

.bref .annonce2 { /*IL*/ 
	font-weight: 400;
	font-size: 16px;
	padding-top: 1em;
	color: #309ad3;
}

.annonce2 {
	font-size: 16px;
	color: #309ad3 !important;
}

img.pdf {
vertical-align:middle;
padding:0;
}

/* Header - LayoutDiv1 - 480px et moins ----------------------------------------------------------------*/

header {	
	margin: 0;
	/*padding: 0 0 1em 0;*/
	padding: 1.5em 0;
	width: 100%;
	float: left;
}

header .hide-menu {/*IL*/
	display: none;
}
 
header #burger {/*IL*/
	display: block;
	background-color: #00349C;
	text-align: right;
	margin: /*-1.8em*/ 2.49em 0 0 15em; 
}
header #burger a {/*IL*/
	margin-right: 0.5em;
}
header #piv-navbar {/*IL*/
	clear: left;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
header #piv-navbar ul {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 1em;
	list-style-type: none;
}

header #piv-navbar a {/*IL*/
	font-family: Arial, Helvetica, sans-serif;
	padding: 0.2em 1em;
	margin-bottom: 0.1em;
	float: left;
	width: 100%;
	font-size: 0.9em;
	color: #ffffff;
	background-color: #00349C;
}

header #piv-navbar a:hover {/*IL*/
	color: #ffffff;
	text-decoration:underline;
}

header #piv-navbar a:visited {/*IL*/
	color: #ffffff;
}
.logo {
	float: left;
	margin: 0;
	padding: 1em 0;
}

/*header div{
	clear:left;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

header ul {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 1em;
	list-style-type: none;
}

header a {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0.2em 1em;
	float: left;
	width: 100%;
	font-size: 0.9em;
	color: #ffffff;
	background-color: #00349C;
}

header a:hover {
	color: #ffffff;
	text-decoration:underline;
}

header a:visited {
	color: #ffffff;
}*/
/*---vérifiez---*/
/*.ie8 header ul {
	margin: -2.6em 0 0 15em;
}*/


/* Menu horizontal - LayoutDiv1 - 480px et moins -------------------------------------------------------*/

nav {
	clear: both;
	width: 100%;	
    overflow: hidden;
    margin: 0 0 1em 0;
    padding: 0;
}

.ie7 nav {
    padding: 0 0 3em 0;
}
nav ul {	
	margin: 0;
	padding: 0;
	height: 1em;
	list-style-type: none;
}

nav a {
	font-family:verdana, arial, helvetica, sans-serif;
	float: left;
	margin: 0;
	height: 1em;
	padding: 1em 0.7em;
	width: 100%;
	color: #aed3e2;
	background-color: #003a79;
}

#nav a:visited {/*IL*/
	color: #aed3e2; 	
}
#nav a:hover {
	color: #ffffff;
	background-color: #525a65;   	
}

nav #majselect a {
	color: #ffffff;
	background-color: #525a65;
}

/* Introduction - Page d'accueil - LayoutDiv1 - 480px et moins -----------------------------------------*/

.annonce {
	font-size: 15px;
	color: #309ad3;
	line-height: 1.35em;
}

.annonce a {
	color: #309ad3;
	text-decoration: underline;
}

.annonce_td {
	font-size: 15px;
	color: #309ad3;
	line-height: 1.35em;
}

.annonce_td a {
	color: #309ad3;
	text-decoration: underline;
}

.langueannonce, .langueannonce2 a{
	text-decoration: underline;
}

/* Titres et menu des sections - Page d'accueil - LayoutDiv2 - 480px et moins --------------------------*/

#LayoutDiv2 h2 {
	font-size: 30px;
	color: #ffffff;
	text-transform: uppercase;
	padding: 3em 0 0 0;
	margin: 0;
	font-weight: 600;
}

#LayoutDiv2 h2 a {
	color: #ffffff;
}

#LayoutDiv2 h3 {
	color: #ffffff;
	font-size: 23px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 3.5em;
}

/* Contenu - Webdiffusion et boutons de partage - Toutes pages - LayoutDiv2 - 480px et moins -----------*/

article.entete {
	background-color: #309ad3;
	width: 95%;
	max-width: 960px;
	height: 2em;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
    z-index: 1; /*FPL -  Permet à l'entête webdiffusion d'aparaitre au dessus les images du carrousel*/
}
.ie7 article.entete {/*IL*/
	left: 9.7%;
}

h4.lienwebdif {
	float: left;
	height: 2em;
	line-height: 2em;
	padding: 0;
	margin: 0;
}

h4.lienwebdif a, h4.lienwebdif a:visited {
	font-size: 15px;
	text-transform: none;
	color: #ffffff;
	font-weight: 500;
	padding: 0 0 0 0.7em;
}

#partage { /*Bouton de partage de medias sociaux--*/
	/*clear: both;*/
	float: right;
	padding: 0 0.7em 0 0;
	margin-top: 0.5em; 
}

div.retourauplan {
	position: absolute;
	width: 100%;
	top: 2em;
	clear: left;
	color: #ffffff;
	text-transform: uppercase;
	background-color: #000000;
	height: 3.8em;
}

.ie7 div.retourauplan {
	left: 0;
}
div.retourauplan p {
	float: left;
	font-size: 16px;
	padding: 0 0 0 0.5em;
	margin: 0;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

div.retourauplan h3 {
	float: left;
	font-size: 16px !important;
	font-weight: 700;
	text-align: left;
	padding: 0 0 0 1em !important;
	margin: 0;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

div.retourauplan h3 a {
	color: #ffffff;
}

.ie7 div.retourauplan p, .ie8 div.retourauplan p {
	margin-top: -0.6em;
}

.ie7 div.retourauplan h3 , .ie8 div.retourauplan h3 {
	margin-top: -1.3em !important;
}

.mois {
	font-size: 14px;
	color: #5cccfa;
	text-transform: uppercase;
	border-top: solid 1px;
	width: 5.6em;
	margin:	1em auto;
	line-height: 1.7em;
}

.moisA { /*IL*/
	font-size: 14px;
	color: #5cccfa;
	text-transform: uppercase;
	border-top: solid 1px;
	width: 6.5em;
	margin:	1em auto;
	line-height: 1.7em;
}
/* Contenu - Liste des documents - Page d'accueil - LayoutDiv3 - 480px et moins ------------------------*/


.documentation{
	margin: 0 auto;
	clear: both;
	color: #0b3f77;
	font-size: 14px;
}

.documentation h3{
	text-align: center;
	font-size: 23px;
	font-weight: bold/*500*/;
	clear: both;
	line-height: 1.1em;
}

.documentation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.documentation li {
	padding-top: 0.7em;
}

.documentation a {
	color: #0b3f77;
}

.listesdocs{
	background-color: #e0e3e5;
	height: auto;
	padding: 1em 1em 3em 1em;
}

.listesdocs a {
	font-weight: bold/*500*/;
}

.touslesdocs {
	float: right;
	padding: 1em 0 0 1em;
	font-size: 12px;
}

.touslesdocs a {
	font-weight: normal;
}

.fascicules ul {
	text-align: center;
}

.fascicules li {
	display: inline-block;
	width: 251px;
}

.fascicules figcaption {
	padding: 1em 0;
	max-width: 180px;
	margin: 0 auto;
	text-transform: uppercase;
}

/* Contenu en bref - Page d'accueil - LayoutDiv3 - 480px et moins --------------------------------------*/

.bref {
	clear: both;
}

/*.bref h3 {
	font-size: 30px;
	font-weight: bold/*500* /;
	color: #e31f32;
	padding-top: 1em;
}*/

.bref h4 {
    font-weight:700;
    font-size:24px;
    color:#536272;
	text-transform: uppercase;
    margin-bottom:-5px;
}

.bref_titre {
    font-weight:700;
    font-size:24px;
    color:#536272;
}

.bref p, .bref ul {
	/*font-size: 16px;
	color: #666666;*/ /*FPL*/
    font-size: 18px;
	color: #696F71;
	line-height: 1.1em;
    /*margin: 0 0 3px 0;*/
    font-weight:400;
}

    .bref ul li {
    /*margin: 0 0 10px 0;*/
    margin-bottom:10px;
    }

p.accent1 {
	font-size: 19px;
	color: #309ad3;
	line-height: 1.2em;
}

h5.accent2 {
	font-size: 16px;
	color: #666666;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 0.5em;
}

p.accent3 {
	font-size: 14px;
	color: #309ad3;
	text-transform: uppercase;
	border-left: solid 1px;
	width: 70%;
	padding: 1em;
	margin: 1em;
	font-weight: bold/*500*/;
}

p.accent4 {/*FPL*/
	font-size: 24px;
	/*color: #32bbfc;*/ /*Regarde ".contenu p"*/
    font-weight:800;
	line-height: 1.2em; /*IL 2017-03-31*/
    
}

.titregraphique {
	text-align: center;
	color: #555555;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}

.notegraphique {
	font-size:0.6em;
	margin: 0.7em 0 3em 0;
	line-height:1.1em;
}


/*DEBUT FPL   */
#LayoutDivAccueil {
    /*float:left; IL2017-04-03*/
    /*width:360px;*/
    /*width: 40%;*/
    width:100%;
	margin: 0 auto;
	text-align: center;
    min-width:170px;
    max-width:360px;
    text-align:center;
    background-color:#e0e3e5;
    /*margin-left:20px;*/
}

#LayoutDiv_mot_img {
    float:left;
    width:100%;
    max-width:315px;
}

#LayoutDivAccueil ul.fascicules {
	/*max-width: 800px;*/ /*IL 2017-04-03*/
	padding: 0;
    margin:-0.2em 0;
}

#LayoutDivAccueil .fascicules li {
	display: inline-block;
	width: 153px;
	height: auto;
	margin: 0 0.5em;
}

#LayoutDivAccueil .fascicules figcaption {
	padding: 0;
	max-width: 100px;
	margin: -1.4em auto 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
}

#LayoutDivAccueil h3 {
    margin:10px;
    }
/*FIN FPL   */


/* Contenu en bref - Page d'accueil - LayoutDiv3 - 480px et moins - Carrousel --------------------------*/

.single-item {
    width: 100%;
}

/* Contenu en bref - Page d'accueil - LayoutDiv3 - 480px et moins - Accordeon --------------------------*/

.js .panel-title {
  margin: 0;
}

.panel-titre {
    /*margin-bottom: -10px;*/
    margin-top: 15px;
    margin-bottom: 5px;
}

.panel-title a {
  /*text-align: center;*/
  text-align: left;
  border-bottom: none;
  /*color: #292929;
  text-decoration: none;*/
  display: block;
  /*padding: 1.25em 0;*/
  /*padding: 2em 0;*/
  padding-top: 3em;
  position: relative;
  -webkit-transition: color 200ms ease 0s;
  -moz-transition: color 200ms ease 0s;
  transition: color 200ms ease 0s;
  width: 100%;
  /*background-image:url(/budget/2017-2018/images/FlecheBleue_EnVoirPlus.png);
  background-repeat:no-repeat;*/
  /*border-bottom:solid 1px #00adff ;*/

  
}
.panel-title a .icon {
	display:none;
}

.panel-title {
    margin-top: 20px;
}
.panel-title a:hover {
  color: #37474f;
}
.panel-title a:focus {
  color: #37474f;
}

.panel-title a.active {
    
   /*-webkit-transform: rotate(-180deg);
   -ms-transform: rotate(-180deg);
   transform: rotate(-180deg);*/
}

.panel-title a:before {
    /*content: "+";*/
    /*content: url(/budget/2017-2018/images/FlecheBleue_EnVoirPlus.png);*/
    content: url(/budget/2017-2018/images/plus.png);
    float:right;
    }

.panel-title a.active:before {
    /*content: "-";*/
    /*content: url(/budget/2017-2018/images/FlecheBleue_EnVoirPlus_Revers.png);*/
    content: url(/budget/2017-2018/images/moins.png);
    float:right;
    }
.panel-title h4{
    margin:0;
    margin-bottom: -10px;
}

/*.panel-title a.active {
 /*background-image:url(/budget/2017-2018/images/x.png);
 background-repeat:no-repeat;
 float:right;*/
 /*text-align:right;
 /*height:10px;* /
}*/


/*.panel-title a.active .icon {
  color: #ec407a;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}*/
.js .accordion {
  border-bottom: 1px solid #ececec;
  margin: 2em 0;
}
/*.accordion .panel-title a {
  border-top: 1px solid #ececec;
}*/
[id^="panel-"] {
  /*padding-bottom: 2em;*/
}
.panel-content {
    background-color:#e0e3e5;
    margin-top: 30px;
    padding: 5px;
}

.panel-content_sans {
    /*background-color:#e0e3e5;*/
    margin-top: 30px;
}
/* Contenu - Mot du ministre - Page d'accueil - LayoutDiv3 - 480px et moins ----------------------------*/

.motministre {
	font-size: 15px;
	font-weight: normal;
	color: #666666;
	line-height: 1.4em;
	/*padding: 0 20px;*/
    padding-top: 30px;
	margin: 0 auto;
	max-width: 920px;
	position: relative;
}

#mainbody {
    width: 100%;

}

/*.motministre h3 {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	line-height:1.1em;
}*/

html.lt-ie9 .ensemble {
	max-height: 60px;
}

.ensemble {
    margin: 0;
    max-width: 280px;
    position: relative;
    right: 0;
    width: 35%;
	height: 5em;
} 

.ensemblelogo{
	/*padding-top: 02em;*/
	/* padding:0px;IL*/
	padding: 1em 0;
	min-width: 200px;
}

.twitter-share--full {
  padding-right: 2em;
}

html.lt-ie9 .photo {
	max-height: 289px;
}

html.lt-ie9 .col.col-left {
	width: 60%;
}

.photo {	
	display: block;
	margin: 40px auto 0 auto;
	max-width: 306px;
	width: 97%;
	position: relative;
	bottom: -0.8em;
    float:right;
}

.hautministre {
    position: absolute;
	right: 0;
	bottom: 0;
}

/* Contenu - Page documents, colonne de gauche - LayoutDiv2 - 480px et moins ---------------------------*/

.introdocs {
	position : absolute;
	width: 95%;
	max-width: 960px;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 0;
}

.introdocs p {
	width: 90%;
	font-size: 8px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: left;
	color: #ffffff;
	padding-left: 3.2em;
}

.introdocs a {
	color: #ffffff;
}

.touslesdocs2 {/*IL*/
	padding-bottom: 1em;
}

.touslesdocs2 a {/*IL*/
	text-align: center;
	border: solid 1px;
	padding: 0.5em 1em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
/* Contenu - Page documents, colonne de gauche - LayoutDiv3 - 480px et moins ---------------------------*/

h3 {
	font-weight: 600;
	font-size: 24px;
	color: #000000;
	text-align: center;
	line-height: 1.2em;
}

ul.titres a {
	color: #696771;
	font-size: 18px;
	padding: 0.5em 0 0 0;
	font-weight: 500;
}

ul.titres {
	padding: 0;
}

ul.titres li {
	list-style: none;
	padding-top: 2em;
	margin: 0.3em 0;
}

/*FPL*/
ul.titres_accueil a {
	color: #696771;
	font-size: 18px;
	/*padding: 0.5em 0 0 0;*/
	font-weight: 500;
}
/*FPL*/
ul.titres_accueil {
	padding: 0;
}
/*FPL*/
ul.titres_accueil li {
	list-style: none;
	padding-top: 0.5em;
}


ul.titres2 {
	padding: 2em 0 0 0;
	margin: 0;

}

ul.titres2 li {
	list-style: none;
	padding: 0.8em 0 0 0;
	margin: 0.3em 0;
	height: 33px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.sectionplan {
	display: block;
	background-image: url(/budget/2017-2018/images/FlecheEnumeration_bleu.png);
	background-repeat: no-repeat;
	line-height: 33px;
	width: 52px;
	font-size: 18px;
	color: #ffffff;
	font-weight: 300;
	padding-left: 16px;
	float: left;
}

/*FPL*/
.sectionTousDocument{
	display: inline-block;
	background-image: url(/budget/2017-2018/images/Bouton_FiletBleu.png);
	background-repeat: no-repeat;
	line-height: 25px;
	width: 197px;
	font-size: 12px;
	color: #2c9bd6;
	font-weight: 300;
    cursor:pointer;
    text-align:center;
    font-weight:bold;
    text-transform: uppercase;
}


ul.titres2 li .bouton_tous_documents{
	display: inline-block;
	background-image: url(/budget/2017-2018/images/Bouton_FiletBleu.png);
	background-repeat: no-repeat;
	line-height: 25px;
	width: 197px;
	font-size: 12px;
	color: #2c9bd6;
	font-weight: 300;
    cursor:pointer;
    text-align:center;
    font-weight:bold;
    text-transform: uppercase;
    text-decoration: none;
}

.bouton_tous_documents:hover{
    text-decoration: none;
    color: #2c9bd6;
}


.bouton_faits_saillants{
	display: inline-block;
	background-image: url(/budget/2017-2018/images/Bouton_FiletNoirFondGris.png);
	background-repeat: no-repeat;
	line-height: 25px;
	width: 145px;
	font-size: 14px;
	color: black;
	font-weight: 300;
    cursor:pointer;
    text-align:center;
    font-weight:bold;
    text-transform: uppercase;
    text-decoration: none;
}
.bouton_faits_saillants:hover {
    text-decoration: none;
    color: black;
 }

.bouton_fascicule{
	display: inline-block;
	background-image: url(/budget/2017-2018/images/Bouton_FiletBleu_long.png);
	background-repeat: no-repeat;
	line-height: 25px;
	width: 425px;
	font-size: 14px;
	color: black;
	font-weight: 300;
    cursor:pointer;
    text-align:center;
    font-weight:bold;
    text-transform: uppercase;
    text-decoration: none;
}
.lien_fascicules {
    display: inline-block;
	line-height: 25px;
	font-size: 14px;
    cursor:pointer;
    /*text-align:center;*/
	padding-left: 4em;
    text-transform: uppercase;
    text-decoration: none;
    font-weight:500;
    color:#1b365d;
    width:42%;
}

.lien_fascicules:hover {
    text-decoration: none;
    color:#1b365d;
 }
.bouton_fascicule:hover {
    text-decoration: none;
    color: black;
 }
.bouton_autres_donnees{
	display: inline-block;
	background-image: url(/budget/2017-2018/images/Bouton_PleinNoir.png);
	background-repeat: no-repeat;
	line-height: 25px;
	width: 197px;
	font-size: 12px;
	color: white;
	font-weight: 300;
    cursor:pointer;
    text-align:center;
    /*font-weight:bold;*/
    text-transform: uppercase;
    text-decoration: none;
}

.div_qc_chiffres a.bouton_autres_donnees {
    font-weight: 500;
    margin: 30px 0 20px;
} 

.bouton_autres_donnees:hover {
    text-decoration: none;
    color: white;
}
.boutonCaroussel{
	display: inline-block;
	background-image: url(/budget/2017-2018/images/Bouton_PleinBleu.png);
	background-repeat: no-repeat;
	line-height: 32px;
	width: 192px;
	font-size: 16px;
	color: black;
	font-weight: 500;
    cursor:pointer;
    text-align:center;
    /*font-weight:bold;*/
    margin-left:-365px;
}


.sectionadd {
	display: block;
	background-image: url(/budget/2017-2018/images/FlecheEnumeration_grise.png);
	background-repeat: no-repeat;
	height: 33px;
	line-height: 33px;
	width: 52px;
	font-size: 18px;
	color: #ffffff;
	font-weight: 300;
	padding-left: 16px;
	float: left;
}

.section480 {
	display: none;
}

ul.titres2 .sectiontitre {
	display: block;
	/*margin-top: 10px;*/
	font-size: 14px;
	font-weight: 500;
	color: #696771;
	line-height: 1.3em;
	padding: 0 0 0 68px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    width:70%; /*Largeur des cellules des documents budgétaires (Lettres A, B, etc)*/
}

ul.titres2 .sectiontitre a {
	font-size: 14px;
	font-weight: 500;
	color: #696771;
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
 ul.titres2 .sectiontitre a {
	padding-top: 30px;
	}
}
*/

#contenuA .stat a {
	padding-top: 0;
	font-size: 14px;
	font-weight: 500;
	color: #696771;
}

#contenuA .sectiontitre480 {
	display: block;
	padding-top: 0;
	margin-top: 0;
	font-size:0.6em;
	line-height: 1.4em;
	height: 9em;
}

/* Contenu - Page documents, colonne de droite - LayoutDiv3 - 480px et moins ---------------------------*/

#contenuB {/*IL*/
	clear: both;
	padding: 1em 0 2em 0;
	margin-top: 9em;
	width: 398px;
}

.titrebref {/*IL*/
	/*background-color: #495868;*/
	text-transform: uppercase;
	height: 157px;
	background-image: url(/budget/2017-2018/images/Photo_EnBref.jpg);
	background-repeat: no-repeat;
}

.titrebref p {
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	width: 30%;
	width: 192px;/*---vérifiez---*/
	text-align: left;
	float: right;
	padding-right: 1em;
}

.titrebref a {
	display: block;
	color: #000000;
	font-size: 10px;
	text-align: center;
	margin-top: 1.5em;
	padding: 0.3em 0;
	background-color: #5cccfa;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; 
}
/*.titrebref a { *//*IL*//*---vérifiez---*/
/*	display: block;
	color: #000000;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	margin-top: 1.5em;
	height: 32px;
	line-height: 32px;
	background-image: url(/budget/2017-2018/images/Bouton_PleinBleu.png);
	background-repeat: no-repeat;*/
	/*padding: 0.3em 0;
	background-color: #5cccfa;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
} */

#contenuB h3 {
	font-size: 20px;
	padding-top: 0.5em;
}

.communiques {
	color: #696771;
	font-size: 14px;
	font-weight: 500;
	border: none;
	background-color: #e0e3e5;
	padding: 0 1em;
	margin: 0;
}

.communiques p {
	padding: 0 0 1em 0.5em;
}

.communiques ul {
	list-style: disc;
	padding-left: 23px;
}

.communiques ul li {
	padding-bottom: 0.7em;
}

.communiques .commlien {
	display: block;
	text-align: center;
	padding: 0.5em 0;
}

.communiques a {
	font-size: 12px;
	font-weight: 500;
	color: #309ad3;
}

/* Contenu - Page documents - Fascicules - LayoutDiv5 - 480px et moins ---------------------------------*/

#LayoutDiv5 article {/*IL*/
	width: 90%;
	/*width: 100%;*/
	margin: 0 auto;
}

#LayoutDiv5 h3 {
	color: #ffffff;
	padding-top: 0.5em;
}

#LayoutDiv5 ul.fascicules {/*IL*/
	max-width: 900px;/*---vérifiez---*/
	margin: 0 auto;/*---vérifiez---*/
	/*max-width: 800px;*/
	padding: 0;
}

#LayoutDiv5 .fascicules li {
	display: inline-block;
	width: 153px;
	height: auto;
	margin: 0 0.5em;
}

#LayoutDiv5 .fascicules figcaption {
	padding: 0;
	max-width: 100px;
	margin: -1.2em auto 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
}

/* Contenu - Page Webdiffusion - LayoutDiv3 - 480px et moins -------------------------------------------*/

h3.webdifh3 {
	font-size: 20px;
	text-transform: none;
	color: #5a5a5a;
	font-weight: bold;
}

/*h4.touslesdocs2 { IL
	width: 197px;
	height: 27px;
	margin-top: 0;
	border-bottom: none;
}*/

/*h4.touslesdocs2 a { IL
	display: block;
	font-size: 12px;
	line-height: 25px;
	text-align: center;
	font-weight: 500;
	text-transform: uppercase;
	color: #309ad3;
	background-image: url(/budget/2017-2018/images/Bouton_FiletBleu.png);
	background-repeat: no-repeat;
}*/



.webdif p, .webdif ul {
	font-size: 16px;
	/*color: #666666;*/ /*FPL*/
    /*font-size: 18px;*/
	color: #696F71;
	line-height: 1.3em;
    /*margin: 0 0 3px 0;*/
    font-weight:400;
}

.bref ul li {
    /*margin: 0 0 10px 0;*/
    margin-bottom:10px;
}

#webdiffusiontableF, #webdiffusiontableA {
	width: 100%;
	max-height: 22em;
	margin: 0 auto;
}

#webdiffusiontableA h3, #webdiffusiontableF h3 {/*IL*/
	text-align: center;
	/*background-color: #1b3f77;*/
	background-color: #309ad3;
	color: #FFFFFF;
	/*font-weight: bold/*500* /;*/
	font-weight: 500;
	padding: 0.7em 0;
	line-height: 1.3em;
	margin-bottom: 0;
}

.webdifblock {
	height: 8em;
}

#webdiffusiontableA p, #webdiffusiontableF p {
	height: 4em;
	text-align: center;
	width: 49%;
	border: thin #e2e7ea solid;
}

#webdiffusiontableA p a:link, #webdiffusiontableF p a:link {
	line-height: 4em;
}

#webdiffusiontableA p a:visited, #webdiffusiontableF p a:visited {
	background-color: #1d6e9d;
}

/* Pied de page - LayoutDiv4 - 480px et moins ----------------------------------------------------------*/

footer {
	position: relative;
	clear: both;
}

.pied2 {
	font-size: 0.8em;
	/*padding-top: 1em;*//*---vérifiez---*//*Mit en commentaire par FPL*/
}

footer ul {
	padding-top: 0.5em;
	padding-left: 0;
}

footer ul li {
	display: inline;
	line-height: 1.2em;
}

footer ul li a:link {
	font-size: 0.7em;
	text-decoration: none;
}

footer ul li a:visited {
	font-size: 0.7em;
	text-decoration: none;
}

footer ul li a:hover {
	font-size: 0.7em;
}

footer ul li a:focus {
	color: #1d6e9d;
	font-size: 0.7em;
}

.haut {
	float: right;
	clear: both;
	margin: 0;
	padding: 1em 0;
}

/* Pied de page - Message sur la configuration minimale requise - LayoutDiv4 - 480px et moins ----------*/

.pied1 {
	font-size: 0.8em;
	/*margin: 1.5em 0 1.5em 0;*//*FPL*/
}

a.info2 {
	position: relative;
	text-decoration: none;
}

a.info2 span {
	display: none;
}

a.info2:hover {
	color: #e31f32;	
	background: none; /*contournement d'un bogue IE*/
	z-index: 500;
}

a.info2:hover span {
	display: inline;
	position: absolute;
	z-index: 500;
	width: 400px;
	top: -12em;
	left: 1em;
	color: #ffffff;
	background-color: #003a79;
	text-align: left;
	padding: 0.2em;
}

/* Disposition tablette : 481px sur 768px. Hérite des styles de : Disposition mobile */

@media only screen and (min-width: 481px) {
/*.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}*/

.gridContainer {
	margin: auto;
}

#LayoutDiv1 { /*PIV, menu et intro*/
	float: none;
	max-width: 1000px;
	padding: 0;
}

#LayoutDiv4 { /*Pied de page*/
	float: none;

	/*max-width: 1000px;
	padding: 0;*/
}

/* Header - LayoutDiv1 - 481px sur 768px ---------------------------------------------------------------*/

/*header {IL
	margin: 0;
	padding: 2em 0;
	width: 100%;
	float: left;
}

.logo { IL
	float: left;
	margin: 0;
	padding: 0;
}

header #piv-navbar { IL
	clear:left;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
}*/

header ul {
	margin: 0;
	padding: 0;
	width: auto;
	height: 1em;
	list-style-type: none;
}

/*header #piv-navbar li a {IL
	padding: 0.2em 1em;
	float: left;
	width: 100%;
	font-size: 0.9em;
	color: #ffffff;
	background-color: #00349C;
}*/

/*header #piv-navbar li a:hover {IL
	color: #ffffff;
	text-decoration:underline;
}*/

/*.ie8 header ul {IL
	margin: -2.6em 0 0 15em;
}*/

/* Discours HTML  - 481px sur 768px --------------------------------------------------------------------*/

#LayoutDiv2 h2 {
	font-size: 30px;
	color: #ffffff;
	text-transform: uppercase;
	padding: 3em 0 0 0;
	margin: 0;
	font-weight: 600;
}

.discours h3 {
	font-size: 1.3em;
	text-transform: uppercase;
	padding: 1.3em 0;
	text-align: left;
}

.discours h4 {
	text-align: left;
	font-size: 1.2em;	
	color: #5a5a5a;
	padding: 1em 0;
	text-transform: uppercase;
}

.discours h5 {
	font-size: 1.2em;
	font-weigth: 500;
}

.discours h5:before {
	content: "\25A1";
	font-size: 1.2em;
	padding-right: 20px;
}

.discours h6 {
	font-size: 1.1em;
	font-weigth: 500;
}

.discours h6:before {
	content: "\25A0";
	font-size: 1.1em;
	padding-right: 21px;
}

.jannonce {
	padding-left: 3em;
}

.notediscours {
	font-size: 0.7em;
}

.tablesanspuces_left1 {
   list-style: none;
   margin-left: -1em;
}

.tablesanspuces {
   list-style: none;
   padding-bottom: 0.5em;
}

.tablesanspuces_bottom1 {
   list-style: none;
   padding-bottom: 1.5em;
}

.listediscours li {
   list-style: none;
   padding-bottom: 1em;
   padding-left: 1em;
   text-indent: -1em;
}

.listediscours li:before {
	content: "— ";
}

}

/* Disposition bureau : 769px à max. 1232px.  Hérite des styles de : Disposition mobile et disposition tablette */

@media print, screen and (min-width: 769px) {
.gridContainer {
	margin: auto;
}

#LayoutDiv1 { /*PIV, menu et intro*/
	float: none;
	max-width: 960px;
	padding: 0;
}

#LayoutDiv2 { /*Bandeau du titre et menu des sections de la page d'accueil*/
	width: 100%;
	max-width: none;
	padding: 0;
	margin: 0;
	height: 21.2em;
	position: relative;
}

#LayoutDiv3 { /*Contenu*/
	max-width: 900px;
}

#LayoutDivEnBref .panel-title,
#LayoutDivEnBref .panel-content .contenu {
    max-width: 900px;
    margin: 0 auto;
}

#LayoutDiv7 { /*Contenu*/
	max-width: 900px;
}

/* Header - LayoutDiv1 - 769px à max. 1232px -----------------------------------------------------------*/

header {
	text-align: center;
	padding: 2.5em 0 0.7em 0;
	max-width: 960px;
	margin-bottom: 2.5em;
}

/*.ie7 header {IL
	padding: 0 0 2.5em 0;
}*/

.logo {
	float: left;
	margin: 0;
	padding: 0;
}
header #burger { /*IL*/
	display: none;
}

header .hide-menu {
	display: block;
}

header #piv-navbar {
	clear: none;
	margin: -1.6em 0 0 0;
	padding: 0;
	float: left;
	width: 100%;
}

header #piv-navbar ul {/*IL*/
	padding: 0;
	margin: 0 0 0 198px;
	width: auto;
	background-color: #00349C;
	height: 1.3em;
	list-style: none;
}

header #piv-navbar li {/*IL*/
	text-align: left;
	float: left;
}

header #piv-navbar li a {/*IL*/
	padding: 0.2em 0 0 1.5em;
	display: block;
	/*text-decoration: underline;*/
	color: #ffffff;
	font-size: 0.85em;
	height: 1.3em;
}

header #piv-navbar li a:hover {/*IL*/
	color: #ffffff;
	text-decoration:underline;
}

/*.ie8 header ul {IL
	margin: -2.6em 0 0 15em;
}*/

header #piv-navbar .langue {
	float:right;
	padding-right: 0.5em;
}


/* Menu horizontal - LayoutDiv1 - 769px à max. 1232px --------------------------------------------------*/

nav {
	font-size:0.8em;
	font-weight: bold;
	max-width:960px;
	clear:both;
}

nav li {    
	float: left;
	/*width: 19.4%;  /* fallback for non-calc() browsers */
	/*width: calc(100% / 5 - 4px);/*pour menu à 5 boutons*/
	width: 16.2%;	/* fallback for non-calc() browsers */
	width: calc(100% / 6 - 4px); /*pour menu à 6 boutons*/
	border-right: solid 4px #ffffff;
}

nav ul li:last-child {
	border-right: solid 4px #003a79;
}

#nav li a {
	display: block;
	height: /*18px*/3em; /*menu sur 1 ou 2 lignes*/
	color: #aed3e2;
	background-color:#003a79;
	text-align: /*left;*/center;
	font-weight: bold;
	padding: 4px 0 0 2px;
	text-transform: uppercase;
}

#nav a:hover {
	color: #ffffff;
	background-color:#525a65;   	
}

nav #majselect2012 a {
	color: #ffffff;
	background-color:#525a65;
}

/* Introduction - Page d'accueil - LayoutDiv1 - 769px à max. 1232px ------------------------------------*/

#includedate {
	float: right;
	height: 1.8em;
}

.ie7 #includedate {
	padding-right: 3.8em;
}
h1 {
	padding-top: 2em;
}

.annonce {
	float: left;
	width: 65%;
}

.annonce_td {
    width:65%; 
    text-align:left
    }
	
.langueannonce {
	position: absolute;
	top: /*47em;*/19em; /*IL 2017-03-31*/
	z-index: 1;
	width: 95%;
	max-width: 960px;
	margin: 0 auto;
	left: 0;
	right: 0;
    float:right;
}

.langueannonce a {
	display: block;
	float: right;
	padding-right: 0;
	text-decoration: underline;
}

.langueannonce2 {
	position: absolute;
	top: 38em;
	z-index: 1;
	width: 95%;
	max-width: 960px;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.langueannonce2 a {
	display: block;
	float: right;
	padding-right: 0;
}

/* Contenu - Liste des documents - Page d'accueil - LayoutDiv3 - 769px à max. 1232px -------------------*/

.documentation {
	width: 85%;
}

.documentation .listesdocs h3{
	padding-top: 0;
	margin-top: 0;
}

.listesdocs {
	height: 14em;
	clear: right;
	padding-bottom: 2em;
}

ul.budget {
	float: left;
	width: 69%;
}

.budget li {
	padding-left: 1em;
}

ul.autresdocs {
	float: right;
	width: 30%;
}

.touslesdocs {
	clear: both;
	margin: 0;
	padding: 0;
}

/*h4.touslesdocs2 { IL
	padding-top: 0.9em;
	margin-right: -1.5em;
	float: right;
	margin-top: -1.3em;
}*/

#LayoutDivAccueil {
	float: right;
    width:47%;
	margin: 0 auto;
}

/* Contenu en bref - Page d'accueil - LayoutDiv3 - 769px à max. 1232px ---------------------------------*/

p.accent3 {
	font-size: 14px;
	color: #309ad3;
	text-transform: uppercase;
	border-left: solid 1px;
	float: right;
	clear:right;
	width: 25%;
	padding: 1em;
	margin: 1em;
	line-height: 1.4em;
}

.notegraphique {
	font-size: 0.8em;
}

p.fonds{
	margin-top: -2em;
}

/* Contenu - Mot du ministre - Page d'accueil - LayoutDiv3 - 769px à max. 1232px -----------------------*/

#mainbody {
    width: 65%;
    display:inline-block;

}

.motministre {
   /* margin-bottom: 43em;*/ /*FPL*/
  }
  
.motministre .col {
    float: left;
  }
  
.photo {
	bottom: -41.5em;
    margin: 0;
    max-width: 280px;
    position: absolute;
    right: 1.3em;
    width: 30%;
}

.ensemble {
    bottom: -40.5em;
    margin: 0;
    max-width: 280px;
    position: absolute;
	left: 1.3em;
    right: 0;
    width: 35%;
	height: auto;
}

.ensemblelogo{
	/*padding-top: 2em;*//*FPL*/
}

.pourcent100{
	width: 100%;
}

.pourcent70{
	width: 70%;
}

.pourcent60{
	width: 60%;
}

.hautministre {
    position: absolute;
	right: 0;
	bottom: -41.5em;
}

.twitter-share--full {
  padding-right: 2em;
}

/* Contenu - Page documents, colonne de gauche - LayoutDiv2 - 769px à max. 1232px ------------------- */

.introdocs p {
	width: 40%;
}


/* Contenu - Page documents, colonne de gauche - LayoutDiv3 - 769px à max. 1232px ------------------- */

#contenuA {
	/*width: 60%;*/
	width: 53%;
	float: left;
}

#contenu_mot_texte {
	width: 60%;
	/*width: 53%;*/
	float: left;
}

.section480 {
	display: block;
	clear: left;
	float: left;
	width: 70px;
}

.sectiontitre480 {
	float: left;
	width: 84%;
	padding-bottom: 1em;
	font-size:0.7em;
} 

/* Contenu - Page documents, colonne de droite- LayoutDiv3 - 769px à max. 1232px -----------------------*/

#contenuB {/*IL*/
	clear: right;
	width: 44%;
	/*min-width: 398px;*/
	float: right;
	padding: 0.5em 0 2em 0;
	margin-top: 0;
}

/* Contenu - Page documents - Fascicules - LayoutDiv5 - 769px à max. 1232px ----------------------------*/


#LayoutDiv5 article {/*IL*/
	width: 70%;
}

/* Contenu - Page webdiffusion - LayoutDiv3 - 769px à max. 1232px --------------------------------------*/

#webdiffusiontableF, #webdiffusiontableA {
	width: 85%;
}
}

@media only screen and (min-width: 785px) {
/* Contenu - Mot du ministre - Page d'accueil - LayoutDiv3 - 785px à max. 824px ------------------------*/
.ensemble {
    bottom: -39.5em;
}
}

@media only screen and (min-width: 825px) {
/* Contenu - Mot du ministre - Page d'accueil - LayoutDiv3 - 825px à max. 879px ------------------------*/
.ensemble {
    bottom: -38.5em;
}

}

@media only screen and (min-width: 880px) {
/* Contenu - Mot du ministre - Page d'accueil - LayoutDiv3 - 880px à max. 899px ------------------------*/
.ensemble {
    bottom: -37.5em;
}
}

@media only screen and (min-width: 900px) {
/* Contenu - Mot du ministre - Page d'accueil - LayoutDiv3 - 900px à max. 909px ------------------------*/
.ensemble {
    bottom: -37.5em;
}
}

@media only screen and (min-width: 910px) {
/* Contenu - Mot du ministre - Page d'accueil - LayoutDiv3 - 910px à max. 964px ------------------------*/
.ensemble {
    bottom: -36.5em;
}
}

@media only screen and (min-width: 965px) {


/* Contenu en bref - Page d'accueil - LayoutDiv3 - 965px à max. 1232px ---------------------------------*/



/* Contenu - Mot du ministre - Page d'accueil - LayoutDiv3 - 965px à max. 976px ------------------------*/

.ensemble {
    bottom: -35.5em;
}

.ensemblelogo{
	/*padding-top: 1.5em;*//*FPL*/
}

.motministre {
    /*margin-bottom: 38em;*//*FPL*/
}

.photo, .hautministre {
	bottom: -36.5em;
}

}

@media only screen and (min-width: 977px) {
	
/* Contenu - Mot du ministre - Page d'accueil - LayoutDiv3 - 977px à max. 1232px -----------------------*/
.ensemble {
    bottom: -36em;
}

/* Contenu - Page documents - Fascicules - LayoutDiv5 - 977px à max. 1232px -----------------------*/

#LayoutDiv5 article {/*IL*/
	width: 90%;
}
}

@media print {
	
 a[href]:after {
    content: none !important;
  }

}

.carrousel-div {
    /*text-align: -webkit-center; /*FPL*/
    text-align: center; /*FPL*/
    /*text-align: -webkit-center; /*FPL*/
}


/*FPL - Documents budgétaires*/
.h3_doc_budget {
    font-weight:600;
    font-size:30px;
    color: black;
    padding:0px;
    margin:20px 0 10px 0;
}

#div_documents{
    /*width:940px;*/ /*FPL - 2017-03-31*/
    width:100%; /*FPL - 2017-03-31*/
    max-width:940px; /*FPL - 2017-03-31*/
    margin:0 auto;

}

#div_mot{
    /*width:940px;*/ /*FPL - 2017-03-31*/
    width:100%; /*FPL - 2017-03-31*/
    max-width:940px; /*FPL - 2017-03-31*/
    margin:0 auto;

}

.table_documents { 
    /*border: 1px solid black;*/
    float:left;
    width:470px;

}

.table_fascicule{ 
    /*border: 1px solid black;*/
    float:left;
    width:400px;
    text-align:center;
    background-color:#e0e3e5;
}

.table_fascicule tr td{ 
    margin-left:50px;
}

.titre_fascicule {
    font-weight:600;
    font-size:24px;
    color: black;
    vertical-align:bottom;
}


.texte_general {
    font-weight:500;
    font-size:18px;
    color: #696771;
    height:40px;
}

.titre_section {
    font-weight:500;
    font-size:14px;
    color: #696f71;
    height:40px;
    vertical-align:middle;
}

.div_section {
    background-image:url(/budget/2017-2018/images/FlecheEnumeration_bleu.png); 
    height: 32px; 
    background-repeat:no-repeat; 
    color:white; 
    text-align:center; 
    font-weight:
    /*vertical-align:baseline;*/
}

.fascicules_accueil figcaption {
	padding: 0;
	max-width: 100px;
	margin: -1.4em auto 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
}

.img_sante {
    float: right;
    margin: 0 0 10px 10px;
}
.img_ministre {
    height:314px;
    width: 305px;
    float: right;
    clear: right;


    margin: 0 0 10px 10px;
    position: relative;
	bottom: -0.8em;
}


.Titre_centre1 {
    clear: both;
    font-weight:500;
    font-size:24px;
    color:#666666;
    text-transform: uppercase;
    line-height:1.2em;
    width:70%;
   
    margin-top:0px;
    margin-bottom:0px;
     margin-left: auto;
    margin-right: auto;
    text-align:center;
    
    /*position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);*/
    /*border: solid 1px black;*/
    /*position: relative;*/
}

.Titre_centre2 {
    font-weight:400;
    font-size:18px;
    color:#666666;
    line-height:1.6em;
    width:70%;
    margin-left: auto;
    margin-right: auto;
    text-align:center;

}

.div_qc_chiffres {
    clear: both;
    background-color:#e0e3e5;
    text-align: center;
	margin: 0 auto;
	padding: 0 5px 5px;
	max-width: 900px;
	display: block;	
    /*border:solid 1px #666666;*/
}

.div_qc_chiffres h3 {
    margin: 0;
}

.div_qc_chiffres a:visited {
    color: #ffffff;
}

.div_qc_chiffres_graph {
    clear: both;
    text-align:center;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto ;
	display: block;	
	background-repeat: no-repeat;
	background-position: 50%;
	position: relative;
}

.div_vers_haut_1 {
	text-align: right;
	padding-right: 1em;
}

.autres_donnees li{
    list-style: none;
	padding: 0.8em 0 0 0;
	position: relative;
}
.menu_qc_chiffres {
    padding-left: 0px;
}

.menu_qc_chiffres li {
	display: inline-block;
    width: 30%;
	height: auto;
	margin: 0 0.1em;
    vertical-align:top;
    /*border:solid 1px black;*/
    min-width:150px;
    text-align:center;
    
}
.menu_qc_chiffres_economique{
    font-size:18px;
    font-weight:600;
    color: #00ADFF;
}

.menu_qc_chiffres_budgetaire{
    font-size:18px;
    font-weight:600;
    color: #536272;
}

.menu_qc_chiffres_dette{
    font-size:18px;
    font-weight:600;
    color: #1d6e9d;
}

.menu_qc_chiffres_texte{
    font-size:12px;
    font-weight:500;
    color: #333333;
}

.first_li {
    margin-left: -2.2em;
    list-style:none;
    font-weight:bold;
    margin-bottom:10px;
    line-height:1em;
}

.div_centre {
    clear:both;
    text-align:center;
    width:70%;
}

.contenu .div_centre p{
    /*color:white;*/
    /*background-color:#32bbfc;*/
    /*width:50%;*/
}
.div_centre p{
    clear:both;
    color:white;
    background-color:#309ad3; /*#32bbfc;*/
    width:100%;
    position: relative;
    left: 25%;
    padding: /*20px 0 20px 0*/ 20px;
}

.div_centre_img {
    clear:both;
    color:white;
   
    width:100%;
    position: relative;
    left: 12.5%;
    padding: 20px 0 20px 0;
}

/*.sous_paragraphe p{
    color:#696F71;
    font-weight:700;
    font-size:18px;
}*/


.contenu .sous_paragraphe p {
    color:#696F71;
    font-weight:700;
    font-size:18px;
}


.contenu p{
    color:#309ad3;
    font-weight:800;
    /*font-size:24px;*/
    font-size:24px;
    line-height: 1.2em; /*IL 2017-03-31*/
    /*margin-bottom: -10px;*/
        /*margin-top: 0;*/
}

.sans_marge_top {
    margin-top: 0;
    margin-bottom: -10px;
}

.titre_cote {
    /*float:right; 
    width:20%;*/ 
    text-align:center;
    border:solid 1px #536272;
    background-color:#e0e3e5;
}

.contenu_droite {
    clear:both;
     float:right;
     width:35%;
	 padding: 1em;
}

.sous_caroussel {
    /*background-image: url(/budget/2017-2018/images/sous_menu_carrousel.png);*/ 
    /*background-color: #309ad3;*/
    background-color: #536272;
    /*height: 30px;
    height: auto;
    min-height:30px;
    max-height:120px; IL 2017-04-03*/
    background-repeat:no-repeat; 
    background-position: 50% 50%;
    text-align:center;
    /*padding-top: 1px; IL 2017-04-03*/
	margin: 0;/* IL 2017-04-03**/
	padding: 1em 0;/*IL 2017-04-03*/
    /*min-width:150px;*/
    width:100%;
}

.sous_caroussel ul {
	padding: 0;
	margin: 0;
}

.sous_caroussel li{
    display:inline-block;
    list-style:none;
    width:260px;
    min-width:260px;
    /*font-weight:200;
    font-size:14px;
    color:white;*/
}

.sous_caroussel a{

    font-weight:500;
    font-size:16px;
    color:white;
    cursor:pointer;
    
}


.sous_caroussel a:hover{
    text-decoration: none;
    color: white;
}

.ul_deuxieme_niveau {
    margin-top:0;
}

.ul_deuxieme_niveau li {
    font-size:15px;
    line-height:0.9em;
    }

.titre3 {
    color: #696F71;
	font-size: 18px !important;
	/*padding: 0.5em 0 0 0;*/
	font-weight: 700;
    text-transform:uppercase;
    padding-bottom: 10px;
    /*margin-top: 0;*/
}

h4.titre-grahique-economie-budget {
    font-size: 18px;
    color: #666666;
    text-align: center;
}

.img_centre {
    text-align:center;
}

.spacer {
  height: calc(100% - 200px);
  width: 0px;
  float: right;
}

.qc_chiffres_fond {
	position: relative;
    background-color: #e0e3e5;
    width: 100%;
    margin-top: 60px;
}

#navigation {
    width:33.125%;
    vertical-align:bottom;
    display:inline-block;
    min-width:304px;
    margin-bottom: -15px;
}

.small_li {
    line-height:0.5em; 
    font-size:16px
}

.div_vers_haut_1 {
	max-width: 1100px;
	padding-right: 5em;
}

.div_vers_haut_2 {
	max-width: 1100px;
    text-align:right; 
    margin-top:-22px;
}
/*.mot_ministre_texte {
    width:100%;
    max-width:940px;
    margin: 0 auto;
}

.mot_ministre_img {
    float:left;
    width:100%;
    max-width:315px;
    min-width:230px;
}*/