@charset "utf-8"; 
/*Design-en-tete*/
html, body { 
height : 100%; 
max-width: 1440px;
min-width: 800px;
margin : 0; 
padding : 0;
} 
body { 
background : white url("../images/gauche-decouv.jpg") left top repeat-y; 
font : 75% "Time News Roman", Arial, "Arial Black", Verdana, Serif; 
} 
div#page #premier-element {
margin-top: 0;
}
#page { 
position : relative; 
min-height : 100%; 
background : url("../images/droite-decouv.jpg") right top repeat-y; 
}
#en_tete { 
height : 115px; 
background : url("../images/fond-decouv.jpg") right top repeat-x; 
} 
#imgbandeau { 
position: relative;
background : url(../images/garonne-boe.jpg) no-repeat; 
width: 640px; 
height: 115px;
}
#logo a img { 
border : none; 
} 
#title {
position: absolute;	
background : url(../images/title-decouv.png) no-repeat; 
width: 504px; 
height: 115px;
left: 35%;
top: 0px;
}
#logo { 
position: absolute;
width : 121px;
left:85%;  
top: 0px;
}
/* Menu horizontale*/
dl, dt, dd, ul, li { 
margin : 0; 
padding : 0; 
list-style-type : none; 
}
#cadre-menu {  
}  
#nav {
z-index : 100; 
width: 100%; 
} 
#nav ul {
}
#nav, #nav ul {
	float: left;
	font-size: 100%;
	list-style: none;
	line-height: 1;
	background: #339966;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
	border-top: 2px solid #3CB378;
	border-bottom: 2px solid #3CB378;	
}
#nav a {

	display: block;
	color: #ffffff;	
	font-weight: bold;
	text-decoration: none;
	padding: 0.7em 0.7em;
}
#nav a.element1 {
	color: #ffffff;	
	text-align: center;	
	vertical-align: middle;
	height: 17px;	
}
#nav a.element {
	background-image: url(../images/puce-menu.png);
	background-repeat : no-repeat; 
	background-position : 0% 40%; 
	text-indent: 10px; 
}

#nav li {
	float: left;
	padding: 0;
	width: 11%; 
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14em;
	font-weight: normal;
	border-width: 5px;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 13em;
}

#nav li ul a {
	width: 13em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #3CB378; 
}
/*Design-calendrier-droite*/ 
/*Design-colonne-droite*/ 
#colonne-droite { 
float : right; 
margin-bottom : 30px;
margin-top: 10px; 
width : 170px; 
z-index : 50; 
}
#colonne-droite .lien { 
display: block;
width : 60%; 
border : none; 
}  
#colonne-droite .lien-mini { 
display: block;
width : 50%; 
border : none; 
}
#colonne-droite .lienleft li { 
text-align : center; 
} 
#colonne-droite .boite-gauche li {
margin: 1em;
} 
#colonne-droite .boite-gauche img {
margin: auto;
} 
#colonne-droite .no-bordure {
border: none;
}
#colonne-droite .title-menu-droite ul {	
margin : auto; 
padding : 0; 
list-style-type : none; 
} 
#colonne-droite .title-menu-droite li { 
font-size : 100%; 
padding-top : 5px; 
} 
#colonne-droite .title-menu-droite li a { 
display : block;
text-align: center; 
width : 166px; 
line-height : 20px;
font-size : 100%; 
font-weight : bold;
text-decoration : none; 
background: url("../images/menu1.jpg") left top no-repeat;
border: 2px solid #ffffff;	
color : #ffffff;  
}
#colonne-droite .title-menu-droite li a:hover, #colonne-droite .title-menu-droite li a:focus, #colonne-droite .title-menu-droite li a:active {	
background: url("../images/menu1.jpg") right top no-repeat; 
border: 2px solid #ffff99; 
color : #FFFF99;
}  
/*Design-menu-colonne-droite*/ 	
#colonne-droite .menu-droite ul { 
margin : auto; 
padding : 0; 
list-style-type : none; 
} 
#colonne-droite .menu-droite li { 
font-size : 100%; 
padding-top : 3px; 
} 
#colonne-droite .menu-droite li a { 
display : block; 
width : 166px; 
line-height : 20px; 
font-weight : bold; 
text-indent : 3px; 
text-decoration : none; 
background: url("../images/menu2.jpg") left top no-repeat;
border: 2px solid #7900A1;
color : #ffffff; 
} 
#colonne-droite .menu-droite li a:hover, #colonne-droite .menu-droite li a:focus, #colonne-droite .menu-droite li a:active  { 
background: url("../images/menu2.jpg") right top no-repeat;  
border-left: 2px solid #009900; 
color : #7ED12A; 
}  
#colonne-droite .border { 
   height: 10px;	
   background: url("../../images/border-menu.png");
}
#colonne-droite .border1 { 
   height: 10px;	
   background: url("../images/border-menu1.png");
}
#colonne-droite .roundedcornr_box_481483 {	
   background: #99cc99 url("../images/roundedcornr_481483_grad.gif") repeat-y top left;
}
#colonne-droite .roundedcornr_top_481483 div {
   background: url("../images/roundedcornr_481483_tl.png") no-repeat top left;
}
#colonne-droite .roundedcornr_top_481483 {
   background: transparent url("../images/roundedcornr_481483_tr.png") no-repeat top right;
}
#colonne-droite .roundedcornr_bottom_481483 div {
   background: url("../images/roundedcornr_481483_bl.png") no-repeat bottom left;
}
#colonne-droite .roundedcornr_bottom_481483 {
   background: transparent url("../images/roundedcornr_481483_br.png") no-repeat bottom right;
}

#colonne-droite .roundedcornr_top_481483 div, #colonne-droite .roundedcornr_top_481483,
#colonne-droite .roundedcornr_bottom_481483 div, #colonne-droite .roundedcornr_bottom_481483 {
   width: 100%;
   height: 40px;
   font-size: 1px;
}
#colonne-droite .roundedcornr_content_481483 { margin: 0 0; }
/*Design-colonne-gauche*/ 
#colonne-gauche { 
float : left; 
text-align : left; 
width : 170px; 
margin-top: 30px;
z-index : 50; 
} 
#colonne-gauche .lien { 
display: block;
width : 70%; 
border : none; 
} 
#colonne-gauche .lienleft li { 
text-align : center; 
}  
/*Design-menu-colonne-gauche*/ 	
#menu-pratique ul { 
padding : 0; 
list-style-type : none; 
} 
#menu-pratique li { 
font-size : 105%; 
margin : 0 0 1px 4px; 
padding : 0;
margin: 0.8em; 
} 
#menu-pratique li a { 
display : block; 
margin-left: 23px;
color : #003399; 
font-weight : bold;  
text-decoration : none;  
}

#menu-pratique .img-alerte {
background-image:url("../../images/img-alerte.png");
background-repeat:no-repeat;
background-position:0 3%;
}

#menu-pratique .img-accessiblite { 
background-image : url("../../images/img-accessibilite.png"); 
background-repeat : no-repeat; 
background-position : 0% 3%; 
}  
#menu-pratique .img-telephone { 
background-image : url("../../images/img-telephone.png"); 
background-repeat : no-repeat; 
background-position : 0% 3%;
} 
#menu-pratique .img-photo { 
background-image : url("../../images/img-photo.png"); 
background-repeat : no-repeat; 
background-position : 0% 3%;
} 
#menu-pratique .img-public { 
background-image : url("../../images/img-public.png"); 
background-repeat : no-repeat; 
background-position : 0% 3%;
} 
#menu-pratique .img-virtuelle { 
background-image : url("../../images/img-virtuelle.png"); 
background-repeat : no-repeat; 
background-position : 0% 3%;
} 
#menu-pratique .img-communication { 
background-image : url("../../images/img-communication.png"); 
background-repeat : no-repeat; 
background-position : 0% 3%;
}
#menu-pratique .img-courriel { 
background-image : url("../../images/img-courriel.png"); 
background-repeat : no-repeat; 
background-position : 0% 3%;
}
#menu-pratique .img-demarche { 
background-image : url("../../images/img-demarche.png"); 
background-repeat : no-repeat; 
background-position : 0% 3%;
}  
#menu-pratique .img-cartes { 
background-image : url("../../images/img-cartes.png"); 
background-repeat : no-repeat; 
background-position : 0% 3%;
}
#menu-pratique .img-marches { 
background-image : url("../../images/img-marches.png"); 
background-repeat : no-repeat; 
background-position : 0% 3%;
}
#menu-pratique .img-annuaire { 
background-image : url("../../images/img-annuaire.png"); 
background-repeat : no-repeat; 
background-position : 0% 3%;
}

#menu-pratique .img-sondage {
background-image:url("../../images/img-sondage.png");
background-repeat:no-repeat;
background-position:0 3%;
}
#menu-pratique .img-annonce {
background-image:url("../../images/img-annonce.png");
background-repeat:no-repeat;
background-position:0 3%;
}

#menu-pratique li a:hover, #menu-pratique li a:focus, #menu-pratique li a:active {   
text-decoration: underline;
color : #00194E; 
} 
/*Design-recherche-colonne-gauche*/ 
#menu-recherche .saisie-recherche { 
width: 150px;
margin-top : 3px; 
margin-left: 6px;
} 
#menu-recherche .btn-rechercher { 
margin-left: 32px;  
} 
#menu-recherche {
padding-bottom: 10px;
background: white url(../../images/bas-marron.jpg) no-repeat;
background-position: center bottom;
}
#menu-recherche input:hover, #menu-recherche input:focus, #menu-recherche input:active  { 
color : #0033cc; 
}
#menu-recherche label {	
display: block; 
margin: 0; 
padding-top: 15px;
background: transparent url(../../images/haut-marron.jpg) no-repeat;
background-position: center top;
text-align: center;
font-weight : bold; 
font-size : 110%;	
text-decoration : underline; 
color : #336633;  
}  
/*Design-menu-pratique-colonne-gauche*/	
#menu-pratique p {	 
margin: 0; 
padding-top: 10px;
background: transparent url(../../images/haut-marron.jpg) no-repeat;
background-position: center top;
text-align: center;
font-weight : bold; 
font-size : 110%;	
text-decoration : underline; 
color : #336633; 
}
#menu-pratique {
padding-bottom: 10px;
background: white url(../../images/bas-marron.jpg) no-repeat;
background-position: center bottom;
}
#info-pratiques p {	 
margin: 1px; 
padding-top: 15px;
background: transparent url(../../images/haut.png) no-repeat;
background-position: center top;
text-align: center;
font-weight : bold; 
font-size : 110%;	
text-decoration : underline; 
}
#info-pratiques {
padding-bottom: 10px;
background: white url(../../images/milieu-bas.png) no-repeat;
background-position: center bottom;
} 
#info-pratiques img {
margin: auto;
} 
/*Design-corps*/ 
#corps { 
margin-top : 20px; 
margin-left : 180px; 
margin-right : 180px; 
text-align : left; 
} 
#corps p {
line-height : 20px;	
text-align : justify;
} 
#corps img {
display: block;
border: none;
} 
#corps h1 {
font-size : 140%; 
text-align : center; 
}
#corps h2 { 
color : #CC66CC; 
font-weight : bold;
font-size: 120%;
text-align: center;
} 
#corps li {
padding-bottom : 7px; 
margin-left : 3px; 
}
#corps li a {
font-weight : bold; 
}
/*traitement-lien-extérieur*/ 
#corps a.lien_ext:after {
content: " (lien externe)";	
} 
#corps a.lien_ext {
text-decoration: none;
}
/*Design-corps-decouvrir-boe h1*/ 
#corps h1 { 
color : #336633;
}  
#corps li a { 
color : #003399;  
} 
#corps  a:hover, #corps a:focus, #corps a:active { 
color : #cc0066; 
}
#object { 
text-align: center;
z-index: 0;
} 
/*Design-corps-decouvrir-boe h2 - h3*/  
#corps .cadre { 
margin-left: auto;
margin-right: auto;
height: 20px;
width: 90%;
background: url(../images/menu-corps1.png);	
margin-bottom: 20px;
margin-top: 20px; 
}
#corps .hautdroit {
float: right; 
height: 20px; width: 31px;
font-size:1px; /* correction d'un bug IE */	 
background: url(../images/menu-corps2.png);
}
#corps .contenu h2 {
font-size : 110%; 
color : #ffffff; 
margin-left: 5px; 
text-align: center;
}
#corps .min-cadre { 
margin-left: auto;
margin-right: auto;
height: 20px;
width: 90%;
background: url(../images/menu-mini-corps1.png);	
margin-bottom: 20px;
margin-top: 20px; 
}
#corps .min-hautdroit {
float: right;
height: 20px; width: 31px;
font-size:1px; /* correction d'un bug IE */	 
background: url(../images/menu-mini-corps2.png);
}
#corps .min-contenu h3 { 
font-size : 100%; 
color : #ffffff;
text-align: center; 
margin-top: 5px;
margin-left: 5px; 
} 
/*Design-corps-decouvrir-boe: 2 colonnes */ 
#corps .decouv-column { 
float : left; 
width : 49%; 
padding-left: 3px;
padding-right: 3px; 
margin-bottom: 10px;
}
#corps .decouv-column p {
margin-left : 5px;
margin-right: 5px;  
} 
/*Design-corps-decouvrir-boe: image no-float */ 
#corps .img-no-float {
display: block;
text-align: center; 
width : 90%; 
} 	
/*Design-corps-decouvrir-boe: image page environnement */ 
#corps .img-isole { 
display : block; 
margin: auto;  
width: 80%;
}
/*Design-corps-decouvrir-boe: image flottante à droite */ 
#corps .img-float-right {
display: block; 
float : right;
width : 30%;
margin-left : 5px;
margin-right: 5px; 
margin-bottom : 5px;  
}
#corps .img-float-right1 {
display: block; 
float : right;
width : 40%;
margin-left : 5px;
margin-right: 5px; 
margin-bottom : 5px; 
}
#corps .conteneur {
overflow: auto;
}
#corps .img-gauche {
display: block;
width : 30%;
} 
/*Cadre extensible*/ 
#cadre {
width: 20em;
background-color: #99cc99; 
margin: auto;
}
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 45px; width: 45px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
#hautgauche {
background: url(../images/haut-gauche.jpg);
}
#hautdroit {
float: right;
background: url(../images/haut-droite.jpg);
}
#basgauche {
background: url(../images/bas-gauche.jpg);
}
#basdroit {
float: right;
background: url(../images/bas-droite.jpg);
} 
#contenu li {
text-align: center; 
} 
/*Design-corps-decouvrir-boe: texte mis en valeur + puce */ 
#corps .important { 
color : #226522; 
font-weight : bold;
text-decoration: underline; 
} 
#corps .valeur { 
color : #CC0000; 
font-size: 110%;
font-weight : bold;
text-decoration: underline; 
} 
#corps .important1 { 
color : #6A501B; 
font-weight : bold;
} 
#corps .puce1 { 
margin-top : 6px; 
margin-bottom : 6px; 
list-style-type : none; 
background-image : url("../images/rubrique3.png"); 
background-repeat : no-repeat; 
background-position : 0% 20%; 
padding-left : 20px;
margin-left: 30px; 
color : #226522; 
font-weight : bold;
font-size: 110%;
} 
#corps .intitule { 
color : #6A501B; 
font-weight : bold;
font-size: 120%;
text-decoration: underline;	
text-align: center;
} 
#corps .liste { 
color : #009900; 
text-decoration : underline; 
font-style : italic; 
} 
#corps .liste0 { 
color : #3B4F3B; 
font-size: 110%;
font-weight: bold;
}
#corps .liste1 { 
color : #009900; 
text-decoration : underline; 
font-style : italic; 
font-weight: bold;
}
#corps .puce { 
margin-top : 6px; 
margin-bottom : 6px; 
list-style-type : none; 
background-image : url("../images/puce.png"); 
background-repeat : no-repeat; 
background-position : 0% 0%; 
padding-left : 20px;
margin-left: 30px; 
}
#corps .decouv-valeur { 
color : #006600; 
font-weight : bold; 
font-size : 110%; 
text-align : center; 
}
#corps .no-decoration {
text-decoration: none;
}
#encadrement {
width: 50%; 
text-align: center;	  
margin: auto;
border-right: 4px solid green;
border-left:2px solid #339900;
border-top: 2px solid #339900;
border-bottom:4px solid green;
border-collapse: collapse; /* Colle les bordures entre elles */
}
/*Design-corps-decouvrir-boe: lien de raccourci*/ 
#decouv-lien li { 
margin-top : 10px; 
margin-bottom : 10px; 
} 
#decouv-lien li a { 
list-style-type : none; 
background-image : url("../images/puce-lien.png"); 
background-repeat : no-repeat; 
background-position : 0% 60%; 
padding-left : 20px; 
color : #003399; 
font-weight : bold; 
} 
#decouv-lien a:hover, #decouv-lien a:focus, #decouv-lien a:active { 
background-image : url("../images/puce-lien-hover.png");
color : #009999;
} 
/* page population */  
#corps .intro {
color: #336699;
font-weight: bold;
}
#map {
text-align: center;
margin: auto; 
z-index: 0;
}
#q-graph {display: block; /* fixes layout wonkiness in FF1.5 */	 
  position: relative; width: 400px; height: 280px;
  margin: 1.1em 0 0; padding: 0;
  background: #DDD;
  border: 2px solid gray;
  font-size: 100%;}
#q-graph caption {caption-side: top; width: 400px;
  position: absolute; top: -30px; z-index: 10;
  font-weight: bold; color: #006600; font-size: 130%;}

#q-graph tr, #q-graph th, #q-graph td { 
  position: absolute;
  bottom: 0; width: 80px; z-index: 2;
  margin: 0; padding: 0;
  text-align: center;} 
#q-graph th {  
font-weight: bold; color: #2F2F2F; font-size: 100%;  margin-top: 20px;}  
#q-graph thead tr {left: 100%; top: 50%; bottom: auto;
  margin: -2.5em 0 0 5em;}
#q-graph thead th {width: 10em; height: auto; padding: 0.5em 1em;}
#q-graph thead th.paid {top: 2.75em; left: 0; border: 1px solid;}
#q-graph tbody tr {padding-top: 2px;
  border-right: 1px dotted #C4C4C4; color: #AAA;}
#q-graph #q1 {left: 0;}
#q-graph #q2 {left: 75px;}
#q-graph #q3 {left: 150px;}
#q-graph #q4 {left: 225px;}
#q-graph #q5 {left: 300px;}
#q-graph #q6 {left: 375px;}
#q-graph #q7 {left: 450px; border-right: none;}
#q-graph tbody th {position: absolute; top: 5px;}
#q-graph .bar {width: 30px; border: 1px solid; border-bottom: none; color: #000;}
#q-graph .bar p {margin: 3px 0 0; padding: 0; text-align: center; font-weight: bold; color: #2F2F2F; font-size: 100%;}
#q-graph .paid {left: 30px; background: #9999FF;
  border-color: #CDC #9B9 #000 #BFB;}
#ticks {position: relative; top: -300px; 
  width: 400px; height: 340px; z-index: 1;
  margin-bottom: 0px;
  font: 9px Helvetica, Geneva, sans-serif;}
#ticks .tick {position: relative; border-bottom: 1px solid gray; width: 400px;}
#ticks .tick p {position: absolute; left: 100%; top: -0.67em; margin: 0 0 0 0.5em; font-weight: bold; color: #9900CC; font-size: 120%;}
/*page entreprise zone geographique*/
#q-graphzone {display: block; /* fixes layout wonkiness in FF1.5 */	 
  position: relative; width: 440px; height: 270px;
  margin: 1.1em 0 0; padding: 0;
  background: #DDD;
  border: 2px solid gray;
  font-size: 100%;}
#q-graphzone caption {caption-side: top; width: 450px;
  z-index: 10; position: absolute; top: -30px;
  font-weight: bold; color: #006600; font-size: 130%;}

#q-graphzone tr, #q-graphzone th, #q-graphzone td { 
  position: absolute;
  bottom: 0; width: 25px; z-index: 2;
  margin: 0; padding: 0;
  text-align: center;} 
#q-graphzone th {  
font-weight: bold; color: #2F2F2F; font-size: 100%;  margin-top: 20px; }  
#q-graphzone thead tr {left: 100%; top: 50%; bottom: auto;
  margin: -2.5em 0 0 5em;}
#q-graphzone thead th {width: 12em; height: 25px; padding: 0.5em 1em;}
#q-graphzone thead th.paid1 {top: -60px; left: -15px; border: 1px solid;}
#q-graphzone thead th.paid2 {top: -30px; left: -15px; border: 1px solid;}
#q-graphzone thead th.paid3 {top: 0px; left: -15px; border: 1px solid;}
#q-graphzone thead th.paid4 {top: 30px; left: -15px; border: 1px solid;}
#q-graphzone thead th.paid5 {top: 60px; left: -15px; border: 1px solid;}
#q-graphzone thead th.paid6 {top: 90px; left: -15px; border: 1px solid;}
#q-graphzone thead th.paid7 {top: 120px; left: -15px; border: 1px solid;}
#q-graphzone thead th.paid8 {top: 150px; left: -15px; border: 1px solid;}
#q-graphzone thead th.paid9 {top: 180px; left: -15px; border: 1px solid;}
#q-graphzone thead th.paid10 {top: 210px; left: -15px; border: 1px solid;}
#q-graphzone tbody tr {padding-top: 2px;
  border-right: 1px dotted #C4C4C4; color: #AAA;}
#q-graphzone #q1 {left: 0;}
#q-graphzone #q2 {left: 40px;}
#q-graphzone #q3 {left: 80px;}
#q-graphzone #q4 {left: 120px;}
#q-graphzone #q5 {left: 160px;}
#q-graphzone #q6 {left: 200px;}
#q-graphzone #q7 {left: 240px;}
#q-graphzone #q8 {left: 280px;}
#q-graphzone #q9 {left: 320px;}
#q-graphzone #q10 {left: 360px; border-right: none;}
#q-graphzone tbody th {position: absolute; top: 5px; left: 35px;}
#q-graphzone .bar {width: 30px; border: 1px solid; border-bottom: none; color: #000;}
#q-graphzone .bar p {margin: 3px 0 0; padding: 0; text-align: center; font-weight: bold; color: #2F2F2F; font-size: 100%;}
#q-graphzone .paid1 {left: 30px; background: #CC3399;
  border-color: #CDC #9B9 #000 #BFB;}
#q-graphzone .paid2 {left: 30px; background: #9900FF;
  border-color: #CDC #9B9 #000 #BFB;}
#q-graphzone .paid3 {left: 30px; background: #663366;
  border-color: #CDC #9B9 #000 #BFB;}
#q-graphzone .paid4 {left: 30px; background: #6699FF;
  border-color: #CDC #9B9 #000 #BFB;}
#q-graphzone .paid5 {left: 30px; background: #CC0000;
  border-color: #CDC #9B9 #000 #BFB;}
#q-graphzone .paid6 {left: 30px; background: #FF9966;
  border-color: #CDC #9B9 #000 #BFB;}
#q-graphzone .paid7 {left: 30px; background: #666600;
  border-color: #CDC #9B9 #000 #BFB;}
#q-graphzone .paid8 {left: 30px; background: #990066;
  border-color: #CDC #9B9 #000 #BFB;}
#q-graphzone .paid9 {left: 30px; background: #CC9999;
  border-color: #CDC #9B9 #000 #BFB;}
#q-graphzone .paid10 {left: 30px; background: #0066CC;
  border-color: #CDC #9B9 #000 #BFB;}
#q-graphzone .color1 {color: #CC3399;}
#q-graphzone .color2 {color: #9900FF;}
#q-graphzone .color3 {color: #663399;}
#q-graphzone .color4 {color: #6699FF;}
#q-graphzone .color5 {color: #CC0000;}
#q-graphzone .color6 {color: #FF9966;}
#q-graphzone .color7 {color: #666600;}
#q-graphzone .color8 {color: #990066;}
#q-graphzone .color9 {color: #CC9999;}
#q-graphzone .color10 {color: #0066CC;} 
#tickszone {position: relative; top: -279px; 
  width: 440px; height: 270px; z-index: 1;
  margin-bottom: 0px;
  font: 9px Helvetica, Geneva, sans-serif;}
#tickszone .tick {position: relative; border-bottom: 1px solid gray; width: 440px;}
#tickszone .tick p {position: absolute; left: 100%; top: -0.67em; margin: 0 0 0 0.5em; font-weight: bold; color: #9900CC; font-size: 120%;}
/*page entreprise par zone*/
#q-graphsecteur {display: block; /* fixes layout wonkiness in FF1.5 */	 
  position: relative; width: 400px; height: 300px;
  margin: 1.1em 0 0; padding: 0;
  background: #DDD;
  border: 2px solid gray;
  font-size: 100%;}
#q-graphsecteur caption {caption-side: top; width: 400px;
  position: absolute; top: -30px; z-index: 10;
  font-weight: bold; color: #006600; font-size: 130%;}

#q-graphsecteur tr, #q-graphsecteur th, #q-graphsecteur td { 
  position: absolute;
  bottom: 0; width: 25px; z-index: 2;
  margin: 0; padding: 0;
  text-align: center;} 
#q-graphsecteur th {  
font-weight: bold; color: #2F2F2F; font-size: 100%;  margin-top: 20px; }  
#q-graphsecteur thead tr {left: 100%; top: 50%; bottom: auto;
  margin: -2.5em 0 0 5em;}
#q-graphsecteur thead th {width: 12em; height: 25px; padding: 0.5em 1em;}
#q-graphsecteur thead th.paid1 {top: -60px; left: 0; border: 1px solid;}
#q-graphsecteur thead th.paid2 {top: -30px; left: 0; border: 1px solid;}
#q-graphsecteur thead th.paid3 {top: 0px; left: 0; border: 1px solid;}
#q-graphsecteur tbody tr {padding-top: 2px;
  border-right: 1px dotted #C4C4C4; color: #AAA;}
#q-graphsecteur #q11 {left: 30px;}
#q-graphsecteur #q12 {left: 150px;}
#q-graphsecteur #q13 {left: 250px; border-right: none;}
#q-graphsecteur tbody th {position: absolute; top: 5px; left: 35px;}
#q-graphsecteur .bar {width: 50px; border: 1px solid; border-bottom: none; color: #000;}
#q-graphsecteur .bar p {margin: 3px 0 0; padding: 0; text-align: center; font-weight: bold; color: #2F2F2F; font-size: 100%;}
#q-graphsecteur .paid1 {left: 30px; background: #CC3399;
  border-color: #CDC #9B9 #000 #BFB;}
#q-graphsecteur .paid2 {left: 30px; background: #9900FF;
  border-color: #CDC #9B9 #000 #BFB;}
#q-graphsecteur .paid3 {left: 30px; background: #6699FF;
  border-color: #CDC #9B9 #000 #BFB;}
#q-graphsecteur .color1 {color: #CC3399;}
#q-graphsecteur .color2 {color: #9900FF;}
#q-graphsecteur .color4 {color: #6699FF;}
#tickssecteur {position: relative; top: -309px; 
  width: 400px; height: 300px; z-index: 1;
  margin-bottom: 0px;
  font: 9px Helvetica, Geneva, sans-serif;}
#tickssecteur .tick {position: relative; border-bottom: 1px solid gray; width: 400px;}
#tickssecteur .tick p {position: absolute; left: 100%; top: -0.67em; margin: 0 0 0 0.5em; font-weight: bold; color: #9900CC; font-size: 120%;}
/*Design-corps-decouvrir-boe: retour au de page*/
#corps .decouv-fixe {
width: 100%;
} 
#corps .decouv-fixe li {	
margin-top: 10px;
font-size: 70%;
text-align: right;
}
#corps .decouv-fixe img { 
margin-right: 10px;
float: right;
}	
#corps .spacer {
clear: both;
}
/*Design-pied-de-page*/
div#page #dernier-element {
padding-bottom: 4em; 
margin-bottom: 0;
}
#piedpage2 { 
bottom: 0; left: 0;
width: 100%;
height: 3em;
position: absolute;
text-align: center;
background : #339966;
}
#piedpage2 ul {	 
margin-top: 1em ;
}  
#piedpage2 li {	 
display: inline ;
} 
#piedpage2 li a { 
padding-left: 10px ;
text-align: center ;
color : #ffffff; 
font-weight : bold; 
} 
#piedpage2 li a:hover, #piedpage2 li a:focus, #piedpage2 li a:active { 
color : #FFFFCC;
}