.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

body{
	margin:0;padding:0;
	background:#FFF url(../img/background.gif) repeat-x fixed;
	font:12px Arial,Verdana,Helvetica,Tahoma,sans-serif;
	color:#3B3B3B;
	height:100%;
}

a{color:#0c2074;}
p.small{font-size:10px;}

form{margin:0;padding:0;}
h1{
	padding-right:80px;
	color:#f0a92f;
	font-size:18px;
	margin:0 0 20px 0;
}

h2{
	color:#0c2074;
	font-size:14px;
	margin:0;
}

h3.panier{
	color:#B6B6AB;
	font-size:11px;
	font-weight:bold;
	background:url(../img/panier_achat/titre/filet_titre_panier.gif) no-repeat;
	padding:6px 0 0 8px;
	height:24px;
	margin-left:20px;
}

#content{
	background-color:#FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	width:798px;
	margin:0 auto;
}

#pub{
	position:absolute;
	top:14px;left:310px;
}

#montage {
	position:absolute;
	top:0;
	right:0;
}

#bandeau{
	position:relative;
	background:#0c2074 url(../img/entete_librairie.gif) no-repeat;
	width:798px;height:88px;
}

/*** Message pour la periode estivale ***/
#ete {
	padding:10px 10px 0 10px;
	background:#fceed5;
	border:1px solid #efa92f;
}

#centre #ete {
	margin-right:25px;
}

#ete p {
	line-height:normal;
}

/*** Messages pour lee temps des fetes ***/
#cadeau {
	border:1px solid #a2090b;
	color:#a2090b;
	background:#fff685 url(/img/cadeau.gif) 10px 10px no-repeat;
	padding:10px 20px 10px 45px;
	margin-bottom:20px;
	margin-right:
}
#cadeau p {
	margin: 0;
}
#vacances {
	border:1px solid #a2090b;
	color:#a2090b;
	background:#fff685 10px 50% no-repeat;
	padding:10px 15px;
	margin-bottom:20px;
	margin-right:20px;
}

#vacances.full {
	margin-right: 20px;
}

#vacances h3 {
	padding: 5px 0 0 0;
	margin: 0;
}

/*** MENU ***/
#menu{
	background-color:#817e73;
	height:20px;
}

#menu ul{
	margin:0 8px 0 0;padding:0;
	list-style:none;
}

#menu ul li{float:right;margin-right:10px;}

#menu ul li.filet-menu{
	background:url(../img/filets/filet_beige.gif) 0 5px no-repeat;
	width:2px;
	height:20px;
}

#menu ul li a{
	text-decoration:none;
	color:#FFF;
	font-size:11px;
	line-height:20px;
}


#menu ul li.done a,#menu ul li.done a:hover{
	text-decoration:none;
	border-bottom:4px solid #FFF;
	color:#FFF;
	font-size:11px;
	line-height:20px;
}

#menu ul li a:hover{text-decoration:underline;}
/*** FIN MENU ***/

/*** FILS D'ARIANNE***/
#arianne{
	background:url(../img/filet_fil_ariane.gif) left bottom no-repeat;
	margin-bottom:15px;
	color:#3B3B3B;
	height:30px;
}
#arianne .fils{margin-left:10px;}
#arianne .fils a{
	color:#3B3B3B;
	text-decoration:none;
	line-height:30px;
	font-size:11px;
}
/*** FIN DU FILS D'ARIANNE***/

#contenant{position:relative;width:798px;padding-bottom:20px;}
#droit{
	position:absolute;
	width:190px;
	left:595px;top:0;
	visibility:hidden;
}

#gauche{
	margin-left:25px;
	margin-right:224px;
	visibility:hidden;
}

#centre{margin:0 0 0 25px;}

.colonnes {
	margin:0 auto;
	width:500px;
	overflow:hidden;
}

.colonnes p {
	float:left;
	width:50%;
}

.imglivreconference {
	float:right;
	margin:0 20px 0 0;
}

.imgconferencier {
	float:right;
	margin:0 20px;
	font-size:0.9em;
}

img {
	border:0;
}

#centre .btn-rouge {
	margin:20px 0 0 164px;
	padding:0 10px;
	width:auto;
	height:auto;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	background:#990000;
	border:1px solid #990000;
}

/*** panier ***/
.contenupanier{
	width:190px;
	padding-right:25px;
	float:right;
}

#panier{
	background:#f0a92f url(../img/petit_panier.gif) no-repeat;
	height:21px;width:190px;
}
#panier a{
	font-size:11px;
	color:#FFF;
	text-decoration:none;
	line-height:21px;
	padding-left:40px;
}
#panier a:hover{text-decoration:underline;}
/*** boite recherche ***/
#recherche{
	margin-top:20px;
	width:190px;
	background:#ecece2 url(../img/filet_menu_droite.gif) left bottom no-repeat;
}

#recherche h2{
	background:url(../img/recherche.gif) no-repeat;
	width:190px;height:30px;
	margin:0;
}

#recherche form{
	margin:0;
	padding: 15px 10px;
}
#search{width:130px; margin-right:10px;font-size:11px;color:#3B3B3B;}

/*** menu droit ***/
#menu-droit{
	background-color:#ecece2;
	padding-bottom:10px;
	border-bottom:3px solid #A29E8F;
}

#menu-droit ul{
	margin:0;padding:0;
	list-style:none;
}
#menu-droit ul li{
	background:#ecece2 url(../img/filet_menu_droite.gif) left bottom no-repeat;
	height:22px;
	line-height:22px;
	font-size:11px;
	color:#3B3B3B;
}
#menu-droit ul li.done{
	background-color:#f0a92f;
}
#menu-droit ul li.done a{
	color:#FFF;
}
#menu-droit ul li.done a:hover{
	text-decoration:none;
	color:#FFF;
}
#menu-droit ul li a{
	padding-left:20px;
	text-decoration:none;
	color:#3B3B3B;
	display:block;
	height:22px;width:170px;
}

#menu-droit ul li a:hover{
	text-decoration:underline;
	color:#f0a92f ;
}
#menu-droit ul li.niveau1{
	padding-left:10px;
	background-color:#FFF;
	font-weight:bold;
}
#menu-droit ul li.niveau2{
	background-color:#FFF;
	font-weight:bold;
}
#menu-droit ul li.niveau2done{background-color:#f0a92f;}
#menu-droit ul li.niveau2done a,#menu-droit ul li.niveau2done a:hover{
	color:#FFF;
	padding-left:10px;
	font-weight:bold;
	text-decoration:none;
}
#menu-droit ul li.niveau2 a{padding-left:10px;width:180px;}

#menu-droit ul li.deux-lignes {
	height:44px;
	line-height:22px;
}

#menu-droit ul li.deux-lignes a{
	height:44px;
}

/*** page intro ***/
.pageintro{
	background: url(../img/accueil/gros_panier.gif) right top no-repeat;
	width:100%;
	margin-bottom:20px;
}

.pageintro h1{
	padding-right:80px;
	color:#0c2074;
	font-size:18px;
	margin:0;
}

.pageintro p{
	line-height:20px;
	padding-right:80px;
	margin-top:5px;
}

.pageintro.nouveau {
	background: none;
	position: relative;
}

.pageintro.nouveau a.ppo {
	display: block;
	width: 75px;
	height: 74px;
	position: absolute;
	right: 14px;
	top: 3px;
	background: url("/img/accueil/gros_ppo.jpg") no-repeat top right;
	text-indent: -9999px;
	outline: none;
}

.entete{margin-bottom:20px;}

/*** livres***/

.livre,.livreint,.livredesc{margin:10px 0 0 0;position:relative;}
.livre .imglivre img,.livredesc .imglivre #couverture img,.livreint .imglivre img, #grandeimg img{border:1px solid #a3a3a3;}
.livre .imglivre{
	width:100px;
	float:left;
}
.livreint .imglivre{
	width:55px;
	float:left;
}
.livredesc .imglivre{
	width:170px;
	float:left;
	position:relative;
}

.livredesc .imglivre .vignette-video {
	padding: 15px 0 0 0;
}

.livredesc .imglivre .vignette-video h2 {
	margin: 0 0 0.4em;
	font-size: 110%;
}

#grandeimg{
	position:absolute;
	left:0px;top:0px;
	background-color:#A29E8F;
	z-index:10;
	display:none;
	width:302px;
}

#grandeimg .reduire{text-align:center;}
#grandeimg .reduire a{

	line-height:25px;
	text-transform:uppercase;
	color:#FFF;
	font-size:11px;
	text-decoration:none;
	/*display:block;*/
	height:25px;
}

.livre-actions {
	background: #ecece2;
	position: relative;
	z-index: 5;
}

.livre-actions ul {
	margin: 0;
	padding: 0 5px;
	position: relative;
}

.livre-actions ul li {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	width: 25px;
	list-style: none;
	display: inline;
}

.livre-actions ul li.feuilleter,
.livre-actions ul li.feuilleter a,
.livre-actions ul li.feuilleter div div{
	width: 48px;
}

.livre-actions ul li div div,
.livre-actions ul li a {
	display: block;
	width: 25px;
	height: 30px;
	text-indent: -99999px;
	outline: none;
}

.livre-actions ul li.envoyer a { background: url("/img/livre/ico-ami-up.gif") no-repeat center center; }
.livre-actions ul li.envoyer a:hover { background-image: url("/img/livre/ico-ami-hover.gif"); }

.livre-actions ul li.partager a { background: url("/img/livre/ico-partager-up.gif") no-repeat center center; }
.livre-actions ul li.partager:hover a.main,
.livre-actions ul li.partager a:hover { background-image: url("/img/livre/ico-partager-hover.gif"); }

.livre-actions ul li.feuilleter a { background: url("/img/livre/ico-feuilleter-up.gif") no-repeat center center; }
.livre-actions ul li.feuilleter a:hover { background-image: url("/img/livre/ico-feuilleter-hover.gif"); }

.livre-actions ul li.feuilleter #btn-ebook  {

}

.livre-actions ul li.agrandir a { background: url("/img/livre/ico-agrandir-up.gif") no-repeat center center; }
.livre-actions ul li.agrandir a:hover { background-image: url("/img/livre/ico-agrandir-hover.gif"); }

.livre-actions ul li ul {
	margin: 0;
	padding: 0 0 8px;
	position: absolute;
	background: #ECECE2;
	width: 170px;
	left: -99999px;
	top: 30px;
	z-index: 9;
}

.livre-actions ul li.hover ul {
	left: 0 !important;
}

.livre-actions ul li ul li {
	margin: 0;
	padding: 0;
	float: none;
	width: auto;
	height: auto;
}

.livre-actions ul li ul li a {
	margin: 0;
	padding: 4px 4px 4px 44px;
	float: none;
	width: auto;
	height: auto;
	text-indent: 0;
	font-weight: bold;
	color: #767671;
	text-decoration: none;
}

.livre-actions ul li ul li a:hover {
	color: #3a3a31;
}

.livre-actions ul li ul li.delicious a { background: url("/img/partager/delicious.gif") no-repeat 24px 50% !important; }
.livre-actions ul li ul li.publieca a { background: url("/img/partager/publieca.gif") no-repeat 24px 50% !important; }
.livre-actions ul li ul li.facebook a { background: url("/img/partager/facebook.gif") no-repeat 24px 50% !important; }
.livre-actions ul li ul li.google a { background: url("/img/partager/google.gif") no-repeat 24px 50% !important; }
.livre-actions ul li ul li.google-1 { padding: 4px 4px 4px 25px;}
.livre-actions ul li ul li.twitter a { background: url("/img/partager/twitter.gif") no-repeat 24px 50% !important; }
.livre-actions ul li ul li.linkedin a { background: url("/img/partager/linkedin.gif") no-repeat 24px 50% !important; }


.livre-actions ul li.dernier {
	margin-right: 0;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #293e99;
	color: #fff;
	padding: 2px 5px;
	font-size: 8pt;
}
#tooltip h3, #tooltip div { margin: 0; font-size: 8pt; }


.privilege{
	display:none;
}


.livre .infolivre{margin-left:120px;height: 1%;width:419px;}
.livreint .infolivre{margin-left:75px;}
.livreint .infolivre2{margin-left:75px;height: 1%;}
.livredesc .infolivre{margin-left:190px;}

.livre .infolivre .btn1, .livreint .infolivre .btn1, .livreint .infolivre2 .btn1, .livredesc .infolivre .btn1{height:17px;}
.livre .infolivre .btn1 .nouveaute, .livreint .infolivre .btn1 .nouveaute, .livreint .infolivre2 .btn1 .nouveaute, .livredesc .infolivre .btn1 .nouveaute{
	float:left;
	width:65px;height:17px;
}
.livre .infolivre .btn1 .privilege, .livreint .infolivre .btn1 .privilege, .livreint .infolivre2 .btn1 .privilege, .livredesc .infolivre .btn1 .privilege{
	float:left;
	width:84px;height:17px;
}
.livre .infolivre .btn1 .approuve, .livreint .infolivre .btn1 .approuve, .livreint .infolivre2 .btn1 .approuve, .livredesc .infolivre .btn1 .approuve{
	float:left;
	width:91px;height:17px;
}
.livre .infolivre .btn1 .repertoireppo, .livreint .infolivre .btn1 .repertoireppo, .livreint .infolivre2 .btn1 .repertoireppo, .livredesc .infolivre .btn1 .repertoireppo{
	float:left;
	width:91px;height:17px;
}
.livre .infolivre .btn2,.livreint .infolivre .btn2{float:right;width:160px;}

.livredesc .infolivre .btn2{width:160px;}
.livredesc .infolivre .btn2 .ajouter{background:url(../img/icones/panier.gif) left top no-repeat;}
.livredesc .infolivre .btn2 .ajouter a{
	font-size:11px;
	line-height:22px;
	display:block;
	width:130px;height:22px;
	color:#0c2074;
	text-decoration:none;
	margin-bottom:3px;
	padding-left:30px;
}
/*Bouton bon de commande */
.livredesc .infolivre .btn2 .commande{background:url(../img/icones/bon_commande.gif) left top no-repeat;}
.livredesc .infolivre .btn2 .commande a{
	font-size:11px;
	line-height:22px;
	display:block;
	width:130px;height:22px;
	color:#0c2074;
	text-decoration:none;
	margin-bottom:3px;
	padding-left:30px;
}

.livre .infolivre .btn2 .ajouter a:hover,.livreint .infolivre .btn2 .ajouter a:hover,.livredesc .infolivre .btn2 .ajouter a:hover {text-decoration:underline;}
.livredesc .infolivre .btn2 .ajoutermag{background:url(../img/icones/abonnement_magazine.gif) left top no-repeat;}
.livredesc .infolivre .btn2 .ajoutermag a{
	font-size:11px;
	line-height:22px;
	display:block;
	width:130px;height:22px;
	color:#0c2074;
	text-decoration:none;
	margin-bottom:3px;
	padding-left:30px;
}

.livre .infolivre .btn2 .ajoutermag,.livreint .infolivre .btn2 .ajoutermag{background:url(../img/icones/abonnement_magazine.gif) right top no-repeat;}
.livre .infolivre .btn2 .ajoutermag a,.livreint .infolivre .btn2 .ajoutermag a{
	font-size:11px;
	line-height:22px;
	display:block;
	width:130px;height:22px;
	color:#0c2074;
	padding-right:30px;
	text-decoration:none;
	margin-bottom:3px;
	text-align:right;
}
.livre .infolivre .btn2 .ajoutermag a:hover,.livreint .infolivre .btn2 .ajoutermag a:hover,.livredesc .infolivre .btn2 .ajoutermag a:hover {text-decoration:underline;}


.livre .infolivre .btn2 .ajouter,.livreint .infolivre .btn2 .ajouter{background:url(../img/icones/panier.gif) right top no-repeat;}
.livre .infolivre .btn2 .ajouter a,.livreint .infolivre .btn2 .ajouter a{
	font-size:11px;
	line-height:22px;
	display:block;
	width:130px;height:22px;
	color:#0c2074;
	padding-right:30px;
	text-decoration:none;
	margin-bottom:3px;
	text-align:right;
}
.livre .infolivre .btn2 .commande,.livreint .infolivre .btn2 .commande{background:url(../img/icones/bon_commande.gif) right top no-repeat;}
.livre .infolivre .btn2 .commande a,.livreint .infolivre .btn2 .commande a{
	font-size:11px;
	text-align:right;
	line-height:22px;
	display:block;
	width:130px;height:22px;
	color:#0c2074;
	text-decoration:none;
	margin-bottom:3px;
	/*border:1px solid #000;*/
}

.livre .infolivre .btn2 .commande a:hover{text-decoration:underline;}

.livre .infolivre h1,.livreint .infolivre h1,.livreint .infolivre2 h1,.livredesc .infolivre h1{
	margin:10px 0 5px 0;padding:0;
	color:#0c2074;
	font-size:13px;
}
.livre .infolivre h1 a,.livreint .infolivre h1 a ,.livreint .infolivre2 h1 a,.livredesc .infolivre h1 a{
	font-size:13px;
	text-decoration:none;
	color:#0c2074;
	border-bottom:1px dotted #0c2074;
}
.livre .infolivre h1 a:hover,.livreint .infolivre h1 a:hover,.livreint .infolivre2 h1 a:hover ,.livredesc .infolivre h1 a:hover{color:#0c2074 ;border-bottom:1px dotted #0c2074;}
.livre .infolivre .description,.livreint .infolivre .description ,.livredesc .infolivre .description{line-height:16px;}
.livre .infolivre .sous-titre,.livreint .infolivre .sous-titre,.livreint .infolivre2 .sous-titre {font-weight:bold;}
.livredesc .infolivre .sous-titre{margin-bottom:15px;font-weight:bold;}
.infos-autres { text-align: left; }
.infos-autres .auteur, .livre .infolivre .auteur,.livre .infolivre .editions,.livreint .infolivre .auteur,.livreint .infolivre2 .auteur,.livreint .infolivre .editions,.livreint .infolivre2 .editions,.livredesc .infolivre .auteur,.livredesc .infolivre .editions{font-size:11px;color:#8C8C8C;}
.livre .infolivre .prix,.livreint .infolivre .prix{font-size:11px;color:#CF2A14;font-weight:bold;}
.livredesc .infolivre .prix{font-size:11px;color:#CF2A14;font-weight:bold;margin-bottom:15px;}

.description ul{
  margin-top:0;
  padding-top:0;
  margin-bottom:0;
  padding-bottom:0;
}


.filet{
	clear:both;
	padding:0;
	background:url(../img/filet_degrade.gif) 0 20px no-repeat;
	height:43px;
}
.filetlivre{
	margin:10px 0;
	background:url(../img/filet_degrade.gif) no-repeat;
	height:3px;
}

.filetint{
	clear:both;
	margin:10px 0 20px 65px;
	background:url(../img/filet_degrade.gif) no-repeat;
	height:3px;
}

/*** footer ***/
#footer{
	background-color:#0c2074;
	height:20px;
	margin-top:20px;
	visibility:hidden;
}

#footer ul{
	margin:0 8px 0 0;padding:0;
	list-style:none;
}

#footer ul li{float:right;margin-right:10px;}

#footer ul li.filet-footer{
	background:url(../img/filets/filet_rouge.gif) 0 5px no-repeat;
	width:2px;
	height:20px;
}

#footer ul li a{
	text-decoration:none;
	color:#FFF;
	font-size:11px;
	line-height:20px;
}

#footer ul li.done a,#footer ul li.done a:hover{
	text-decoration:none;
	color:#FFF;
	border-bottom:4px solid #FFF;
	font-size:11px;
	line-height:20px;
}

#footer ul li a:hover{text-decoration:underline;}

#navig{font-size:11px;color:#0c2074;text-align:center;}

ul.listeauteur{
	margin:20px 0;padding:0;
	list-style:none;
}

ul.listeauteur li{margin-bottom:8px;}
ul.listeauteur li a{
	text-decoration:none;
	color:#0c2074;
	border-bottom:1px dotted #0c2074;
}

.haut-bas-auteur{
	margin-top:20px;
	padding-bottom:3px;
	border-bottom:1px solid #CCC;
}

.haut-bas-auteur .auteur{
	color:#0c2074;
	font-weight:bold;
	font-size:13px;
}
.haut-bas-auteur .info{font-size:11px;color:#8C8C8C;}
#info{font-size:11px;color:#8C8C8C;line-height: 17px;}
.navig{
	float:right;
	width:200px;
}

.navig ul{
	margin:0;padding:0;
	list-style:none;
}

.navig ul li{float:right;}

.navig ul li.nbpage{color:#0c2074;margin:0 10px;}

/*** panier d'achats ***/
ul.navigpanier{
	margin:0;padding:0;
	list-style:none;
	clear:right;
	height:41px;
}

ul.navigpanier li{float:left;}
ul.navigpanier li.votrepanier{
	background:url(../img/panier_achat/votre_panier.gif) no-repeat;
	width:193px;height:41px;
}
ul.navigpanier li.votrepanierdone{
	background:url(../img/panier_achat/votre_panier.gif) 0 82px;
	width:193px;height:41px;
}
ul.navigpanier li.inscription{
	background:url(../img/panier_achat/formulaire_inscription.gif) no-repeat;
	width:183px;height:41px;
}
ul.navigpanier li.inscriptiondone{
	background:url(../img/panier_achat/formulaire_inscription.gif) 0 82px;
	width:183px;height:41px;
}
ul.navigpanier li.paiement{
	background:url(../img/panier_achat/mode_de_paiement.gif) no-repeat;
	width:183px;height:41px;
}
ul.navigpanier li.paiementdone{
	background:url(../img/panier_achat/mode_de_paiement.gif) 0 82px;
	width:183px;height:41px;
}
ul.navigpanier li.confirmation{
	background:url(../img/panier_achat/confirmation.gif) no-repeat;
	width:183px;height:41px;
}
ul.navigpanier li.confirmationdone{
	background:url(../img/panier_achat/confirmation.gif) 0 82px;
	width:183px;height:41px;
}

td.prix{
	text-align:right;
	font-weight:bold;
	padding-right:20px;
	height:28px;
}

td input{
	width:30px;
	font-size:10px;
}
td.desc{
	padding-left:10px;
	width:432px;
}

td.separateur{
	background:url(../img/panier_achat/filet_separation.gif) 0 10px no-repeat;
	height:12px;
}

td.separateur2{
	background:url(../img/panier_achat/filet_separation.gif) 0 0 no-repeat;
	height:2px;
}

td.st{width:656px;}

table.tab{
	width:749px;
	margin:20px 0 0 20px;
}

table.tab2{
	width:749px;
}

.baspoursuivre{width:405px;float:right;margin-top:20px;padding-right:25px;}
.baspoursuivre p{margin-left:10px;}
.baspoursuivre ul,.inscription ul{
	margin:0;padding:0;height:24px;
	list-style:none;
	margin-bottom:20px;
}

.inscription ul{width:300px;}

.baspoursuivre ul li{float:right;margin-left:10px;}
.inscription ul li{float:right;margin-left:10px;}

.baspoursuivre ul li.poursuivre{
	background:url(../img/panier_achat/bouton/retourner.gif) 0 -48px no-repeat;
	width:125px;height:24px;
}
.baspoursuivre ul li.poursuivre a{
	background:url(../img/panier_achat/bouton/retourner.gif) no-repeat;
	width:125px;height:24px;
	display:block;
}
.baspoursuivre ul li.recalculer{
	background:url(../img/panier_achat/bouton/recalculer.gif) 0 -48px no-repeat;
	width:125px;height:24px;
}
.baspoursuivre ul li.recalculer a{
	background:url(../img/panier_achat/bouton/recalculer.gif) no-repeat;
	width:125px;height:24px;
	display:block;
}
.baspoursuivre ul li.etape-suivante,.inscription ul li.etape-suivante{
	background:url(../img/panier_achat/bouton/proceder.gif) 0 -48px no-repeat;
	width:125px;height:24px;
}
.baspoursuivre ul li.etape-suivante a,.inscription ul li.etape-suivante a{
	background:url(../img/panier_achat/bouton/proceder.gif) no-repeat;
	width:125px;height:24px;
	display:block;
}
.baspoursuivre ul li.etape-sauvegarder,.inscription ul li.etape-sauvegarder{
	background:url(../img/panier_achat/bouton/sauvegarder.gif) 0 -48px no-repeat;
	width:125px;height:24px;
}
.baspoursuivre ul li.etape-sauvegarder a,.inscription ul li.etape-sauvegarder a{
	background:url(../img/panier_achat/bouton/sauvegarder.gif) no-repeat;
	width:125px;height:24px;
	display:block;
}
.baspoursuivre ul li.modifier-profil,.inscription ul li.modifier-profil{
	background:url(../img/panier_achat/bouton/modifier_profil.gif) 0 -48px no-repeat;
	width:125px;height:24px;
}
.baspoursuivre ul li.modifier-profil a,.inscription ul li.modifier-profil a{
	background:url(../img/panier_achat/bouton/modifier_profil.gif) no-repeat;
	width:125px;height:24px;
	display:block;
}
.inscription p.ouverture-compte,
.inscription p.ouverture-compte a {
	background:url(../img/panier_achat/bouton/ouverture_compte.gif) no-repeat;
	width:160px;height:24px;
	display:block;
}

.inscription .col-acces {
	width: 49%;
	float: left;
}

.inscription .col-ouverture {
	width: 49%;
	float: right;
}

.inscription p.ouverture-compte {
	background-position: 0 -48px;
}

.baspoursuivre ul li.annuler{
	background:url(../img/panier_achat/bouton/annuler.gif) 0 -48px no-repeat;
	width:125px;height:24px;
}
.baspoursuivre ul li.annuler a{
	background:url(../img/panier_achat/bouton/annuler.gif) no-repeat;
	width:125px;height:24px;
	display:block;
}
.baspoursuivre ul li.corriger{
	background:url(../img/panier_achat/bouton/corriger.gif) 0 -48px no-repeat;
	width:125px;height:24px;
}
.baspoursuivre ul li.corriger a{
	background:url(../img/panier_achat/bouton/corriger.gif) no-repeat;
	width:125px;height:24px;
	display:block;
}
.baspoursuivre ul li.confirmer{
	background:url(../img/panier_achat/bouton/confirmer.gif) 0 -48px no-repeat;
	width:125px;height:24px;
}
.baspoursuivre ul li.confirmer a{
	background:url(../img/panier_achat/bouton/confirmer.gif) no-repeat;
	width:125px;height:24px;
	display:block;
	cursor: pointer;

}
.baspoursuivre ul li.imprimer{
	background:url(../img/panier_achat/bouton/imprimer.gif) 0 -48px no-repeat;
	width:125px;height:24px;
}
.baspoursuivre ul li.imprimer a{
	background:url(../img/panier_achat/bouton/imprimer.gif) no-repeat;
	width:125px;height:24px;
	display:block;
}

li.soumettre{
	background:url(../img/panier_achat/bouton/soumettre.gif) 0 -48px no-repeat;
	width:125px;height:24px;
}
li.soumettre a{
	background:url(../img/panier_achat/bouton/soumettre.gif) no-repeat;
	width:125px;height:24px;
	display:block;
}

.baspoursuivre ul li.poursuivre a:hover,.baspoursuivre ul li.recalculer a:hover,
.baspoursuivre ul li.modifier-profil a:hover,.baspoursuivre ul li.etape-suivante a:hover,.baspoursuivre ul li.etape-sauvegarder a:hover,.baspoursuivre ul li.annuler a:hover,
.inscription p.ouverture-compte a:hover,.inscription ul li.modifier-profil a:hover,.inscription ul li.etape-suivante a:hover,.inscription ul li.etape-sauvegarder a:hover,.baspoursuivre ul li.corriger a:hover,
.baspoursuivre ul li.confirmer a:hover,.baspoursuivre ul li.imprimer a:hover, li.soumettre a:hover
{background-image:none;}

.soustotal{
	border-top:1px solid #3B3B3B;
	border-bottom:1px solid #3B3B3B;
	margin-right:25px;
}
.soustotal .prix{
	float:right;margin-right:20px;line-height:26px;font-weight:bold;
}

.inscription{margin-left:20px;}

.inscription p{
	margin:5px 0 5px 40px;
	font-size:11px;
	padding:0;
}

.inscription .champsobligatoire{
	border-left:4px solid #0c2074;
	padding-left:10px;
	color:#0c2074;
	margin:20px 0;
	font-size:11px;
}

.inscription h2{
	font-size:16px;
	color:#3B3B3B;
	margin:0;padding:0;
}

.inscrit,.noninscrit{position:relative;}
.inscrit label,.noninscrit label,.offre label{
	position:absolute;
	width:150px;
	text-align:right;
	line-height:20px;
	margin-top:2px;
	padding-right:5px;
}
.inscrit label.deux-lignes{
	line-height:14px;
}
.noninscrit label,.offre label{
	width:250px;
	padding-right:10px;
}

.inscrit label.obligatoire,.noninscrit label.obligatoire{border-right:4px solid #0c2074;}
.inscrit label.manquant,.noninscrit label.manquant{border-right:4px solid red;}
.inscrit input.manquant,.inscrit select.manquant,.noninscrit input.manquant{
	background-color: #FFF9AB;
}
.inscrit select.manquant,.noninscrit select.manquant{
	background-color: #FFF9AB;
}
.inscrit input{
	width:200px;
	margin-left:163px;
	margin-bottom:5px;
	height:16px;
}
.inscrit select{
	width:204px;
	margin-left:163px;
	margin-bottom:10px;
	margin-top:5px;
}
.inscrit input.moyen {
	width:100px;
}
.inscrit input.petit {
	width:50px;
}
.noninscrit input{
	width:200px;
	margin-left:268px;
	margin-bottom:3px;
	height:16px;
}

.noninscrit select{
	/*width:205px;*/
	margin-left:268px;
	margin-bottom:5px;
}

.offre{
	background-color:#EFEFEF;
	padding:10px;
	margin:30px 25px 30px 0;
}

.offre h3{
	text-transform:uppercase;
	margin:0;padding:0;
	font-size:12px;
}
.offre p{
	margin:0 0 10px 0;
	line-height:20px;
	font-size:12px;
}
.erreurchamp, .erreurlogin
{
	color: red;
	font-weight: bold;
	font-size: 12px;
	padding-left: 5px;
}
#layerorigine
{
	visibility: hidden;
}
#restant
{
	border: 1px solid #000000;
	width: 500px;
	height: 30px;
	position: relative;
	background: transparent;
}
#fait
{
	background-color: blue;
	height: 30px;
	position: absolute;

}
#notenough
{
	width: 500px;
}
#msg
{
	width: 500px;
}

ul.ssmenu{
	margin:0;padding:0;
	list-style:none;
	height:20px;
}

ul.ssmenu li{float:left;margin-right:5px;color:#0c2074;font-size:11px;}
ul.ssmenu li a{color:#0c2074;font-size:11px;}

.note{
  padding:6px;
  background:#efa92f;
  font-weight: bold;
  margin:1em 0;
  color:#fff;
}
.note p{margin:0;}

a.retour_ensemble
{
	float: right;
}
.trousse
{
	text-decoration:none;
	font-size:11px;
	color:#4e4e4e;
	position:relative;
}
.filet_trousse{
	clear:both;
	margin:7px 0px 5px 0px;
	background:url(../img/filet_degrade.gif) no-repeat;
	height:3px;
	padding: 0px 0px;
}
ul.trousse
{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 25px 0px;
}
li.trousse
{
	padding: 0px 20px 5px 20px;
	background: transparent url(../img/bullet.gif) 0px 4px no-repeat;
	margin-left: 30px;
}

h4.telecharger{
	color:#8C8C8C;
	font-size:11px;
	margin:50px 0 10px 0;
}


h4.telecharger {
	position: relative;
	z-index: 1;
}

#telecharger{
	margin:0;padding:0;
	list-style:none;
}

#telecharger li{
	background:url(../img/icones/generique.gif) no-repeat;
	position:relative;
	z-index: 0;
	padding:0 0 10px 24px;
	color:#0c2074;
}
#telecharger li.pdf{background:url(../img/icones/pdf.gif) no-repeat;}
#telecharger li.pp{background:url(../img/icones/powerpoint.gif) no-repeat;}
#telecharger li.video{background:url(../img/icones/video.gif) no-repeat;}
#telecharger li a{
	font-weight:bold;
	font-size:11px;
	color:#0c2074;
	text-decoration:none;
}
#telecharger li a:hover{text-decoration:underline;}
.inscription select, .inscription input
{
	position: relative;
}

/****** page radio CKOI ******/
.les-blocs {
	width:100%;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.un-bloc {
	float:left;
	width:30%;
}
#plus-large{
	width:38%;
}


/*------------------------------------------------------------------------
	Page "Paiement" : adresses de livraison et de facturation
------------------------------------------------------------------------*/
#facturation-livraison {
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
}

#facturation-livraison div {
	float:left;
	width:30%;
	margin:0;
	padding:0;
}

#facturation-livraison p {
	margin:0 25px 0 0;
	padding:0 0 0 28px;
}

div.modifier {
	clear: both;
	width: 100% !important;
	overflow: hidden;
	font-size: 90%;
}

div.modifier div {
	float:left;
	width:30% !important;
	padding-right: 2% !important;
}

div.modifier p {
	text-align: right;
	margin: 0 !important;
	padding: 0 !important;
}

