/* **************************************************************
                         STYLES GENERAUX
************************************************************** */
body, table, tr, th, td, div, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, dl, dt, dd, input, select, textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
body, table, tr, th, td, div, h4, h5, h6, p, ul, ol, li, dl, dt, dd, input, select, textarea {
  color: #000000;
}
body, table, tr, th, td, div, p, a, ul, ol, li, dl, dt, dd {
  font-size: 8pt;
}
input, select, textarea {
  font-size: 7pt;
  margin: 0px;
  border: 1px solid #57387B;
}
input.submit {
  font-size: 8pt;
  background-color: #E4DAF0;
  cursor: pointer;
}
input.submit:hover {
  font-size: 8pt;
  background-color: #E4DAF0;
  color: #57387B;
}
body {
  background-color: #57387B;
  background-image: url(fd.gif);
  background-position: top center;
  background-repeat: repeat-x;
  margin: 0px;
  padding: 0px;
}
a, a:link, a:visited, a:active {
  text-decoration: none;
  color: #57387B;
}
a:hover {
  text-decoration: underline;
  color: #7F4FB5;
}
form {
  margin: 0px;
  padding: 0px;
}
p {
  margin: 0.8em 0px;
}
ul, ol {
  margin: 1em 0px;
  padding: 0px 0px 0px 10px;
}
li {
  margin: 0px 0px 0px 10px;
}
h1 {
  font-size: 11pt;
  font-weight: bold;
  color: #000000;
  background-color: #99CCCC;
  margin: 10px 0px 10px 0px;
  padding: 3px 3px 3px 10px;
}
p.h1 {
  font-size: 10pt;
  font-weight: bold;
  color: #000000;
  background-color: #99CCCC;
  margin: 10px 0px 10px 0px;
  padding: 3px 3px 3px 10px;
}
h2 {
  font-size: 10pt;
  font-weight: bold;
  color: #000000;
  margin: 10px 0px 10px 0px;
}
h3 {
  font-size: 10pt;
  font-weight: bold;
  color: #000000;
  margin: 15px 0px 10px 0px;
  padding: 3px;
  border: 1px solid #99CCCC;
  text-align: left !important;
}
h4 {
  font-size: 9pt;
  font-weight: bold;
  color: #000000;
  margin: 15px 0px 10px 0px;
  padding: 3px;
}
fieldset {
  border: 1px solid #E4DAF0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
legend {
  font-weight: bold;
}

/* **************************************************************
                     DECOUPAGE DU SQUELETTE
************************************************************** */

/* ============== Bandeau ============== */
table#b {
  clear: both;
  width: 965px;
  height: 98px;
}
table#b tr#b1 {
  height: 6px;
}
table#b tr#b2 {
  height: 92px;
}
table#b td#b11, table#b td#b13, table#b td#b21, table#b td#b23 {
  width: 6px;
}
table#b td#b11, table#b td#b13 {
  height: 6px;
}
table#b td#b12 {
  width: 953px;
  height: 98px;
}
table#b td#b21, table#b td#b23 {
  height: 92px;
  background-color: #FFFFFF;
}

/* ============== Tableau principal ============== */
table#t {
  clear: both;
  width: 965px;
  background-color: #FFFFFF;
}
table#t td#t11, table#t td#t15 {
  width: 6px;
}
table#t td#t12 {
  width: 732px;
  vertical-align: top;
}
table#t td#t13 {
  width: 15px;
}
table#t td#t14 {
  width: 206px;
  background-image: url(bg_col_d.gif);
  background-repeat: repeat-y;
}
table#t td#t22 {
  width: 732px;
  padding: 5px 0px 15px 15px;
  vertical-align: top;
}
table#t td#t24 {
  width: 206px;
  background-image: url(bg_col_d.gif);
  background-repeat: repeat-y;
  vertical-align: top;
}
table#t td#t34 {
  width: 206px;
  background-image: url(bg_col_d.gif);
  background-repeat: repeat-y;
  vertical-align: bottom;
}

/* ============== Page ============== */
div#page {
	width: 717px;
	overflow: hidden;
}
div#page p.spip {
	line-height: 1.5em;
}
div#page a, div#page a:link, div#page a:visited, div#page a:active, div#page a:hover {
  font-weight: bold;
}
div#chemin a, div#chemin a:link, div#chemin a:visited, div#chemin a:active {
  font-weight: normal;
  color: #000000;
}
div#chemin a:hover {
  font-weight: normal;
  color: #7F4FB5 !important;
}

/* ============== Menu ============== */
table#m {
  clear: both;
  background-color: #7F4FB5;
}
table#m td.s {
  width: 1px;
  background-color: #FFFFFF;
  padding: 0px;
}
table#m td.a {
  white-space: nowrap;
  vertical-align: middle;
}
table#m td.a a, table#m td.a a:link, table#m td.a a:visited, table#m td.a a:hover, table#m td.a a:active {
  display: block;
  width: 100%;
  vertical-align: middle;
  font-weight: bold;
  font-size: 10pt;
  text-decoration: none;
}
table#m td.a a, table#m td.a a:link, table#m td.a a:visited, table#m td.a a:active {
  color: #FFFFFF;
  background-color: transparent;
}
table#m td.a a span.d, table#m td.a a:link span.d, table#m td.a a:visited span.d, table#m td.a a:active span.d,
table#m td.a a span.d span, table#m td.a a:link span.d span, table#m td.a a:visited span.d span, table#m td.a a:active span.d span {
  color: #FFFFFF;
}
table#m td.a a:hover, table#m td.a a.on, table#m td.a a.on:hover {
  color: #000000 !important;
  background-color: #FBD64A !important;
}
table#m td.a a:hover span.d, table#m td.a a.on span.d, table#m td.a a.on:hover span.d,
table#m td.a a:hover span.d span, table#m td.a a.on span.d span, table#m td.a a.on:hover span.d span {
  color: #000000 !important;
}
table#m td.a span.d {
  display: block;
  padding: 4px !important;
  font-weight: bold;
  font-size: 10pt;
  text-decoration: inherit !important;
}
table#m td.a span.d span {
  color: inherit !important;
}

/* Sous-menu */
div#cache {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 99%;
  height: 1000px;
  z-index: 5;
  visibility: hidden;
  background-color: transparent;
}
div#simul_menu {
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: hidden;
  z-index: 30;
}
div.ssmenu {
  position: absolute;
  left: -300px;
  top: -300px;
  visibility: hidden;
  z-index: 50;
  white-space: nowrap;
}
div.ssmenu div {
  margin-top: 2px;
  background-color: #7F4FB5;
  color: inherit;
  white-space: nowrap;
}
div.ssmenu a, div.ssmenu a:link, div.ssmenu a:visited, div.ssmenu a:active, div.ssmenu a:hover, div.ssmenu a.on {
  display: block;
	padding: 5px 10px;
	text-decoration: none;
	border-top: 1px solid #FFFFFF;
  white-space: nowrap;
}
div.ssmenu a, div.ssmenu a:link, div.ssmenu a:visited, div.ssmenu a:active {
	color: #FFFFFF;
	background-color: inherit;
}
div.ssmenu a:hover, div.ssmenu a.on, div.ssmenu a.on:hover {
  color: #000000 !important;
  background-color: #FBD64A !important;
}
div.ssmenu a.ssm, div.ssmenu a.ssm:link, div.ssmenu a.ssm:visited, div.ssmenu a.ssm:active, div.ssmenu a.ssm:hover, div.ssmenu a.ssmon {
  display: block;
	padding: 5px 10px 5px 15px;
	text-decoration: none;
	border-top: 0px none #7F4FB5;
  white-space: nowrap;
}
div.ssmenu a.ssm, div.ssmenu a.ssm:link, div.ssmenu a.ssm:visited, div.ssmenu a.ssm:active {
	color: #FFFFFF;
	background-color: inherit;
}
div.ssmenu a.ssm:hover, div.ssmenu a.ssmon, div.ssmenu a.ssmon:hover {
  color: #000000 !important;
  background-color: #FBD64A !important;
}


/* ============== Colonne de droite ============== */
table#t td#t24 table th {
  font-size: 10pt;
  font-weight: bold;
  color: #000000;
  background-color: #99CCCC;
  padding: 3px;
}
table#t td#t24 div.bouton, table#t td#t34 div.bouton {
  margin: 4px 15px;
  border: 2px solid #FFFFFF;
  background-color: #E4DAF0;
  font-weight: bold;
  padding: 2px;
}

/* Recherche */
table#r {
  clear: both;
  margin-top: 6px;
}
table#r td#r11 input {
  width: 100px;
}
table#r td#r12 a {
  font-weight: bold;
}

/* La carte des U.P. */
table#c {
  clear: both;
  margin-top: 6px;
  width: 206px;
}
table#carte {
  clear: both;
  margin-top: 6px;
  width: 177px;
  height: 177px;
  background-image: url(bg_france.gif);
  background-repeat: no-repeat;
}
table#carte td#carte11 {
  text-align: center;
}
table#carte td#carte21 {
  text-align: center;
}
table#carte td#carte31 {
  text-align: center;
  padding-bottom: 6px;
  font-weight: bold;
}
table#europe {
  clear: both;
  margin-top: 6px;
  width: 177px;
}
table#europe td#europe11 {
  width: 41px;
  vertical-align: top;
  padding-top: 8px;
}
table#europe td#europe12 {
  padding-left: 2px;
  font-weight: bold;
}
table#europe td#europe12 p {
  margin: 5px 0px;
}
div.altcarte {
  position: absolute;
  left: 100px;
  top: 100px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  visibility: hidden;
  z-index: 80;
  white-space: nowrap;
  padding: 5px;
  background-color: #E4DAF0;
  border: 1px solid #7F4FB5;
  color: #57387B;
}
div.altcarte p, div.altcarte ul, div.altcarte li {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 9px;
  color: #57387B !important;
}
div.altcarte p {
  font-weight: bold;
}

/* Partagez ! */
table#p {
  clear: both;
  margin-top: 6px;
  width: 206px;
}
table#p tr#p2 td p {
  margin: 4px 15px;
}
table#p tr#p2 td div.bouton {
  text-align: center;
}

/* Prochainement... */
table#a {
  clear: both;
  margin-top: 6px;
  width: 206px;
}
table#a tr#a2 td {
  padding-bottom: 8px;
}
table#a tr#a2 td p {
  margin: 8px 15px -4px 15px;
}
table#a tr#a2 td p.dateagenda a, table#a tr#a2 td p.dateagenda a:link, table#a tr#a2 td p.dateagenda a:visited, table#a tr#a2 td p.dateagenda a:active {
  color: #000000;
}
table#a tr#a2 td p.dateagenda a:hover {
  color: #7F4FB5 !important;
}
table#a tr#a2 td div.bouton {
  text-align: center;
}
table#a tr#a3 td p {
  margin: 0px 15px 4px 15px;
}

/* Outils */
div#ospacer {
  clear: both;
}
table#o {
  clear: both;
  margin-top: 6px;
  margin-bottom: 6px;
  width: 206px;
}
table#o tr#o1 td div.bouton table {
  height: 30px;
}
table#o tr#o1 td div.bouton table tr td.l {
  width: 30px;
  text-align: center;
  padding: 4px 6px 4px 4px;
}

/* ============== Footer ============== */
table#f {
  clear: both;
  width: 965px;
}
table#f tr#f1, table#f tr#f2 {
  background-color: #FFFFFF;
}
table#f tr#f1 {
  height: 25px;
}
table#f tr#f2 {
  height: 6px;
}
table#f td#f11, table#f td#f14 {
  width: 6px;
}
table#f td#f12 {
  background-color: #FBD64A;
  text-align: center;
  vertical-align: middle;
  padding-right: 190px;
}
table#f td#f22, table#f td#f32 {
  width: 747px;
}
table#f td#f23 {
  width: 206px;
  background-image: url(bg_col_d.gif);
  background-repeat: repeat-y;
}
table#f td#f33 {
  width: 206px;
  background-image: url(bg_col_d2.gif);
  background-repeat: repeat-y;
}

/* **************************************************************
                            SPÉCIFIQUE
************************************************************** */
.small {
  font-size: 7pt;
}
a img {
  border: 0px none;
}
div.notes {
  margin-top: 30px;
  border-top: 1px dotted #99CCCC}
p.reponse_formulaire, p.erreur {
  font-weight: bold;
  color: #FF0000;
}
p.reponse_formulaire_ok {
  font-weight: bold;
  color: #008000;
}
div#plan li, div.liens li {
  margin: 0px 0px 10px 10px;
}
div#plan li ul, div#plan li ol {
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
}
table.encart_overflow {
  border: 1px solid #57387B;
}
table.encart_overflow div {
  padding-right: 10px;
}
table.encart_overflow div ul {
  margin: 0px;
}
table.encart_overflow div ul li {
  margin: 3px 0px 10px 10px;
}

/* **************************************************************
                              DEBUG
************************************************************** */
.debug {
  border: 2px solid red;
}
table.debug {
  border-collapse: collapse;
}
table.debug td {
  border: 2px solid red;
}
table.debug table td {
  border: 0px none;
}