/* regles generales */

html {
    margin: 0px;
    padding: 0px;
}
body { 
    font-family: Calligraffitti, Lobster, cursive, tahoma, arial, helvetica, sans-serif;
    font-size: 1.1em;
    color: #F3F3F3;
    /*background: #AAAAAA;*/
    margin: 0px; 
    padding: 0px;
    text-align: center; /* pour corriger le bug de centrage IE */
    background: #F0F0F0 url(../img/fond.jpg) no-repeat top left fixed;
    -webkit-background-size: cover; /* pour Chrome et Safari */
    -moz-background-size: cover; /* pour Firefox */
    -o-background-size: cover; /* pour Opera */
    background-size: cover; /* version standardisee */

}
/* hide the fake background image for IE */
img#bg {
  display: none;
}

h1 {
    font-weight: bold; 
    font-size: 1.2em;
    text-align: center;
}
h2 {
    font-weight: bold; 
    font-size: 1.2em;
}


/* top banner */
div#banner {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 1000;
	background: transparent url(../img/bannerTop.png) repeat-x top left;
	width: 100%;
}
div#bannerPop {
	display: block;
	position: absolute;
	top: 5;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 1005;
	height: 400px;
	width: 350px;
	background: transparent url(../img/bannerCoeur.png) no-repeat top ;
}
div#menu {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 1010;
	height: 131px;
	color: black;
}
div#buttons {
	position: absolute;
	top: 50;
	left: 350;
	margin: 0;
	padding: 0;
	
}

/* fond */
div#fond {
    background: #F0F0F0;
	z-index: 100;

}

/* content */
div#global {
	color: #333333;
	position: absolute;
	z-index: 800;
	width: 600px;
	/*top: 126;*/
	top: 95;
	left: 400px;
	padding: 0 0 30px 0;
	background: transparent url(../img/content_bottom.png) no-repeat bottom right;
}
div#innerglobal {
	background: transparent url(../img/content_middle.png) repeat-y;
	padding: 42px 10px 30px 10px;
	text-align: left;
}


/* dummy */
div.null {
    float: left;
    padding: 2px
}
/* table (for contacts) */
table.content_table {
    border-collapse: collapse;
    padding: 0px;
    width: 600px;
    /*border: solid 1px black;*/
}
th {
    border: solid 1px black;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    /*background-color: #E6E6E6;
    F2E0F7;*/
}
td {
    /*border: solid 1px black;*/
    padding-left: 5px;
    padding-right: 5px;
color: #333333;
    /*text-align: center;
    background-color: #E0E0F8;*/
}
/* general mail link */
a.mail { 
    font-family: arial, helvetica, sans-serif;
    font-size: 0.9em;
}

/* password page */
div#passe {
	color: #333333;
	position: absolute;
	z-index: 800;
	width: 600px;
	/*top: 126;*/
	top: 130;
	left: 400px;
	padding: 0 0 30px 0;
	background: transparent url(../img/fond_passe.png) repeat-y bottom right;
}



div.dl {
    padding-left: 20px;
    font-family: Calligraffitti, Lobster, cursive, tahoma, arial, helvetica, sans-serif;
    font-size: 1.1em;
}
div.dl a:visited {
    font-family: Calligraffitti, Lobster, cursive, tahoma, arial, helvetica, sans-serif;
    color: #4477DD;
}
div.dl a:hover, a:active {
    font-family: Calligraffitti, Lobster, cursive, tahoma, arial, helvetica, sans-serif;
}