/* 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;

	z-index:1;

}

#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: 475px;

	height:440px;

	margin: 0px;

	top: 290px;

	left: 235px;

	z-index:1;

line-height:20px;

font-family:Trebuchet, verdana,arial;

	font-size: 0.75em;



}

.photo-droite{

margin-left:10px;

margin-bottom:10px;



}

#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: 345px;

	left: 22px;

	background-color:#FFFFFF;



}

#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;



}

#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: 345px;

	left: 322px;

	background-color:#FFFFFF;



}

#texteconference{

	position: absolute;

	width: 180px;

	height:340px;

	text-align: justify;

	margin: 0px;

	color: #322318;

	font-weight:normal;

	font-family:times new roman,times,serif;

	font-size: 14px;

	top: 840px;

	left: 22px;

	background:#CD7154;

padding:5px;



}

#textejohanne{

	background:#CD7154;

	position: absolute;

	width: 180px;

	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;

	height: 340px;

	background-repeat: no-repeat;

	background-position: center bottom;



}

#textejohanneaccueil{

	background-color:#DDB466;

	position: absolute;

	width: 180px;

	text-align: justify;

	font-family:Trebuchet, verdana,arial;

	line-height:20px;

	margin: 0px;

	color: #322318;

	font-weight:normal;

	font-size: 12px;

	top: 710px;

	left: 22px;

	padding:5px;

	height: 552px;

	background-image: url('images/bas-accueil.jpg');

	background-repeat: no-repeat;

	background-position: center bottom;



}

#rencontre{

background-color:#DDB466;

	position: absolute;

	width: 475px;

	text-align: justify;

font-family:Trebuchet, verdana,arial;

	line-height:20px;

	margin: 0px;

	color: #322318;

	font-weight:normal;

	font-size: 12px;

	top: 1200px;

	left: 235px;

padding:5px;



}

#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: 280px;

	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: 630px;

	left: 12px;

	height:30px;

	z-index:1;

}



#titre{

	position: absolute;

	background:#CD7154;

	padding:5px;

	width: 180px;

	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;



}
#titreatelier{
	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: 290px;
	left: 12px;
	height:30px;
	z-index:1;
}
#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;

}

#dropin{

z-index:1000;

}

#footer{

 position:relative;



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;



}



.texte{

color: #322318;

font-family:Trebuchet, verdana,arial;

text-align:justify;

font-size:12px;

}

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;



}