/* body */
	body {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 12px;
		text-align: left;	
		background-color: white;
		background-image: url('../images/enfant3.jpg');
		background-repeat: no-repeat;
		background-position: top left;
		}
	a:link    {color: blue; text-decoration: underline }
	a:visited {color: blue; text-decoration: underline}
	a:hover   {background: yellow  } /* user hovers     */
		
	.topmenu {
		vertical-align: top;
		/* border-right: 1px solid black; */
		}
		
/* le menu principal sur toutes les autres pages */ 
	.menu {
		display: block;
		position: relative;
		top: 130px;
		left: 5px; */
		min-width: 150px;
		padding: 5px;
		margin-left: 0px;
		/* margin-left: 5px; */
		margin-right: 5px;
		font-family: arial narrow, arial, helvetica, sans-serif; 
		font-size: 14px;
		line-height: 150%;
		}
		
	.menu-element-first {
		display: block;
		border-top: 1px dotted #999999;
		border-bottom: 1px dotted #999999;
		text-align: left;
		}
		
	.menu-element {
		display: block;
		border-bottom: 1px dotted #999999;
		text-align: left;
		}
		
	a.menu-link:link    {color: blue; text-decoration: none}
	a.menu-link:visited {color: blue; text-decoration: none}
	a.menu-link:hover   {color: red; text-decoration: none}
	a.menu-link:active  {color: blue; text-decoration: none}

	.top_of_page {
		font-family: arial; helvetica; sans-serif; sans-serif
		}	
	
/* Headings */

	.gem {
		font-family: Monotype Corsiva, verdana, arial, helvetica, sans-serif; 
		font-size: 50px;
		font-weight: 600;
		}

	.h1 {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 40px;
		font-weight: 600;
		}
		
	.h2 {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 25px;
		font-weight: 500;
		}
		
	.h3 {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 14px;
		font-weight: 600;
		font-style: italic;
		}
		
	.h4 {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 12px;
		font-weight: 600;
		}
		
	.h5 {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 12px;
		font-weight: 600;
		color: black;
		}
		
	.h6 {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 12px;
		font-weight: 600;
		font-style: italic;
		}
	
/* Paragraphs */	

	.p_inset_1 {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 12px;
		text-align: left;
		padding-left: 5%;
		/*border: solid thin;*/
		}
				
	.p_inset_2 {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 12px;
		text-align: left;
		padding-left: 10%;
		/*border: solid thin;*/
		}
				
	.p_inset_3 {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 12px;
		text-align: left;
		padding-left: 15%;
		/*border: solid thin;*/
		}
				
	.p_inset_4 {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 12px;
		text-align: left;
		padding-left: 20%;
		/*border: solid thin;*/
		}
		
/* menu bar : center middle bg_gold verdana px12 h26 */		
	.menubar {
		font-family: arial narrow, arial, verdana, helvetica, sans-serif; 
		line-height: 26px;
		font-size: 16px;
		text-align: center;
		vertical-align: middle;
		color: blue;
		background-color: gold;
		}
		a.barlink:link    {color: blue; text-decoration: none}
		a.barlink:visited {color: blue; text-decoration: none}
		a.barlink:hover   {color: red;   text-decoration: underline}
		a.barlink:active  {color: green; text-decoration: none}		
		
/* selected menu in the bar : center middle bg_red verdana px12 h26 */		
	.selectedmenubar {
		background-color: red;
		color : white;
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 12px;
		text-align: center;
		vertical-align: middle;	
		line-height: 26px;
		}
		
/* specials for livres pages*/

	.livre_box {
		/* box around the big table cell containing all the entries */
		border: 1px dotted gray;
		} 
		
	li.pricelistnotes {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 12px;
		line-height: 18px;
		vertical-align: middle;	
		}
		
	.prix_col1 {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 12px;
		vertical-align: middle;	
		text-align: right;		
		}
		
	.prix_col2 {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 12px;
		vertical-align: middle;	
		text-align: left;	
		padding-left: 1em;
		}
		
	.prix_col3 {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 12px;
		vertical-align: middle;	
		text-align: center;		
		}
		
	.buy_block1 {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 12px;
		background-color: lightgreen;
		}
		
	.buy_block2 {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 11px;
		background-color: lightgreen;
		}
		
	.buy_block3 {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 16px;
		color: white;
		background-color: forestgreen;
		}

	/* left top black h16 */
	.buy_col1 {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 12px;
		color: black;
		text-align: left;
		line-height: 16px;
		}

	/* center top black h16 */
	.buy_col2 {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 12px;
		color: black;
		text-align: center;
		vertical-align: top;
		line-height: 16px;
		}

	/* center top black h16 */
	.buy_col3 {
		font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 12px;
		color: black;
		text-align: center;
		vertical-align: top;
		line-height: 16px;
		}
		

	
/****************************/
			
			

/* font families */
	.arial {font-family: arial, helvetica, sans-serif;}	
	.verdana {font-family: verdana, arial, helvetica, sans-serif;}	
		
/* font sizes*/
	.px08 {font-size: 8px;}	
	.px09 {font-size: 9px;}	
	.px10 {font-size: 10px;}	
	.px11 {font-size: 11px;}	
	.px12 {font-size: 12px;}
	.px14 {font-size: 14px;}
	.px16 {font-size: 16px;}
	.px18 {font-size: 18px;}
	.px20 {font-size: 20px;}
	.px24 {font-size: 24px;}
	.px28 {font-size: 28px;}
	.px32 {font-size: 32px;}	

/* line heights */
	.h02 {line-height: 2px;}
	.h10 {line-height: 10px;}
	.h14 {line-height: 14px;}
	.h16 {line-height: 16px;}
	.h18 {line-height: 18px;}
	.h20 {line-height: 20px;}
	.h26 {line-height: 26px;}
	.h30 {line-height: 30px;}

/* font styles*/ 
	.s_normal {font-style: normal;}
	.s_italic {font-style: italic;}

/*font weights */
	.w_normal {font-weight: normal;}
	.w_bold {font-weight: bold;}
	.w_bolder {font-weight: bolder;}
	.w_lighter {font-weight: lighter;}
	.w_500 {font-weight: 500;}
	.w_600 {font-weight: 600;}
	
/* text horizontal align */	
	.left {text-align: left;}
	.center {text-align: center;}
	.right {text-align: right;}
	.just {text-align: justified;}
	
/* text vertical align */
	/* possible values: baseline, sub, super, top, text-top, middle, bottom, text-bottom, length, % */
	.top      {vertical-align: top;}
	.middle   {vertical-align: middle;}
	.bottom   {vertical-align: bottom;}
	.text-top {vertical-align: text-top;}
	.baseline {vertical-align: baseline;}
	
	
/* text colours */
	.black {color: black;}
	.red {color: red;}
	.white {color: white;}
	.grey {color: gray;}
	.yellow {color: yellow;}
	.h_color {color: #990000;}

/* background colours*/ 
	.bg_blue {background-color: blue;}
	.bg_lightskyblue {background-color: lightskyblue;}
	.bg_gold {background-color: gold;}
	.bg_red  {background-color: red;}
	.bg_lightgreen {background-color: lightgreen;}
	.bg_forestgreen {background-color: forestgreen;}
	
/* tables */	
	/* borders */
	.border_left {border-left: 1px solid black;}
	.border_right {border-right: 1px solid black;}
	/* padding */
	.padding_left {padding-left: 2em;}
	
	/* margins */
	.margin_right {margin-right: 2em;}
	
	
  .address {
  	font-size: 11px;
  	}
		
	.footer {		
		margin-left: 0px;
		margin-right: 0px;
		
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #CCCCCC;
		
		/* border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #CCCCCC; */
		
		background-color: #F0F0F0;
		padding-top: 2px;
		padding-bottom: 2px;
		}
 
	.footer-left {
		text-align: left;
		padding-left: 35px;
		font-family: arial, helvetica, sans-serif;
		font-size: 10px;
		border-right: none;
		}
	
	.footer-right {
		text-align: right;
		padding-right: 20px;
		font-family: arial, helvetica, sans-serif;
		font-size: 10px;
		border-left: none;
		}