@import url("nav1.css");
@import url("nav2.css");
@import url("bugfix.css");

/*
-----------------------------------------
Main
-----------------------------------------
*/
/*<agl.folder "main">*/
	#main { text-align: left; margin: 0; width: 930px }
	#colCentre { margin-top: 4px; width: 670px; float: right }
	#colGauche { width: 250px; float: left }
	#colDroite { display: none }
	#colCentre ul { list-style-type: square; margin-top: 0.6em; margin-bottom: 1em }
	#colCentre li { line-height: 1.6em; margin: 0 0 0.3em }
	
	#colCentreIn .encadreAncres ul { list-style-type: none; margin: 0; padding: 0; border: none }
	#colCentreIn .encadreAncres ul a { color: #25287f; margin: 0; padding: 0 }
	#colCentre .encadreAncres { margin: 10px 0 0; padding: 5px 5px 2px; border: solid 1px #69c }
/*</agl.folder>*/

/*
-----------------------------------------
Separateurs
-----------------------------------------
*/
/*<agl.folder "separateur">*/
	.separateur { font-size: 2px; line-height: 2px; background: #fff; height: 2px; clear: both; border-top: 1px solid #b3cad6 }
	.separateurVide { font-size: 0; line-height: 1px; height: 0; clear: both }
/*</agl.folder>*/

/*
-----------------------------------------
niv-1
-----------------------------------------
*/
/*<agl.folder "niv1">*/
	.n1 #colCentre .cadre { background: #fff; margin-top: 0; margin-bottom: 2px; border: solid 1px #b3cad6 }
	.n1 #colCentre .item strong { color: #999; font-weight: normal }
	.n1 #colCentre .item { line-height: 18px; margin: 0 10px; padding-top: 10px; padding-bottom: 10px; width: 470px }
	.n1 #colCentre .item a.fichier { font-size: 16px; font-weight: bold; margin-bottom: 4px; padding-left: 12px }
	.n1 #colCentre .pub { margin-top: 1em }
	.n1 #colCentre .pub p { margin: 0 }
	.n1 #colCentre .item a.img { display: block; float: left; clear: both }
	.n1 #colCentre .item p  { padding-left: 75px }
	.n1 #colCentre p {margin-bottom: 1.5em}
	
	#retraite.n1 #colCentre .cadre { background: #f6f6f6; margin-top: 4px; margin-bottom: 2px; border: solid 1px #d9d9d9 }
	#retraite.n1 #colCentre .demi { margin: 2px 12px; padding-bottom: 2px; width: 170px; float: left }
	
	#jeunes.n1 #colCentre .cadre { margin-top: 4px; margin-bottom: 2px; border-style: none }
	/* #jeunes.n1 #colCentre .cadre{background:#f2f2f2 url(../Images/Illustration/jeunes_bg.jpg) repeat-x;}*/
	#jeunes.n1 #colCentre .jcol00 { margin: 0 5px 0 12px; width: 167px; float: left }
	#jeunes.n1 #colCentre .jcol01 { margin: 0 5px 0 0; width: 157px; float: left }
	#jeunes.n1 #colCentre .jcol02 {width:230px; margin: 0px 0px 0px 0px; float: left}
	#jeunes.n1 #colCentre .jcol03 {width:230px; margin: 0px 0px 0px 0px; float: left}
	#jeunes.n1 #colCentre .jcoltext { background-color: #ffffff; margin: 4px; padding: 10px; float: left }
	#jeunes.n1 #colCentre #jcoltext00 { margin-top: 1px; padding: 0 2px 0 2px; border: solid 1px #0cf }
	#jeunes.n1 #colCentre #jcoltext01 { margin-top: 1px; padding: 0 2px 0 2px; border: solid 1px #d1d966 }
	#jeunes.n1 #colCentre #jcoltext02   { border: solid 1px #ff4aa8; padding:0 2px 0 2px; margin-top:1px }
	#jeunes.n1 #colCentre #jcoltext03   { border: solid 1px #ff4aa8; padding:0 2px 0 2px; margin-top:1px  }
/*</agl.folder>*/

/*
-----------------------------------------
niv-2
-----------------------------------------
*/
/*<agl.folder "niv2">*/
	.n2 #colCentre .cadre { margin: 10px 0 2px; padding: 20px 10px 10px; border: solid 1px #b3cad6 }
	.n2 #colCentre strong { color: #1e3280; font-size: 12px; font-weight: bold }
	.n2 #colCentre p { margin-bottom: 1.5em }
	.n2 #colCentre h4 { width: 470px }
	.n2 #colCentre .item a.img { display: block; float: left; clear: both }
	/*.n2 #colCentre .item{background:#fff no-repeat 0 5px;margin-bottom:15px;width:320px;float:left;}*/
	.n2 #colCentre .item { display: block; margin: 0 6px; padding-bottom: 0; width: 306px; height: 130px; float: left; overflow: hidden }
	/*.n2 #colCentre .menu { height: 20%; overflow: visible }*/
	.n2 #colCentre .item p, .n2 #colCentre .item h3 { padding-left: 75px }
	.n2 #colCentre h1 { margin-top: 28px }
/*</agl.folder>*/

/*
-----------------------------------------
Pictos impression, envoi, corps du texte
-----------------------------------------
*/
/*<agl.folder "action">*/
	#action { margin: 0 0 4px; position: relative; float: right }
	#action .action { height: 24px; float: left }
	#action #police { margin-left: 4px; padding-right: 4px; border-right: 1px solid #d9d9d9 }
	#action #police a { display: block; width: 30px; height: 24px; float: left }
	#action #police a.a1 { background: url("../Images/Commun/a1.gif") no-repeat }
	#action #police a.a2 { background: url("../Images/Commun/a2.gif") no-repeat }
	#action #police a.a3 { background: url("../Images/Commun/a3.gif") no-repeat }
	#action #police a:hover { background-color: #f5f5f5; background-position: 0 -26px }
	#action #envoyer a, #action #imprimer a { display: block; width: 52px; height: 24px; border-right: 1px solid #d9d9d9 }
	#action #imprimer a { background-image: url("../Images/Commun/a_imprim.gif") }
	#action #envoyer a { background-image: url("../Images/Commun/a_envoi.gif") }
	#action a:hover { text-decoration: none; background-color: #f5f5f5 }
/*</agl.folder>*/

/*
-----------------------------------------
Boutons
-----------------------------------------
*/
/*<agl.folder "boutons">*/

	a.bt, a.btr, a.btv, a.btv2, a.btb, a.btsondage, a.btg, a.bti { color: #000; font-size: 11px; line-height: 19px; text-align: center; display: block; padding-right: 10px; padding-left: 12px; width: 230px; height: 20px }
	a.bt { color: #fff; background-image: url("../Images/Boutons/bt_230/bt_230lclbleu1.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0 }
	
	a.btv, a.btr { color: #fff; background-image: url("../Images/Boutons/bt_230/bt_230lclblue2.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0 }
	a.btv2   { color: #fff; background: url(../Images/Boutons/bt_230/bt_230lclblue2.gif) no-repeat }
	a.btb   { color: #fff; background: url(../Images/Boutons/bt_230/bt_230lclblue2.gif) no-repeat }
	a.btg { background: url("../Images/Boutons/bt_230/bt_230lclblue3.gif") no-repeat }
	a.bti { color: #fff; background: url("../Images/Boutons/bt_230/bt_230lclbleu1.gif") no-repeat }
	a.btsondage { color: #fff; background: url("../Images/Boutons/btsondage.gif") no-repeat; width: 196px }
	a:hover.bt, a:hover.btr, a:hover.btv, a:hover.btv2, a:hover.btb, a:hover.btsondage, a:hover.btsondage, a:hover.btg, a:hover.bti { color: #000; text-decoration: none; background-position: 0 -20px }
	a:hover.bt, a:hover.btb, a:hover.btsondage, a:hover.btv, a:hover.btv2, a:hover.bti { color: #fff }
	a.btenvoi { color: #fff; font-size: 11px; line-height: 19px; background: url("../Images/Boutons/bg_envoi.gif") no-repeat; display: block; padding-left: 10px; width: 97px; height: 19px }
	a.btenvoi_v { font-size: 11px; line-height: 19px; background: url("../Images/Boutons/bg_envoi_v.gif") no-repeat; display: block; padding-left: 10px; width: 97px; height: 19px }
	a:hover.btenvoi, a:hover.btenvoi_v {background-position:0 -19px; text-decoration: none}
	
	a.btsavoir { font-size: 11px; line-height: 19px; background: url("../Images/Boutons/btsavoir.gif") no-repeat; display: block; padding-left: 10px; width: 90px; height: 19px }
	a:hover.btsavoir { text-decoration: none; background-position: 0 -19px }
	
	a.btContinuer { color: #fff; font-size: 11px; line-height: 22px; background: url("../images/bg_continuer.gif") no-repeat; text-align: left; display: block; padding-left: 15px; width: 135px; height: 22px }
	a:hover.btContinuer { color: #fff; text-decoration: none; background-position: 0 -22px }
	
	a.btfermer { color: #000; font-size: 11px; line-height: 22px; background: url("../images/bg_fermer.gif") no-repeat; text-align: center; display: block; width: 135px; height: 22px }
	a:hover.btfermer { color: #000; text-decoration: none; background-position: 0 -22px }
	
	a.btmoins, a.btplus { color: #000; font-size: 11px; line-height: 19px; text-align: center; display: block; margin-left: 5px; width: 19px; height: 19px }
	a.btmoins { background: url("../Images/Boutons/btmoins.gif") no-repeat; float: left }
	a.btplus { background: url("../Images/Boutons/btplus.gif") no-repeat; float: left }
	a:hover.btmoins, a:hover.btmoins { color: #000; text-decoration: none; background-position: 0 -19px }
	
	a.pdf, a.pdflight { color: #1f368b; text-decoration: none; background: url("../Images/Commun/f_pdf.gif") no-repeat; display: block; padding-left: 18px }
	a.pdf:hover, a.pdflight:hover { color: #333; text-decoration: underline; background-position: 0 -30px }
	
	a.clear { display: block; padding: 2px 0; clear: both }
/*</agl.folder>*/

/*
-----------------------------------------
Table
-----------------------------------------
*/
/*<agl.folder "table">*/
	table.tableDefaut { margin-top: 0.2em; margin-bottom: 1.5em; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5 }
	table.tableDefaut td { font-size: 11px; margin: 0; padding: 3px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 }
	table.tableDefaut th { color: #fff; font-size: 11px; font-weight: normal; background: #6999c9; text-align: center; margin: 0; padding: 3px; vertical-align: middle; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 }
	table tr.l1 td { background-color: #f2f2f2 }
	table tr.l2 td { background-color: #fff }
	table .l { text-align: left }
	table .r { text-align: right }
	table .c { text-align: center }
/*</agl.folder>*/

/*
-----------------------------------------
Plan du site
-----------------------------------------
*/
/*<agl.folder "plan du site">*/
	#colCentre #planDuSite h3 { color: #1f368b; margin: 1em 0 0; border-bottom: 1px solid #d9d9d9 }
	#colCentre #planDuSite .p1 { list-style-image: url("../Images/Commun/p1.gif"); margin: 0.5em 0; padding: 0 0 0 3em }
	#colCentre #planDuSite .p2 { color: #999; list-style-image: url("../Images/Commun/p2.gif"); margin: 0.5em 0 1em; padding: 0 0 0 3em }
	#colCentre #planDuSite .p0 { list-style-image: url("../Images/Commun/p0.gif"); margin: 0; padding: 0 0 0 2.3em }
	#colCentre #planDuSite li { line-height: 1.2em; margin: 0.7em 0 }
	
	#colCentre #planDuSite.niveau1 .p1 {display: none}
	#colCentre #planDuSite.niveau2 .p1 .p2 {display: none}
	#colCentre #planDuSite.niveau3  .p1 a {text-decoration: underline}
	#colCentre #planDuSite.niveau3 .p1 .p2 a { text-decoration: none }
	#colCentre #planDuSite.niveau3  .p1 .p2 a:hover {text-decoration: underline}
	#colCentre #planDuSite #tier { width: 170px }
/*</agl.folder>*/

/*
-----------------------------------------
Pages de liste
-----------------------------------------
*/
/*<agl.folder "listes">*/
	.pageListe #colCentre .item, .pageListe #colCentre .itemSimple { display: block; margin-bottom: 10px; width: 468px; clear: both }
	.pageListe #colCentre .item .description { display: inline }
	.pageListe #colCentre .item .img { margin: 0 5px 10px 0 }
	.pageListe #colCentre .itemSimple .description {display: none}
	.pageListe #colCentre .itemSimple .img {display: none}
	.pageListe #colCentre h1 { margin-bottom: 10px }
	.pageListe #colCentre h2 { margin: 0 0 10px; padding: 4px 0 4px 0; clear: both; border-bottom: 1px solid #d9d9d9 }
	.pageListe #colCentre h3 { margin: 0 }
	
	.pageListe #colGauche { margin-top: 32px }
	
	#pageListeSondages #colCentre { margin-top: 34px }
	
	#pageListeSondages #colCentre a.bt { background-image: url("../Images/Boutons/bt_176/bt_176lclbleu1_v.gif"); text-align: left; text-indent: 10px; padding: 0; width: 176px }
	#pageListeSondages #colCentre .boutons { margin: 26px 0 0; padding: 0 4px 0 0; float: right }
	#pageListeSondages #colCentre .itemActif { background: #f2f2f2; margin: 0 0 10px; position: relative; width: 500px; float: none; clear: both; border-style: solid; border: 1px solid #B3CAD6; border-top:4px solid #D1D966;border-bottom: 1px solid #B3CAD6; }
	#pageListeSondages #colCentre .encours { margin-bottom: 20px; width: 500px }
	#pageListeSondages #colCentre .encours .num { color: #ff6248 }
	#pageListeSondages #colCentre .encours .itemActif, #pageListeSondages #colCentre .encours .item { background: #fff; border-top: 4px solid #03bbef }
	#pageListeSondages #colCentre .date { color: #999; font-size: 11px; display: block }
	#pageListeSondages #colCentre .num { color: #d1d966; font-size: 18px; display: block }
	#pageListeSondages #colCentre .itemActif,#pageListeSondages #colCentre .item  { background: #fff; border-top: 4px solid #03bbef }
	#pageListeSondages #colCentre p { margin: 5px }
	#pageListeSondages #colCentre .encadreNl { background: url("../Images/Messages/nl_encadre500_.gif") no-repeat bottom; margin-top: 5px; width: 500px }
	#pageListeSondages #colCentre .encadreNl .in { background: url("../Images/Messages/nl_encadre500.gif") no-repeat }

/*</agl.folder>*/

/*
-----------------------------------------
Contenu
-----------------------------------------
*/
/*<agl.folder "contenu">*/
	.contenu #main {width:700px}
	.contenu #colCentre  {width:700px}
	.contenu #colGauche { display: none }
	.contenu #bas .width { width: 700px }
	.contenu #colCentre .demi { margin: 10px 0; padding: 10px 0; border-top: 1px solid #d9d9d9 }
	.contenu #colCentre .demi .demiGauche { margin-right: 10px; padding-top: 10px; padding-bottom: 10px; width: 330px; float: left }
	.contenu #colCentre .demi .demiDroite { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; width: 340px; float: left; border-left: 1px solid #d9d9d9 }
	.contenu #colCentre .encadre { padding: 10px 20px 20px 20px }
	.contenu #colCentre .encadre p { margin: 0; padding: 0 }
	
	.contenu2col #colCentre { width: 628px }
	.contenu2col #colGauche { padding-top: 30px }
	.contenu2col #colCentre h3 { margin-top: 2em }
	.contenu2col #colCentre .encadre { margin-top: 10px; padding: 0 0 10px }
	.contenu2col #colCentre .encadre p { margin: 0; padding: 10px 15px 0 }
	
	#guideTarifaire .note { background-color: #bfdef0; background-image: url("../Images/Commun/arrondi_blanc.gif"); background-repeat: no-repeat; background-position: left bottom; margin-top: 10px; padding: 10px 10px 20px 20px }
	#guideTarifaire .bonasavoir { background-color: #f9d265; background-image: url("../Images/Commun/arrondi_blanc.gif"); background-repeat: no-repeat; background-position: left bottom; margin-top: 10px; padding: 10px 10px 20px 20px }
	#guideTarifaire .encadre { background: url("../Images/Illustration/guide_tarifaire.jpg") no-repeat right center; padding-left: 12px; border: solid 1px #d9d9d9 }
	#guideTarifaire .encadre ul { list-style: none; margin: 0; padding: 0 }
	#guideTarifaire .encadre li { margin: 0 50px; padding: 4px 0 }
	
	/* Recherche */
	#rechercheForm { margin: 20px 0 10px 0 }
	#rechercheForm p { margin-bottom: 5px }
	#rechercheForm input { margin: 0; width: 300px }
	#rechercheForm .btenvoi { margin: 0 0 0 5px }
	#recherche #rechercheRes { padding: 10px 0 }
	#recherche .resultats { margin: 4px 0; padding: 16px 0; border-style: solid; border-width: 1px 0; border-color: #b2afc5 }
	
	.pagination { margin-top: 10px; padding: 0 0 10px 0; border-top: 1px solid #d9d9d9 }
	.pagination a, .pagination b { padding: 0 3px }
	.pagination b { color: #666 }
/*</agl.folder>*/


/*<agl.folder "popup">*/
	#popupSondage #main, #popupSondage #main #colCentre { width: 100% }
/*</agl.folder>*/
/*
-----------------------------------------
eConso (ajout du 13/09/2005 )
-----------------------------------------
*/
/*<agl.folder "eConso">*/
#simSwitch h2 {font-size: 20px; font-weight: normal; margin-top: 10px}
#simSwitch .td1,  #simSwitch .td2 {width:205px; vertical-align:top;}
#simSwitch .td1 { padding:0 6px 6px 0}
#simSwitch .td1 {font-size: 16px; font-weight: normal; padding-top: 10px; color: #1e3280}
#simSwitch .td2  { background: url("../Images/Econso/bg_td1.gif") no-repeat; padding: 10px 8px 20px 8px; border-style: solid; border-width: 0 1px 1px; border-color: #85c2e4}
#simSwitch .rubrique {background: #e5e5e5; padding:0 3px; font-size: 10px; width:175px}
#simSwitch .parBloc, #simSwitch .proBloc, #simSwitch .nonBloc {border:1px solid #00BBEF; padding: 4px;}
#simSwitch .proBloc {border-color:#71BF44 }
#simSwitch .nonBloc {border-color:#BFCFD9; margin-top: 4px }
#simSwitch .parBloc p, #simSwitch .proBloc p, #simSwitch .nonBloc p {margin: 0}
#simSwitch p.parLabel, #simSwitch p.proLabel {color:#00BBEF; font-size: 11px; margin: 12px 0 0 0}
#simSwitch p.proLabel {color:#71BF44}
#simSwitch .tdc {width:10px}
#simSwitch .info {font-size: 10px}
#simSwitch a.btPar, #simSwitch a.btPro, #simSwitch a.btNon {color:#fff; height: 19px; margin: 6px 6px 6px 6px; display: block; padding-left: 30px}
#simSwitch a.btPar {background: url("../Images/Econso/btPar.gif") no-repeat;}
#simSwitch a.btPro {background: url("../Images/Econso/btPro.gif") no-repeat;}
#simSwitch a.btNon {background: url("../Images/Econso/btNon.gif") no-repeat; padding-left: 55px}
#simSwitch a:hover.btPar, #simSwitch a:hover.btPro, #simSwitch a:hover.btNon {color:#fff; background-position: 0 -19px}
/*</agl.folder>*/