/* CSS Document */

html, body {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #C0846A;
	color: #832123;
}

input, select, label, textarea {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #832123;
}

form {
	margin: 0px;
}

#pagewidth{
	width:880px;
	text-align:left;
	min-width: 500px;
	min-height: 650px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	border: 0px solid #F4E0AC;
	background-color: #FCF6E6;
	margin-top: 5px;
	margin-bottom: 10px;
} 
 
#header{
	height:145px;
	width:100%;
	background-color:#FCF6E6;
	margin: 0px;
	padding: 0px;
	z-index: 1;
} 
  
#maincol{
	width: 100%;
	/*min-height: 400px;*/
	margin: 0px;
	/*margin-bottom: 10px;*/
	padding: 0px;
	/*padding-bottom: 20px;*/
	background-color: #FCF6E6;
	background-image:  url(../images/julesverne_05.jpg);
	background-repeat: no-repeat;
	z-index: 1;
	/*position: relative;*/
}
 
.content{
	position: absolute;
	top: 150px;
	left: 160px;
	padding:0px 20px;
	text-align: justify;
	margin-bottom: 20px;
	z-index: 1;
}

/*padding for content */  
/*#header .content{padding-bottom:0;}*/ /*padding bottom 0 to remove space in IE5 Mac*/ 

#footer {
	height:17px;
	width:100%;
	background-color:#FCF6E6;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	position: relative;
	left: 0px;
	bottom: 0px;
	background-image: url(../images/footer_06.jpg);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
	font-size: 90%;
	font-weight: bold;
	z-index: 1;	
} 

#footerindex {
	height:17px;
	width:100%;
	background-color:#FCF6E6;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-image: url(../images/footer_06.jpg);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
	font-size: 90%;
	font-weight: bold;
	display: table;
	z-index: 1;
} 

/*Originales*/
/*#maincontent {
	background-color: #FCF6E6;
	border: 1px solid #F4E0AC;
	font-size: 1em;
	line-height: 1.5em;
}*/

.drapeau {
	background-color: #832123;
	position: absolute;
	left: 20px;
	top: 55px;
	text-align: right;
	width: 140px;
	height: 22px;
	border: 0px;
}

.drapeau a {
		text-decoration: none;

}

h2 {margin: auto; font-size: 1.5em; font-weight: normal;}
h2.first {margin: 0;}
h3 {font-size: 1.3em;}

/* Newsletter*/
#newsletter {
	/*font-size: 9px;*/
	font-size: 1.2em;
	background-color: #CC6666;
	color: #FFFFFF;
	border: 0 solid;
	border-color: #FFFFFF;
	left: 15px;
	margin: 0px;
	padding: 6px;
	/*position: absolute;
	top: 132px;*/
	position: relative;
	left: 0px;
	width: 128px;
	z-index: 5;
}

/* Container for the Menu */
#navigation {
	font-size: 9px;
	background-color: #CC6666;
	border: 0.1em solid;
	border-color: #FFFFFF;
	left: 15px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	/*top: 255px;*/
	/*top: 132px;*/
	top: 80px;
	width: 140px;
	z-index: 2;
}

/* Turns off Margin, Padding, and Bullets for the Menu List */
#navigation ul {background-color: #F4E0AC; margin: 0px; padding: 0px;}
#navigation li {background-color: #F4E0AC; margin: 0px; padding: 0px; list-style-type: none;}

/* Rules to copy if you use the WriteStyles Command */
.closed ul{display:none;}
.open ul{display:block;}

/* Link Styles for the Menu */
.closed a, .open a {
	background-repeat: no-repeat;
	background-position: 3px 50%;
	background-color: #CC6666;
	color: #FFFFFF;
	display: block;
	font-size: 1.2em;
	margin: 0px;
	padding: 6px 0px 6px 8px;
	text-decoration: none;
	/*border-top: thin solid;
	border-right: thin solid;*/
	border-bottom: 0.1em solid;
	/*border-left: thin solid;*/
	border-color: #FFFFFF;
}

/* Hover and Active styles for the menu */
.closed a:hover, .open a:hover, .closed a:active, .open a:active {
	background-color: #DB9494;
	color: #FFFFFF;
}

/* Plus Sign for Trigger Links in Closed State */
.closed a {
vertical-align:middle;
/*background-image:  url(images/menplus.gif);*/
}

/* Minus Sign for Trigger Links in Open State */
.open a {
/*background-image:  url(images/menminus.gif);*/
}

/* Link Styles for the Submenus */
.closed ul a, .open ul a {
	background-color: transparent;
	background-image:   url(../images/fond-submenu_03.gif);
	background-repeat: no-repeat;
	background-position: 5% 50%;
	color:#812123;
	font-size: 1.1em;
	font-weight:normal;
	padding: 6px 0px 6px 30px;
	margin: 0px 0px 0px 0px;
	/*border-top: thin solid #FFFFFF;
	border-right: thin solid #FFFFFF;*/
	border-bottom: 0.1em solid #FFFFFF;
	/*border-left: thin solid #FFFFFF;*/
}

.open ul a:hover, .open ul a:active {
	background-color: #F7E9C5;
	background-image:   url(../images/fond-submenu-act_03.gif);
	background-repeat: no-repeat;
	background-position: 5% 50%;
	color:#812123;
}

/* Optional ID to assign the <a> to highlight a "Current Page" link */
#navigationcurrent {font-weight: bold;}

.texte-intro {
/*font-size: 1.2em;*/
	width: 220px;
	/*background-color: #ECCA78;*/
	margin: 10px 0px 0px;
	padding: 0px;
	display: block;
	color: #832123;
	text-align: justify;
}

/* Univers, Livre d'or et Produit phare */
.cell-homepage {
	width: 100%;
	background-color: #FCF6E6;
	margin: 0px 0px 10px;
	padding: 0px;
	display: block;
	color: #832123;
	text-align: justify;
	background-image:  url(../images/fond-wp-home_03.jpg);
	background-repeat: repeat-y;
	/*vertical-align: top;
	background-position: top;*/
}

.haut {
	background-color: #FCF6E6;
	height: 5px;
	width: 100%;
}

.bas {
	background-color: #FCF6E6;
	background-image:  url(../images/fond-wp-home-bas_08.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 100%;
}
.text-wp-home {
/*font-size: 1.2em;*/
	padding: 2px 0px 10px 10px;
	width: 185px;
	color: #832123;
	vertical-align: top;
	margin: -1px 0px 0px;
	position: relative;
	top: 0px;
	left: 0px;
	background-position: top;
	text-align: left;
	z-index: 2;
}

.picto-univers {
	background-image:  url(../images/picto-univers_03.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	height: 18px;
	width: 100%;
	vertical-align: bottom;
	margin-top: 2px;
	clip:   rect(auto -10px auto auto);
}


/* Actualites */
.cell-actu {
	width: 100%;
	background-color: #ECCA78;
	margin: 0px 0px 10px;
	padding: 0px;
	display: block;
	color: #832123;
	text-align: justify;
	background-image:  url(../images/fond-wp-actu_09.jpg);
	background-repeat: repeat-y;
}

.haut-actu {
	background-color: #ECCA78;
	height: 5px;
	width: 100%;
}

.bas-actu {
	background-color: #ECCA78;
	background-image:  url(../images/fond-wp-actu-bas_11.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 100%;
}

.picto-actu {
	background-image:  url(../images/picto-actu_03.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	height: 18px;
	width: 185px;
	vertical-align: bottom;
	margin-top: 0px;
}


/* Actualités */
.gras {
	font-weight: bold;
}

.text {

	font-style: normal;
	color: #832123;
	text-align: justify;
	font-weight: normal;
}
	
a.text:link { color: #832123; text-decoration:none }
a.text:visited { color: #832123; text-decoration:none }
a.text:hover { text-decoration: underline; color: #832123; }


.textgauche {
	font-size: 0.9em;
	font-style: normal;
	color: #832123;
	text-align: left;
	font-weight: normal;
}
	
a.textgauche:link { color: #832123; text-decoration:none }
a.textgauche:visited { color: #832123; text-decoration:none }
a.textgauche:hover { text-decoration: underline; color: #832123; }


.textcentre {
font-size: 0.9em;
	font-style: normal;
	color: #832123;
	text-align: center;
	font-weight: normal;
}
	
a.textcentre:link { color: #832123; text-decoration:none }
a.textcentre:visited { color: #832123; text-decoration:none }
a.textcentre:hover { text-decoration: underline; color: #832123; }



/* Piano original */
/*.piano {
	background-image: url(images/piano_12.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 107px;
	width: 185px;
	margin: 0px;
	padding-bottom: 0px;
	z-index: 5;
	left: 0px;
	top: 0px;
}

.picto-piano {
	background-image: url(images/picto-actu_03.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: right;
	height: 18px;
	width: 185px;
	padding-top: 80px;
	position: relative;
	z-index: 6;
	vertical-align: bottom;
}*/

/* Piano test */
.piano {
	background-image:  url(../images/piano-test.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 107px;
	width: 185px;
	margin: 0px;
	padding-bottom: 0px;
	z-index: 1;
	left: 0px;
	top: 0px;
}

.picto-piano {
	background-image:  url(../images/picto-actu_03.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: right;
	height: 18px;
	width: 185px;
	padding-top: 80px;
	position: relative;
	z-index: 6;
	vertical-align: bottom;
}

/* Page fille */
.titre-page {
	background-color: #FCF6E6;
	background-image: url(../images/bloc-page-titre_03.jpg);
	background-position: center center;
	width: 100%;
	height: 66px;
	text-align: center;
	font-size: 2em;
	font-style: italic;
	font-weight: bold;
	padding-top: 25px;
	vertical-align: middle;
	background-repeat: no-repeat;
}

.haut-liste {
	background-color: #FCF6E6;
	background-image: url(../images/bloc_menu_titre_06.jpg);
	background-position: center center;
	width: 100%;
	height: 35px;
	text-align: center;
	font-style: italic;
	background-repeat: no-repeat;
}

.bas-liste {
	background-color: #FCF6E6;
	background-image: url(../images/bloc_menu_bas_12.jpg);
	background-position: center center;
	width: 100%;
	height: 33px;
	text-align: center;
	font-style: italic;
	background-repeat: no-repeat;
}

/* Pavé fond clair dans pages filles */
.pave {
	background-color: #FFFFEE;
	text-align: left;
	padding: 10px;
	width: 380px;
	float: left;
	position: relative;
	left: 0px;
	margin-bottom: 10px;
}

/* Styles TEXTAREA */
textarea.bien {
	border: 1px solid black;
	width: 90%;
	/*height: 200px;*/
}

.essayage {
	border: 1px solid black;
	vertical-align: top;
	padding: 10px;
	width: 90%;
}