body {
  font-family: Arial;
  font-size: 10pt;
}

textarea {
	font-family: Arial;
	font-size: 10pt;
}

.default_table {
    border-spacing: 0px;
    border-collapse: collapse;
}

/*.default_table tr, .default_table td {
	padding: 0px;
}*/

.table_pad0 tr, .table_pad0 td {
	padding: 0px;
}

.table_pad3 tr, .table_pad3 td {
	padding: 3px;
}

.table_pad5 tr, .table_pad5 td {
	padding: 5px;
}

.table_pad10 tr, .table_pad10 td {
	padding: 10px;
}

.table_pad20 tr, .table_pad20 td {
	padding: 20px;
}

.full_body {
  width: 99%;
  /*width: 100%;*/
  background-color: white;
  margin: 0px auto 0px auto;
  border: solid 1px gray;
}

#menu_pixou_logo {
  height: 35px;
  padding: 0px 10px;
  text-align: left;
  background-color: white;
  border-bottom: solid 1px gray;
  /*border-right: solid 1px gray;*/
}

#menu_pixou_left {
  font-family: Arial;
  color: black;
  width: 25%;
  height: 35px;
  font-size: 10pt;
  text-align: left;
  /*background-color: white;*/
  border-bottom: solid 1px gray;
  /*padding-left: 10px;*/
}

#menu_pixou_right {
  font-family: Arial;
  color: black;
  width: 75%;
  height: 35px;
  font-size: 10pt;
  padding: 0px 10px;
  text-align: right;
  /*background-color: white;*/
  border-bottom: solid 1px gray;
}

a.menu_pixou, a.menu_pixou:visited { color: #0000ff; text-decoration: none; }
a.menu_pixou:hover { color: #ff0000; text-decoration: none; }

a.menu_pixou_black, a.menu_pixou_black:visited { color: #000000; text-decoration: none; }
a.menu_pixou_black:hover { color: #ff0000; text-decoration: none; }

a.menu_pixou_red, a.menu_pixou_red:visited { color: #ff0000; text-decoration: none; }
a.menu_pixou_red:hover { color: #ff0000; text-decoration: none; }

#menu_footer {
  font-family: Arial;
  color: black;
  width: 100%;
  height: 35px;
  font-size: 10pt;
  padding: 3px 10px 0px 0px;
  text-align: right;
  /*background-color: white;*/
  border-top: solid 1px gray;
}

#menu_footer a { font-family: Arial; font-size: 10pt; color: #0000ff; text-decoration: none; }
#menu_footer a:hover { color: #ff0000; text-decoration: none; }

.header_footer_background {
  /*background-color: #ffffdd;*/
  background-color: #fff;
}

/* styles pour les polices */

.arial { font-family: Arial; }
.verdana { font-family: Verdana; }

/* styles pour l'alignement */

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.middle { margin: 0px auto 0px auto; }

/* styles pour les largeurs */

.w100 { width: 100%; }
.w99 { width: 99%; }
.w98 { width: 98%; }
.w95 { width: 95%; }
.w90 { width: 90%; }
.w85 { width: 85%; }
.w80 { width: 80%; }
.w75 { width: 75%; }
.w70 { width: 70%; }
.w65 { width: 65%; }
.w60 { width: 60%; }
.w55 { width: 55%; }
.w50 { width: 50%; }
.w45 { width: 45%; }
.w44 { width: 44%; }
.w40 { width: 40%; }
.w35 { width: 35%; }
.w34 { width: 34%; }
.w33 { width: 33%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w20 { width: 20%; }
.w18 { width: 18%; }
.w17 { width: 17%; }
.w15 { width: 15%; }
.w12 { width: 12%; }
.w10 { width: 10%; }
.w5 { width: 5%; }

/* styles pour les couleurs */

.black { color: black; }
.red { color: red; }
.blue { color: blue; }
.green { color: darkgreen; }
.white { color: white; }

/* styles pour les tailles */

.s8 { font-size: 8pt; }
.s9 { font-size: 9pt; }
.s10 { font-size: 10pt; }
.s11 { font-size: 11pt; }
.s12 { font-size: 12pt; }
.s14 { font-size: 14pt; }
.s16 { font-size: 16pt; }
.s18 { font-size: 18pt; }

/* styles pour les margin */

.marg5 { margin: 5px; }
.marg10 { margin: 10px; }
.marg15 { margin: 15px; }
.marg20 { margin: 20px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 {	margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }

.mvert5 { margin-top: 5px; margin-bottom: 5px; }
.mvert10 { margin-top: 10px; margin-bottom: 10px; }
.mvert15 { margin-top: 15px; margin-bottom: 15px; }
.mvert20 { margin-top: 20px; margin-bottom: 20px; }

.mhor5 { margin-left: 5px; margin-right: 5px; }
.mhor10 { margin-left: 10px; margin-right: 10px; }
.mhor15 { margin-left: 15px; margin-right: 15px; }
.mhor20 { margin-left: 20px; margin-right: 20px; }

/* styles pour les padding */

.pad2 { padding: 2px; }
.pad3 { padding: 3px; }
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad20 { padding: 20px; }

.pt2 { padding-top: 2px; }
.pt3 { padding-top: 3px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }

.pb2 { padding-bottom: 2px; }
.pb3 { padding-bottom: 3px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 {	padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 {	padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }

.pvert2 { padding-top: 2px; padding-bottom: 2px; }
.pvert3 { padding-top: 3px; padding-bottom: 3px; }
.pvert5 { padding-top: 5px; padding-bottom: 5px; }
.pvert10 { padding-top: 10px; padding-bottom: 10px; }
.pvert15 { padding-top: 15px; padding-bottom: 15px; }
.pvert20 { padding-top: 20px; padding-bottom: 20px; }

.phor5 { padding-left: 5px; padding-right: 5px; }
.phor10 { padding-left: 10px; padding-right: 10px; }
.phor15 { padding-left: 15px; padding-right: 15px; }
.phor20 { padding-left: 20px; padding-right: 20px; }

/* styles divers */

.normal { font-weight: normal; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.overline { text-decoration: overline; }

.lh17 { line-height: 17px; }
.lh18 { line-height: 18px; }
.lh20 { line-height: 20px; }
.lh23 { line-height: 23px; }
.lh24 { line-height: 24px; }
.lh25 { line-height: 25px; }
.lh30 { line-height: 30px; }

/* styles pour les bordures */

.border { border: solid 1px black; }
.noborder { border: none; }

.bs1b { border: solid 1px black; }

.bts1b { border-top: solid 1px black; }
.bbs1b { border-bottom: solid 1px black; }
.bls1b { border-left: solid 1px black; }
.brs1b { border-right: solid 1px black; }

.bs1g { border: solid 1px gray; }

.bts1g { border-top: solid 1px gray; }
.bbs1g { border-bottom: solid 1px gray; }
.bls1g { border-left: solid 1px gray; }
.brs1g { border-right: solid 1px gray; }

.bd1g { border: dashed 1px gray; }

.btd1g { border-top: dashed 1px gray; }
.bbd1g { border-bottom: dashed 1px gray; }
.bld1g { border-left: dashed 1px gray; }
.brd1g { border-right: dashed 1px gray; }

/* hr */

.default_hr {
  width: 75%;
  text-align: center;
  height: 1px;
  color: #000;
  background-color: #000;
  border: none;
}

.core_hr {
  height: 1px;
  color: #000;
  background-color: #000;
  border: none;
}

/* styles pour les images */

#border_pix img {
	border: solid 1px black;
}

#noborder_pix img {
	border: none;
}

/* styles pour les couleurs de fond */

.white_back { background-color: #ffffff; }

.yellow_back { background-color: #ffffcc; }
.blue_back { background-color: #ccffff; }

.yellowaa_back { background-color: #ffffaa; }
.yellowcc_back { background-color: #ffffcc; }
.yellowdd_back { background-color: #ffffdd; }

.bluecc_back { background-color: #ccffff; }
.bluedd_back { background-color: #ddffff; }

/* styles pour les liens */

a { color: #0000ff; text-decoration: none; }
a:hover { color: #ff0000; text-decoration: none; }

a.blackred { color: #000000; text-decoration: none; }
a.blackred:hover { color: #ff0000; text-decoration: none; }

a.bluered { color: #0000ff; text-decoration: none; }
a.bluered:hover { color: #ff0000; text-decoration: none; }

a.blackblue { color: #000000; text-decoration: none; }
a.blackblue:hover { color: #0000ff; text-decoration: none; }

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

a.blueunder { font-family: Arial; color: #0000ff; text-decoration: none; }
a.blueunder:hover { color: #0000ff; text-decoration: underline; }

a.redunder { font-family: Arial; color: #ff0000; text-decoration: none; }
a.redunder:hover { color: #ff0000; text-decoration: underline; }

a.yellowhover { }
a.yellowhover:hover { background-color: #ffffcc; }

/* menu sous forme de puces en ligne avec fond noir */

#menu_puce_ligne {
	height: 18px;
	margin: 15px auto 0px auto;
	padding: 3px 1px 3px 1px;
	text-align: center;
	text-decoration: none;
	list-style-type: none;
}

.menu_puce_ligne li {
	text-decoration: none;
	list-style-type: none;
	display: inline;
}

.menu_puce_ligne a, .menu_puce_ligne a:visited {
	text-decoration: none;
	height: 18px;
  color: #ffffff;
  background-color:#000000;
	padding: 2px 5px 2px 5px;
	border: 1px solid #000000;
}

.menu_puce_ligne a:hover {
	text-decoration: none;
	height: 18px;
  color:#000000;
  background-color:#aaffff;
}

/* styles pour les infos-bulles */

a.info_bulle {
  position: relative;
  text-align: left;
  text-decoration: none;
  z-index: 24;
}

a.info_bulle:hover {
  z-index: 25;
}

a.info_bulle span {
  display: none;
}

a.info_bulle:hover span {
  display: block;
  position: absolute;
  top: 2em;
  left: 2em;
  width: 20em;
  color: #000000;
  border: solid 1px #6699cc;
  background-color: #ffffff;
  text-align: left;
  font-size: 10pt;
  font-weight: normal;
  padding: 3px;
}

a.info_bulle_small {
  position: relative;
  text-align: left;
  text-decoration: none;
  z-index: 24;
}

a.info_bulle_small:hover {
  z-index: 25;
}

a.info_bulle_small span {
  display: none;
}

a.info_bulle_small:hover span {
  display: block;
  position: absolute;
  top: 2em;
  left: 2em;
  width: 10em;
  color: #000000;
  border: solid 1px #6699cc;
  background-color: #ffffff;
  text-align: left;
  font-size: 10pt;
  font-weight: normal;
  padding: 3px;
}

/* styles pour les infos-bulles combinées (utilisés dans la page d'accueil e.g.) */

a.info_bulle_no_span {
  position: relative;
  text-align: left;
  text-decoration: none;
  z-index: 24;
}

a.info_bulle_no_span:hover {
  z-index: 25;
}

a.info_bulle_no_span span {
  display: none;
}

a.info_bulle_left:hover span {
  display: block;
  position: absolute;
  top: 2em;
  left: -9em;
  width: 18em;
  color: #000000;
  border: solid 1px #6699cc;
  background-color: #ffffff;
  text-align: left;
  font-size: 10pt;
  font-weight: normal;
  padding: 3px;
}

a.info_bulle_bottom_wide:hover span {
  display: block;
  position: absolute;
  top: 2em;
  left: -17em;
  width: 50em;
  color: #000000;
  border: solid 1px #6699cc;
  background-color: #ffffff;
  text-align: left;
  font-size: 10pt;
  font-weight: normal;
  padding: 3px;
}

a.info_bulle_left_wide:hover span {
  display: block;
  position: absolute;
  top: 2em;
  left: -8em;
  width: 30em;
  color: #000000;
  border: solid 1px #6699cc;
  background-color: #ffffff;
  text-align: left;
  font-size: 10pt;
  font-weight: normal;
  padding: 3px;
}

a.info_bulle_top_right_wide:hover span {
  display: block;
  position: absolute;
  top: -7em;
  left: 9em;
  width: 30em;
  color: #000000;
  border: solid 1px #6699cc;
  background-color: #ffffff;
  text-align: left;
  font-size: 10pt;
  font-weight: normal;
  padding: 3px;
}

a.info_bulle_top_left_wide:hover span {
  display: block;
  position: absolute;
  top: -10em;
  left: -32em;
  width: 30em;
  color: #000000;
  border: solid 1px #6699cc;
  background-color: #ffffff;
  text-align: left;
  font-size: 10pt;
  font-weight: normal;
  padding: 3px;
}

a.info_bulle_top_wide:hover span {
  display: block;
  position: absolute;
  top: -12em;
  left: -7em;
  width: 30em;
  color: #000000;
  border: solid 1px #6699cc;
  background-color: #ffffff;
  text-align: left;
  font-size: 10pt;
  font-weight: normal;
  padding: 3px;
}

/* styles spécifiques */

.copy {
  font-size: 10pt;
  text-align: center;
  padding: 5px 0px 5px 0px;
}