
html {

}
body {
  margin : 0px;
  background-color : #E7E7E7;
  text-align:center;
  font-family : arial;
  font-size : 12px;
  color : #555555;
  padding : 0px;
}

#body_iframe {
  text-align:left;
	margin: 0px;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: none;
	background : #F3E9F9;
	//width : 153px;
}

img {
  border : none;
}

form {
  padding: 0px;
  margin : 0px;
}

#site {
  position : relative;
  text-align : left;
  width : 761px;
  //width : 761px;
  background-image : url('../interface/page.jpg');
  margin:5px;
  margin-bottom:0px;
  margin-right : auto;
  margin-left : auto;
}

#header {
  height : 104px;
}

#navig0 {
  background : #FAFAFA;
  border : 1px solid #E3E3E3;

  padding-left:  4px;
  //height : 28px;
  //overflow: hidden;
}

#navig {
  position : relative;
  margin-top : 0px;
  height : 23px;
  //height : 23px;
  z-index: 3;
}

#search {
  margin-top : 10px;
  height : 21px;
  display : none;
  background: url('../interface/bg_2.gif') no-repeat; 
}

#sponsor {
  position : absolute;
  right:20px;
  top:15px;
}

#centre {
  position: relative;
  margin-top : 10px;
  z-index:0;
}

* html #centre {
  height:10px;
}

#page {
float:left;
margin-top:0px;
margin-bottom:5px;
//margin-bottom:0px;
margin-right: auto;
margin-left:10px;
width: 560px;
height: auto;
display:block;
  border : 1px solid #E3E3E3;
  background-color : #FAFAFA;
  padding : 2px;
}
* html #page {margin-left:5px;}

#droite {
float:right;
margin-top:0px;
margin-bottom:5px;
//margin-bottom:0px;
margin-right:10px;
margin-left:auto;
height:auto;
width: 170px;
display:block;
}
* html #droite {margin-right:5px;}

#member {
  border : 1px solid #E3E3E3;
  background-color: #FBF6BB;
  padding-bottom:2px;
}

#ssmenud {
  margin-top : 10px;
  border : 1px solid #E3E3E3;
  background-color: #E2EFDE;
  padding-bottom:2px;
}

#tribune {
  margin-top : 10px;
  border : 1px solid #E3E3E3;
  background-color: #F3E9F9;
  padding-bottom:2px;
}

#partenaires {
  margin-top : 10px;
  border : 1px solid #E3E3E3;
  background-color: #F3E9F9;
  padding-bottom:2px;
}

#informations {
  margin-top : 10px;
  border : 1px solid #E3E3E3;
  background-color: #FFEECC;
  padding:2px;
}

#adsense {
  margin-top : 10px;
  text-align:left;
  border : 1px solid #E3E3E3;
  background-color: #F6F0FA;
}

#adsense a {
  color : #555555;
  text-decoration : none;
}
#adsense a:hover {
  color : #828558;
  text-decoration : underline;
}

#voyance {
  clear:both;
  margin-top : 10px;
  text-align:left;
  border : 1px solid #E3E3E3;
  background-color: #F2F2F2;
}

.spacer {
  clear:both;
}

#footer {
  clear:both;
  height: 39px;
  background: transparent url(../interface/bas.jpg) top center no-repeat;
  line-height:38px;
  display:block;
}

#navig0 ul,li {
  margin:0px;
  padding:0px;
  list-style-type : none;
}
#navig0 li {
  float: left;
}
#navig0 a {
  display : block;
  padding:2px;
  padding-left: 20px;
  padding-right:20px;
  text-decoration : none;
  border : 1px solid #E0E0E0;
  margin : 2px;
  font-weight : bold;
  color : #FFFFFF;
  background: #4C82AB url('../interface/bg_5.gif') no-repeat top right;
}
#navig0 a:hover {
  background : #E4EFF7;
  color : #222222;  
}

#ssmenud .titre {
  font-family : arial;
  font-size : 13px;
  font-weight : bold;
}
#ssmenud .stitre {
  font-family : arial;
  font-size : 12px;
  font-weight : bold;
  color : #7E9E82; 
}
#member .titre,#tribune .titre,#informations .titre,#partenaires .titre {
  font-family : arial;
  font-size : 13px;
  font-weight : bold;
}

#ssmenud a {
  text-decoration : none;
  font-weight : bold;
  color : #6666CC;
  display : block;
  padding-left:5px;
  border-left : 4px solid #BBDBB2;
  margin-top: 1px;
  margin-left : 2px;
   //width : 100%;
}
#ssmenud a:hover {
  background-color : #FFFFFF;
  border-left : 4px solid #88C877;
}
#member a {
  text-decoration : none;
  font-weight : bold;
  color : #6666CC;
  display : block;
  padding-left:5px;
  border-left : 4px solid #DBDAB2;
  margin-top: 1px;
  margin-left : 2px;
  //width : 100%;
}
#member a:hover {
  background-color : #FFFFFF;
  border-left : 4px solid #B4B236;
}
#partenaires a {
  text-decoration : none;
  font-weight : bold;
  color : #6666CC;
  display : block;
  padding-left:5px;
  border-left : 4px solid #E1CBEF;
  margin-top: 1px;
  margin-left : 2px;
  //width : 100%;
}
#partenaires a:hover {
  background-color : #FFFFFF;
  border-left : 4px solid #CDACE4;
}
table.forums {
  font-family : arial;
  font-size : 12px;
  width: 100%;
  border: 1px solid #cccccc;
  border-collapse: collapse;
  border-spacing: 0px;
  empty-cells: show;
  color: #333333;
  background: #F4F8FC;
}
th, td {
	border: 1px solid #cccccc;
}
th {
	background-color: #F2F2F2;
	text-align : center;
	white-space: nowrap;
}
#centre p {
  margin : 0px;
  margin-bottom : 5px;
}

select.select_corps {
  font-weight : bold;
  font-size : 10px;
}

.input_corps {
  font-weight : bold;
  font-size : 10px;
  border : 1px solid #DDDDDD;
  border-left : 5px solid #BEB445;
  padding-left : 2px;
  width : 320px;
}
textarea {
  font-family : verdana;
}
.submit_corps {
  font-weight : bold;
  font-size : 10px;
}
.readonly {
  background-color : transparent;
  font-weight : bold;
  font-size : 10px;
  border : 0px;
  width : 320px;
}
.erreur {
  background : #FFFEE0;
  color : #FF0000;
  font-weight : bold;
  font-size : 11px;
  margin : 10px;
  padding : 10px;
  border : 1px solid #BBBBBB;
}
.confirm {
  background : #FFFEE0;
  color : #009900;
  font-weight : bold;
  font-size : 11px;
  margin : 10px;
  padding : 10px;
  border : 1px solid #BBBBBB;
}
.vert {  
  color : #009900;
}
p.signature {
  margin : 0px;
  padding : 0px;
  margin-top : 10px;
  font-size : 10px;
  line-height:12px;
  color : #666666;
}
.input_login {
  font-weight : bold;
  font-size : 10px;
  width : 110px;
  border : 1px solid #DDDDDD;
  border-left : 5px solid #BEB445;
  padding-left : 2px;
}
.submit_login {
  font-weight : bold;
  font-size : 10px;
  margin-top:5px;
  margin-bottom:5px;
}

h1 {
  background-color : #9BCEDF;
  color : #FFFFFF;
  border : 1px solid #649EB2;
  font-size : 15px;
  margin-bottom : 5px;
  text-align : left;
}

h2 {
  background-color : #F7EEC4;
  border-top : 1px solid #E3E3E3;
  border-bottom :  1px solid #E3E3E3;
  font-size : 14px;
  margin-bottom : 5px;
}
h3 {
  background-color : #FFF9DB;
  border-top : 1px solid #E3E3E3;
  border-bottom :  1px solid #E3E3E3;
  font-size : 13px;
  margin-bottom : 5px;
}
.altern1 {
  background-color : #FBF8E9;
}
.altern2 {
  background-color : #F5F4EE;
}

a.lien1 {
  color : #586885;
  text-decoration : none;
}
a.lien1:hover {
  color : #828558;
  text-decoration : underline;
}
a.lienforum {
  color : #586885;
}
a.lienforum:hover {
  color : #828558;
}

.petit1 {
  font-family : verdana;
  font-size : 10px;
  color : #5A5C34;
}

a.profila {
  font-family : verdana;
  color:  #5B8CAB;
  font-weight: bold;
  text-decoration : none;
  font-size : 10px;
}
a.profila:hover {
  color:  #65B5CF;
  text-decoration : underline;
}
div.objet {
  background : #F0F6FC;
  padding : 2px;
  border-left : 6px solid #FAF4C0;
  margin-bottom : 5px;
  //width : 100%;
}
div.entete {
  background : #E7EFF7;
  margin : 0px;
  padding : 2px;
  padding-bottom : 0px;
  margin-bottom : 3px;
  line-height:13px;
  //width : 100%;
}
div.objet2 {
  background : #F7F7F7;
  padding : 2px;
  border-left : 6px solid #FAF4C0;
  margin-bottom : 5px;
  //width : 100%;
}
div.entete2 {
  background : #EEEEEE;
  margin : 0px;
  padding : 2px;
  padding-bottom : 0px;
  margin-bottom : 3px;
  line-height:13px;
  //width : 100%;
}

.corps {
	border: 1px solid #D3D3D3;
	border-top: 0px;
	background: #F6F6F6;
	padding: 5px;
	text-align:left;
}

.altern_tribu1 {
	background: #EEE3F5;
	font-size : 9px;
}
.altern_tribu2 {
	background: #F6F0FA;
	font-size : 9px;
}
.input_tribune {
  font-weight : bold;
  font-size : 10px;
  width : 75px;
  border : 1px solid #DDDDDD;
  border-left : 5px solid #CE93D5;
  padding-left : 2px;
  height : 16px;
  //width : 85px;
}
.submit_tribune {
  font-weight : bold;
  font-size : 10px;
  width : 26px;
  vertical-align : middle;
}

a.liencadre {
  display :block;
  float: left;
  margin-right : 10px;
  text-align:center;
  padding-left : 30px;
  padding-right : 30px;
  border : 1px solid #DDDDDD;
  text-decoration : none;
  background : #F4F4F4;
  color : #666666;
  font-weight : bold;
}
a:hover.liencadre {
  color : #FFFFFF;
  background : #8696B2;
}
.infocateg {
  text-align:right;
  margin-top: 10px;
}

.categ {
  float:left;
  width:49%;
}
.categ a {
  font-weight : bold;
  font-size : 11px;
  text-decoration : none;
  color : #247ABC;
  display : block;
  padding-left : 27px;
  height : 24px;
  padding-top:3px;
  background : url('../interface/categoff.png') no-repeat top left;
}
.categ a:hover {
  text-decoration : underline;
  color : #9B9310;
}

.categ a.categon {
  color : #5097CD;
  background-image: url('../interface/categon.png');
}
.categ a.categon:hover {
  color : #5097CD;
  text-decoration : none;
}

div .objetgraph {
  width : 32%;
  float:  left;
  text-align:center;
  font-size : 10px;
  margin-bottom : 15px;
}

div .barrewall {
  position : absolute;
  top : 2px;
  left : 2px;
  background-color : #EEEEEE;
  border : 1px solid #999999;
  border-bottom : 2px solid #666666;
  border-right : 2px solid #666666;
  padding : 4px;
}
.check {
  vertical-align:middle;
  margin : 0px;
}

code {
  display : block;
  margin-left : 20px;
  margin-right : 20px;
  margin-top : 10px;
  padding: 5px;
  overflow: auto;
  background-color : #FDFDFD;
  border : 1px solid #EEEEEE;
  border-left : 6px solid #F7F4DE;
  white-space: nowrap;
  width : expression("500px");
}

.reproduction {
display : block;
float:left;
margin-left:5px;
}
.copyright {
display : block;
float:right;
margin-right:5px;
}
.copyright a {
  font-family : arial;
  font-size : 12px;
  color : #555555;
  text-decoration : none;
}


/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Op?.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu span, .ssmenu span {
	display:none;
}

.menu {
	text-align:center;
}

.menu a, .menu a:visited {
  background: transparent url('../interface/bouton.jpg') no-repeat top right;
  padding-left: 20px;
  padding-right:20px;
  text-decoration : none;
  font-weight : bold;
  font-size : 12px;
  color : #FFFFFF;
  height : 23px;
}

.menu a:hover, .menu a:focus  {
  background: #4C82AB url('../interface/bouton.jpg') no-repeat top right;
  color : #222222; 
}

#conteneurmenu {
  position : absolute;
  top : 100px; 
  z-index:10;
  width : 761px;
  margin-left:5px;
  padding-top:0px;
}

.menu{
  float: left;
  width : 177px;
	background-color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	font-family: Arial;
/* width et margin sont au cas o le javascript est d?ctiv?*/
}
.menu a {
  display :block;
  padding : 0px;
  padding-top:0px;
  padding-bottom:0px;
}
.ssmenu {
  display : none;
}


