/*
 CSS de SOSstat.com
 */


* {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
body {
  background-color: rgb(249, 249, 247);
  background-image: url("images/a1.gif");
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 0% 0%;
  font-size: 11px;
  font-family: "trebuchet ms", helvetica, sans-serif;
  color: rgb(140, 140, 115);
  line-height: 18px;
}
a {
  color: rgb(255, 120, 0);
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
sup {
  font-size: 0.5em;
}
p {
  margin-bottom: 14px;
  text-align: justify;
}
img.picA {
  position: relative;
  top: -2px;
  background-color: transparent;
  background-image: url("images/a47.gif");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  width: 76px;
  height: 74px;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
}
img.picB {
  position: relative;
  top: -2px;
  background-color: transparent;
  background-image: url("images/a26.gif");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  width: 146px;
  height: 75px;
  padding-top: 7px;
  padding-right: 7px;
  padding-bottom: 7px;
  padding-left: 7px;
}
img.floatleft {
  float: left;
  margin-top: 0px;
  margin-right: 14px;
  margin-bottom: 3px;
  margin-left: 0px;
}
ul.linklist {
  list-style-type: none;
  list-style-position: outside;
  list-style-image: none;
}
ul.linklist li {
 border-top: 1px solid rgb(238, 238, 238);
 padding-top: 5px;
 margin: 5px 0px 0px;
}
ul.linklist li.first {
 border-top: 0px none;
 margin-top: 0px;
 padding-top: 0px;
}
#upbg {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgb(255, 255, 255);
  background-image: url("images/upbg.gif");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  width: 800px;
  height: 264px;
  z-index: 1;
}
#outer {
  position: relative;
  width: 800px;
  margin-top: 0pt;
  margin-right: auto;
  margin-bottom: 0pt;
  margin-left: auto;
  background-color: rgb(255, 255, 255);
  background-image: url("images/abg.gif");
  background-repeat: repeat-y;
  background-attachment: scroll;
  background-position: 0% 0%;
}
#inner {
  position: relative;
  padding-top: 13px;
  padding-right: 30px;
  padding-bottom: 13px;
  padding-left: 30px;
  z-index: 2;
}
#header {
  position: absolute;
  background-color: rgb(255, 120, 0);
  background-image: url("images/a8.gif");
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 0% 0%;
  width: 160px;
  height: 92px;
  color: rgb(255, 255, 255);
  padding-left: 20px;
}
#header span {
 font-weight: normal;
}
#header h1 {
 position: absolute;
 font-size: 25px;
 letter-spacing: -1px;
 top: 30px;
 height: 92px;
}
#header h2 {
 position: absolute;
 font-size: 10px;
 font-weight: normal;
 color: rgb(252, 226, 202);
 top: 60px;
}
#header sup {
 color: rgb(252, 226, 202);
}
#splash {
  position: absolute;
  right: 30px;
  background-color: rgb(234, 234, 226);
  background-image: url("images/a10.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  width: 560px;
  height: 92px;
}
#date {
  position: absolute;
  top: 0px;
  line-height: 52px;
  color: rgb(189, 189, 162);
  right: 30px;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: -1px;
}
#secondarycontent {
  position: relative;
  width: 190px;
  float: right;
}
#secondarycontent h1 {
 position: relative;
 top: 4px;
 font-size: 16px;
 line-height: 25px;
 color: rgb(101, 101, 81);
 letter-spacing: -1px;
 background: url("images/a22.gif") repeat-x scroll center bottom transparent;
 padding: 0px 0px 10px 10px;
 margin-bottom: 20px;
}
#secondarycontent .content {
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  margin-bottom: 20px;
}
#primarycontent {
  position: relative;
  width: 540px;
  float: left;
}
#primarycontent h1 {
 position: relative;
 top: 4px;
 font-size: 18px;
 line-height: 25px;
 color: rgb(101, 101, 81);
 letter-spacing: -1px;
 background: url("images/a22.gif") repeat-x scroll center bottom transparent;
 padding: 0px 0px 10px 15px;
 margin-bottom: 20px;
}
#primarycontent .content {
  padding-top: 0px;
  padding-right: 15px;
  padding-bottom: 0px;
  padding-left: 15px;
  margin-bottom: 20px;
}

#primarycontent .content ul{
  padding-top: 0px;
  padding-right: 15px;
  padding-bottom: 0px;
  padding-left: 15px;
  margin-bottom: 10px;
}

#primarycontent .post {
  margin-bottom: 30px;
}
#primarycontent .post .header {
  position: relative;
}
#primarycontent .post .date {
  position: absolute;
  right: 15px;
  top: 0px;
  line-height: 35px;
  color: rgb(175, 175, 164);
  font-weight: bold;
}
#primarycontent .post .content {
  margin-bottom: 0px;
}
#primarycontent .post .footer {
  position: relative;
  top: -10px;
  background-color: transparent;
  background-image: url("images/a33.gif");
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 0% 0%;
  height: 64px;
}
#primarycontent .post .footer ul {
 list-style: none outside none;
 position: absolute;
 right: 15px;
 bottom: 15px;
}
#primarycontent .post .footer ul li {
 display: inline;
 line-height: 14px;
 padding-left: 17px;
 margin-left: 25px;
 background-repeat: no-repeat;
 background-position: 0px 2px;
}
#primarycontent .post .footer ul li.printerfriendly {
 background-image: url("images/a41.gif");
}
#primarycontent .post .footer ul li.comments {
 background-image: url("images/a36.gif");
}
#primarycontent .post .footer ul li.readmore {
 background-image: url("images/a38.gif");
}
#footer {
  position: relative;
  clear: both;
  height: 66px;
  text-align: center;
  line-height: 66px;
  background-image: url("images/a50.gif");
  color: rgb(168, 168, 141);
}
#footer a {
 color: rgb(140, 140, 115);
}
.bg {
  background-color: transparent;
  background-image: url("imagesmenu/button4.gif");
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
}
.menu {
  padding-top: 0pt;
  padding-right: 20px;
  padding-bottom: 0pt;
  padding-left: 5px;
  margin-top: 98px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  list-style-type: none;
  list-style-position: outside;
  list-style-image: none;
  height: 40px;
  background-color: rgb(255, 255, 255);
  background-image: url("imagesmenu/button1a.gif");
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 0% 0%;
  position: relative;
  font-family: arial, verdana, sans-serif;
  z-index: 200;
}
.menu li.top {
 display: block;
 float: left;
 position: relative;
 z-index: 200;
}
.menu li a.top_link {
 display: block;
 float: left;
 height: 40px;
 line-height: 33px;
 color: rgb(187, 187, 187);
 text-decoration: none;
 font-size: 11px;
 font-weight: bold;
 padding: 0pt 0pt 0pt 12px;
 cursor: pointer;
}
.menu li a.top_link span {
 float: left;
 font-weight: bold;
 display: block;
 padding: 0pt 24px 0pt 12px;
 height: 40px;
}
.menu li a.top_link span.down {
 float: left;
 display: block;
 padding: 0pt 24px 0pt 12px;
 height: 40px;
 background: url("imagesmenu/down.gif") no-repeat scroll right top transparent;
}
.menu li a.top_link:hover {
 color: rgb(0, 0, 0);
 background: url("imagesmenu/button4.gif") no-repeat scroll 0% 0% transparent;
}
.menu li a.top_link:hover span {
 background: url("imagesmenu/button4.gif") no-repeat scroll right top transparent;
}
.menu li a.top_link:hover span.down {
 background: url("imagesmenu/button4a.gif") no-repeat scroll right top transparent;
}
.menu li:hover > a.top_link {
 color: rgb(0, 0, 0);
 background: url("imagesmenu/button4.gif") no-repeat scroll 0% 0% transparent;
}
.menu li:hover > a.top_link span {
 background: url("imagesmenu/button4.gif") no-repeat scroll right top transparent;
}
.menu li:hover > a.top_link span.down {
 background: url("imagesmenu/button4a.gif") no-repeat scroll right top transparent;
}
.menu table {
 border-collapse: collapse;
 width: 0pt;
 height: 0pt;
 position: absolute;
 top: 0pt;
 left: 0pt;
}
.menu a:hover {
 visibility: visible;
}
.menu li:hover {
 position: relative;
 z-index: 200;
}
.menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul :hover ul ul {
 position: absolute;
 left: -9999px;
 top: -9999px;
 width: 0pt;
 height: 0pt;
 margin: 0pt;
 padding: 0pt;
 list-style: none outside none;
}
.menu :hover ul.sub {
 left: 2px;
 top: 40px;
 right: 2px;
 background: none repeat scroll 0% 0% rgb(255, 255, 255);
 padding: 3px 0pt;
 border: 1px solid rgb(153, 153, 153);
 white-space: nowrap;
 width: 200px;
 height: auto;
 z-index: 200;
}
.menu :hover ul.sub li {
 display: block;
 height: 20px;
 position: relative;
 float: left;
 width: 250px;
}
.menu :hover ul.sub li a {
 font-weight: normal;
 display: block;
 font-size: 11px;
 height: 20px;
 width: 192px;
 line-height: 20px;
 text-indent: 5px;
 color: rgb(0, 0, 0);
 text-decoration: none;
 border-style: solid;
 border-color: rgb(255, 255, 255);
 -moz-border-top-colors: none;
 -moz-border-right-colors: none;
 -moz-border-bottom-colors: none;
 -moz-border-left-colors: none;
 -moz-border-image: none;
 border-width: 0pt 0pt 0pt 3px;
}
.menu :hover ul.sub li a.fly {
 background: url("imagesmenu/arrow.gif") no-repeat scroll 80px 7px rgb(255, 255, 255);
}
.menu :hover ul.sub li a:hover {
 background: none repeat scroll 0% 0% rgb(153, 153, 153);
 color: rgb(255, 255, 255);
}
.menu :hover ul.sub li a.fly:hover {
 background: url("imagesmenu/arrow_over.gif") no-repeat scroll 80px 7px rgb(153, 153, 153);
 color: rgb(255, 255, 255);
}
.menu :hover ul li:hover > a.fly {
 background: url("imagesmenu/arrow_over.gif") no-repeat scroll 80px 7px rgb(153, 153, 153);
 color: rgb(255, 255, 255);
}
.menu :hover ul :hover ul, .menu :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul :hover ul {
 left: 90px;
 top: -4px;
 background: none repeat scroll 0% 0% rgb(255, 255, 255);
 padding: 3px 0pt;
 white-space: nowrap;
 width: 93px;
 z-index: 200;
 height: auto;
}
TABLE {
  margin-top: 5pt;
  padding-top: 5pt;
  border-top-width: 1pt;
  border-top-style: none;
  border-top-color: -moz-initial;
  border-top-color: initial;
  border-right-width: 1pt;
  border-right-style: none;
  border-right-color: -moz-initial;
  border-right-color: initial;
  border-bottom-width: 1pt;
  border-bottom-style: none;
  border-bottom-color: -moz-initial;
  border-bottom-color: initial;
  border-left-width: 1pt;
  border-left-style: none;
  border-left-color: -moz-initial;
  border-left-color: initial;
  border-collapse: collapse;
  empty-cells: show;
}
TABLE.def {
  background-color: rgb(255, 221, 221);
  margin-top: 5pt;
  margin-right: 5pt;
  margin-bottom: 5pt;
  margin-left: 5pt;
  float: none;
}
TABLE.ex {
  background-color: rgb(255, 255, 221);
}
TABLE.exform {
  background-color: rgb(255, 255, 204);
}
TD {
  border-top-width: 1pt;
  border-top-style: solid;
  border-top-color: -moz-initial;
  border-top-color: initial;
  border-right-width: 1pt;
  border-right-style: solid;
  border-right-color: -moz-initial;
  border-right-color: initial;
  border-bottom-width: 1pt;
  border-bottom-style: solid;
  border-bottom-color: -moz-initial;
  border-bottom-color: initial;
  border-left-width: 1pt;
  border-left-style: solid;
  border-left-color: -moz-initial;
  border-left-color: initial;
  padding-top: 1pt;
  padding-right: 5pt;
  padding-bottom: 1pt;
  padding-left: 5pt;
}
TH {
  border-top-width: 1pt;
  border-top-style: groove;
  border-top-color: -moz-initial;
  border-top-color: initial;
  border-right-width: 1pt;
  border-right-style: groove;
  border-right-color: -moz-initial;
  border-right-color: initial;
  border-bottom-width: 1pt;
  border-bottom-style: groove;
  border-bottom-color: -moz-initial;
  border-bottom-color: initial;
  border-left-width: 1pt;
  border-left-style: groove;
  border-left-color: -moz-initial;
  border-left-color: initial;
  background-color: rgb(238, 238, 238);
}
FORM.ex {
  background-color: rgb(255, 255, 204);
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(255, 255, 136);
  border-right-color: rgb(255, 255, 136);
  border-bottom-color: rgb(255, 255, 136);
  border-left-color: rgb(255, 255, 136);
}

/* Bouton orange*/
.button {
border-top: 1px solid #f7c38b;
background: #d16d10;
background: -webkit-gradient(linear, left top, left bottom, from(#f0a148), to(#d16d10));
background: -moz-linear-gradient(top, #f0a148, #d16d10);
padding: 8px 16px;
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 16px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
}
.button:hover {
border-top-color: #ab6803;
background: #ab6803;
color: #ccc;
}
.button:active {
border-top-color: #fa7705;
background: #fa7705;
}