/******************************************************************
GLOBAL
******************************************************************/
html {
  height: 100%;
}

body {
  margin : 0;
  padding : 0;
  font-family : Tahoma, Arial, Helvetica, sans-serif;
  text-align : justify;
  height: 100%;
}

/******************************************************************
LAYOUT ACCUEIL
******************************************************************/

div#globalAcc {
  position : absolute;
  left : 50%;
  top : 50%;
  width : 780px;
  height : 600px;
  margin-top : -300px; 
  margin-left : -390px;
  background-color : #fff;
  border: 1px solid #000;
}

div#leftAcc {
  float : left;
  width :570px;
  
}

div.gal {
  height: 70px;
  display: block;
   
}

div.text {
font-size: 10px;
padding-top: 5px;
}

div.text img{
display: block;
}

div#mainAcc {
  float : right;  
  width : 200px;
  padding : 0;
  height : 100%;
  
}


div.imgDecAcc {
	background: url(../imgs/shadow.gif) no-repeat bottom left;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	position: relative;
}

div.imgDecAcc img {
	background-color: #fff;
	display: block;
	margin: -1px 0 4px 5px;
	padding: 4px;
	position: relative;
}

/******************************************************************
LAYOUT RUBRIQUES
******************************************************************/
div#global {
  position : absolute;
  left  : 50%;
  width : 780px;
  margin-left : -390px;
  background-color : #fff;
  top : 25px;
  height : 83%;
}

div#header, div#menu, div#left, div#main {
margin : 0
}

div#left {
float : left;
width : 290px;
}

div#left div.imgDec {
	background: url(../imgs/shadow.gif) no-repeat bottom left;
	float: left;
	margin: 3px 0 11px 0;
	padding: 0;
	position: relative;
}

div#left div.imgDec img {
	background-color: #fff;
	display: block;
	margin: -1px 0 5px 5px;
	padding: 4px;
	position: relative;
}

div#left p {
  margin-left : 5px;
}

div#main {
  float : right;  
  width : 483px;
  padding : 0;
  height : 100%;
}

div#text {
  clear : both;
}

div#footer {
  clear : both;
  bottom: 100%;
  width : 780px;
  padding : 10px;
}



/******************************************************************
OMBRES POUR IMAGES 
******************************************************************/

div.imgDec {
	background: url(../imgs/shadow.gif) no-repeat bottom left;
	float: left;
	margin: 2px;
	padding: 0;
	position: relative;
}

div.imgDec img {
	background-color: #fff;
	display: block;
	margin: -1px 0 5px 5px;
	padding: 4px;
	position: relative;
}

/******************************************************************
SCROLLBAR 
******************************************************************/

div#mycustomscroll {
  /* percentage width without the fix*/
  width: 190px;
  height: 200px;
  overflow: auto;
  /* IE overflow fix, position must be relative or absolute*/
  position: relative;
  padding: 0 10px 0 4px;
  outline : none;
  margin-bottom : 25px;
  clear : both;
}

.percentagewrap {
	width: 80%;
	margin: 0 auto;
	padding: 10px;
	}
	
.fixedwidth {
  width: 550px;
  height: auto;
  position: relative;
  color: black;
  padding: 1px;
}

/* FLEXSCROLL */

.scrollgeneric {
  line-height: 1px;
  font-size: 1px;
  position: absolute;
  top: 0; 
  left: 0;
}

.vscrollerbase {
  width: 10px;
  background-color: #cdcdcd;
}

.vscrollerbar {
  width: 10px;
  background-color: #404040;
}

.hscrollerbase {
  height: 10px;
  background-color: white;
}

.hscrollerbar {
  height: 10px;
  background-color: black;
}

.scrollerjogbox {
  width: 10px;
  height: 10px;
  top: auto; left: auto;
  bottom: 0px; right: 0px;
  background-color: gray;
}

/******************************************************************
FORMAT
******************************************************************/
div#footer p {
  text-align :center;
}

p {
  font-size : 10px;
  color : #404040;
  margin-top : 0;
  text-align : justify;
}

a img:hover {
  border: 1px solid #cdcdcd;
}

a img, a img:link, a img:visited, a img:active {
  border: 1px solid #ffffff;
}