/*————————————————————————————————————————
		Style pour MicheleFreud.com
		par Didier.Ciochetto.free.fr
	—————————————————————————————————————————*/
	

html
{
    background-color: #ffffff;
}


body
{
    margin: 2em;
    margin-right: 11em;
    margin-left: 1em;
    margin-top: 1em;
	
	color: black;
    font-family: arial, helvetica, times, sans-serif;
    font-size: 0.9em;
}

p
{
	color: black;
    font-family: arial, helvetica, times, sans-serif;
    font-size: 0.9em;
}

pre
{
	font-family: arial, helvetica, times, sans-serif;
}



h1, h2, h3, h4, h5, h6
{
    color: #0885C2;
    margin-top: 1.5em;
}

h1
{
    font-size: 1.2em;
    /*text-decoration: underline;*/
    text-align: center;
}

h2
{
     font-size:1.2em;
}

h3
{
    font-size: 1.0em;
}

h4
{
    font-size: 1.0em;
    text-decoration: underline;
}

h5
{
	  font-size: 1.0em;
    text-decoration: underline;italic;
}

h6
{
  font-size: 1.2em;
	text-decoration: bold;
	margin-top: 1.5em;
	margin-bottom: 1em;
}

.equ
{
    color: #FFFFFF;
    margin-top: 1.5em;
    font-size: 1.0em;
    text-align:center;
    font-weight:bold;
}

a
{
    color: #0885C2;
}

a:hover
{
    color: #0885C2;
}


a img
{
	border: 0;
}




.adroite
{
    text-align: right;
}


.adroiteAlign
{
    text-align: right;
    margin-top: -1.5em;
    margin-bottom: -2em;
}






p, div
{
    text-align: justify;
}


.centre
{
    text-align: center;
}

table
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


em
{
    text-decoration: underline;
}


td
{
    vertical-align: top;
}



kbd 
{
	padding: 0px 1px;
	border-width: 1px 2px 2px 1px;
	border-style: outset;
	background: #faf6f6;
}




.logo
{
    display: block;
    background-image: url("images/logo.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 97px;
    
    margin-top: 0em;
    margin-bottom: 0em;
}

.logo-accueil
{
    display: block;
    background-image: url("images/logo.png");
    background-position: left;
    background-repeat: no-repeat;
    height: 97px;
    
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 5em;
}
/*
body 
{ 
	overflow-y: hidden ; 
	margin: 0;
	padding:0;
}

.content 
{ /* boite prenant toute la page sauf le menu fixe*/
/*	height: 100%; /* la hauteur de la boite occupe 100% de l'écran */
/*	overflow: auto
} 
	/* fin du hack "fixed" permettant de fixer le menu fixe sous IE */


div.menuglobal
{
	position: absolute;
	left: 1.5em;
	top: 2em;
	font-family: comic sans ms, century gothic, georgia, sans-serif;
	font-size: 1.2em;
	line-height: 2.2em;
	text-align: center;
	background-image: url("images/parchemin.jpg");
	background-repeat: no-repeat;
	height: 556px;
	min-width: 157px;
	padding: 16px 0 0 4px;
	width: 167px;
	/*10px*/
}

div.menuglobal2
{
	position: absolute;
	left: 1.5em;
	top: 2em;
	font-family: comic sans ms, century gothic, georgia, sans-serif;
	font-size: 1.2em;
	/*line-height: 2.2em;*/
	text-align: center;
	height: 556px;
	min-width: 157px;
	/*padding: 16px 0 0 4px;*/
	width: 167px;
	/*10px*/
}


div.menuglobal3
{
	position: absolute;
	left: 1.5em;
	top: 2em;
	font-family: comic sans ms, century gothic, georgia, sans-serif;
	font-size: 1.2em;
	/*line-height: 2.2em;*/
	height: 556px;
	min-width: 157px;
	/*padding: 16px 0 0 4px;*/
	width: 167px;
	text-decoration:none;
	color:#933;
	/*10px*/
}

/* Fixe m^ si Opera affiche les sous-menu n'importe où. :-p */
div[class=menuglobal]
{
    position: fixed;
}

/*body>.menu1 {position:fixed} /* annule le hack "fixed" pour les autres navigateurs que IE */




dl, dt, dd
{
    margin: 0;
    padding: 0;
}

a.menu
{
    color: #933;
    text-decoration: none;
    display:block;
    padding: 0 1ex;
}

a.menuEnCours
{
	padding: 0 1ex;
}



a.menu:hover
{
    color: #d66;
    text-decoration: underline;
}

a.menu:hover:after, a.menuEnCours:hover:after, a.sousmenu:hover:after
{
    content: " »";
}

a#pluslong:hover:after
{
	content: "";
}



/* Avec CSS2, pas besoin de javascript.*/
dt:hover>#smenu1, dt:hover>#smenu2, dt:hover>#smenu3
{
    display: block;
}


/*++ Sous-menu inspiré de www.alsacreations.com ++*/
#smenu1, #smenu2, #smenu3
{
    position: absolute;
    width: 18em;
    background-color: #0885C2;
    font-size: 0.75em;
    line-height: 1.1em;

    display: none;
    /* Affiché seulement quand :hover. */
    
    /* Pour le rendre transparent. */
    filter: alpha(opacity="90");	/* patchwork pour ie */
	-moz-opacity: 0.7;
    opacity: 0.7;	/* CSS3 */

}

/* Existe plus.
#smenu1
{
    left: 17ex;
    top: 0em;
}
*/


#smenu2
{
    left: 16ex;
    top: 0em;
}
#smenu3
{
    left: 17ex;
    top: 7em;
}



.sousmenu
{
    border-width: 1px;
    border-color: gray #933 #933 gray;
    border-style: solid;
    /* Avec outset et une couleur ça fait un peu pareil,
      mais seul Mozilla le fait bien. */
    padding: 1px;
    font-weight: normal;
    color: #933;
    background-color: #ffe;
    width: 18em;
    display:block;
    text-decoration: none;
    -moz-border-radius: 1em;    
    border-radius: 1em;	/* CSS3 */
}

a.sousmenu:hover
{
    background-color: #993333;
    color: #0885C2;
}
/*-- fin du sous-menu --*/




.espacement
{
    line-height: 1.4em;
}


.erreur
{
	color: red;
}


.pieddepage
{
    color: #CC9933;
    font-size: 0.8em;
    font-family: Times New Roman, Times, serif;
    font-weight: bold;
}



.arborescence
{
    font-size: 0.8em;

}


.abonnement
{
	margin: 0em;

	padding: 1ex;
	border: 1px outset;
       font-size: 0.8em;
}


.zeromarges
{
    margin: 0;
}

/*
.presse
{
	background-color: white;
	padding: 2%;
	margin: 2%;
}*/



/* dans la page produit. */
.miniature
{
	width: 3em;
	height: 4em;
	margin: -1em 2ex 0 2ex;
	
	float: right;
}




ul.listeProduits li
{
	list-style: none;

	margin-bottom: 2em;
	padding: 1.5em;
	border: 1px solid #eba;
	margin: 1em 0;
		
	background-color: white;
	
	border-radius: 1em;
	-moz-border-radius: 1em;
}


ul.listeProduits li:hover
{
	background-color: #FEFAF6;
}


ul#chroniques li, ul.formations li
{
	margin-top: 1em;
}




/* Pour impression. */
@media print
{
	.pieddepage, .menuglobal
	{
		display: none;
	}
	
	body
	{
		margin: 2em;
	}
}

pr_sem
{
	margin-left: 10px;
}

pr_sem
{
	margin-left: 100px;
}

.news
{
	width: 650px;	
	color: black;
	font-size: 1em;
	font-weight: bold;
	background-image: url("images/cadre.png");
	background-repeat: no-repeat;
}

.equipe
{
	background-image: url("images/fond_equ_peda.jpg");
	background-repeat: no-repeat;
	padding: 2%;
	margin: 2%;
}
.lien_accueil
{
    font-weight: normal;
    color: #933;
    background-color: #0885C2;
    text-decoration: none;
    font-size: 0.8em;
}

.lien_accueil2
{
    font-weight: normal;
    color: #933;
    background-color: #0885C2;
    text-decoration: none;
	font-size: 12px;
}

.lien_news
{
    font-weight: bold;
    color: #933;
    background-color: #0885C2;
    text-decoration: none;
    font-size: 0.9em;
}

.cite
{
	font-weight: bold;
}

.citations
{
    font-weight: normal;
    //color: #A0A09D;
    color:#93938E;
    background-color: #0885C2;
    text-decoration: none;
	font-size: 11px;
}

.sous_tit_img
{
	font-size: 0.7em;
}

.lemenu3
{
	color:#933;
	text-decoration:none;
	font-size:1.0em;
}

.lemenu3:hover
{
	text-decoration:underline;
}

.titcitation
{
	color:#933;
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
}

.menuOnglets
{
	position: relative;
	/* position: absolute serait mieux,
	le hic c'est que IE et Op continuent à prendre les marges en compte... :-o */
	top: 0px;
}



.onglet
{
	width: 160px;
	height: 24px;
	padding: 0;
	
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
}

.ongletActif
{
	/*background-image: url("style/onglet.png");
	background-repeat: no-repeat;
	background-position: top center;*/
	border-top:#0885C2 3px solid;
		
	width: 350px;
	height: 24px;
	padding: 0;
	
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	/*background-color: #FFFFFF;*/
}

.onglet a, .ongletActif a
{
	color: black;
	text-decoration: none;
	display: block;
	
	width: 160px;
	height: 16px;
	padding: 3px 5px;
	margin-top: 3px;
	margin-left: 2px;
}


.onglet:hover, .onglet a:hover /* Pas top le a:hover, mais mieux que rien pour les antiquités. */
{
	background-color: #FFFFFF;
}
.onglet>a:hover /* Pour les + récents, on cache ce fond, et on le laisse que sur onglet. */
{
	background-color: #FFFFFF;
}
.cadre {
	border-right:2px solid #0885C2;
	border-left:2px solid #0885C2;
	border-bottom:2px solid #0885C2;
	padding:10px;
	font-size:13px;
}

/*++ Partie boutique, les produits. ++*/

.produit, .detail
{
	border: 2px solid #E2BDA0;
	margin: 2em 2em 1em 2em;
	padding: 0.5em;
	border-radius: 1em;
}

/* Produit et détail sont pareils sauf que produit a un hover. */
.produit:hover
{
	background-color: #FEFAF6;
}



.miniature, .miniatureBasse
{
	float: right;
	position: relative;
	margin-left: 1ex;
	width: 55px;
	height: 60px;
}

.miniature
{
	top: -2em;
	margin-bottom: -2em;
}

.miniatureBasse
{
	top: -1ex;
	margin-bottom: -1ex;
}



/* Les autres produits présentés dans la fiche d'un produit. */
.autre
{
	text-decoration: none;
	width: 35px;
	height: 42px;
}



.cadreImage
{
	float: right;
	position: relative;
	top: -3em;
	margin: 0;
	margin-bottom: -3em;
	margin-left: 2ex;
}



.image#Livres
{
	width: 140px;
	height: 190px;
}



.image#CD_audio
{

	width: 190px;
	height: 190px;
}





.legende
{
	visibility: hidden;
	display: block;
	color: black;
	text-decoration: none;
	text-align: center;
}

a:hover span.legende
{
	visibility: visible;
}





.prix
{
	float: right;
	color: green;
	font-size: 1.2em;
	font-weight: bold;
	clear: left;
	margin-left: 1ex;
}

.prixht
{
	font-size: 0.7em;
	color: black;
	font-weight: normal;
}


.contenu
{
	display: block;
	padding: 1em 2em;
	font-style: normal;	
	/* Parce qu'on est dans un <var> donc sinon italique. */
}


.tri, .petitFlottant
{
	float: right;
	font-size: 0.8em;
	margin-top: -2em;
}

.tri select, .tri input
{
	font-size: 1em;
}



.planSite
{
	list-style-type: square;
}

.promotion, .valide
{
	color: green;
}


.tableVoirAussi
{
	width: 100%;
	text-align: center;
}




table.tableChoix
{
	margin: auto;
}


a.lienPanier
{
	color: #AF5F25;
	font-size: large;
	background-color: #FCEFE4;
}

a.lienPanier:hover
{	
	color: #84491E;
	background-color: #FFDACA;
}





/* Descente d'un pixel de certaines images. */
a:hover img.bouton
{
	margin-top: 1px;
	margin-bottom: -1px;
}

/* Heu, pareil mais inutile de dire qui marche pas si on joint les 2... */
input[type="image"]:hover
{
	margin-top: 1px;
	margin-bottom: -1px;
}




p.accueil_haut
{
	position: absolute;
	top: 26em;
	right: 1ex;
	
	width: 19ex;
	font-size: small;
	
}







/* Les styles spécifiques à Mozilla à importer
  tant que tout le monde ne supporte pas les CSS 3. */

.rondRubrique, .produit, .detail
{
	-moz-border-radius: 1em;
}

.rubriques
{
	position: absolute;
	top: 140px;
	left: 1em;
	width: 13em;

	font-size: 0.8em;
}




.carreRubrique
{
	text-align: center;
	background-color: #FCF2E9;
	border: 1px solid #E6BA8D;
	padding: 0.3ex;
}

.carreRubrique a
{
	text-decoration: none; 
	color: black;
}

.carremf
{
	text-align: center;
	background-color: #FCF2E9;
	border: 1px solid #E6BA8D;
	padding: 0.3ex;
	position: absolute;
	left: 340px;
}

.rondRubrique
{
	background-color: #FCF2E9;
	padding: 1ex;
	padding-left: 1em;
	margin-bottom: 2em;
	border-radius: 1em;
}


.rondRubrique a
{
	color: black;
}

.sousRub
{
	margin-left: 3em;
	color: black;
}