@charset "utf-8";
@import url("_bottom/style.css");
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
	border: none;
}
/*	----- ----- -----	Balises HTML	----- ----- ----- */
body {
	background:  #98CBCB url(img/page/fond-page.gif) repeat left top;
	text-align: center;
}
img {
	border: none;
}
ul li {
	list-style: none;
}
strong {
	color: #F33;
}
/*	----- ----- -----	Comportements & liens	----- ----- ----- */
p a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

/*	-----	Exceptions	----- */
p a:link, p a:visited, h4 a:link, h4 a:visited {
	color: #7DADBA;
	border-bottom-color:  #7DADBA;
}
p a:active, p a:hover, h4 a:active, h4 a:hover {
	color: #F63134;
	border-bottom-color:   #F63134;
}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {
	color: #F63134;
	border-bottom-color:  #F63134;
}
h1 a:active, h1 a:hover, h2 a:active, h2 a:hover, h3 a:active, h3 a:hover, h5 a:active, h5 a:hover, h6 a:active, h6 a:hover {
	color: #7DADBA;
	border-bottom-color: #7DADBA;
}
/*	-----	Exceptions	----- */
.imageAll a, #top a, #legals a, .liste li a, a.btn-commander {
	border-bottom: none;
}

/*	----- ----- -----	IDs	----- ----- ----- */
#page {
	width: 955px;
	background: #EBF2F2 url(img/page/FdPage-top.gif) no-repeat center top;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	padding: 15px 0 0 0;
	text-align: left;
}

#contenu {
	width: 955px;
	background: #EBF2F2 url(img/page/FdPage-contenu.png) repeat-y center bottom;
}
#top {
	background: #EBF2F2 url(img/page/FdFronton.png) no-repeat center top;
	height: 103px;
	padding: 0 14px;
}
#top h1 a {
	background: url(img/page/logo_Margaux-Orange.png) no-repeat 35px 40px;
	float: left;
	height: 93px;
	width: 193px;
	display: block;
}
#top h1 a span {
	display: none;
}
#fronton {
	width: 734px;
	height: 93px;
	float: left;
}



#longdescro {
	overflow: auto;
	height: 425px;
	clear: both;
	padding: 0;
	margin: 0;
}
#longdescro h3, #longdescro p {
	padding-left: 5px;
}
#shortdescro {
	padding: 15px 5px 0 15px;
}
#texteright h1.produit-nom {
	font: bold normal 13px/15px Verdana, sans-serif;
	padding: 0;
	color: #000;
}
#texteright p {
	font-size: 12px;
	margin: 0;
	padding: 0;
}
#texteright p.prix {
	padding: 0 0 5px 0;
}
#modifier-panier {
	background: url(img/boutons/recalculer.png) no-repeat left top;
	height: 25px;
	width: 110px;
	font-size: 0px;
	margin: 0;
	padding: 0;
}
#enlever-panier {
	background: url(img/boutons/supprimer.png) no-repeat left top;
	height: 10px;
	width: 12px;
	font-size: 0px;
	margin: 0;
	padding: 0;
}
#texteright td, #texteright td input {
	font: 11px/11px Arial, sans-serif;
}
#texteright p.prix {
	font-size: 11px;
}
#legende img {
	margin-top: 40px;
	margin-left: 185px;
}
/*	----- ----- -----	Classes	----- ----- ----- */
.contenant {
	margin: 5px 7px 15px 15px;
}
.contenant h2 {
	font: bold 18px Verdana, sans-serif;
	color: #F63134;
	margin-bottom: 5px;
	margin-top: 5px;
}
.fd-photo h2 {
	margin-top: 0px;
}
.contenant p {
	font: 11px/12px Verdana, sans-serif;
	color: #000000;
}
.contenant img {
	margin: 0px 0px 0px 5px;
}
.contenant p.prix {
	font: bold 11px/13px Verdana, sans-serif;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 5px;
}
.contenant h3 {
	font: bold 11px/14px Verdana, sans-serif;
	color: #333333;
	margin-bottom: 5px;
}
.fd-photo h2, .fd-photo h3, .fd-photo p {
	color: #FFFFFF;
}
.fd-photo {
	background: #000000;
	padding: 5px;
}
.contenuFiche img.couverture {
	margin: 0 4px 0 0;
	height: 175px;
}
.contenuFiche #longdescro h3 {
	font: bold 12px/12px Verdana, sans-serif;
	color: #FF3300;
	clear: both;
}
.contenuFiche p {
	padding: 0 5px 5px 0;
	font: 12px Verdana, sans-serif;
}
.contenuFiche #texteright p.specs {
	color: #99CCCC;
	padding: 10px 0 10px 0;
	font: 12px/15px Arial, sans-serif;
}
.contenuFiche input {
	padding: 0;
	margin: 0;
}
.contenuFiche form {
	padding: 0;
	margin: 0;
}
.commander a:link, .commander a:visited {
	color: #000000;
	text-decoration: none;
}
.liste ul {
	width: 340px;
	overflow: auto;
	margin: 0 0 0 15px;
	height: 575px;
}
.liste li {
	min-height: 85px;
	width: 320px;
	overflow: auto;
	padding: 0;
	margin: 0;
	border: none;
}
.liste li.bleu {
	background: #FFF url(img/liste/DegradeBleu.png) repeat-y right top;
}
.liste li.rose {
	background: #FFF url(img/liste/DegradeRose.png) repeat-y right top;
}
.liste h3 span {
	display: none;
}
.liste h3 {
	height: 60px;
	margin: 0 0 0 25px;
}
img.couverture {
	float: left;
	border: 0;
}
.liste img {
	float: left;
	border: 0;
	margin: 7px 15px 0 0;
	border-left: 10px solid #FFFFFF;
}
.liste li * {
	font: 12px Verdana, sans-serif;
}
.liste li h4 {
	font-weight: bold;
	margin: 7px 0 0 0;
}
.liste li h4 a:link, .liste li h4 a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.liste li h4 a:hover, .liste li h4 a:active, .liste li h4 a:focus {
	color: #FF0000;
	font-weight: bold;
}
p.prix {
	margin: 5px 0 0;
	color: #FF0000;
	font-weight: bold;
}
.blocs * {
	font-family: Verdana, sans-serif;
}
.blocs h2, .blocs h3, .blocs h4, .blocs p {
	padding: 5px 10px 0 12px;
}
.blocs h2 {
	font: 22px/22px Verdana, sans-serif;
	text-transform: uppercase;
	color: #FF423A;
	padding: 12px 0 0 12px;
	letter-spacing: -1px;
	word-spacing: -4px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: 12px 11px;
}
.blocs h2 span {
	display: none;
}
.blocs h3 {
	font-size: 18px;
}
.blocs h4 {
	font-size: 12px;
}
.blocs p, .blocs li {
	font-family: Verdana, sans-serif;
	font-size: 11px;
}
.blocs h3 {
	color: #FF423A;
	padding-top: 12px;
}
.blocs ul {
}
.blocs ul.quart {
	border: 1px solid #97CBCB;
	border-width: 1px 0 0 0;
	margin: 19px 10px 0 12px;
	overflow: auto;
	height: 470px;
}
.blocs ul.quart li {
	border: 1px solid #97CBCB;
	border-width: 0 0 1px 0;
	padding: 4px 0 4px 0;
	color:#666;
	font: 11px/11px Verdana, sans-serif;
}
.blocs ul.quart li a:link, .blocs ul.quart li a:visited {
	color:#666;
	letter-spacing: -1px;
	word-spacing: -1px;
}
.blocs ul.quart li a:hover, .blocs ul.quart li a:active {
	color: #FF423A;
	letter-spacing: -1px;
	word-spacing: -1px;
}
.blocs .imageFd div {
	height: 220px;
	overflow: hidden;
	width: 227px;
}
.blocs .imageFd h3, .blocs .imageFd h3 a {
	color: #97CBCB;
}
.blocs .imageFd h4, .blocs .imageFd p, .blocs .imageFd h4 a, .blocs .imageFd p a {
	color: #FFFFFF;
}
.blocs .imageFd h3, .blocs .imageFd h4, .blocs .imageFd p {
	padding-left: 20px;
}
.blocs .imageFd h3 a {
	height: 100%;
}
.blocs .imageFd a {
	display: block;
	height: 220px;
}
.blocs .imageFd a {
	height: 220px;
}
.blocs .imageFd a {
	height: 220px;
}
.blocs img.right {
	float: right;
}
.imageAll img {
	margin: 11px 0 0 16px;
}
.commander input {
	margin: 0 0 0 12px;
	padding: 0;
}
.blocs p.commander a span {
	display : none;
}
/*	----- ----- -----	Specs	----- ----- ----- */
/* ----- Les blocs ----- */

.TiersCourt, .TiersLong {
	width: 239px;
	text-align: left;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.TiersCourt {
	background: url(img/blocs/FdTiers-Court.png) no-repeat right bottom;
	height: 237px;
	overflow: hidden;
}
.TiersLong {
	background: url(img/blocs/FdTiers-Long.png) no-repeat left bottom;
	height: 438px;
	overflow: auto;
}
.QuartLong, .TroisQuartsLong {
	text-align: left;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 498px;
}
.QuartLong {
	background: url(img/blocs/FdQuart-Long.png) no-repeat left bottom;
	width: 176px;
	overflow: hidden;
}
.TroisQuartsLong {
	background: url(img/blocs/Fd3Quart-Long.png) no-repeat left bottom;
	width: 540px;
	overflow: auto;
}
.DemiLong, .DemiCourt {
	width: 362px;
	text-align: left;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
.DemiLong {
	background: url(img/blocs/FdDemi-Long.png) no-repeat right bottom;
	height: 660px;
}
.DemiCourt {
	background: url(img/blocs/FdDemi-Court.png) no-repeat right bottom;
	height: 191px;
}
.FdBleu {
	background: url(img/blocs/FdDemi-Court-Bleu.png) no-repeat right bottom;
}

div.DemiLong #panier {
	height: 590px;
	overflow: auto;
}
/*	----- ----- -----	*/





/*	-----	*/

#diaporama {
	width: 530px;
	height: 375px;
}
#legende {
	overflow: auto;
	height: 97px;
	margin: 10px 10px 10px 15px;
}
#shortdescro .commander input {
	margin: 15px 0 0 0px;
}
div.pied {
	clear: both;
	height: 0;
}
.panier table {
	width: 324px;
	margin: 15px 0 0 15px;
	font-size: 11px;
}
tr.entete {
	background: url(img/autres/degrade-top.png) no-repeat left top;
	height: 20px;
	width: 324px;
}
.entete th {
	height: 20px;
	font: bold 11px/20px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	padding: 0 5px;
}
table .livre {
	padding-right: 0;
}
table .prix {
	padding-right: 0;
}
table .qte {
	padding: 0;
}
table .sup {
	padding-left: 0;
}
table .prix, table .qte, table .sup {
	white-space: nowrap;
}
td.prix {
	font-weight: bold;
	color: #FF3333;
	text-align: right;
}
table .qte, table .qte input, table .sup {
	text-align: center;
}
#morePics {
	display: none;
}
table .qte input {
	font: 11px Arial, Helvetica, sans-serif;
}
td {
	padding: 5px;
}
td input {
	text-align: right;
}
td.participationFP {
	font: 10px Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0 0 5px 0;
}
#diaporamaLightbox a {
	background: url(img/boutons/loupe.gif) no-repeat right top;
	color: #000000;
	display: block;
	width: 98px;
	height: 18px;
	float: left;
	margin-right: 50px;
}
#diaporamaLightbox {
	padding: 10px 0 0 0;
}
#box2 {
	position:absolute;
}
#box2 span {
	display:block;
	float:left;
}
#box2 span img {
	display:block;
	border:none;
}
.blocs .intro h4 {
	padding-top: 10px;
}
.intro h4 {
	color: #7DADBA;
}
.contact .TiersLong ul {
	margin: 30px 0px 10px 30px;
}
.contact .TiersLong ul li {
	padding: 0 0 30px 0;
	margin: 0;
}
.contact .TiersLong ul li a {
	font: 10px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	padding-bottom: 20px;
	color: #F63134;
	text-align: right;
}
.contact .TiersLong ul strong {
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #F63134;
	font-weight: bold;
}
.contact .TiersLong ul em {
	display: block;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #9FBFBF;
}
.contact .TiersLong ul li h4 a {
	color: #F63134;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
table tr#fraisport td {
	border-top: 1px solid #99CBCC;
	border-bottom: 1px solid #99CBCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #99CBCC;
	border-left-color: #99CBCC;
}
ol li {
	padding: 5px 10px 5px 0;
	margin: 0 0 0 35px;
	text-align: left;
	list-style: lower-alpha outside;
}
img.image-333 {
	margin: 10px 15px 0 15px;
}
#diaporama {
	overflow: hidden;
}
/* Titres */
.titre-page {
	background-repeat: no-repeat;
	background-position: left 15px;
	background-color: transparent;
}
.titre-page span {
	display: none;
}
#titre_edition-communication-scientifique {
	background-image: url(img/titres/titre_communication-etudes-scientifiques.png);
	height: 38px;
}
#votre_panier {
	background-image: url(img/titres/mon-panier.png);
	height: 44px;
}
#titre_margauxorange {
	background-image: url(img/titres/Margaux-Orange_FdBleu.png);
}
#titre_edition {
	background-image: url(img/titres/edition.png);
}
#titre_congres {
	background-image: url(img/titres/congres-manifestations.png);
}
#titre_etudes {
	background-image: url(img/titres/etudes-scientifiques.png);
}
#titre_audiovisuel {
	background-image: url(img/titres/videos.png);
}
#catalogue-livres {
	background-image: url(img/titres/catalogue-livres.png);
}
#congres-manifestations {
	background-image: url(img/titres/congres-manifestations.png);
}
#etudes-scientifiques {
	background-image: url(img/titres/quelques-etudes.png);
}
#nos-realisations {
	background-image: url(img/titres/realisations.png);
}
#mon-adresse {
	background-image: url(img/titres/mon-adresse.png);
}
#votre-paiement {
	background-image: url(img/titres/votre-paiement.png);
}
#votre-commande {
	background-image: url(img/titres/votre-commande.png);
}
/* Catalogue /// commande */
#texteright {
	background: #FFF;
	height: 205px;
	overflow: auto;
}
#bouton-commander {
	background: #FFFFFF url(img/boutons/commander.png) no-repeat left bottom;
	height: 34px;
	width: 98px;
	font-size: 0px;
	line-height: 40px;
	overflow: hidden;
	color: #FFF;
}
.TiersCourt img, .DemiCourt img {
	margin: 5px 0 5px 12px;
}
.TiersCourt img.left, .DemiCourt img.left {
	margin: 10px 0 0 17px;
}
.TiersCourt img.right, .DemiCourt img.right {
	margin: 10px 10px 0 0;
}

.flash * {
	margin: 10px 0 0 17px;
}
.liste li img {
	margin-bottom : 15px;
}
p strong.bleu {
	font-weight: bold;
	color : #7DADBA;
}
p strong.rouge {
	font-weight: bold;
	color : #F63134;
}
/*	----- ----- -----	Tableaux	----- ----- ----- */
#texteright thead {
	display: none;
}
/*	----- ----- -----	*/
/*	----- ----- -----	Tableaux	----- ----- ----- */
#panier * { font-size: 11px; } 
#panier table {
	margin: 15px 10px 0 20px;
}
#panier .passer-cmde { margin: 10px; }
#panier .passer-cmde button {
	background: url(img/boutons/passer-commande.png) no-repeat left top;
	height: 38px;
	width: 127px;
	font-size: 0px;
	line-height: 80px;
	overflow: hidden;
	float: right; 
}
#panier .btn-sup button {
	background: url(img/boutons/supprimer.png) no-repeat left top;
	height: 10px;
	width: 12px;
	font-size: 0px; 
	line-height: 40px;
	overflow: hidden;
}
#panier table thead {
	background: #F63134 url(img/boutons/degrade-top.png) repeat-y left top;
}
#panier table th {
	color: #FFF;
	font: bold 11px/20px Arial, Helvetica, sans-serif;
	padding: 10px 0 10px 5px;
}
#panier table th.sup {
	padding: 10px 10px 10px 0;
}
#panier table a { color: #000; text-decoration: none; }
#panier td { margin: 0; padding: 5px 0 10px 0; }
#panier td.qte {
	white-space: nowrap;
}
#panier th.qte {
	text-align: left;
}
#panier td.qte span {
 font-weight: bold; padding-left: 5px;
}

#panier tr.qte-0 td, #panier tr.qte-pas td { background-color: #FFCCCC; padding: 5px; }
#panier tr.frais-port td, #panier tr.tot-commande td, #panier tr.tot-taxe td {
	border-top: 1px solid #7DADBA;
}
td.prix, td.tot { text-align: right; }
#panier td.tot { padding-right: 5px; padding-left: 5px;}
#panier .frais-port label { float: left; }
#panier tr.frais-port td.prix, #panier tr.tot-commande td.prix { color: #000; font-weight: normal; }

#panier, #com-adresse, #com-paiement, #com-livraison {}
#panier input, #com-adresse input, #com-paiement input, #com-livraison input, #com-adresse textarea, #com-paiement textarea, #com-livraison textarea, select {
	border: 1px solid #7DADBA;
}
#panier .btn-sup button { margin-left: 5px;}

#panier tr.tot-commande td { }
#panier tr.tot-commande td.article {  font-weight: bold; }
#panier tr.tot-commande td.prix {  font-weight: bold; }
#panier th.tot { text-align: center; }

#com-livraison select { float: left; height: 20px; }

#btn-modifpanier button { margin : 15px 0 0 17px; background-color: #FFF;}

#com-adresse label, #com-livraison label { float: left; display: block; width: 100px; height: 18px; line-height: 18px; }
#com-adresse input, #com-livraison input { height: 18px; }

p#zone { display: block; clear: both; }
p#zone label { display: inline; overflow: visible; white-space: nowrap; width: auto; clear: left; }
p#zone input { margin-left : 100px; line-height: normal; elevation: inherit; }

textarea, input, select {  font : 11px/20px Arial, Helvetica, sans-serif; }

#pays { clear: both; }

#save-adr {
	margin : 20px 0 0 110px;
	height: 38px;
	line-height: 80px;
	background: url(img/boutons/valider-adresse.png) no-repeat left top;
	width: 127px;
	overflow: hidden;
	font-size: 0;
}
#bloc-precommande .radios label { display: inline; overflow: visible; white-space: nowrap; width: auto; clear: left; }
#bloc-precommande .radios input { height: auto; margin-left : 100px; line-height: normal; elevation: inherit; }

p.alert { color: #F00; line-height: 14px; font-weight: bold; }

#pay-CB button {
	background: url(img/boutons/payer-CB.png) no-repeat left top;
	height: 38px;
	width: 127px;
	font-size: 0px;
	line-height: 80px;
	overflow: hidden;
	margin-left : 27px;
}

#bloc-precommande address {
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 27px;
	padding-bottom: 20px;
}

#pay-cheque { padding-top: 50px;	margin-left: 17px;}
#bloc-precommande #pay-cheque address { padding: 10px 20px 20px 0; margin: 0 0 0 10px;}

#page .references ul { padding: 0; margin: 0 10px 0 15px;  }
#page .references li { padding: 0; margin: 0;  }
#page .references h5 { color:  #7DADBA; font-size: 11px; border-bottom: dotted 1px #7DADBA; padding: 20px 0 20px 0; margin: 0;  }

#modif-qte {
	background: url(img/boutons/caddie_r8_c4.png) no-repeat center center;
	height: 15px;
	width: 15px;
	font-size: 0px;
	line-height: 40px;
	color: #FFFFFF;
}
.rouge { color: #F63134; }

#champ-obligatoire { padding-top: 100px;}

div.video { overflow: hidden; }
/*	----- ----- -----	*/