/*******************************************************
TITLE: Fixed Box Layout  V1.0
DATE: 20060809
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

body {
margin:3em;
padding:0;
height:100%;
background-color:#5A1A16;
background-image: url(images/bgPlanche4.jpg);
background-repeat: repeat-x;
background-position: top left; 
color:#000000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
}

a {
color:#cc0000;
text-decoration:underline;
}

a:hover {
color:#996633;
text-decoration:none;
}

blockquote {
margin:1em;
padding:.5em;
background-color:#eeeeee;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

blockquote p {
margin:.2em;
}

table.historique {
    border-width: 1px;
    border-spacing: 1px;
    border-style: outset;
    border-collapse: collapse;
}

table.historique td {
    border-width: 1px;
    padding: 1px;
    border-style: solid;
    border-color: #000000;
}

#leftColumn {
position: absolute;
height: 321px;
width: 257px;
top: 148px;
z-index: 2;
left: 50px;
}
#bgCenterColumn {

width: 650px;
height: 520px;
position: absolute;
z-index: 4;
float: left;
left: 265px;
top: 220px;
/*background-image: url(images/Fond-Parchemin.png); */ 
}
#centerColumn {

width: 600px;
height: 520px;
position: absolute;
padding: 10px;
z-index: 8;
float: left;
left: 350px;
top: 250px;
text-align:left;
/*border:5px solid #999999;  */ 

}

#centerColumn h2 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-size:1em;
letter-spacing:.1em;
}
#centerColumn h1 {
    font-size: 18px;
    font-style: normal;
    font-family: "Georgia", Times, serif;
    color: #6a2c0d;
    padding-bottom: 0px;
    text-transform: uppercase;
    font-weight: normal;
}

#header {
margin:-1em -1em 0 -1em;
padding:0 0 0 0;
height:5em;

background-position: top left;
z-index: 5;
}

#header h1 {
margin:0 0 -.6em 0;
padding:.5em 0 0 1em;
font-size:1.5em;
letter-spacing:.1em;
}

#header h2 {
margin:0 0 0 0;
padding:1em 0 0 1.75em;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
}

#nav {
margin:0 0 1em 0;
padding:.4em 0 1em 0;
/*border: 1px solid #000000;*/
/*display:inline;*/
}

#nav ul {
float:left;
margin:0;
padding:0;
list-style:none;
display:inline; 
}

#nav li {
margin:0;
padding:.25em;
display:inline;
}

#sessionopen ul {
float:left;
padding:0;
list-style:none;
display:inline; 
}

#sessionclose {
padding:2em 0em 1em 1em; 
}
#sessionopen {
float:none;
}

#sessionopen ul {
float:left;
margin:3em 0 0 2.5em;
padding:0em 0em 0em 0em;
list-style:none;  
}
#sessionopen li {
margin:0;
padding:.25em;
}

#footer {
position:absolute;
padding: 10px; 
width: 600px;
left: 350px;
top: 810px; 
bottom:0;
margin:0 0 0 0;
/*padding:0;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
text-align: center;
padding-top: 5px;

/*height:4em;
line-height:4em;
text-align:center;
font-size:.7em;
background-color:#cccccc;
border-top:1px solid #999999; */
z-index:8;
}

#show {
padding:1em 0 0 0em;

}

/*******************************************************
Images de Gauche
*******************************************************/


#fougere {
	position: absolute;
	top: -10px;
	left: 0px;
	float: left;
	z-index: 8;

}



#boussole {
	position: absolute;
	top: 500px;
	left: 100px;
	float: left;
	z-index: 8;

}



#jumelles {
	position: absolute;
	top: 600px;
	left: -150px;
	float: left;
	z-index: 8;

}


#corde {
	position: absolute;
	top: 0px;
	left: 450px;
	float: left;
	z-index: 6;

}
#pommedepain {
	position: absolute;
	top: 440px;
	left: -20px;
	float: left;
	z-index: 5;

}
#entete {
    position: absolute;
    top: 85px;
    left: 270px;
    float: left;
    z-index: 5;

}
#note {
    background-image: url("./images/Note-connexion.png");
    position: absolute;
    width: 180px;
    height: 210px;
    top: 190px;
    left: 1020px;
    float: left;
    z-index: 2;

}

/****************************************************/
/*              Differents contenus                 */
/****************************************************/ 


/*Div contenant chaque image appelée Gallerie (voulu par highslide)*/
#conteneurGallerie {
    float: left;
    width:39%; 
    text-align:center;
    /*border: 0px solid #000000;*/     
}
#gallerie {
    display:inline;
}



#TexteGallerie {
    float:left;
    width:60%;
    /*border: 1px solid #000000;*/
    text-align:justify;
}

#selectionDate {
    float:left;
    width:48%;
    padding:5px;    
    /*border: 1px solid #000000; */
    text-align:center;
}

/*Div contenant les liens vers les partenaires*/
#partenaires {
    float: left;
    text-align:center;
    display:inline;    
}
#sponsor {
position:absolute;
padding: 10px; 
width: 600px;
left: 350px;
top: 810px; 
bottom:0;
margin:0 0 0 0;

font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
text-align: center;
padding-top: 5px;
z-index:8;
}