@charset "utf-8";
/* CSS Document */

/* Description: layout:fixed / width: 964px / first column width:200px, second column width:564px, third column width:200px */
/* AERT Thresholds is satisfied in this document */
/* -------------- Reset De clacrations -------------- */
body, div p, ul, dl, dd, h1, h2, h3, h4{
	margin:0;
	padding:0;
}
/* -------------- Global properties -------------- */
body{
	/* to center body */
	text-align:center;
	background:url(../images/backgroundBody.gif) left top repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
div p, #secondColumn ul,#secondColumn ol, #thirdColumn ul, dl{/* set padding and font-size for all paragraph inside any div of the page */
	font-size:0.6em;
	padding:0.5em 1em;
	line-height:1.7em;
}
#secondColumn ul,#secondColumn ol, #thirdColumn ul{
	margin-left:1em;
}
.clear-left{
	clear:left;
	overflow/**/:/**/hidden;
	height:/**/0/**/;
}
.clear-right{
	clear:right;
}
h1{
	font-size:1.2em;
}
h2{
	font-size:1.1em;
}
h4{
	font-size:0.8em;
	color:#060;
	margin-left:20px;
}
#secondColumn h3{
	font-size:1em;
}
#firstColumn h3{
	font-size:0.8em;
}
#thirdColumn h3{
	font-size:0.8em;
}
.spanGreen{
	color:#060;
	font-weight:bold;
}
.spanRed{
	color:#900;
	font-size:0.6em;
	margin-left:20px;
}
.spanColRed{color:#900;}
.spanYellow{
	color:#FF9;
}
.spanBlue{
	color:#009;
}

#secondColumn  p.spanRed:first-letter{
	float:none;
	font-size:1em;
	line-height:1.8em;
	padding:0;
}
.aPropos{
	font-style:italic;
}

/* ---------- Page XHML versus CSS ---------- */

/* ---------- Header ---------- */
#outerWrapper{
	text-align:left; /* Redefines the text alignment defined by the body element */
	width:964px;
	/* margin-left and margin-right = auto to center the container on the page */
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:30px;
	
}
#sitemap{
	position:absolute;
	right:20px;
	top:-25px;
	width:280px;
	text-align:right;
}
#data{
	position:absolute;
	left:295px;
	top:-20px;
	width:350px;
	color:#009;
	font-weight:bold;
	text-align:left;
	font-size:14px;
}
#header{
	height:200px;
	width:964px;
	text-align:center;
	position:relative;
}
/* ---------- Accesibility rules---------- */

/* Pixy (it is visible if logo image isn't present)*/
#header #siteName{
	font-size:2.5em;
	position:relative;
	width:964px;
	height:200px;
	text-align:left;
}
#header #siteName span{
	width:100%;
	height:100%;
	position:absolute;
	background:url(../images/logo3.jpg) top left no-repeat;
}


/* slogan for your web site */
#slogan{
	position:absolute;
	top:80px;
	left:0;
	color:#FFF;
	width:280px;
}
#boutique{
	position:absolute;
	top:-28px;
	left:0;
	color:#FFF;
	padding-left:32px;
	padding-right:0;
	background:#6FF url(../images/iconaLibro.gif) left top no-repeat;
	}
#boutique a{
	color:#009;
}
	
/* Overview: Text in this layer would resume page content for SEO (Search Engine Optimitation) */
#overview{
	position:absolute;
	top:172px;
	left:0;
	padding:0 5px;
}
#overview{
	font:bold italic 0.8em Verdana, Geneva, sans-serif;
	color: #006;
} 
/* ---------- Horizontal Menu ---------- */
#horizontalMenu{
	padding:0.5em 0;
	text-align:center;
	border-top:1px solid #003cb4;
}
.horizontalMenu{
	/*Extra setting if you want*/
}
.horizontalMenu li{
	display:inline;
	border-left:1px dotted #003cb4;
	padding:0 0.5em;/* if you need others menu voices, put margin <3em */
	height:0;/* for IE5.0 that doesn't recognize padding for in-line elements */
}
.horizontalMenu li.firstVoice{
	border-left:none;
}
.horizontalMenu a{
	text-decoration:none;
}
.horizontalMenu a:link, .horizontalMenu a:visited{
	/*color: your color links*/
}
.horizontalMenu a:hover, .horizontalMenu a:focus, .horizontalMenu a:active{
	color:#00befc;
}
/* ---------- Column Wrapper: background for first, second and third column ---------- */
#columnWrapper{
	width:964px;
	overflow:hidden;/* to expand the box for all browsers different from IE */
	background:url(../images/backgroundcolumnWrapper.gif) top left repeat-y;
}

/* ---------- First Column ---------- */
#firstColumn{
	width:200px;
	float:left;
	background-color:#76AEE7;
}

#firstColumn h2#cornersFirstColumn{
	text-align:center;
	border-bottom:1px dotted #FFF;
	padding-bottom:0.5em;
	padding-top:3px;
	background:#003cb4 url(../images/h2-firstColumn.gif) top left no-repeat;
	color:#FFF;
}
/*\*/*html #firstColumn h2#cornersFirstColumn{width /*\*/:200px;}/**/
.h2title{
	text-align:center;
	color:#FFF;
	border-bottom:1px dotted #FFF;
	padding-bottom:4px;
	padding-top:4px;
	background:#003cb4;
}

#firstColumn .verticalMenu{
	font-size:0.6em;
	padding:2px 0;
	line-height:1.2em;
}
.verticalMenu li{
	list-style:none;
}
/*\*/* html .verticalMenu li{display:inline;}/**/ /* for IE<=6xWin */
/*\*/* html .verticalMenu a{height:0;}/**/ /* for IE<=6xWin */
.verticalMenu a{
	display:block;
	border-bottom:1px solid #FFF;
	padding:0.5em 0 0.5em 20px;
	background:url(../images/arrowMenu.gif) 5px 50% no-repeat;
}
.verticalMenu a:link, .verticalMenu a:visited{
	background:url(../images/arrowMenu.gif) 5px 50% no-repeat;
	color:#009;
}
.verticalMenu a:hover, .verticalMenu a:focus,.verticalMenu a:active{
	background:#57ffff url(../images/arrowMenuOn.gif) 5px 50% no-repeat;
}
.verticalMenu a.blog{
	background:none;
	display:inline;
	border:none;
	text-decoration:none;
	padding:0 0 0 10px;
}
.verticalMenu a.blog:link, .verticalMenu a.blog:visited{
	background:none;
}
.verticalMenu a.blog:hover, .verticalMenu a.blog:focus, .verticalMenu a.blog:active{
	background:none;
}


/* ---------- Extra div first column ---------- */
.h3ExtraBoxFirstColumn{
	width:190px;
	background:#FFF url(../images/boxExtraFirstColumnUp.gif) top left no-repeat;
	margin-left:5px;
	margin-top:20px;
	text-align:center;
	height:20px;
}
.divExtraBoxFirstColumn{
	width:188px;
	margin-left:5px;
	border-left:1px solid #003cb4;
	border-right:1px solid #003cb4;
	background:#FFF;
	position:relative;
}
/*\*/* html .divExtraBoxFirstColumn{width /*\*/:190px;}/**/ /*for IE5xWin*/
.divExtraBoxBottomFirstColumn{
	background:url(../images/boxExtraFirstColumBottom.gif) bottom left no-repeat;
	height:20px;
	margin-left:5px;
}
.links{
	font-size:0.6em;
	padding:5px;
	list-style:none;
}
.links li{
	margin-bottom:5px;
	border-bottom:1px dotted #00C;
	padding:5px 0;
}
.links a{
	color:#009;
	text-decoration:none;
}
.textRight{
	text-align:right;
}

/* ---------- Second Column ---------- */
#secondColumn{
	width:564px;
	float:left;
}
#secondColumn p:first-letter /*white-space before this comment fix IE6Win Bug*/{
	font:bold 4em "Times New Roman", Times, serif;
	float:left;
	padding-right:0.1em;
	line-height:0.8em;
}
/*\*/ * html #secondColumn p:first-letter{	font /*\*/:bolder 2.4em "Times New Roman", Times, serif ;}/**/
#secondColumn h3.h3SingleBox{
	background: url(../images/h3-singleBoxTop.gif) 6px 0 no-repeat;
	padding:0.5em 0 0.5em 0;
	text-align:center;
}

.singleBox{
	float:left;/* to expand the box */
	width:550px;
	margin-left:6px;
	border-left:1px solid #003cb4;
	border-right:1px solid #003cb4;
}
/*\*/* html .singleBox{display:inline;}/**/ /* for IE<=6xWin */
/*\*/* html .singleBox{width /*\*/:552px;}/**/ /* for IE5xWin */
.testoScorrevole{
	width:540px;
	font-size:0.6em;
	margin-left:5px;
}
.testoScorrevole a{
	text-decoration:none;
	color:#009;
}


.floatImageSingle{
	float:left;
	width:200px;
	margin:5px;
}
.singleBoxBottom{
	background:#FFF url(../images/h3-singleBoxBottom.gif) left bottom no-repeat;
	margin-left:6px;
	margin-bottom:1em;
	height:30px;
	width:552px;
}
.doubleBoxWrapper{
	float:left;
	width:270px;
	margin-left:6px;
	margin-right:4px;
	margin-bottom:1em;
	display:inline;/* Fix IE<=6x double margin float element*/
}
#secondColumn h3.h3DoubleBox{
	width:270px;
	background:  url(../images/h3-doubleBoxTop.gif) top left no-repeat;
	padding:0.5em 0 0.5em 0;
	text-align:center;
}

.doubleBox{
	float:left;/* to expand the box */
	width:268px;
	border-left:1px solid #003cb4;
	border-right:1px solid #003cb4;
}
/*\*/* html .doubleBox{width /*\*/:270px;}/**/ /* for IE5xWin */
.floatImageDouble{
	float:left;
	padding:0.5em 0.5em 0 0.5em;
	width:120px;
}

.doubleBoxBottom{
	width:270px;
	background:#FFF url(../images/h3-doubleBoxBottom.gif) left bottom no-repeat;
	height:30px;
}

.innerBox{
	width:178px;
	border-right:1px dotted #36F;
	float:left;
	margin-right:4px;

}
.innerBox-noBorder{
	width:178px;
	float:left;
}
.imageLivreAmazon{
	margin-bottom:3em;
	}
.floatImageInner{
	float:left;
	padding:0.5em;
	width:80px;
}
p.title{
	/*height:10em;*/
	margin-bottom:3em;
}
p.innerContent{
}
p.innerContent img{
	margin-left:20px;
}

#secondColumn p.link_to_page:first-letter{
	font:1em  Verdana, Geneva, sans-serif;
	font-weight:normal;
	float:none;
	padding-right:0;
}
/*\*/ * html #secondColumn p.link_to_page:first-letter{	font /*\*/:0.6em  Verdana, Geneva, sans-serif;}/**/

#secondColumn p.link_to_page{
	font:0.6em  Verdana, Geneva, sans-serif;
}
#barraRecordset{
	width:150px;
	height:27px;
	overflow:hidden;
	margin-left:6px;
	position:relative;
	left:450px;
}
#barraRecordset img{
	border:none;
}
#first{
	float:left;
	padding:5px;
}
#previous{
	float:left;
	padding:5px;
}
#next{
	float:left;
	padding:5px;
}
#last{
	float:left;
	padding:5px;
}
.webannauaire{
	width:120px;
	margin:5px auto;
}
	
/* ---------- Third Column ---------- */
#thirdColumn{
	width:200px;
	float:right;
	background:#003cb4;
}
#thirdColumn h2#cornersThirdColumn{
	text-align:center;
	border-bottom:1px dotted #FFF;
	padding-bottom:0.5em;
	padding-top:3px;
	color:#009;
	background-color:#76AEE7;
	background-image:url(../images/h2-thirdColumn.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
.h2titleThirdColumn{
	text-align:center;
	color:#009;
	border-bottom:1px dotted #FFF;
	padding-bottom:4px;
	padding-top:4px;
	background:#76aee7;
}

/* -------------- Newsletter -------------- */
#marqNews{
	font-size:0.6em;
}
#thirdColumn fieldset{
	border:1px dotted #FFF;
	color: #FFF;
	margin:0.5em 3px;
	border:none;
}
.legendNewsletter{
	font-style:italic;
	font-size:0.8em;
	font-weight:bold;
	border-bottom:1px dotted #FFF;
	padding:3px 0 4px 40px;
	background:url(../images/markerNewsletter.gif) left center no-repeat;
}
#thirdColumn .legendSearch{
	font-style:italic;
	font-size:0.8em;
	font-weight:bold;
	border-bottom:1px dotted #FFF;
	padding:3px 0 4px 40px;
	background: url(../images/markerSearch.gif) left center no-repeat;
}
/* -------------- Login -------------- */
#formLogin{
	color:#006;
	margin:5px;
}
#firstColumn fieldset{
	margin:0.5em 3px;
	border:none;
}
.legendLogin{
	font-style:italic;
	font-size:0.8em;
	font-weight:bold;
	border-bottom:1px dotted #FFF;
	padding:3px 0 4px 40px;
	background: url(../images/markerLogin.gif) left center no-repeat;
}

.submit{
	/* if you want to custom button */
	color:#003cb4;
}
/* ---------- Extra Box Third Column ---------- */
.h3ExtraBoxThirdColumn{
	width:190px;
	background:#FFF url(../images/boxExtraThirdColumUp.gif) top left no-repeat;
	margin-left:5px;
	margin-top:20px;
	text-align:center;
	height:20px;
}
.divExtraBoxThirdColumn{
	width:188px;
	margin-left:5px;
	border-left:1px solid #003cb4;
	border-right:1px solid #003cb4;
	background:#FFF;
	position:relative;
}
/*\*/* html .divExtraBoxThirdColumn{width /*\*/:190px;}/**/ /*for IE5xWin*/
.divExtraBoxBottomThirdColumn{
	background:url(../images/boxExtraThirdColumBottom.gif) bottom left no-repeat;
	height:30px;
	margin-left:5px;
}
#swfEntratien{
	position:absolute;
	width:20px;
	height:20px;
	top:-21px;
	left:10px;
}

/* ---------- Second Column Bottom Image ---------- */
#bodyBackgroundBottom{
	background:url(../images/bodyBackgroundBottom.gif) left bottom no-repeat;
	height:40px;
	margin-bottom:30px;
}
/* ---------- footer ---------- */
#footer{
	background:#003cb4 url(../images/footerBackground.gif) top left no-repeat;
	text-align:center;
	font-size:0.6em;
	padding:1em 0;
	color:#FFF;
}
.footerMenu{
}
.footerMenu li{
	display:inline;
	list-style:none;
	height:0;/* for IE5.0 that doesn't recognize padding for in-line elements */
	border-left:1px dotted #CCC;
	padding:0 1em;
}
.footerMenu li.firstFooterVoice{
	border-left:none;
}

.footerMenu a{
	text-decoration:none;
}
.footerMenu a:link, .footerMenu a:visited{
	color:#FFF;
}
.footerMenu a:hover, .footerMenu a:focus, .footerMenu a:active{
	color:#FFF;
}
.copyright{
	font-size:0.9em;
}
#linkFrase{
	font-size:0.9em;
	color:#FF9;
}

#linkFrase a{
	color:#FFF;
}
/* ---------- Handheld rules---------- */
/* hide content navigation to media screen */
.navFast, h2.handheld, hr{
	position:absolute;
	top:-10000em;
	font-size:1px;
	width:1px;
	height:1px;
	overflow:hidden;
	background:#FFF;
}
/*eventi articoli, libri*/
.boxWrapper{
	border:1px solid #00C;
	margin:5px;
	float:left;
}
* html .boxWrapper{width:542px;}
.floatImageInfo{
	float:left;
	padding:0.5em;
	width:150px;
}
.h2SecondaryPage{
	color:#00C;
	margin-left:5px;
	margin-bottom:5px;
	font-size:0.8em;
}
table{
	width:530px;
	margin-left:10px;
	border:2px solid #060;
	border-collapse:collapse;
	font-size:0.8em;
}
table.tarifs{
	margin-bottom:25px;
}
caption{
	color:#006;
	padding-bottom:5px;
	font-size:0.9em;
	font-weight:bold;
	padding-top:25px;
}
thead{
	color:#060;
}
td,th{
	border:1px solid #060;
	border-style:solid solid;
	text-align:center;
}
#entete1, #headerNewsletter1, #headerIndividuel1, #headerIndividuelNewsletter1{
	color:#F00;
}
/* ---------- Contact Page ---------- */

#firstColumn dd.firstLetter:first-letter /*white-space before this comment fix IE6Win Bug*/{
	font:bold 2em "Times New Roman", Times, serif;
	padding-right:0.1em;
	line-height:1em;
	
}
.formContact{
	width:550px;
	margin-left:5px;
	margin-bottom:30px;
}
.formContact fieldset{
	border:1px solid #06F;
}
.formContact .legendContact{
	color:#00C;
}

.formContact p{
	float:left;
	width:470px;
	margin-left:10px;
	display:inline;/* Fix IE6x double margin float element*/
	
}
.formContact label{
	float:left;
	width:11em;
}
label:first-letter /*white-space before this comment fix IE6Win Bug*/{
	font:4em "Times New Roman", Times, serif;
}

.formContact input{
	float:right;
	width:350px;
	margin-top:15px;
}
.formContact textarea{
	float:right;
	width:350px;
	height:180px;
}

#contactSubmit{
	margin-top:5px;
	width:80px;
	color:#00C;
}
#amazonWidgets{
	margin:5px 10px 5px 10px;
}
.amazonWidgets{
	margin:5px 0 5px 8px;
}
 .amazonWidgetsBestAffairs{
	margin:15px 0 5px 13px;
}
#amazonBanner{
	margin-left:40px;
}

#null{
	height:0;
	overflow:hidden;
}
#merci{
	font-size:1em;
	color:#060;
	margin-bottom:30px;
	}
/* Plan d site */
.dlPlan{
	width:150px;
	height:230px;
	border:1px solid #009;
	margin:0 5px 10px 5px;
	float:left;
	padding:5px 5px 0 5px;
	margin-left:13px;
}
/*\*/* html .dlPlan{width /*\*/:152px;}/**/
/*\*/* html .dlPlan{height /*\*/:250px;}/**/
/*\*/* html .dlPlan{margin-left/*\*/:/*\*/9px;}/**/
.dtPlan{
}
/* ---------- Webmaster Page ---------- */
.webmasterPhoto{
	float:left;
	padding:0.5em 0.5em 0 0.5em;
	width:99px;
	height:97px;
}
#secondColumn div.pNormal{
	position:relative;
	padding:1em;
	font-size:0.6em;
}
#secondColumn .position{
	position:absolute;
	left:70px;
}
#secondColumn p.pNormal label{
	margin-right:30px;
}
.googleColumn{
	margin-left:10px;
	margin-top:5px;
}
#recherce{
	padding:15px 0;
	height:80px;
	width:310px;
	margin-left:4px;
	padding-left:3px;
	position:absolute;
	top:85px;
	left:-3px;
}
.googleBottom{
	margin-left:47px;
}
.googleThirdColumn{
	margin-left:20px;
	margin-top:5px;
}
.googleLink{
	margin-left:47px;
	padding-bottom:5px;
}
.googleFloatRight{
	width:200px;
	height:90px;
	float:right;
	pagging:5px;
}
.googleFloatLeft{
	width:200px;
	height:90px;
	float:left;
	pagging:5px;
}
.googleFloatContainer{
	width:410px;
	height:90px;
	float:left;
	pagging:5px;
	margin-bottom:35px;
	margin-top:35px;
}
.googleCenterFloat{
	width:410px;
	height:90px;
	pagging:5px;
	margin-left:70px;
}
#googleFriend{
	width:330px;
	float:left;
	margin-bottom:10px;
}
#barraGoogle{
	height:70px;
	position:absolute;
	width:964px;
}
.parBianco{
	background:#FFF;
	padding:3px;
	width:190px;
	margin-left:2px;
	margin-top:2px;
}
/*\*/ * html #webrankinfo{width /*\*/:196px;}/**/
#webrankinfo a{
}
#blog{
	font-size:0.6em;
	margin-left:10px;
}
/* ---- Link Utili ----- */
.photoSitePartner{
	float:left;
	padding:5px 5px 0 5px;
	border:1px solid #00C;
	margin:0 10px;
}
.divLinks{
	font-size:0.6em;
	padding:10px;
	margin:10px;
	border-bottom:1px solid #03F;
	float:left;
	width:500px;
}
.h3PixiCoverCommerce{
	width:180px;
	height:160px;
	position:relative;
}
.h3PixiCoverCommerce span{
	background:url(../images/h2PixiCommerce.jpg);
	width:100%;
	height:100%;
	position:absolute;
	color:#FFF;
}
a.classLinkGenerale {
	color:#FFF;
	font-weight:bold;
}
.pRelative{
	position:relative;
	margin-bottom:5px;
}
.pRelative a.linkAbs{
	position:absolute;
	top:-50px;
	left:10px;
	z-index:10000;
}
#callme{
	position:fixed;
	top:300px;
	right:15px;
}