@charset "utf-8";
/* 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/fluid-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. */

.noPhone,
.noTab {
	display: none;	
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
/*	width: 87.36%;*/
	width: 100%;
/*	padding-left: 1.82%;
	padding-right: 1.82%;*/
}
#Top {
	width: 100%;
	background-image: url(../img/global/chd-basic.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 39px;
	overflow:hidden;
}
footer {
	width: 100%;
	background-image: url(../img/global/fd-bottom-basic.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow:hidden;
}
#Top header, #contentCenter section {
	display: block;
	margin-left:1.82%;
	margin-right:1.82%;
	overflow:hidden;
/*	background-color:#F00; rouge*/
}
#Top h1 {
	display: block;
	float: left;
	color: #fff;
	font-weight: normal;
	margin: 0;
}
#Top h1 a {
	color: #fff;
	text-decoration: none;
}

#Top h2 {
	display: block;
	float: right;
	color: #fff;
	font-size: 50px;
	margin-top: -10px;
	margin-bottom: 0px;
	margin-right: 5%;
}
#contentCenter {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-color: #f6f6f7;	
/*	background-color: #ffffff;*/
}
#contentCenter #accTitre1 h1 a,
#contentCenter #accTitre2 h1 a {
	color: #202077;
	text-decoration:none;	
	font-size: 20px;
}
#contentCenter #accTitre1 h1 a:hover {
	color:#c30;	
}
#contentCenter #accTitre2 h1 a:hover {
	color:#9853de;
}
#contentCenter #accTitre1 h1,
#contentCenter #accTitre2 h1 {
	font-weight:normal;
	margin: 10px 2% 25px 2%;
}
footer {
	text-align:center;
}
footer #aide {
	background-image: url(../img/global/fd-aide.gif);
	background-repeat: no-repeat;
	display: block;
	height: 51px;
	width: 64px;
	padding-left: 63px;
	background-position: left bottom;
	margin: 50px auto 10px auto;
}
footer #aide a {
	color: #fff;
	text-decoration:none;
	font-size:26px;
	font-weight:bold;
	display:block;
	padding-top:8px;
}
footer #aide a:hover {
	color:#222;
}
p.fildariane {
	display:block;
	position:absolute;
}
.ContenuArticle.proc  p.fildariane {
	margin-top:30px;
}
#SommaireOrganes p.fildariane,
#SommaireProc p.fildariane {
	margin-top: -30px;	
}
#SommaireOrganes h1,
#SommaireProc h1 {
	color: #202077;
	text-decoration:none;	
	font-size: 20px;
	font-weight:normal;
	margin-top:0px;
}
/***************sommaires généraux **********************/
.CollapsiblePanel {
	margin: 5px 0px 0px;
	padding: 0px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #202077;
	font-size:140%;
}
.CollapsiblePanelTab {
	font-weight: bold;
	margin-left: 10px;
	padding: 2px 2px 2px 15px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	background-image: url(../img/sommaires/fl_prelev.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	margin-top: 8px;
}
.CollapsiblePanelTab-proc {
	font-weight: bold;
	margin-left: 10px;
	padding: 2px 2px 2px 15px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	background-image: url(../img/sommaires/fl_proc.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	margin-top: 8px;
}

.CollapsiblePanelContent, .CollapsiblePanelContent-proc {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}
.CollapsiblePanelContent p
{
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 10px;
	background-image: url(../img/sommaires/fl_ssmenu_org.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
}
.CollapsiblePanelContent-proc p
{
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 10px;
	background-image: url(../img/sommaires/fl_ssmenu_proc.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
}
.tab_et_fig {
	font-weight: bold;
	font-size: 140%;
	margin-left: 10px;
	padding: 2px 2px 2px 15px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	background-image: url(../img/sommaires/fl_prelev.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	margin-top: 8px;
}
.tab_et_fig-proc {
	font-weight: bold;
	font-size: 140%;
	margin-left: 10px;
	padding: 2px 2px 2px 15px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	background-image: url(../img/sommaires/fl_proc.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	margin-top: 8px;
}
/*************** ARTICLE ************************************************************************/

/******************* MENU DES ARTICLES ****************************/
#print {
	display: none;	
}
a {
	text-decoration: none;
}
ul.menu {
	padding: 40px 45px 0 0;
	margin: 0;
	list-style: none;
}
.ContenuArticle.proc ul.menu {
	padding-top: 70px;
}
ul.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu > li > a,
.menu > li.sanslien {
	display: block;
	position: relative;
	background-color: #eaeaea;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
	border-radius:5px;
	width: 100%;
	font-weight: bold;
	font-size:130%;
	color: #000;
	padding-left:40px;
	padding-top:3px;
	padding-bottom:7px;
}
.menu ul li a {
	background: #fff;
	width: 100%;
	display: block;
	position: relative;
	font-weight: normal;
	color: #666;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:2.8em;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #00aecb;
	border-right: 1px solid #00aecb;
}
.menu ul li:last-child a {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px; 
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom: 1px solid #00aecb;
}

.menu > li > a:hover, .menu > li > a.active {
	background-color: #c9cbcd;
}
.menu > li.item1 > a {
	background-image: url(../img/global/ic-main.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
}
.menu > li.item1 > a.hover,
.menu > li.item1 > a.active {
	background-image: url(../img/global/ic-main-hover.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px; 
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;

}
.menu > li > ul li a {
	background-image: url(../img/global/ic-pointe.png);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}
.menu > li > ul li:hover a {
	color: #32373D;
}
/******************* CONTENU DES ARTICLES ****************************/
.ContenuArticle article {
	text-align:justify;
	font-size:16px;
}
.ContenuArticle.org h1,
.ContenuArticle.proc h1 {
	display:block;
	position:absolute;
	color: #202077;
	font-weight:normal;
	margin-top:-40px;
	margin-bottom:0;
	font-size:140%;
}
.ContenuArticle article h2 {
	font-size:120%;
	margin-top: 40px;
	margin-bottom:10px;
}
.ContenuArticle article h3 {
	font-size:110%;
	margin-top: 40px;
	margin-bottom:10px;
}
.ContenuArticle article h2 + h3 {
	margin-top: 30px;
}

.ContenuArticle article h4 {
	font-size:105%;
	margin-top: 30px;
	margin-bottom:10px;
}

.ContenuArticle article ul {
	margin-left: 0;
	padding-left: 20px;	
}
.ContenuArticle article .TTabFig {
	margin-top: 30px;
	margin-bottom:10px;
	font-weight:bold;	
}
.ContenuArticle article .afficher {
	display: inline-block;
	height: 25px;
	width:8px;
	background-color: #e9e9eb;
	background: #e9e9eb url(../img/global/ic-afficher.png) 10px 5px no-repeat; 
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
	border-radius:10px;
	padding-left:45px;
	padding-top: 10px;
	cursor:pointer;
	color: #cc3300;
	margin-bottom:2px;
}

.ContenuArticle article .cacher {
	display: inline-block;
	height: 25px;
	width: 8px;
	background-color: #e9e9eb;
	background: #e9e9eb url(../img/global/ic-cacher.png) 10px 5px no-repeat; 
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
	border-radius:10px;
	padding-left:45px;
	padding-top: 10px;
	cursor:pointer;
	color: #cc3300;
	margin-bottom:2px;
}
.ContenuArticle.proc article .afficher,
.ContenuArticle.proc article .cacher {
	color: #9853de;
}

.ContenuArticle article .afficher:hover,
.ContenuArticle article .cacher:hover {
	color: #666;	
}
.ContenuArticle article .telechargerX a {
	display: inline-block;
	height: 25px;
	width: 8px;
	background-color: #e9e9eb;
	background: #e9e9eb url(../img/global/ic-telecharger-x.png) 18px 5px no-repeat; 
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
	border-radius:10px;
	padding-left:45px;
	padding-top: 10px;
}
.ContenuArticle article .telechargerImg a {
	display: inline-block;
	height: 25px;
	width: 8px;
	background-color: #e9e9eb;
	background: #e9e9eb url(../img/global/ic-telecharger-img.png) 12px 5px no-repeat; 
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
	border-radius:10px;
	padding-left:45px;
	padding-top: 10px;
}
 
table { 
	display:block;
	width: 100%; 
	border-collapse: collapse;
	overflow-x:auto;
}
/*tr:nth-of-type(odd) { 
	background: #eee; 
}*/
td, th { 
	padding: 0px 2px; 
	border: 2px solid #ccc;
	text-align:left; 
	background-color:#fff;
}
	td.sansBordBas, th.sansBordBas { 
		border-bottom: 1px solid #fff;
	}
	td.sansBordBasGris, th.sansBordBasGris { 
		border-bottom: 1px solid #ededed;
	}
	td.sansBordDt, th.sansBordDt {
		border-right: 1px solid #fff;
	}
	td.sansBordDtGris, th.sansBordDtGris {
		border-right: 1px solid #ededed;
	}
	td.sansBordGcheDtBas, th.sansBordGcheDtBas { 
		border-left: 1px solid #F6F6F7;
		border-right: 1px solid #F6F6F7;
		border-bottom: 1px solid #F6F6F7;
	}
	table.sansBordDuTout, td.sansBordDuTout, th.sansBordDuTout {
	border: 1px solid #F6F6F7;
	background-color: #F6F6F7;
	}
.ContenuArticle article p.note-bas-page {
	display: block;
	text-indent: -11.070862pt;
	margin-top: 0.000000pt;
	margin-bottom: 5px;
	margin-right: 0.000000pt;
	margin-left: 11.070862pt;
	font-size: 90%;
}
	
	 
/* Disposition tablette : 481px sur 768px. Hérite des styles de : Disposition mobile */

@media only screen and (min-width: 481px) {
.noPhone {
	display: block;	
}
#Top header, #contentCenter section {
	display: block;
	margin-left:8%;
	margin-right:8%;
/*	background-color:#FF0; jaune*/
}
#Top h2 {
	margin-top:10px;
	margin-bottom: 10px;
}
#contentCenter #accTitre1,
#contentCenter #accTitre2 {
	display: block;
	float: left;
	width: 46%;	
}
#contentCenter #accTitre1 {
	margin-right: 7%;
}
footer #aide {
	float:left;
	padding-top: 61px;
	margin-left: 70px;
	margin-top:0px;
}
footer img {
	display: block;
	float:right;
	margin-top: 55px;
	margin-right:8%;
}
#SommaireOrganes h1,
#SommaireProc h1 {
	font-size: 26px;
}
/***************sommaires généraux **********************/
#SommaireOrganes {
	background-image: url(../img/sommaires/img-1-tab.jpg);
	background-repeat: no-repeat;
	background-position: left 90px;
}
#SommaireProc {
	background-image: url(../img/sommaires/img-2-tab.jpg);
	background-repeat: no-repeat;
	background-position: left 120px;
}

.CollapsiblePanelTab,
.CollapsiblePanelTab-proc {
	margin-left: 130px;
}
.CollapsiblePanelContent, .CollapsiblePanelContent-proc {
	margin: 0px 0px 0px 145px;
}
.tab_et_fig,
.tab_et_fig-proc {
	margin-left: 130px;
}
/*************** ARTICLE **********************************/
.ContenuArticle.proc ul.menu {
	padding-top: 40px;
}
#print {
	display: block;
	float:right;
	position:relative;
	z-index:10000;	
	margin-top:50px;
}
#print a {
	color: #00aecb;
	background-image: url(../img/global/ic-pdf.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 8px 20px 5px 30px;
}

.ContenuArticle.org h1 {
	background-image: url(../img/global/img-1-tab.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 50px;
	height: 88px;
	margin-top: -45px;
}
.ContenuArticle.proc h1 {
	background-image: url(../img/global/img-2-tab.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 50px;
	height: 88px;
	margin-top: -45px;
	
}
.ContenuArticle.org  p.fildariane,
.ContenuArticle.proc  p.fildariane {
	margin-left: 50px;
	margin-top:0px;
}
.ContenuArticle article .afficher {
	width:70px;
	/*background: #e9e9eb url(../img/global/ic-afficher.png) 10px 5px no-repeat; */
}
.ContenuArticle article .afficher:after {
	content:"Afficher";
}
.ContenuArticle article .cacher {
	width: 70px;
	/*background: #e9e9eb url(../img/global/ic-cacher.png) 10px 5px no-repeat; */
}
.ContenuArticle article .cacher:after {
	content:"Cacher";
}

.ContenuArticle article .telechargerX a {
	width: 220px;
	/*background: #e9e9eb url(../img/global/ic-telecharger-x.png) 10px 5px no-repeat; */
}
.ContenuArticle article .telechargerX a:after {
	content:"Télécharger au format Excel";
}
.ContenuArticle article .telechargerImg a {
	width: 220px;
	/*background: #e9e9eb url(../img/global/ic-telecharger-x.png) 10px 5px no-repeat; */
}
.ContenuArticle article .telechargerImg a:after {
	content:"Télécharger au format Image";
}
.ContenuArticle article p.note-bas-page {
	text-indent: -11.070862pt;
	margin-left: 11.070862pt;
	font-size: 95%;
}
td, th { 
	padding: 0px 10px; 
}
tr td p {
	margin: 0px;	
}

}



/* Disposition bureau : à  partir de 1024px. ****************************************************************************************************************
@media only screen and (min-width: 1025px) {*/
@media only screen and (min-width: 769px) {
.noTab {
	display: block;	
}
.noBuro {
	display: none;	
}
#Top {
/*	width: 88.5%;
	max-width: 1232px;*/
	max-width: 1198px;           /*OK */
	background-image: url(../img/global/chd.gif);
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	height: 137px;
}
#contentCenter {
	max-width: 1198px;           /*OK */
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	background-image: url(../img/global/fd-centre.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#Top header, #contentCenter section {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right:auto;
	width: 80%;
	max-width:960px;
	display: block;
}
#Top h1 {
	font-size: 36px;
	line-height: 45px;
	margin:0px;
	margin-top:20px; 
}
#Top h2 {
	position:relative;
	font-size: 110px;
	margin-top:10px;
	padding-right: 60px;
	padding-top:13px;
}
#contentCenter #accTitre1,
#contentCenter #accTitre2 {
	width: 50%;
}
#contentCenter #accTitre1 h1,
#contentCenter #accTitre2 h1 {
	margin: 10px 2% 25px 10%;
}

#contentCenter #accTitre1 img,
#contentCenter #accTitre2 img {
	margin: auto;
}
#contentCenter #accTitre1 {
	margin-right: 0;
}

footer {
	max-width: 1198px;           /*OK */
	background-image: url(../img/global/fd-bottom.gif);
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	height: 205px;
}
footer #aide {
	float:left;
/*	height: 51px;
	width: 64px;
	padding-left: 63px;
	background-position: left bottom;*/
	padding-top: 61px;
	margin-left: 179px;
	margin-top:0px;
}
footer img {
	display: block;
	float:right;
	margin-top: 55px;
	margin-right:126px;
}
#SommaireOrganes h1 {
	font-size: 30px;
	background-image: url(../img/sommaires/img-1.jpg);
	background-repeat: no-repeat;
	padding-left: 200px;
	background-position: left top;
	padding-top: 50px;
	padding-bottom: 50px;
}
#SommaireProc h1 {
	font-size: 30px;
	background-image: url(../img/sommaires/img-2.jpg);
	background-repeat: no-repeat;
	padding-left: 200px;
	background-position: left top;
	padding-top: 30px;
	padding-bottom: 50px;
}

/***************sommaires généraux **********************/
#SommaireOrganes,
#SommaireProc {
	background-image: none;
}
.CollapsiblePanelTab,
.CollapsiblePanelTab-proc {
	margin-left: 220px;
}
.CollapsiblePanelContent, .CollapsiblePanelContent-proc {
	margin: 0px 0px 0px 235px;
}
.tab_et_fig,
.tab_et_fig-proc {
	margin-left: 220px;
}
/*************** ARTICLE **********************************/
.ContenuArticle.proc ul.menu {
	padding-top: 60px;
}
.ContenuArticle.proc #print {
	margin-top:68px;
}

.ContenuArticle.org h1 {
	font-size:150%;
	background-image: url(../img/global/img-1-top.png);
	background-repeat: no-repeat;
	background-position: left top;
/*	margin-top: -72px;*/
	padding-left:80px;
	padding-top:10px;
}
.ContenuArticle.proc h1 {
	font-size:150%;
	background-image: url(../img/global/img-2-top.png);
	background-repeat: no-repeat;
	background-position: left top;
/*	margin-top: -72px;*/
	padding-left:80px;
	padding-top:10px;
}
.ContenuArticle.org  p.fildariane {
	margin-left: 80px;
	margin-top:0px;
}
.ContenuArticle.proc  p.fildariane {
	margin-left: 80px;
	margin-top:25px;
}
.ContenuArticle article {
	text-align:justify;
	font-size:13px;
}
.ContenuArticle article h2 {
	font-size:160%;
}
.ContenuArticle article .afficher,
.ContenuArticle article .cacher {
	width: 55px;
}
.ContenuArticle article .telechargerX a,
.ContenuArticle article .telechargerImg a {	
	width: 180px;
}
.ContenuArticle article p.note-bas-page {
	text-indent: -8pt;
	margin-left: 8pt;
	font-size: 80%;
}
table { 
	overflow-x:hidden;
}
.bigTab td, .bigTab th { 
	padding: 0px 2px;
	font-size:85%; 
}
table.tab50pc {
	width: 50%;	
}
table.tab75pc {
	width: 75%;	
}

}


/* Disposition tablette en paysage : 769px à max. 1232px.  Hérite des styles de : Disposition mobile et disposition tablette *************************************/

/* iPads (landscape) ----------- */
/* Disposition tablette en paysage : 769px sur 1024px.*/ 
@media only screen and (min-width: 769px) and (max-width: 1024px) {

#Top h2 {
	font-size:90px;
	padding-right: 0.12em;
	padding-top:31px;
}
#SommaireOrganes h1 {
	background-image: url(../img/sommaires/img-1-tab.jpg);
	background-repeat: no-repeat;
	padding-left: 100px;
	background-position: left top;
	padding-top: 10px;
	padding-bottom: 10px;
}
#SommaireProc h1 {
	background-image: url(../img/sommaires/img-2-tab.jpg);
	background-repeat: no-repeat;
	padding-left: 100px;
	background-position: left 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/***************sommaires généraux **********************/
#SommaireOrganes,
#SommaireProc {
	background-image: none;
}
.CollapsiblePanelTab,
.CollapsiblePanelTab-proc {
	margin-left: 110px;
}
.CollapsiblePanelContent, .CollapsiblePanelContent-proc {
	margin: 0px 0px 0px 125px;
}
.tab_et_fig,
.tab_et_fig-proc {
	margin-left: 110px;
}

}