/* CSS Document */

body {
margin-top:0px;
background-color:#000000;
scrollbar-base-color: #5A5A23;
}

a
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #001111;
  text-decoration: none;
}

A:hover
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #33FFFF;
  text-decoration: none;
}

#Tableau_01 {
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	height:700px;
}

#header-ban {
	position:absolute;
	left:0px;
	top:0px;
	width:262px;
	height:88px;
}

#header-ban2 {
	position:absolute;
	left:262px;
	top:0px;
	width:87px;
	height:88px;
}

#header-ban3 {
	position:absolute;
	left:349px;
	top:0px;
	width:523px;
	height:30px;
}

#header-banend {
	position:absolute;
	left:872px;
	top:0px;
	width:28px;
	height:88px;
}

#b-news {
	position:absolute;
	left:349px;
	top:30px;
	width:59px;
	height:35px;
}

#b-bio {
	position:absolute;
	left:408px;
	top:30px;
	width:49px;
	height:35px;
}

#b-partenaire {
	position:absolute;
	left:457px;
	top:30px;
	width:120px;
	height:35px;
}

#b-gallerie {
	position:absolute;
	left:577px;
	top:30px;
	width:89px;
	height:35px;
}

#c-communaute {
	position:absolute;
	left:666px;
	top:30px;
	width:123px;
	height:35px;
}

#b-contact {
	position:absolute;
	left:789px;
	top:30px;
	width:83px;
	height:35px;
}

#header-ban4 {
	position:absolute;
	left:349px;
	top:65px;
	width:523px;
	height:23px;
}

#photo-gauche {
	position:absolute;
	left:0px;
	top:88px;
	width:262px;
	height:574px;
}

#contenu {
	position:absolute;
	left:262px;
	top:88px;
	width:638px;
	height:574px;
	background-image:url(images/contenu.jpg);
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
}

#contenu_2 {
        position:absolute;
        left:262px;
        top:88px;
        width:638px;
        height:574px;
        color:#000000;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        text-align:justify;
        padding-left:5px;
        padding-right:5px;
        padding-top:10px;
        padding-bottom:10px;
        overflow-y:scroll;
}

#contenu_3 {
        position:absolute;
        left:0px;
        top:88px;
        width:890px;
        height:780px;
	background-image:url(images/contenu_f2.jpg);
        color:#000000;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        text-align:justify;
        padding-left:5px;
        padding-right:5px;
        padding-top:10px;
        padding-bottom:10px;
}

.caseFolio {
	width:230px;
	height:230px;
	border:outset;
	border-color:#BBBBBB;
	background-color: #777777;
}

.caseFolio:hover {
	background-color: #888888;
}

p {
color:#000000;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:10px;
	margin-bottom:10px;
}

h1 {
color:#CC9900;
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-left:15px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:5px;

}

#footer {
	position:absolute;
	left:0px;
	top:662px;
	width:900px;
	height:38px;
	z-index:5;
}

#footer_f {
        position:absolute;
        left:0px;
        top:890px;
        width:900px;
        height:38px;
        z-index:5;
}

#navi {
  font-size: 12px;
  color:#FFFFFF;
  font-weight: normal;
}


#navi a {
   color:#FFFFFF; 
   font-weight: bold;
}

#navi a:hover {
   color:#AAAAAA;
}


#large {
	position:absolute;
	left:0px;
	top:0px;
	z-index:10;
	border-style:none;
	visibility:hidden;
	width:890px;
	height:800px;
	text-align: center;
	background-image: url(images/contenu_f2.jpg);
}

.article {
	 padding-left: 14px;
	 padding-top: 0px;
	 padding-right: 5px;
	 padding-bottom: 0px;
}

.image {
        padding-left: 14px;
	padding-top: 13px;
	padding-right: 5px;
	padding-bottom: 0px;
}