/* CSS Document */
body {
	background-color : #10489E;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-align : center;
	line-height : 15px;
}

a {
	color : #000000;
	text-decoration : none;
}

a:link {
	color : #10489E;
	text-decoration : underline;
}

a:visited {
	color : #10489E;
	text-decoration : underline;
}

a:hover {
	color : #10489E;
	text-decoration : underline;
}

img {
border : 0px;
}

.image2 {
margin : 2px;
float : right;
}
.image3 {
margin : 2px;
float : left;
}

#conteneur {
	background-color : #E5EEFF;
	margin-left : auto;
	margin-right : auto;
	margin-top:0px;
	width:900px;
	bottom : 10px;
	text-align : left;
}

#colonne1
{
   width:325px;
   float:left;
   background-color : #E5EEFF;
}
 
#colonne2
{
   width:325px;
   float:right;
   background-color : #E5EEFF;
}

#banner {
	background-image: url(../images/logo-banner3.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:900px;
	height:140px;
}

#gauche {
	float : left;
	padding: 4px 0 4px 8px;
	background-color : #E5EEFF;
	bottom : 0px;
	width : 145px;
	height:auto;
}

#droite {
	width:745px;
	position : relative;
	padding : 0px;
	float : right;
}

.spacer {
	clear : both;
}

.spacer2 {
	clear : right;
}

.spacer3 {
	clear : left;
}

#texte {
	width:735px;
	padding : 5px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	text-align : justify;
}

h1 {
	padding : 5px 5px 5px 5px;
	margin : 0px 0px 0px 0px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:18px;
	font-style:normal;
	text-align : center;
	color : #10489E;
}

h2 {
	padding : 2px 2px 2px 2px;
	margin : 5px 0px 0px 0px;
	font-family:"Arial",Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	text-align : center;
	color : #990099;
	border-bottom-width : 4px;
	border-left-width : 4px;
	border-bottom-style : solid;
	border-bottom-color : #10489E;
	border-bottom-style:dotted;
}

h3 {
	padding : 2px 2px 2px 2px;
	margin : 5px 0px 5px 0px;
	font-family:"Arial",Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	text-align : center;
	color : #CC00CC;
	border-bottom-width : 4px;
	border-bottom-style : solid;
	border-bottom-color : #10489E;
	border-bottom-style:dotted;
	border-top-width : 4px;
	border-top-style : solid;
	border-top-color : #10489E;
	border-top-style:dotted;
}

h4 {
	font-size : 12px;
	font-weight : normal;
	color : #10489E;
	margin : 0;
	padding : 0;
	font-style : normal;
	text-align : left;
}

h5 {
	font-size : 11px;
	font-weight : normal;
	color : #10489E;
	margin : 5px;
	padding : auto;
	font-style : normal;
	text-align : center;
}

	p {
	padding : 2px 2px 2px 2px;
	margin : 0px 0px 0px 0px;
	margin-bottom : 5px;
	text-align : justify;
}

p:first-letter {
	font-weight: bold;
	color: #10489E;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
}

.tableau {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	padding : 5px 5px 0px 5px;
	font-weight:lighter;
	text-align:justify;
}


body {behavior: url(http://www.editions-manuscrits-emareva.com/csshover.htc);}
div#menu {
z-index: 100;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

/* fond blanc pour le menu */ 
div#menu a {color:#10489E; }
div#menu ul {padding: 0; width: 135px; margin:0px; background: #E5EEFF; }

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {background: #E5EEFF; }
div#menu li.sousmenu:hover {background: #E5EEFF;}

div#menu ul li {z-index: 100; position:relative; list-style: none; border-bottom:1px solid;}
div#menu ul ul {position: absolute; top: -1px; left: 135px; display:none; background: #E5EEFF; }

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =94 */ 
div#menu li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #10489E; width:84px; }
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block; width: 200px;}
div#menu ul.niveau3 {left: 135px;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover {border-left-color: #10489E;}
div#menu ul ul li a:hover {border-left-color: #10489E;}
div#menu ul ul ul li a:hover {border-left-color: #10489E;}

/***** Fond de page *****/

#bottom {
	margin-left : auto;
	margin-right : auto;
	margin-top: 0px;
	padding : 0px;
	background-color : #E5EEFF;
	font-family : "Arial", Helvetica, sans-serif;
	line-height : 15px;
	width:900px;
}