/* interface BBJ */


body {

}


#interface {
	
}

#gauche {
	position : absolute;
	left : 54px;
	top : 0;
	width : 200px;
	padding-top : 15px;
	text-align : center;
	color : #EDCECF;
}

#gauche a {
	color : #FFFFFF;
	font-family : "Arial", "Helvetica", sans-serif;
	font-size : 12px;
	letter-spacing : 1px;
	text-decoration : none;
}

#gauche a:hover {
	font-weight : bold;
}

#contacts {
	padding : 0px;
	margin : 0px;
	text-align : right;
	margin-right : 20px;
}

#gauche div.citation {
	margin-left : 5px;
	padding-left : 2px;
	margin-right : 5px;
	margin-top : 17px;
	border-top : solid 2px #D78387;
	text-align : left;
	font-family : "Times", "Times New Roman", serif;
	font-size : 13px;
	
}

#gauche div.citation blockquote {
	margin-left : 10px;
	margin-right : 5px;
	font-style : italic;
}

#gauche div.citation blockquote strong {
	font-style : normal;
	letter-spacing : 1px;
	line-height : 200%;
}

#droite {
	width : 545px;
	height : 598px;
	margin-left : 255px;
	background-image : url("../images/interface/fleurs.jpg");
	background-repeat : no-repeat;
}
#top {
	height : 121px;
	margin-left : 77px;
}

#textmenu {
	position : absolute;
	top : 602px;
	left : 250px;
	width : 550px;
	text-align : center;
	font-size : 10px;
	padding-top: 5px;
	padding-bottom : 5px;
}

#contenu {

	background-image : url("../images/interface/fond_right.gif");
	background-repeat : no-repeat;
	background-position : 0% 100%;
	width : 528px;
	height : 477px;

	margin-left : 7px;
	margin-top : 0px;
	text-align : left;


}

#contenu h1 {
	background-color : #C54347;

	padding-left : 2px;
	margin-left : 2px;
/*	
	margin-right : 6px;
*/	
	margin-bottom : 0px;
	margin-top : 0px;
	color : #FFFFFF;
}



.illustration {
	width : 187px;
	height : 273px;
	float : right;
/*	
	margin-right : 6px;
*/	
	
	background-image : url("../images/illustrations/juliette_1.jpg");
	background-repeat : no-repeat;

	border-bottom : solid 7px #C54347;
	color : #FFFFFF;
	
	margin-left : 10px;
	margin-bottom : 5px;
}

.breadcrumb, .submenu {
	font-size : 10px;
	letter-spacing : 1px;
	font-family : "Arial", "Helvetica", sans-serif;
	color : #E5E1E1;	
}

.breadcrumb {
	padding-top : 3px;
	height : 15px;
	padding-left : 2px;
	background-color : black;
	text-align : center;
	background-image : url("../images/interface/fond_submenu.gif");
}

.submenu {
	text-align : left;
	background-image : url("../images/interface/fond_submenu.gif");
	
	margin-left : 30px;
	margin-top : 180px;

	padding-right : 5px;
	padding-left : 2px;
	height : 73px;
	border-left : solid 1px #A5383C;
	border-top : solid 1px #A5383C;
}

/*
	positionnement relatif du sous-menu
	pour contourner pbs sous FireFox
*/
.submenu {
	position : relative;
	z-index : 5;
	
}

.submenu em {
	font-weight : bold;
	font-style : normal;
	font-size : 11px;
	letter-spacing : 1px;
}

.submenu ul {

	margin-top : 10px;
	margin-left : 0px;
	margin-right : 2px;
	margin-bottom : 0px;
	padding-bottom : 0px;
	border: solid 1px #A5383C;
	padding-right : 10px;
	padding-left : 0px;
}

.submenu li {
	text-align : right;	
	direction : rtl;
	margin : 0px;
	list-style-position : outside;
	padding : 0px;
}

.submenu a, .breadcrumb a {
	color : #FFFFFF;
	text-decoration: none;
	font-weight : bold;
	background-color : #A5383C;	
}

.submenu a:hover, .breadcrumb a:hover {
	background-color : #000000;
}


.gouttiere {
	width : 96px;
	height : 150px;
	clear : right;
	float : right;
	background-color : transparent;
}

#texteClipping {
	height : 420px;
	margin-left : 10px;
	padding-left : 3px;
/*	
	padding-right : 90px;
*/	
	margin-bottom : 17px;
	margin-top : 0px;
	overflow : hidden;
}

#texteContent {
	margin-top : 5px;
	position : relative;
	top : 0;
	left : 0;
	height : auto;
}


#nav_texte {
	margin-left : 5px;
	width : 450px;
	clear : left;
}

#pg_suiv {
	float : right;
}
#pg_prec {
	float : left;
}