/* CSS Document */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color: #076421;
}
h1 {
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
}
p {margin: 0 0 10px 0;
padding-left: 12px;
}
img{
border: 0;
}
#header {
/*	position: relative;
	width: 1024px;
	height: 232px;
	background: url(images/header.gif) left top no-repeat;
	margin: 0 auto;
	text-align: left;*/
height: 232px;
background: url(images/header.gif) left top no-repeat;
}
#header_img{
	position: absolute;
	top: 55px;
	left: 330px;
}
a#retour {
 position: absolute;
 left: 50px;
 top: 30px;
 width: 900px;
 height: 230px;
}
#gif {
	position: relative;
	top: 60px;
	/*margin: 100px, auto;*/
  right: 500px;
  z-index: 200;
}
#accessible {
	position: absolute;
	top: 10px;
	/*margin: 100px, auto;*/
  left: 600px;
	text-align: left;
	width: 380px;
}
#accessible ul {
	margin: 0;
	padding: 0 15px 2px 0;
}
#accessible li {
	list-style-type: none;
	font-size: 0.9em;
	padding: 0;
	display: inline;
	color: white;
	line-height:1.5em;
}
#accessible li a {
	color: white;
}
#conteneur {
/*position: absolute;
width: 1024px;
left: 50%;
margin-left: -512px;*/
position: absolute;
width: 1024px;
left: 50%;
margin-left: -512px;
}
#centre {
margin-left: 248px;
margin-top: 0;
background: url(images/contenu.gif) left top no-repeat;
width: 776px;
height: 358px;
}
#centre h2 {
  font-size: 1.4em;
  padding-left: 15px;
	color: #076421;
}
#centre br {
  font-size: 1em;
	color: #585856;
/*	line-height: 1,3em;*/
	padding-left: 7px;
	padding-right: 15px;
}

#content{
background-color: #FFFFFF;
height: 358px;
width: 640px;
overflow: auto;
margin: 0;
}
#content table th{
display:none;
}
#content table td{
    border: 2px solid #076421;

}
/*#content a{
color: #05A724;
text-decoration: none;
}
#content a:hover {
text-decoration: underline;
}
#content span {
  font-size: 1.2em;
  font-weight: bold;
	color: red;
}
/*#content a{
color: #000000;
text-decoration: none;
}
#content a:hover {
text-decoration: underline;
}*/

#gauche {
position: absolute;
left:0;
width: 248px;
height: 358px;
background: url(images/menu.gif) left top repeat-y;
}

#gauche h4 {
	padding-left: 75px;
	color: #FFFFFF;
}
#gauche span {
  font-size: 1.5em;
  font-weight: bold;
	color: #FDEE04;
}

#gauche p{
/*padding-left: 40px;*/
text-align: center;
}
#menugauche {
padding-top: 10px;
margin: 0;
padding-left: 75px;
}
#menugauche li {
font-size: 1em;
width: 190px;
list-style-image: url(images/puce.gif);
margin-bottom: 3px;
}
#menugauche li a:hover {
list-style-image: url(images/puce.gif);
color: yellow;
}
#menugauche a {
margin: 0 2px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
#menugauche a:hover {
text-decoration: underline;
}

.photo{
    padding-right : 4px;
    margin-right : 4px;
    float : left;
}
#footer2 {
	width: 760px;
	height: 24px;
	background: url(interface/footer2.png) left bottom no-repeat;
	margin: 0 auto;
	font-size: 1px;
/*	clear: both;*/
}
#footer {
	width: 1022px;
	height: 166px;
	background: url(images/footer.gif) left bottom no-repeat;
	color: white;
	font-size: 0.90em;
/*	font-weight:bold;*/
	text-align: left;
/*	margin: 0 auto;*/
}
#footer p {
	padding-top: 120px;
	padding-left: 600px;
/*	margin: 10px 0 0 40px;*/
}
#footer a {
	color: white;
}
input{
color:  #585856;
border: 1px solid #076421;
}
textarea{
color:  #585856;
border: 1px solid #076421;
}
#formu div.row {
  clear: both;
  padding-top: 10px;
  padding-left: 15px;
  font-size: 1em;
	color: #585856;
  }

#formu div.row label{ 
  float: left;
  width: 25%;
  text-align: left;
  font-size: 1em;
	color: #585856;
  }

#formu div.row span.formw{
  float: right;
  width: 70%;
  text-align: left;
  }
.txt_red{
color:red;
}
#lien{
font-size: 1em;
color: #076421;
text-decoration: underline;

}
#lien a:hover {
text-decoration: none;
}
.lien_left{
font-size: 1em;
color: #076421;
text-decoration: underline;
padding-left: 50px;
padding-top: 10px;
float: left;
background: url(images/bg-liens.gif) left bottom no-repeat;
height:69px;
width:233px
}
.lien_right{
font-size: 1em;
color: #076421;
text-decoration: underline;
padding-right: 50px;
padding-top: 0px;
float: right;
background: url(images/bg-liens.gif) right bottom no-repeat;
height:69px;
width:233px
}
#dessin a{
font-size: 1em;
color: #3C3601;
text-decoration: underline;
}
#dessin a:hover {
text-decoration: none;
}
#livre a{
font-size: 1em;
color: #3C3601;
text-decoration: underline;
}
#livre a:hover {
text-decoration: none;
}
.texte_livre{
 border: 1px solid #076421;
 width: 600px;
}
.titre_livre{
background-color: #076421;
color: #FFFFFF;
 width: 602px;
}
.titre_livre a{
text-decoration: underline;
color: yellow;
}
.dessins{
    margin-top : 3px;
    margin-right : 15px;
    border: 2px solid #076421;
    float : left;
}
.photos{
    margin-top : 3px;
    margin-right : 15px;
    float : left;
}
.spacer{
clear: both;
}
#gif {
position: absolute;
top: 4em;
left: 70em; 
width: 20em;
z-index: 500;
font-size: 80%;
}
#prochain{
float:right;
padding-right:20px;
background:url(interface/prochain.gif) right bottom no-repeat; 
width:190px;
height:33px;
}
#prochain p{
color:white;
font-size:10px;
text-align:center;
}
#prochain a{
color:white;
font-size:11px;
text-decoration:none;
}
#prochain a:visited{
color:white;
font-size:11px;
text-decoration:none;
}
#prochain a:hover{
text-decoration:underline;
}
.liens{
color:white;
font-size:12px;
background: url(images/bg-liens.gif) right top no-repeat;
width:233px;
height:69px;
float:right;
padding-top: 43px;
padding-left:30px;
/*text-align:center;*/
}
.liens a{
color:red;
font-size:12px;
text-decoration:none;
font-weight:bold;
padding-left:62px;
}
.liens a:visited{
color:red;
font-size:11px;
text-decoration:none;
}
.liens a:hover{
text-decoration:underline;
}
.liens1{
color:white;
background: url(images/bg-liens.gif) left bottom no-repeat;
width:233px;
height:69px;
float:right;
/*text-align:center;*/
}
.liens1 a{
color:white;
font-size:11px;
text-decoration:none;
padding-left:4px;
}
.liens1 a:visited{
color:white;
font-size:11px;
text-decoration:none;
}
.liens1 a:hover{
text-decoration:underline;
}
a.tip{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.tip:hover{z-index:25; background-color:#ff0}

a.tip span{display: none}

a.tip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:150px; right:5px; width:15em;
    border:1px solid #076421;
    background-color:#fff; color:#000;
    text-align: center
}
/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}