/* CSS Document */

body
{
margin-top: 0px;
margin-bottom: 0px;
	color: #322318;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;

	background: #A87452;


}
.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0px auto;

}
#content{
	position:relative;
	border:1px solid;
	clear: left;
	text-align: center;
	background-image: url('images/background.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color:#CFAD89;

}
#johanne{
	position: absolute;
	width: 147px;
	height:216px;
	margin: 0px;
	top: 19px;
	left: 586px;
	z-index:100;
	background-image: url('images/johanned.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
}

#texteprincipal{
	position: absolute;
	width: 455px;
	height:310px;
	margin: 0px;
	top: 290px;
	left: 255px;
	z-index:1;
line-height:20px;
font-family:Trebuchet, verdana,arial;
	font-size: 0.75em;

}
.photo-gauche{

margin-right:10px;
margin-bottom:10px;
border:1px solid #CD7154;

}
.photo-droite{

margin-left:10px;
margin-bottom:10px;
border:1px solid #CD7154;

}
#textegeneral{
	position: absolute;
	width: 550px;
	height:230px;
	text-align: justify;
	margin: 0px;
	color:#322318;
	font-weight:normal;
	font-family:times new roman,times,serif;
	font-size: 14px;
	top: 25px;
	left: 330px;

}

#textelivrenoir{
	position: absolute;
	width: 250px;
	height:250px;
	text-align: justify;
	padding:10px;
	margin: 0px;
	color:#322318;
	font-weight:normal;
	font-family:times new roman,times,serif;
	font-size: 12px;
	top: 2040px;
	left: 22px;
	background-color: #E9CFA0;


}
#textelivregrapho1{
	position: absolute;
	width: 690px;
	height:173px;
	text-align: justify;
	padding:10px;
	margin: 0px;
	color:#322318;
	font-weight:normal;
	font-family:times new roman,times,serif;
	font-size: 12px;
	top: 360px;
	left: 22px;
	background-color: #E9CFA0;


}

#textelivregrapho2{
	position: absolute;
	width: 690px;
	height:180px;
	text-align: justify;
	padding:10px;
	margin: 0px;
	color:#322318;
	font-weight:normal;
	font-family:times new roman,times,serif;
	font-size: 12px;
	top: 580px;
	left: 22px;
	background-color: #E9CFA0;


}
#textelivregrapho3{
	position: absolute;
	width: 690px;
	height:180px;
	text-align: justify;
	padding:10px;
	margin: 0px;
	color:#322318;
	font-weight:normal;
	font-family:times new roman,times,serif;
	font-size: 12px;
	top: 820px;
	left: 22px;
	background-color: #E9CFA0;


}
#textelivregrapho4{
	position: absolute;
	width: 690px;
	height:180px;
	text-align: justify;
	padding:10px;
	margin: 0px;
	color:#322318;
	font-weight:normal;
	font-family:times new roman,times,serif;
	font-size: 12px;
	top: 1055px;
	left: 22px;
	background-color: #E9CFA0;


}
#textelivregrapho5{
	position: absolute;
	width: 690px;
	height:265px;
	text-align: justify;
	padding:10px;
	margin: 0px;
	color:#322318;
	font-weight:normal;
	font-family:times new roman,times,serif;
	font-size: 12px;
	top: 1305px;
	left: 22px;
	background-color: #E9CFA0;


}
#boxlivretous{
	text-align: justify;
	padding:10px;
	margin: 0px;
	color:#322318;
	font-weight:normal;
	font-family:times new roman,times,serif;
	font-size: 12px;
	top: 345px;
	left: 22px;
	background-color: #E9CFA0;


}
.couleur{
}
#textelivreloulou{
	position: absolute;
	width: 390px;
	height:250px;
	text-align: justify;
	padding:10px;
	margin: 0px;
	color:#322318;
	font-weight:normal;
	font-family:times new roman,times,serif;
	font-size: 12px;
	top: 2040px;
	left: 322px;
	background-color: #E9CFA0;

}
#texteconference{
	position: absolute;
	width: 455px;
	height:150px;
	text-align: justify;
	margin: 0px;
	color: #322318;
	font-weight:normal;
	font-family:times new roman,times,serif;
	font-size: 14px;
	top: 685px;
	left: 255px;
	background:#CD7154;
padding:5px;

}
#textejohanne{
background-color:#DDB466;
	position: absolute;
	width: 170px;
	text-align: justify;
font-family:Trebuchet, verdana,arial;
	line-height:20px;
	margin: 0px;
	color: #322318;
	font-weight:normal;
	font-size: 12px;
	top: 340px;
	left: 22px;
padding:5px;

}
#titrelivregrapho{
	position: absolute;
	background-color:#D2995C;
	padding:5px;
	width: 700px;
	text-align: left;
	margin: 10px;
	color: #322318;
	font-weight:bold;
	font-family:Trebuchet ms, verdana, arial;
	font-size: 20px;
	top: 290px;
	left: 12px;
	height:30px;
	z-index:1;
}
#titrelivretous{
	position: absolute;
	background-color:#DDB466;
	padding:5px;
	width: 700px;
	text-align: left;
	margin: 10px;
	color: #322318;
	font-weight:bold;
	font-family:Trebuchet ms, verdana, arial;
	font-size: 20px;
	top: 1905px;
	left: 12px;
	height:30px;
	z-index:1;
}
#titrecollectionjo{
	position: absolute;
	background-color:#8BA498;
	padding:5px;
	width: 700px;
	text-align: left;
	margin: 10px;
	color: #322318;
	font-weight:bold;
	font-family:Trebuchet ms, verdana, arial;
	font-size: 20px;
	top: 2330px;
	left: 12px;
	height:30px;
	z-index:1;
}

#titre{
	position: absolute;
	background-color:#DDB466;
	padding:5px;
	width: 170px;
	text-align: left;
	margin: 10px;
	color: #322318;
	font-weight:bold;
	font-family:Trebuchet ms, verdana, arial;
	font-size: 20px;
	top: 290px;
	left: 12px;
	height:30px;
	z-index:1;
}
.grandtitre{
text-align: center;
	margin: 10px;
	color: #322318;
	font-weight:bold;
	font-family:Trebuchet ms, verdana, arial;
	font-size: 16px;

}
#header{
	position:relative;
	clear: both;
	width: 750px;
	background: #A77554;
	color: #322318;
	text-align: left;
	background-image: url('images/top.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	height:274px;
	padding: 0px 0px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	z-index: 1;
}

#footer{
 position:relative;
clear: left;
width: 750px;
background-color: #B2A26D;
text-align: left;
height:110px;
padding: 0px 0px;
border:1px solid;
}

#adresse{
	width: 280px;
	height:200px;
	text-align: center;
	margin: 10px;
	color: #322318;
	font-weight:normal;
	font-family:times new roman,times,serif;
	font-size: 20px;

}
.adressesmall{
	color: #E9E9EC;
	font-weight:normal;
	font-family:times new roman,times,serif;
	font-size: 12px;

}
a.texte:link{
color: #990000;
font-family:Trebuchet, verdana,arial;
text-decoration:none;
}

a.texte:hover{
color: #000000;
font-family:Trebuchet, verdana,arial;
text-decoration:underline;
}

a.texte:visited{
color: #990000;
font-family:Trebuchet, verdana,arial;
text-decoration:none;
}

.texte{
color: #322318;
font-family:Trebuchet, verdana,arial;
text-align:justify;
}
p{
color: #322318;
font-family:Trebuchet, verdana,arial;
text-align:justify;
}

/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
--------------------------------------*/
#menuDeroulant
{
	width: 100%;
	height: 30px;
	list-style-type: none;
	margin: 0px;
	padding: 1px;
	border: 0px none;
	position: absolute;
	top: 245px;
	left: 10px;
	font-family: Trebuchet ms,Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	text-align:center;
	z-index: 100;
	
}
#menuDeroulant li
{
	float: left;
	border: 0px none;
	padding-left:10px;
padding-right:10px;

	line-height:25px;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #000000;
	padding-left:10px;
padding-right:10px;
	border: 1px transparent #323941;
	text-decoration: none;
}
#menuDeroulant li a:hover { 
background-color:#B4A472; 
color: #FFFFFF;


}
#menuDeroulant li a:active { 
background-color:#CD7154; 
color: #543523;

}

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 1px;
	padding: 0px;
	border: 0px none;
	
	
}
#menuDeroulant .sousMenu li
{
	border-left:0px none; border-bottom:0px none; float: none;
	margin: 0px;
	padding: 1px;
	width: 162px;
	border-top: 1px inset transparent;
	border-right: 1px outset transparent; 
	
	
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #000000;
	padding: 1px 4px;
	border: 1px solid;
	text-decoration: none;

	line-height:23px;
	height: 23px;
}
#menuDeroulant .sousMenu li a:hover
{

	color: #FFFFFF;
	
}

#menuDeroulant li:hover > .sousMenu { display: block; }


a.quebec:link        {
	text-decoration: none;
	color: #000000;
}
a.quebec:visited     { text-decoration: none; color: #000000; }
a.quebec:hover       { text-decoration: none; color: #FFCC66;}

#adresse{
	width: 280px;
	height:200px;
	text-align: center;
	margin: 10px;
	color: #322318;
	font-weight:normal;
	font-family:times new roman,times,serif;
	font-size: 20px;

}
.adressesmall{
	color: #E9E9EC;
	font-weight:normal;
	font-family:times new roman,times,serif;
	font-size: 12px;

}