/* ---------------------- balises primaires ---------------------- */

body {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	margin:0;
	padding:0;
	font-size:70%;
	background-color:#A4C352;
}
#page {
	max-width:1010px;
	width:1010px;
	border-right:1px solid #fff;
}

/* ---------------------- classes generiques ---------------------- */

ul, ul ul, ul ul ul, ul ul ul ul {
	list-style-type:disc;
}
ul, ol {
	padding-top:0.3em;
	padding-bottom:0.3em;
}
li p {
	margin:0;
	padding:0;
}
li {
	padding-top:0.1em;
	padding-bottom:0.1em;
}
table {
	clear:both;
	position:relative;
}
td, th {
	vertical-align:top;
}
img {
	border:0;
	margin:0;
	padding:0;
}
form {
	margin:0;
	padding:0;
}
#submit {
	margin:0;
	padding:0
}

.aLaLigne    {
	clear: both;
}
.aLaLigne2    {
	clear: right;
}
div.hr {
	clear:both;
	height:15px;
  background: url(hr.gif) repeat-x;
}
div.hr hr {
    	display: none;
}
hr.retourLigne {
    	clear:both;
	visibility:hidden;
}
.imgBrocList {
	border:6px solid #E4E4E4;
	float:left;
}
.imgTextLine {
	vertical-align:middle;
}

/* ---------------------- equivalents pour atoms.css ---------------------- */

strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
.strike {
	text-decoration:line-through;
}
#article h1 {
	margin-top:10px;
	color:#6E86A1;
	font-size:135%;
}
#article h2 {
	margin-top:7px;
	font-size:128%;
}
#article h3 {
	font-size:121%;
}
#article h4 {
	font-size:114%;
}
#article h5 {
	font-size:107%;
}
#article h6 {
	font-size:100%;
}
.imgLeft {
	clear:both;
	text-align:left;
	display: block;
	margin:4px;
}
.imgCenter {
	clear:both;
	text-align:center;
	display: block;
	margin-left:auto;
	margin-right:auto;
	margin-top:4px;
	margin-bottom:4px;
}
.imgRight {
	clear:both;
	text-align:right;
	display:block;
	margin:4px;
}
img.imgAlignLeft {
	float:left;
	margin:0 5px 8px 0;
}
img.imgAlignRight {
	float:right;
	margin:0 0 5px 10px;
}
hr {
	color:#CCCCCC;
}
table.editTable {
	border:1px solid #ddd;
	border-collapse:collapse;
}
table.editTable th {
	background-color:#E2E2E0;
  	border-collapse:collapse;
   	color:#6E86A1;
}
#article dl dt {
	font-weight:bold;
	margin-top:1em;
	margin-bottom:0.5em;
}
#article dl dd {
	margin-top:0.6em;
	margin-bottom:0.5em;
}
#article hr {
	height: 1px;
	color:#CCCCCC;
}
#article .centre {
	text-align:center;
}
#article .justifie {
	text-align:justify;
}
#article .droite {
	text-align:right;
}
#article span.rouge {
	color:#FC0000;
}
#article span.fondGrisLeger {
	background-color:#EEEEEE;
}
#article span.fondGrisMoyen {
	background-color:#CCCCCC;
}
#article span.inverseFondGris {
	color:#FFFFFF;
	background-color:#666666;
}

/* ---------------------- blocs principaux ---------------------- */

#printEntete {
	display:none;
}
table#entete {
	position:relative;
	padding:0;
	margin:0;
	border:none;
}
table#contenu {
	margin:0;
	padding:0;
	border:none;
	position:relative;
	clear:both;
	width:100%;
	font-size:100%;
}
#piedDePage {
	background:#ffffff;
	background-image: url(fond_piedDePage.gif);
	background-repeat:repeat-x;
	background-position: left top;
	border-top:1px solid #797878;
	clear:both;
	margin:auto;
	padding: 10px 0 4px 0;
	text-align:center;
	
}

/* ---------------------- blocs de second niveau ---------------------- */

/* -------------------- <supHeader> ----------------------- */
#supHeader {
	margin: 0;
	padding: 0;
	background-image:url(bkg_supHeader.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:33px;
}
#supHeader table td {
	padding:0;
	vertical-align:middle;
}
td.leftTD_sH {
	width:167px;
}
td.centerTD_sH {
	width:64%;
}
td.centerTD_sH p {
	text-align:center !important;
}
td.rightTD_sH {
	width:35%;
	text-align:right;
}
#supHeader p {
	margin: 0;
	padding: 0;
	color:#fff;
}
#supHeader form {
	display:inline;
	padding-right:5px;
}
#supHeader select {
	margin:0;
	padding:1px;
	color:#fff;
	background-color:#5c8522;
	border:1px solid #fff;
}
#supHeader a {
	color:#fff;
	font-weight:bold;
}
#supHeader a:hover {
	text-decoration:none;
	color:#376216;
}
/* -------------------- </supHeader> ----------------------- */

/* ----------- blocs contenus dans #entete ----------- */

td#logo {
	width:139px;
}
td#visuel {
  width:660px;
}
td#fonctions {
  padding:3px;
  background-color:#fff;
  background-repeat:no-repeat;
  background-position:left bottom;
  border-bottom:1px solid #fff;
}
td#menu {
  width:799px;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
}
#recherche {
    text-align:right;
}
#rechercheAvancee {
    text-align:right;
}

/* ----------- blocs contenus dans #barreNav ----------- */


table#ligneStructure {
	background-color:#609E31;
	background-repeat:no-repeat;
	background-position:left top;
	width:100%;
	margin:0;
	padding:0;
	font-size:100%;
	border-bottom:1px solid #ddd;
}
table#ligneStructure {
	background-image: url(/style/base/fond_barreNav.gif);
}

/* ----------- blocs contenus dans #contenu ----------- */

#colonneGauche {
	padding:0;
	margin:0;
	vertical-align:top;
}
#colonneCentre {
	background-position: left top;
	padding:0;
	margin:0;
	vertical-align:top;
	width:80%;
}
#colonneDroite {
	margin:0;
	padding:0;
	vertical-align:top;
	border-left: 1px solid #ffffff;
}

/* ---------------- styles du bloc entete ---------------- */

body #entete #recherche form {
	margin:0;
	padding:0;
	vertical-align:middle;
	text-align:right;
}
#recherche input.bouton {
	color:#FFFFFF;
	border-top: #FFFFFF 5px outset;
	border-right: #3F9175 2px outset;
	border-bottom: #3f9175 2px outset;
	border-left: #FFFFFF 2px outset;
	background-color:#96BC35;
	font-size:96%;
	letter-spacing:0.08em;
}
#rechercheAvancee p {
	text-align:right;	
	line-height:1.17em;
	margin:15px 0 0 0;
	padding:0;
}

/* ---------------------- styles du bloc navBar ---- ------------------ */

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu ul li {
	display: block;
	float: left;
	clear:none;
	text-align: center;
	padding: 0;
	margin: 0em;
	line-height: 1em;
	}
td#vousEtesIci {
	width:225px;
}
table#ligneStructure td#vousEtesIci, table#ligneStructure td#structure {
	vertical-align:top;
}
table#ligneStructure td#vousEtesIci p {
	color:#444;
	font-weight:bold;
	text-align:right;
	vertical-align:top;
	margin: 0;
	padding: 10px 5px 4px 0;
}
table#ligneStructure td#structure p{
	text-align:left;
	width:95%;
	margin: 0;
	padding: 10px 0 4px 25px;
	vertical-align:top;
}
	
/* ------------------- menu deroulant ---------------------- */

img.square {
	vertical-align: middle;
}
.toplevel {
	display: block;
	margin: 0;
	padding: 0.5em 0.1em 0.5em 0.1em;
	border-bottom: 1px solid #ffffff;
}
.sublevel {
	display: block;
	font-weight: normal;
	padding: 2px 1px 7px 8px;
	margin: 0;
	line-height: 14px;
	background-position: top right;
	background-repeat: repeat-y;
}
/* ------------ fin menu deroulant ---------------- */
	
img.imgCarte {
	float:right;
	margin : 10px 17px 10px 0;
	padding:0;
	border:1px solid #5C5E60;
	text-align:center;
}
img.imgCarte2 {
	float:right;
	margin : 10px 17px 10px 0;
	padding:0;
	border:0;
	text-align:center;
}
#colonneGauche p {
	/*margin:5px;*/
	text-align:center;
}
.versPlan {
	background-color:#fff;
	padding:7px;
}

/* ----------- pages ----------- */

#article {
	position:relative;
	background-color:#fff;
	background-image:url(fond_article.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	margin:0 7px 0 7px;
	padding:5px;
	clear:both;
}

/* Hides from IE-mac \*/
* html #article {height: 1%;}
/* End hide from IE-mac */

#sms {
	position:relative;
	background-color: #fff;
	margin:7px 7px 0 7px;
	padding:7px;
	clear:both;
}
#article form td {
	text-align:left;
}
#basArticle {
	color:#fff;
	margin: 0 7px 7px 7px;
	padding: 7px;
	clear:both;
	background-color:#A4A4A4;
}
.carto {
	position:relative;
	text-align:center;
	margin:auto;
	margin-top:6px;
}
div.cartoListing {
	position:relative
	text-align:center;
	margin:auto;
	padding:2px;
	background-color:#EFF1ED;
	border:1px solid #A9A9A9;
	width:410px;
}
div.cartoListing ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
}
div.cartoListing ul li {
	margin:0px;
	padding:5px;
	border-bottom:1px dashed #A9A9A9;
	color:#5D5D5D;
	background-color:#F6F7F5;
	background-image:url(fond_ombre2.gif);
	background-repeat: repeat-x;
}
div.cartoListing ul li img {
	vertical-align: middle;
}
#formMap {
	display:none;
}
table.brocListe {
	background-color:#ffffff;
	width:94%;
	margin:auto;
	border:1px solid #ccc;
}
table.brocListe td {
	padding:5px;
	border-bottom:1px dashed #cccccc;
}
.whiteLine, .greyLine {
	clear: both;
	margin:0;
	padding:0;
}
.greyLine {
	background-color:#f2f2f2;
}
p.onglet {
	width:94%;
	height:27px;
	text-align:center;
	vertical-align:baseline;
	margin:auto;
	margin-bottom:0;
	padding-top:10px;
	background-image: url(fond_onglet.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}
/* --------------------------------------- */
/* -------------------- sous-niveau dossier ------------------- */
#sous-niveau {
    background-color: #D2E2F9;
    border-top: 1px solid #B5B5B5;
    border-bottom: 1px solid #B5B5B5;
    padding:0;
    margin-top:3px;
    margin-bottom:3px;
    background-image:url(/style/fede/fond_ssmenu.jpg);
    background-position:right;
    background-repeat:repeat-y;}
#sous-niveau h2{
    background-color:#B0C5DD;
    border-bottom: 1px solid #FFFFFF;
    font-size:97%;
    color:#FFFFFF;
    padding:3px 2px 3px 15px;
    margin:0;}
#sous-niveau ul{
    margin-top:3px;
    margin-bottom:3px;}


/* --------------------------------------- */

.bordGauche01 {
	border-left:2px solid #eaeaea; 
}
table.enteteFiche {
	width:100%;
	font-size:100%
}
td.imageFiche {
	width:30%;
}
#pictos {
	margin:10px 0 0 0;
}
img.picto {
	float:left;
	margin:4px;
	border:4px solid #e4e4e4;
	width:35px;
	height:35px;
}

div.infoBloc, div.infoBloc2, div.infoBloc3, div.infoBloc4 {
	position:relative;
	clear:both;
	border:1px solid;
	background-position:top right;
	background-repeat:repeat-y;
}

/* Hides from IE-mac \*/
* html div.infoBloc {height: 1%;}
/* End hide from IE-mac */

/* Hides from IE-mac \*/
* html div.infoBloc2 {height: 1%;}
/* End hide from IE-mac */

/* Hides from IE-mac \*/
* html div.infoBloc3 {height: 1%;}
/* End hide from IE-mac */

/* Hides from IE-mac \*/
* html div.infoBloc4 {height: 1%;}
/* End hide from IE-mac */

div.infoBloc {
	background-color:#f8f6f9;
	border-color:#ccc;
	padding:6px;
	margin:0 0 10px 0;
}
div.infoBloc2 {
	background-image: url(fond_pagebloc2.gif);
	background-color:#EEE;
	border-color:#ccc;
	padding:6px;
	margin:0 0 10px 0;
}
div.infoBloc3 {
	background-image: url(fond_pagebloc3.gif);
	background-color:#e8e8e8;
	border-color:#ccc;
	padding:6px;
}	
div.infoBloc4 {
	background-color:#ddd;
	border:1px solid #666 !important;
	padding:6px;
}
div.infoBloc p,  div.infoBloc2 p{
	padding:3px 0 7px 0;
	margin:0;
}
div.infoBloc2 h3 {
	padding:3px 0 4px 0;
	margin:0;
}
div.infoBloc table {
	background-image: url(fond_pagebloc.gif);
	border-color:#000;
	padding:3px;
	margin:0;
}
div.infoBloc td, div.infoBloc th {
	padding:6px;
	margin:0;
}
.retourListe{
	border-bottom:1px solid #ccc;
	margin:0;
	padding:4px 10px 5px 4px;
	background-color:#f2f2f2;
	text-align:right;
}
div#resume {
	background-color:#f0f0f0;
	padding:10px 50px 10px 17px;
	margin:2px;
}
div.cotations {
	position:relative;
	float:right;
	clear:right;
	padding:2px;
	margin:0;
}
div#messageNeg {
	color:red;
	border:1px dashed red;
}
div#messagePos {
	color:#82A22B;
	border:1px dashed #82A22B;
}
div#messageNeg, div#messagePos {
	position:relative;
	background-color:#fff;
	margin:0 7px 0 7px;
	padding:5px;
	clear:both;
}
div#messageNeg p, div#messagePos p {
	margin:0;
	padding:6px;
}
div#notaBene {
	margin:0;
	padding:0;
    background-color:#f4f4f4;
}

/* --------------------------------------- */

div.horOuv {
	clear:both;
}

table#rechAv {
    width:95%;
    margin:auto;
}
table#rechAv .narrowT {
    white-space:nowrap;
}
table#rechAv .wideT {
    white-space:nowrap;
}
table.horaires {
    border:3px solid #DCEC9D;
    border-collapse:collapse;
    margin-top:23px;
    clear:both;
    position:relative;
}
table.horaires thead {
    background-color:#DCEC9D;
    border:1px solid #6495ed;
}
table.horaires tfoot {
    background-color:#DCEC9D;
    border:1px solid #DCEC9D;
    color:#888;
}
table.horaires tbody {
    background-color:#FFFFFF;
    border:1px solid #6495ed;
}
table.horaires th {
    font-family:Trebuchet MS;
    border:1px dashed #DCEC9D;
    padding:5px;
}
table.horaires td {
    font-family:sans-serif;
    border:1px solid #DCEC9D;
    padding:5px;
    text-align:left;
    width:100%;
}
table.formu {
    border:3px solid #DCEC9D;
    border-collapse:collapse;
    margin-top:23px;
    clear:both;
    position:relative;
    text-align:right;
}
table.formu tbody {
    background-color:#FFFFFF;
    border:1px solid #6495ed;
    text-align:right;
}
table.formu tbody tr td {
    font-family:sans-serif;
    border:1px solid #DCEC9D;
    padding:5px;
    text-align:right;
    width:100%;
}		

/* --------------------------------------- */

#resultatsRecherche {
	position:relative;
	background-color: #fff;
	margin:7px;
	padding:0;
	border:2px solid #A4A4A4;
}
#resultatsRecherche h1 {
	margin:7px;
	padding-top:7px;
	color:#6E86A1;
	font-size:120%;
}
#resultatsRecherche p {
	margin:7px;
	font-size:100%;
}
.navigationResultats {
	margin:6px 0 0 0;
	padding:6px;
	background-color:#fff;
	border-top:1px dashed #b5b5b5;
	border-bottom:1px solid #959595;
}
div.navigationResultats table {
	font-size:100%; 
}
.navResultats {
	border-top:1px solid #888;
}
td.GListResultats {
	text-align:left;
}
td.DListResultats {
	text-align:right;
}
td.CListResultats {
	text-align:center;
}
p.haut {
    padding:12px 6px 8px 6px;
}

/* ------------------- balades -------------------- */

#balade {
	position:relative;
	background-color:#f2f2f2;
	margin:7px;
	padding:0;
	border:2px solid #A4A4A4;
}
#balade h1 {
	margin:7px;
	padding-top:7px;
	color:#6E86A1;
	font-size:110%;
}
#balade h2 {
	margin:7px;
	padding-top:7px;
	color:#6E86A1;
	font-size:110%;
	text-align:center;
}
#balade p {
	margin:7px;
	font-size:100%;
}
.cadreCentre {
	width:99%;
	background-color:#eee;
	text-align:center;
	margin:auto;
}
.cadreCentre img {
	border-top: 2px solid #555;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #555;
}
#etapesPop {
	margin:0;
	padding:0;
}
#etapesPop h2 {
	margin:0;
	padding:12px;
	background-color:#dedede;
	border-bottom:2px solid #ffffff;
}
#etapesPop ol {
	font-weight:700;
}
#etapesPop a, .navEtapes a {
	color:#023399;
	text-decoration:none;
}
#etapesPop a:hover, .navEtapes a:hover {
	text-decoration:underline;
}
.etapes {
	background-color:#f2f2f2;
	border:2px solid #ffffff;																																																	
}
.navEtapes {
	background-color:#dedede;
	border-bottom:2px solid #ffffff;																																																
}
.navEtapes td {
	background-color:#dedede;
	padding:9px;																																																	
}

/* ----------- listes ----------- */

.moisSelect {
	font-weight:bold;
	background-color:#F3F5F1;
	background-image:url(fond_ombre.gif);
	background-repeat: repeat-x;
	color:#000;
	padding:5px;
}
.moisNormal {
	background-color:#F3F5F1;
	color:#000;
	/*border-bottom:1px dashed #666;*/
	padding:5px;
}
/* ----------- colonne droite ----------- */

#panierResume {
	background-color: #fff;
	margin:0;
	padding:5px;
}
#panierResume p {
	font-size:95%;
	margin:0;
	padding:0;
	text-align:center;
}
#blocDroite #login #form1 input {
	text-align:right;
	font-size:100%;
}
table.formTable {
	background-image:  url(fond_a_la_une.gif);
	border:1px solid #888;
	margin:4px;
	padding:0px;
	font-size:100%;
}
td.celluleTitre {
	background-color:#fff;
	color:#888;
	border-bottom:1px dashed #888;
	font-weight:bold;
	text-align:center;
	line-height:2em;
	letter-spacing:2px;
}
td.celluleChamp {
	background-color:#f2f2f2;
	color:#000;
	border-bottom:1px dashed #888;
	line-height:1em;
	padding:2px;
}
td.celluleOption {
	color:#000;
	border-bottom:1px solid #fff;
	line-height:1em;
	padding:0px;
}
td.celluleChampTitre {
	background-color:#F3F5F1;
	background-image:url(fond_ombre.gif);
	background-repeat: repeat-x;
	color:#000;
	border-bottom:1px dashed #666;
	line-height:1em;
	padding:5px 2px;
}
td.celluleSSTitre {
	color:#fff;
	border-bottom:1px dashed #fff;
	font-weight:bold;
	text-align:center;
	line-height:2em;
	letter-spacing:2px;
}
td.celluleBas {
	color:#888;
	text-align:center;
	padding:5px;
}
.listeDeroul {
	line-height:1em;
}
#agenda {
	border-right:1px solid #DFEFFC;
	border-left:1px solid #888;
	background-color: #DFEFFC;
	margin:0;
	padding:0;
	/*width:100%;*/
}
table#login {
	font-size:100%;
	background-image:url(fond_a_la_une.gif);
	margin:0;
	padding:0;
	/*width:100%;*/
}
#agenda p, #aLaUne p {
	padding:5px 1px 18px 6px;
	margin:0;
	border-bottom:1px solid #888;
}

#agenda h2 {
	font-size:100%;
	padding:5px 1px 5px 8px;
	margin:0;
}
#aLaUne {
	border-right:1px solid #ffffff;
	border-left:1px solid #888;
	background-image:  url(fond_a_la_une.gif);
	margin:0;
	padding:0;
	/*width:100%;*/
}
#aLaUne h2 {
	font-size:100%;
	padding:5px 1px 5px 8px;
	background-color:#FFFFFF;
	border-bottom:1px dashed #888;
	margin:0;
}

/* ----------- Pied de page ----------- */

#piedDePage img {
	vertical-align:top;
	margin : 2px 40px 0px 10px;
}

/* ----------- LIENS ----------- */


/* ------------------------------------  LIENS entete  ------------------------------------ */

#choixLangue a {
	color:#000000;
	text-decoration:none;
}
#choixLangue a:hover {
	text-decoration:underline;
}

/* ------------------------------------ LIENS menu ------------------------------------ */

#menu ul li a {
	background-repeat:repeat-x;
	background-position: right bottom;
	width: 84px;
	height: 21px;
	border-left: 1px solid #fff;
	padding: 0;
	margin: 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	line-height: 1.5em;
	white-space:nowrap;	
}

#menu ul li a:hover {
	background-repeat:no-repeat;
	background-position: left top;
}

/* ---------------------  LIENS ligne de structure  -------------------- */

#structure p a, #structure p a:visited, p.onglet a, p.onglet a:visited{
	color:#000000;
	text-decoration:underline;
}
#structure p a:hover, p.onglet a:hover {
	color:#6094D0;
}

/* ------------------------  LIENS colonne gauche  ------------------------ */
/* ---------- menu deroulant ---------- */

a.topmenu {
	font-weight: bold;
}
a.topmenu:link {
	text-decoration: none;
}
a.topmenu:visited {
	text-decoration: none;
}
a.topmenu:hover {
	text-decoration: underline;
}
a.submenu:link {
	text-decoration: none;
}
a.submenu:visited {
	text-decoration: none;
}
a.submenu:hover {
	text-decoration: underline;
}

/* ---------- menu deroulant ---------- */

.versPlan a {
	color:#023399;
	text-decoration:none;
}
.versPlan a:hover {
	text-decoration:underline;
}

/* -------------------------  LIENS colonne centre  ------------------------- */

.navigationResultats a  {
	color:#888 !important;
	text-decoration:underline;
}
.navigationResultats a:visited  {
	color:#888 !important;
	text-decoration:underline;
}
.navigationResultats a:hover {
	background-color:#fff;
	color:#A4A4A4 !important;
	text-decoration:none;
}
#basArticle a  {
	color:#fff !important;
	text-decoration:underline;
}
#basArticle a:visited  {
	color:#fff !important;
	text-decoration:underline;
}
#basArticle a:hover {
	background-color:#fff;
	color:#A4A4A4 !important;
	text-decoration:none;
}
a.permaCoul:link, a.permaCoul:visited, a.permaCoul:hover, a.permaCoul:active {
    color:#D39347;
    font-size:108%;
    text-transform:uppercase;
}

/* -----------------------  LIENS colonne droite  ----------------------- */

#agenda a, #agenda a:visited, #aLaUne a, #aLaUne a:visited {
	text-decoration:none;
}

#agenda a:hover, #aLaUne a:hover {
	text-decoration:underline;
}

/* -----------------------  LIENS pied de page  ----------------------- */

#piedDePage a {
	color:#023399;
	text-decoration:none;
}
#piedDePage a:hover {
	text-decoration:underline;
}

/* special styles */
.nomExtranet /* mise en evidence quand login actif extranet */ {
	color:#fff !important;
	background-color:#5c8522 !important;
	padding:2px 4px 3px 4px;
}
#signature {
	clear:both;
	text-align:right;
	padding:0 15px 0 0;
	width:98%;
	font-size:90%;
}