/* CSS Document */
html {
font-size: 100%;
height:100%}
body {
width:100%;
height:100%;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 0.9em;
margin: 0;
padding: 0;
text-align:left;
background:#FFFBEF url(GFX/TachesCDJB.jpg) top right repeat-y}
#bordgauche {
width:100%;
height:auto;
min-height:100%;
_height:100%;
margin: 0;
padding: 0;
background:url(GFX/TachesCGJB.jpg) top left repeat-y;
text-align:center;
z-index:1}
.tache {
position:absolute;
width:100%;
height:300px;
top:0px;
background:url(GFX/Taches02JB.jpg) top right no-repeat;
z-index:2}
.tacbd {
position:absolute;
width:456px;
height:512px;
top:0px;
background:url(GFX/Taches01JB.jpg) top left no-repeat;
z-index:2}
.global {
position: relative;
margin-left:auto;
margin-right:auto;
width: 725px;
text-align:left;
z-index:4}
.mainmenu {
position: relative;
margin-left:auto;
margin-right:auto;
color: #332200;
margin-top:20px;
text-align:center;
z-index:4}
.menuint {
padding-top:4px}
.menuint li{
display:inline;
list-style-type:none;
color: #88796A;
margin-left:10px;
padding-left:8px;
padding-right:10px;
background:url(GFX/Carre.gif) bottom left no-repeat}
.menuint li a{
color: #332200;
text-decoration: none}
.menuint li a:visited{
color: #332200;
text-decoration: none}
.menuint li a:hover{
color: #CB5A34}
.pied {
position:relative;
width: 100%;
font-size:0.9em;
color:#5B554F;
padding-top:0px;
margin-bottom:4px;
text-align:center;
z-index:4}
.espace {
height:40px;}
.retchar {
height:0px;
margin:0;
padding:0;
overflow:hidden;
background-color:#0099FF;
border:0;
clear:both}
p {
margin: 0}
img {
margin: 0;
padding:0;
border: 0}
a:link {
color: #993300;
text-decoration: none}
a:visited {
text-decoration: none;
color: #993300}
a:hover {
text-decoration: underline;
color: #CB5A34}
.info {
font-size:0.8em;
color:#7D746C;
padding-bottom:20px;
z-index:4}
.info a{
color:#7D746C}
.biobloc {
width:360px;
margin-left:170px;
text-align:center;
padding-top:26px}
.banbloc {
width:380px;
margin-left:170px;
text-align:justify;
padding-top:10px}
.banbloc img{
margin-top:30px;
float:left;}
.browser img{
margin:6px 55px 0px 55px;
padding-bottom:10px;
float:left;}
.titlep {
padding-left:10px;
margin-top:30px;
width:94%}
.styletitre {
color: #66594D;
font-size: 1.2em;
font-style: normal;
font-weight:normal;
text-align:left}
.separ {
height:5px;
margin-left:10px;
overflow:hidden;
border-top:#BDAD9C solid 1px}
.sepcom {
width:534px;
margin-left:83px;
background:url(GFX/CycleC2.gif) repeat-y 29px top;
text-align:left}
.corntl {
width:322px;
height:10px;
overflow:hidden;
background:url(GFX/CornTL.gif) no-repeat 45px bottom}
.cornbr {
width:322px;
height:10px;
overflow:hidden;
background:url(GFX/CornBR.gif) no-repeat 45px top}
.corntlbis {
width:540px;
margin-left:112px;
height:10px;
overflow:hidden;
background:url(GFX/CornTL2.gif) no-repeat 0px bottom}
.cornbrbis {
width:540px;
margin-left:112px;
height:10px;
overflow:hidden;
background:url(GFX/CornBR2.gif) no-repeat 0px top}
.bigc {
font-size:1.2em;
color:#66594D}
.parent {
font-size:0.8em;
color:#9D8C7B}
.parent a{
color:#9D8C7B}
.parent a:visited{
color:#9D8C7B}
.parent a:hover{
text-decoration:underline;
color:#66594D}
.bigcbis {
width:204px;
margin-left:16px;
padding-top:10px;
font-size:1.2em;
color:#8F7D6B}
.fee {
float:left;
padding-top:4px;
padding-bottom:6px}
.feedeux {
float:left;
padding-bottom:5px}
.stylaut {
color: #786756;
font-size: 0.8em;
text-align:center;
font-style: italic}
.stylaut input {
margin-left:6px;
background-color:#FCF9F1;
border:#BDAD9C solid 1px}
.stylaut textarea {
margin-left:6px;
background-color:#FCF9F1;
border:#BDAD9C solid 1px}
.stylaut input:focus {
background-color:#FFFFFF;
border:#EBA969 solid 1px}
.stylaut textarea:focus {
background-color:#FFFFFF;
border:#EBA969 solid 1px}
.code {
margin:24px 5px 0px 5px;
width:242px;
float:left;
color: #786756;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.6em;
text-align:justify}
.sligne {
height:4px;
overflow:hidden}