body, html  {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	/* height: 100%; */
	width: 100%;
	line-height: 1;
}

body.bootstrap, body.suivi-commandes {background:#F6F8F9;line-height:1.42857143;}

#container {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

#vershautdepage {
	display: none;
	position: fixed;
	bottom: 120px;
	right: 20px;
	color: #36A0CF;
}

img {
	border: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#languette2 {
	text-align: right;
	margin-bottom: 2px;
}

#languette h2 {
	color: #333399;
	font-size: 18px;
	display: inline;
	font-style: italic;
}

#retour_panier .bloc, #retour_panier .bloc2 {
	background-color: #FFFFFF;
	border: 2px solid #F4CB00;
	padding: 1em;
}

#principal h1, #resultat .onglet, #notice .onglet, .onglet {
	margin-bottom: 0px;
	color: #555555;
	text-align: left;
	font-family:verdana,arial,helvetica,sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1.7em; 
-webkit-border-radius:3px 3px 0px 0px;
   -moz-border-radius:3px 3px 0px 0px;
        border-radius:3px 3px 0px 0px;
}

#languette {
	display: inline;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-style: italic;
}

hr {
	color: #bbbbbb;
	background-color: #bbbbbb;
	height: 1px;
	border: 0;
}

.clear {
	clear: both;
}

#titre_auteurs {
	margin-bottom: 40px;
	margin-top: 20px;
	padding-left: 280px;
}

#fiche, .fiche {
	*width:240px;
	*display: block;
	*float:left;
}

#fiche, .fiche {
	float: left;
    line-height: 25px;
    margin-left: 10px;
    padding-right: 5px;
    text-align: left;
    max-width: 300px;
}

#fiche2 {
	padding-left: 280px;
	margin-bottom: 20px;
	display: inline-block;
}

#fiche2 .tab_container ol , #fiches2 .tab_container ul {
	margin-top: 50px;
}

#fiche2 h2 {margin: 0;}

#gauche, #gauche2 {
	float: left;
	background-color: #FFFFFF;
	padding-right: 20px;
	position: absolute;
	top: 260px;
	text-align: left;
	width: 280px;
}

#gauche {
	width: 240px;
}

#gauche2 {
	width: 280px;
	padding-left: 20px;
}

#titre_auteurs h1 {
	text-align: left;
	color: #00579A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding: 10px;
}

.invisible_pour_librairie {
	display:none;
}

#resultat  img.livre_souris {
	vertical-align: middle;
}

#notice img.livre_souris {
	vertical-align: middle;
}

#titre_auteurs h2 {
	font-size: 14px;
	text-align: left;
	padding: 0px;
	margin: 5px 0;
}

#titre_auteurs h2.coordonnateur {
	font-size: 13px;
	color: #444;
}

#titre_auteurs h2.dir-collection {
	font-size: 12px;
	color: #444;
}

#titre_auteurs h2.redac-chef {
	font-size: 11px;
	color: #444;
}

#titre_auteurs h2.prefacier {
	font-size: 11px;
	color: #555;
}

#notice #notice-accroche {
	margin: 8px 0 0 0;
	padding: 0;
	color: #f51038;
	font-size: 15px;
}

.surligne {
	color: #00579A;
}

.titre {
	text-align: center;
	color: #00579A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

#validation span[lang] {color: #00579A; font-size: 16px; text-align: center; font-weight:bold;}

.auteurs a {
	text-decoration: none;
	color: #00579A;
}

.bande_orange {
	margin-top: 0px;
	padding: 0;
	height: 0;
}

.bande_orange h2 {
	/*display: inline; */
	*display: none;
	color: #FFFFFF;
	vertical-align: middle;
	font-family: Verdana,Geneva,sans-serif;
    font-size: 0.1pt;
	margin:0px;
	height: 0;
	text-indent: -5000px;
}

ul.tabs {
    margin: 0 0 20px 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px; /*--Set height of tabs--*/
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
-webkit-border-radius:6px 0 0 0;
   -moz-border-radius:6px 0 0 0;
        border-radius:6px 0 0 0;
}

ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px; /*--Subtract 1px from the height of the unordered list--*/
    line-height: 31px; /*--Vertically aligns the text within the tab--*/
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px; /*--Pull the list item down 1px--*/
    overflow: hidden;
    position: relative;
    background: #e0e0e0;
-webkit-border-radius:6px 6px 0 0;
   -moz-border-radius:6px 6px 0 0;
        border-radius:6px 6px 0 0;
}

#principal #notice ul.tabs li a, #principal #notice ul.tabs li h2 a {
    text-decoration: none;
    color: #444;
    display: block;
    font-size: 13px;
    padding: 0 20px;
    border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
    outline: none;
}

#principal #notice ul.tabs li a:hover {
    background: #ccc;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #fff;
    border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

#principal #notice.tab_container {
    border: 1px solid #999;
    border: 0 1px 1px 1px;
    overflow: hidden;
    float: left; width: 100%;
    background: #fff;
}

#principal #notice.tab_content {

}

.bloc2, .bloc4 {
	border: 1px solid #CCC;
	margin-bottom: 40px;
	color: #444444;
	background-color: #FFFFFF
}

.bloc3 {
	border: 1px solid #f6d654;
    padding: 20px;
    font-size: 1.1em;
	margin-bottom: 40px;
	background-color: #FFFFFF;
}

.bloc {
	text-align: justify;
	background-color: #FFFFFF;
	color: #444444;
	margin-bottom: 40px;
	border: 2px solid #f6d654;
	padding: 20px;
}

#notice .bloc {
	background-color: #FFFFFF;
	padding: 0px;
	border: none;
	max-width: 1100px;
}

.bloc_dico {
	border: 1px solid #f6d654;
	padding: 20px;
	font-size: 1.4em;
	margin-bottom: 40px;
}

.bloc_dico_gauche {
	color: #00579A;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.bloc_dico_droit {
	color: red;
	font-size: 1.3em;
	text-align: center;
}

#pourcen {
	font-weight: bold;
	color: red;
}

.bloc_edf {
	border: 2px solid #f6d654;
	margin-bottom: 40px;
	color: #444444;
	background-color: #FFFFFF;
}

.bloc_edf legend {
	color: #333399;
	background-color: transparent;
	margin-top: 10px;
	font-size: 120%;
	padding-left: 20px;
	font-weight: bold;
}

.texte_edf {
	text-align: justify;
	background-color: #FFFFFF;
	margin-left: 20px;
	margin-top: 20px;
}

.bloc_edf fieldset {
	border: 0;
	height: 100%;
	vertical-align: middle;
	margin-top: 1em;
}

.bloc_edf label {
	margin-left: 20px;
}

#edf {
	margin-left: 40px;
	margin-right: 40px;
}

#edf_formulaire {
	cursor: pointer;
}

#edf_formulaire label {
	width: 300px;
	display: block;
	float: left;
}


#edf_formulaire input {
	padding:0em 0.5em;
	margin-top:2px;
	margin-bottom:1px;
}

#edf img {
	vertical-align: middle; 
}

p.edf {
	text-align: center;
}

p.edf_champ_oblig {
	text-align: right;
}

#erreur_inscrit .erreur {
	font-weight:bold;
}

#erreur_inscrit {
	margin-top: 10px;
	margin-bottom: 10px;
}

#erreur_inscrit fieldset {
	border: 2px solid #159A00;
}

#erreur_inscrit legend {
	font-size: 108%;
	color: #D40909;
	text-decoration: underline;
}

#inscrit {
	margin-top: 20px;
	margin-bottom: 10px;
}	

#mdp_edf, #imputation_edf, #tel_edf, #nom_edf, #prenom_edf {
	width: 12em;
	color:#000000;
	cursor:pointer;
	font-size:1em;
	border-color: #000000 #BBBBBB #BBBBBB #000000;
	border-width: 1px;
	border-style: solid;
}

#mdp_edf:hover, #imputation_edf:hover, #tel_edf:hover, #nom_edf:hover, #prenom_edf:hover {
	background-color: #FEFDED;
	border-width: 1px;
	border-color: #EE9200 #F4CB00 #F4CB00 #EE9200;
	border-style: solid;
}

#menu1_edf {
	color: #444444;
	cursor: pointer;
	font-size: 1em;
	background-color: #fefded;
}

#menu2_edf {
	color: #444444;
	cursor: pointer;
	font-size: 1em;
	background-color: #fefded;
}

#menu3_edf {
	color: #444444;
	cursor: pointer;
	font-size: 1em;
	background-color: #fefded;
}
	
.bloc2 {
	text-align: center;
	padding: 20px;
	background-color: #FFFFFF;
}

.bloc3, .bloc4 {
	text-align: justify;
	background-color: #FFFFFF;
}

.bloc4 {
	padding: 20px;
}


.logo_collec {
	text-align: center;
	margin-bottom: 40px;
}

#fiche h3, .fiche h3 {
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	display: inline;
}

#themes, #presse {
	padding-top: 10px;
}

#theme_principal {
	line-height: 1.2em;
	list-style-type: none;
	font-weight: bold;
}

#principal #themes #theme_principal a {
	font-weight: bold;
}

#gauche li {
	list-style-type: none;
}

#fichiers {
	padding-left: 0px;
}

#notice #fichiers a, #notice #themes a {
	display: block;
	color: #00579A;
}

#notice #presse a {
	display: inline-block;
	color: #00579A;
}

#notice #fichiers a {
	margin-left: 24px;
	max-width: 193px;
	text-align: justify;
	border-bottom: 1px solid #CCC;
	margin-bottom: 5px;
}

#notice #presse li {
	max-width: 193px;
}

#notice #themes li {
	margin-bottom: 7px;
}

#notice #themes li a:first-letter {
	text-transform: uppercase;
}

#notice #fichiers a span {
	color: #444444;
	font-size: 11px;
	font-weight: normal;
}

#fichiers, #themes, #presse, #mots_clefs {
	font-size: 12px;
}

#fichiers ul, #themes ul, #presse ul, #mots_clefs p {
	padding: 0 0 10px 0;
}

#fichiers li, #themes li, #presse li {
	list-style: none;
}

#themes h2, #fichiers h2, #presse h2, #mots_clefs h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #555;
}

#themes h2, #fichiers h2, #presse h2 {
	font-size: 14px;
}

#fichiers h2 {
	margin-left: 24px;
	max-width: 193px;
}

#themes img, #fichiers img, #presse img {
	width: 15px;
	vertical-align: middle;
	padding-bottom: 3px;
}

#copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	width: 79%;
	padding-left: 1px;
	margin-top: 10px;
	float: left;
}
.trait {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666; 
	display: none;
}

.couverture {
	text-align: center;
}

.code-barre-notice {
	display: none;
}

/*
.couverture #comparaison {
	border: 1px solid #999999;
	-webkit-box-shadow: 3px 3px 10px 1px #999999; 
	 -moz-box-shadow:3px 3px 10px 1px #999999; 
	 box-shadow:3px 3px 10px 1px #999999;
}
*/

#liste_resultat .couverture img, .oss_couverture img {
	border: 1px solid #999999;
	-webkit-box-shadow: 3px 3px 10px 1px #999999;
	 -moz-box-shadow:3px 3px 10px 1px #999999;
	 box-shadow:3px 3px 10px 1px #999999;
}

#comparaison {
	display: block;
}

#navigation, .navigation {
	text-align: center;
	display: inline;
}

#navigation.row {margin:0;}

.bootstrap #navigation, .bootstrap .navigation {font-weight:normal; display:block; margin-top: 40px;}

#navigation input {
	cursor: pointer;
}

#navigation input, #page, #question, #choix, #validation .choix {
	font-weight:normal;
	margin-top: 20px;
}

.navigation h2 {
	color: #00579A;
	font-size: 15px;
}

.navigation h2 a {
	color: #00579A;
	font-weight: normal;
}

.navigation img {
	vertical-align: middle;
	margin-left: 10px;
	width: 24px;
	height: 24px;
}

#print ul li a {
	text-decoration: none;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
}
#print ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#print ul {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#info_tech {
	padding-left: 280px;
	*height: 200px;
}

.entre_deux_produits {
	color: #999;
	background-color: #999;
}

#lien-ebook {
	float:right;
	margin-right: 75px;
	margin-top: 5px;
}

#lien-ebook a {
	color: #00579A;
}

.white {
	float: right;
	*float: left;
	margin-right: 20px;
	text-align: center;
	width: 300px;
}

#notice .white p {
	padding:0;
	margin-bottom: 10px;
}

#notice .appro {
	display: inline-block;
}

.stock {
	font-weight: bold;
	font-size: 1em;
	color: #00579A;
}

#validation .stock, #recapitulatif .stock {
	font-size: 11px;
}

.version {
	height: 40px;
	width: 104px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	text-align: center;
	vertical-align: middle;
}


.prix {
	color: #EE9200;
	font-weight: bold;
}

#notice .prix {
	font-size: 20px;
}

#print {
	height: 25px;
	width: 99px;
	position: absolute;
	bottom: 1%;
	right: 1%;
}

#result {
	bottom: 1%;
	padding-left: 1%;
	color: #3333BC;
}

#notice #result {
	font-size: 1.6em;
	height: 25px;
}

#result ul li a {
	text-decoration: none;
}

#result ul li {
}

#result img {
	vertical-align: middle;
}

.descriptif {
	text-align: justify;
	padding: 10px;
}

#result a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333399;
}

#result #imprimante {
   background: url("https://images.lavoisier.net/icones/printer2.png") no-repeat scroll 0 0 transparent;
    color: #ffffff;
    display: block;
    font-size: 0.001pt;
    height: 20px;
    width: 20px;
	float: right;
	margin: 4px;
}

#imprimer {
   background: url("https://images.lavoisier.net/icones/printer2.png") no-repeat scroll 0 0 transparent;
    color: #ffffff;
    display: block;
    font-size: 0.001pt;
    height: 20px;
    width: 20px;
	float: right;
	margin: 4px;
}
/*
#ssl #imprimer {
   background-image: url("../images/printer2.png");
}
*/
#titres {
	border-top: 1px #FFFFFF;
	width: 100%;
	min-width: 980px;
	top: 7em;
	background-color: #00579A;
	position: absolute;
}
	
#supports {
	clear: left;
	margin-left: 50px;
}		

#catalogue {
	float: left;
	padding-left: 170px;
}

#voir_panier {
	float: right;
	margin-right: 20px;
}

#menu_edf {
	position: absolute;
	width: 200px;
	margin-top: 1px;
	border: 1px solid #F4CB00;
	right: 20px;
	float: right;
	top: 200px;
	font-size: 12px;
	line-height: 15px;
	color: #444444;
	background-color: #FFFFFF;
	font-family:arial,helvetica,sans-serif;
}

#information_edf {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

#information_edf fieldset {
	border: 2px solid #F4CB00;	
}

#information_edf legend {
	font-size: 108%;
	color: #000;
	text-decoration: underline;
}

#fin_menu {
	padding: 0;
}

#fin_menu p {
	width: 46%;
	background-color: #F4CB00;
	float: left;
	height: 37px;
	text-align: center;
	margin: 0;
}

a, a:visited {
	color: #00579A;
}


#auteurs {
	font-style: italic;
}

#nouveaute {
	text-align: right;
	font-weight: bold;
	background-color: #F4CB00;
	margin-top: 0px;
	padding-right: 3px;	
}

#nom-ouvrage {
	font-weight: bold;
}

#commander img {
	margin-left: 8px;
	vertical-align: middle;
	margin-bottom: 10px;
}

.couv {
	width: 33%;
	float: left;
}

.milieu, .livre, .pour_commander {
	width: 23%;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}

.milieu a {
	font-size: 1.1em;
	color: #00579A;
}

#principal a:hover {
	text-decoration:underline;
}

.milieu span {
	font-size: 0.9em;
	font-style: italic;
}

/*
.livre img {
	border: 1px solid #999999;
}
*/

#nouveautes .livre img, #collection .livre img, #thematiques .livre img {
	width: 120px;
	 -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24); 
	 -moz-box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
	 box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
	 transition: box-shadow 0.2s ease 0s;
}

#nouveautes .livre img:hover, #collection .livre img:hover, #thematiques .livre img:hover {
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24); 
	 -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24);
	 box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24);
}

.pour_commander {
	vertical-align: top;
}

.pour_commander img {
	border: 0;
	vertical-align: middle;
	margin-left: 5px;
}

#nouveautes .pour_commander img, #thematiques .pour_commander img {
	width: 122px;
	height: 34px;
	padding-left: 5px;
}

#notice .invisible_pour_eminter {
	*display: block;
}

#resultat .invisible_pour_eminter img, .oss_panier img {
    height: 32px;
    vertical-align: middle;
    width: 140px;
}

.oss_panier img {
	width: 38px;
	height: 32px;
	margin: 5px 0;
}

#nouveautes .pour_commander img, #collection .pour_commander img, #agriculture .pour_commander img, #chimie .pour_commander img, #droit .pour_commander img, #economie .pour_commander img, #environnement .pour_commander img, #agro-alimentaire .pour_commander img, #materiaux .pour_commander img, #medecine .pour_commander img, #astronomie .pour_commander img, #documentation .pour_commander img, #electricite .pour_commander img,#genie-chimique .pour_commander img, #genie-civil .pour_commander img, #genie-mecanique .pour_commander img, #informatique .pour_commander img, #math .pour_commander img, #elevage .pour_commander img, #physique .pour_commander img, #production-animale .pour_commander img, #terre .pour_commander img, #vie .pour_commander img, #transport .pour_commander img, #scolaire .pour_commander img, #etudes-superieures .pour_commander img, #genie-pharmaceutique .pour_commander img  {
    height: 34px;
    padding-left: 5px;
    width: 122px;
}

#notice .invisible_pour_eminter, #notice .invisible_pour_eminter:hover, #resultat .invisible_pour_eminter, #resultat .invisible_pour_eminter:hover {
	margin-left: 0px;
}

#thematiques .theme_image {
	float: left;
}

#thematiques h2 {
	margin-top: 0px;
	margin-bottom: 0px;
}

#agriculture, #chimie, #droit, #economie, #environnement, #agro-alimentaire, #materiaux, #medecine, #astronomie, #documentation, #electricite,#genie-chimique, #genie-civil, #genie-mecanique, #informatique, #math, #elevage, #physique, #production-animale, #terre, #vie, #transport, #scolaire, #etudes-superieures, #genie-pharmaceutique {
	margin-bottom: 20px;
	text-align: center;
	border: 1px solid #F4CB00;
	padding: 20px;
}

#agriculture .livre img, #chimie .livre img, #droit .livre img, #economie .livre img, #environnement .livre img, #agro-alimentaire .livre img, #materiaux .livre img, #medecine .livre img, #astronomie .livre img, #documentation .livre img, #electricite .livre img, #genie-chimique .livre img, #genie-civil .livre img, #genie-mecanique .livre img, #informatique .livre img, #math .livre img, #elevage .livre img, #physique .livre img, #production-animale .livre img, #terre .livre img, #vie .livre img, #transport .livre img, #scolaire .livre img, #etudes-superieures .livre img, #genie-pharmaceutique .livre img {
	width: 120px;
	-webkit-box-shadow: 3px 3px 10px 1px #999999; 
	-moz-box-shadow:3px 3px 10px 1px #999999; 
	box-shadow:3px 3px 10px 1px #999999;
}

#principal #theme {
	display: inline;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#principal #theme h1 {
	margin: 0px;
	height: 41px;
	background: inherit;
	float: inherit;
	padding: 0;
	text-align: center;
}

#principal #theme img {
	text-align: center;
}

.separation-theme {
	padding-left: 2%;
	padding-right: 2%;
}

#laius {
	font-size: 13pt;
	color: #0A5B95;
	padding: 20px;
	text-align: center;
}

.libelle {
	background-color: #F4CB00;
	color: #444444;
	text-align: center;
	font-weight: bold;
}

.libelle img {
	vertical-align: middle;
}

.libelle h2, .libelle p {
	margin-top: 0;
	font-size: 1em;
}

.telechargements {
	float: left;
	width: 49%;
	padding-left: 2%;
	text-align: left;
	margin-bottom: 20px;
	font-weight: bold;
}

.download {
	float: right;
	width: 49%;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 20px;
}

/*
.download img {
	border: 1px solid #888888;
	-webkit-box-shadow: 3px 3px 10px 1px #999999; 
	-moz-box-shadow:3px 3px 10px 1px #999999; 
	 box-shadow:3px 3px 10px 1px #999999;
}
*/

.formulaire p {
	margin-left: 20px;
	display: block;
}

.formulaire label {
	width: 250px;
	display: block;
	float: left;
}

.formulaire span {
	font-weight: bold;	
}

#bottom {
	width: 50%;
	height: 50px;
	background-color: #FFFFFF;
	margin-left: 6%;
}

.bottom {
	width: 100%;
	height: 50px;
	background-color: #FFFFFF;
	display: none;
}

.texteagauche {
	text-align: justify;
	font-size: 10px;
	color: #444444;
	padding: 5px;
}

.texteagauche span {
	color: #ff0000;
	font-weight: bold;	
}

span[lang] {
	color: #444444;
	font-weight: normal;
}

.collection span[lang] {
	color:#00579A;
}

#panier span[lang] {
	color: inherit;
	font-weight: inherit;
}

.liens span {
	color: inherit !important;
	color: #444444;
	font-weight: inherit !important;
	font-weight: normal;
	margin-bottom: 20px;
}

.liens a {
	display: block;
}

#principal a, #nouveautes a, #theme a, #infos a {
	font-weight: normal;
}

.obligatoire {
	font-weight: bold;
}

#navigation a {
	font-weight: inherit;
	font-weight: normal;
}

#result a {
	font-weight: bold;
}

#avancee_mots, #avancee_reference, #avancee_isbn {
	border: 2px solid #F4CB00;
	font-size: 93%;
    padding: 20px;
	background-color: #FFFFFF;
}	

form {
	margin-top: 0px;
}

.deux_col {
	width: 47%;
	position: relative;
	float: left;
}


.fin_col {
	clear: both;
	text-align: left;
}

#notice .fin_col {
	clear: none;
}

#inscription .deux_col {
	text-align: right;
	line-height: 2em;
}


fieldset {
	border: 0;
}

#adhesion .deux_col {
	line-height: 2em;
	text-align: right;
}

#adhesion #mel, #adhesion #mdp, #adhesion #nom, #adhesion #prenom, #adhesion #mdp_confirm, #edoc#abonnement_edoc {
	border-color: #000000 #BCBCBC #BCBCBC #000000;
	border-style:solid;
	border-width:1px;
	color:#000000;
	cursor:pointer;
	font-size:1em;
}

#adhesion #mel, #adhesion #mdp, #adhesion #nom, #adhesion #prenom, #adhesion #mdp_confirm {
	width: 40%;
}

#adhesion #nom:hover, #adhesion #prenom:hover, #adhesion #mdp:hover, #adhesion #mdp_confirm:hover, #adhesion #mel:hover, #edoc#abonnement_edoc: {
		background-color: #FEFDED;
		border-width: 1px;
		border-color: #EE9200 #F4CB00 #F4CB00 #EE9200;
		border-style: solid;
}

.demande {
/*    text-decoration: underline;*/
	border-bottom: 1px dashed;
}

.au_centre {
	text-align: center;
}

.float {
	float: left;
}

.marge {
	padding: 20px;
}

.marge label {
	margin-right: 20px;
}

#question {
	float: left;
}

#carnet_adresses #question, #carnet_adresses #choix input {
	border-color: inherit;
	border-style: inherit;
	border-width: inherit;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow:0 5px 0 #00628D, 0 5px 5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:0 5px 0 #00628D, 0 5px 5px rgba(0, 0, 0, 0.75);
	box-shadow:0 5px 0 #00628D, 0 5px 5px rgba(0, 0, 0, 0.75);
	background: #249BC4;
	padding: 2px 5px;
	text-align: center;
	color: #FFFFFF;
	text-shadow: 0 2px 5px #333333;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    transition:All 0.3s ease;
}

#carnet_adresses #question a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#carnet_adresses #question:hover, #carnet_adresses #choix input:hover {	
	background: #00628D;
    -webkit-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.9);
    -moz-box-shadow:inset 0 0px 3px rgba(0, 0, 0, 0.9);
    box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.9);
}

#carnet_adresses #question a:active #carnet_adresses #question, #carnet_adresses #choix input:active {	
		background: #bfd255; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmZDI1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhlYjkyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzcyYWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZWNiMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-8 */	
}

#choix {
	background-color: #FFFFFF;
	clear: both;
}
	
.texte {
		text-align: justify;
		background-color: #FFFFFF;
}
	
.une_ligne {
		white-space: nowrap;
}

#navigation ul {
	border-bottom: 1px solid #F4CB00;
	list-style-type: none;
	margin: 0;
	padding: 2px;
	font-size: 1.4em;
}

.bootstrap #navigation ul {border-bottom: 1px solid #CCC; padding:17px;}
.bootstrap #panier #navigation ul {border-bottom: 0;}

#navigation li {
	border-left:1px solid #EE9200;
	display:inline;
}

.bootstrap #navigation li {
	border-left: 1px solid #ccc;
	padding: 0 3px 0 8px;
}

.bootstrap #navigation li.active {color:#01325b;}
.bootstrap #navigation a {color:#00579A; 	
-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    transition:All 0.3s ease;
}

.bootstrap #navigation a:hover, .bootstrap #navigation a:focus {color:#01325b; text-decoration:none;}

#navigation span, #navigation a, #navigation input, #page, #choix a, #choix  input, #validation .choix {
	padding:0 0.5em;
}

.bootstrap #navigation span, .bootstrap #navigation a, .bootstrap #navigation input, .bootstrap #page, .bootstrap #choix a, .bootstrap #choix  input, .bootstrap #validation .choix {
	padding:0;
}

#navigation span {
    font-variant: normal;
    font-weight: normal;
}

#navigation a, #navigation input, #page, #choix input, .une_ligne {
	white-space:nowrap;
}

#nav-resultats-finpage {
	text-align: center;
	font-size: 1.4em;
}

#nav-resultats-finpage a {
	padding: 0 0.5em;
}
	
#inscription .deux_col, #activation .deux_col, #gestion_adresse .deux_col, #compte_client .deux_col, #donnees_perso .deux_col, #changement_mdp .deux_col, #hors_catalogue .deux_col {
    line-height: 2em;
    text-align: right;
}

#panier .qte, #activation #num_voie, #gestion_adresse #num_voie, #test #num_voie {
    width: 2em;
}

#activation #cp, #gestion_adresse #cp, #test #cp {
    width: 5em;
}

#panier .limite {
	width: 4em;
}

#carte_bancaire #cb_mois {
	width: 20px;
}

#carte_bancaire #cb_annee {
	width: 36px;
}

#carte_bancaire #cb_crypto {
	width: 28px;
}

#carte_bancaire #cb_numero {
	width: 140px;
}

 #carte_bancaire #cb_type {
	width: 160px;
}

#panier .qte:hover, #activation #num_voie:hover, #gestion_adresse #num_voie:hover, #test #num_voie:hover, #avancee_reference #reference:hover, #avancee_isbn #isbn:hover, #avancee_mots #mots:hover, #avancee_mots select:hover, #panier .qte:hover, #panier .limite:hover, #identification #mel:hover, #identification #mdp:hover, #oubli #mel:hover, #inscription #mel:hover, #inscription #mdp:hover, #inscription #mdp_confirm:hover, #confirmation #clef:hover, #activation #raison_soc:hover, #activation #tva_intra:hover, #activation #nom:hover, #activation #prenom:hover, #activation #num_voie:hover, #activation #voie:hover, #activation #complement:hover, #activation #cp:hover, #activation #ville:hover, #activation #tel:hover, #activation #tel2:hover, #activation #fax:hover, #activation #mel2:hover, #activation select:hover, #activation #pro:hover, #donnees_perso #nom:hover, #donnees_perso #prenom:hover, #donnees_perso #mel2:hover, #donnees_perso #tel:hover, #donnees_perso #tel2:hover, #donnees_perso #fax:hover, #donnees_perso #pro:hover, #donnees_perso #spe:hover, #gestion_adresse #raison_soc:hover, #gestion_adresse #tva_intra:hover, #gestion_adresse #nom:hover, #gestion_adresse #prenom:hover, #gestion_adresse #num_voie:hover, #gestion_adresse #voie:hover, #gestion_adresse #complement:hover, #gestion_adresse #cp:hover, #gestion_adresse #ville:hover, #gestion_adresse select:hover, #changement_mdp #ancien_mdp:hover, #changement_mdp #mdp:hover, #changement_mdp #mdp_confirm:hover, #changement_mel #mel:hover, #carnet_adresses #carnet:hover, #facturation #carnet:hover, #livraison #carnet:hover, #carte_bancaire #cb_numero:hover, #carte_bancaire #cb_crypto:hover, #carte_bancaire #cb_type:hover, #carte_bancaire #cb_mois:hover, #carte_bancaire #cb_annee:hover, #validation table input:hover, #compte_client #forme:hover, #compte_client #capital:hover, #compte_client #siret:hover, #compte_client #banque:hover, #test #raison_soc:hover, #test #nom:hover, #test #prenom:hover, #test #adresse:hover, #test #bases:hover, #test #tel:hover, #hors_catalogue #titre:hover, #hors_catalogue #auteur:hover, #hors_catalogue #prix:hover, #hors_catalogue #editeur:hover, #hors_catalogue #isbn:hover, #hors_catalogue #date:hover, #hors_catalogue #precisions:hover, #desinscription #mel:hover {
		background-color: #FEFDED;
		border-width: 1px;
		border-color: #EE9200 #F4CB00 #F4CB00 #EE9200;
		border-style: solid;
}


#panier .qte:focus, #activation #num_voie:focus, #gestion_adresse #num_voie:focus, #test #num_voie:focus, #avancee_reference #reference:focus, #avancee_isbn #isbn:focus, #avancee_mots #mots:focus, #avancee_mots select:focus, #panier .qte:focus, #panier .limite:focus, #identification #mel:focus, #identification #mdp:focus, #oubli #mel:focus, #inscription #mel:focus, #inscription #mdp:focus, #inscription #mdp_confirm:focus, #confirmation #clef:focus, #activation #raison_soc:focus, #activation #tva_intra:focus, #activation #nom:focus, #activation #prenom:focus, #activation #num_voie:focus, #activation #voie:focus, #activation #complement:focus, #activation #cp:focus, #activation #ville:focus, #activation #tel:focus, #activation #tel2:focus, #activation #fax:focus, #activation #mel2:focus, #activation select:focus, #activation #pro:focus, #donnees_perso #nom:focus, #donnees_perso #prenom:focus, #donnees_perso #mel2:focus, #donnees_perso #tel:focus, #donnees_perso #tel2:focus, #donnees_perso #fax:focus, #donnees_perso #pro:focus, #donnees_perso #spe:focus, #gestion_adresse #raison_soc:focus, #gestion_adresse #tva_intra:focus, #gestion_adresse #nom:focus, #gestion_adresse #prenom:focus, #gestion_adresse #num_voie:focus, #gestion_adresse #voie:focus, #gestion_adresse #complement:focus, #gestion_adresse #cp:focus, #gestion_adresse #ville:focus, #gestion_adresse select:focus, #changement_mdp #ancien_mdp:focus, #changement_mdp #mdp:focus, #changement_mdp #mdp_confirm:focus, #changement_mel #mel:focus, #carnet_adresses #carnet:focus, #facturation #carnet:focus, #livraison #carnet:focus, #carte_bancaire #cb_numero:focus, #carte_bancaire #cb_crypto:focus, #carte_bancaire #cb_type:focus, #carte_bancaire #cb_mois:focus, #carte_bancaire #cb_annee:focus, #validation table input:focus, #compte_client #forme:focus, #compte_client #capital:focus, #compte_client #siret:focus, #compte_client #banque:focus, #test #raison_soc:focus, #test #nom:focus, #test #prenom:focus, #test #adresse:focus, #test #bases:focus, #test #tel:focus, #hors_catalogue #titre:focus, #hors_catalogue #auteur:focus, #hors_catalogue #prix:focus, #hors_catalogue #editeur:focus, #hors_catalogue #isbn:focus, #hors_catalogue #date:focus, #hors_catalogue #precisions:focus, #desinscription #mel:focus {
		background-color: #FEFDED;
		border-width: 1px;
		border-color: #EE9200 #F4CB00 #F4CB00 #EE9200;
		border-style: solid;
}

#avancee_mots #mots, #avancee_reference #reference, #avancee_isbn #isbn {
    width: 60%;
}

#avancee_mots #menu1, #avancee_mots #menu2, #avancee_mots #menu3, #activation #pays, #gestion_adresse #pays {
    width: 80%;
}

#avancee_mots #menu4, #avancee_mots #menu5, #avancee_mots #menu6 {
    width: 95%;
}

#avancee_mots .deux_col2 {
    width: 70%;
}


.bootstrap #inscription .deux_col, .bootstrap #activation .deux_col, .bootstrap #gestion_adresse .deux_col, .bootstrap #compte_client .deux_col, .bootstrap #donnees_perso .deux_col, .bootstrap #changement_mdp .deux_col, .bootstrap #hors_catalogue .deux_col {
    line-height: inherit;
    text-align: inherit;
}

.bootstrap #panier .qte, .bootstrap #activation #num_voie, .bootstrap #gestion_adresse #num_voie, .bootstrap #test #num_voie {
    width: inherit;
}

.bootstrap #activation #cp, .bootstrap #gestion_adresse #cp, .bootstrap #test #cp {
    width: inherit;
}

.bootstrap #panier .limite {
	width: inherit;
}

.bootstrap #carte_bancaire #cb_mois {
	width: inherit;
}

.bootstrap #carte_bancaire #cb_annee {
	width: inherit;
}

.bootstrap #carte_bancaire #cb_crypto {
	width: inherit;
}

.bootstrap #carte_bancaire #cb_numero {
	width: inherit;
}

.bootstrap #carte_bancaire #cb_type {
	width: inherit;
}

.bootstrap #panier .qte:hover, .bootstrap #activation #num_voie:hover, .bootstrap #gestion_adresse #num_voie:hover, .bootstrap #test #num_voie:hover, .bootstrap #avancee_reference #reference:hover, .bootstrap #avancee_isbn #isbn:hover, .bootstrap #avancee_mots #mots:hover, .bootstrap #avancee_mots select:hover, .bootstrap #panier .qte:hover, .bootstrap #panier .limite:hover, .bootstrap #identification #mel:hover, .bootstrap #identification #mdp:hover, .bootstrap #oubli #mel:hover, .bootstrap #inscription #mel:hover, .bootstrap #inscription #mdp:hover, .bootstrap #inscription #mdp_confirm:hover, .bootstrap #confirmation #clef:hover, .bootstrap #activation #raison_soc:hover, .bootstrap #activation #tva_intra:hover, .bootstrap #activation #nom:hover, .bootstrap #activation #prenom:hover, .bootstrap #activation #num_voie:hover, .bootstrap #activation #voie:hover, .bootstrap #activation #complement:hover, .bootstrap #activation #cp:hover, .bootstrap #activation #ville:hover, .bootstrap #activation #tel:hover, .bootstrap #activation #tel2:hover, .bootstrap #activation #fax:hover, .bootstrap #activation #mel2:hover, .bootstrap #activation select:hover, .bootstrap #activation #pro:hover, .bootstrap #donnees_perso #nom:hover, .bootstrap #donnees_perso #prenom:hover, .bootstrap #donnees_perso #mel2:hover, .bootstrap #donnees_perso #tel:hover, .bootstrap #donnees_perso #tel2:hover, .bootstrap #donnees_perso #fax:hover, .bootstrap #donnees_perso #pro:hover, .bootstrap #donnees_perso #spe:hover, .bootstrap #gestion_adresse #raison_soc:hover, .bootstrap #gestion_adresse #tva_intra:hover, .bootstrap #gestion_adresse #nom:hover, .bootstrap #gestion_adresse #prenom:hover, .bootstrap #gestion_adresse #num_voie:hover, .bootstrap #gestion_adresse #voie:hover, .bootstrap #gestion_adresse #complement:hover, .bootstrap #gestion_adresse #cp:hover, .bootstrap #gestion_adresse #ville:hover, .bootstrap #gestion_adresse select:hover, .bootstrap #changement_mdp #ancien_mdp:hover, .bootstrap #changement_mdp #mdp:hover, .bootstrap #changement_mdp #mdp_confirm:hover, .bootstrap #changement_mel #mel:hover, .bootstrap #carnet_adresses #carnet:hover, .bootstrap #facturation #carnet:hover, .bootstrap #livraison #carnet:hover, .bootstrap #carte_bancaire #cb_numero:hover, .bootstrap #carte_bancaire #cb_crypto:hover, .bootstrap #carte_bancaire #cb_type:hover, .bootstrap #carte_bancaire #cb_mois:hover, .bootstrap #carte_bancaire #cb_annee:hover, .bootstrap #validation table input:hover, .bootstrap #compte_client #forme:hover, .bootstrap #compte_client #capital:hover, .bootstrap #compte_client #siret:hover, .bootstrap #compte_client #banque:hover, .bootstrap #test #raison_soc:hover, .bootstrap #test #nom:hover, .bootstrap #test #prenom:hover, .bootstrap #test #adresse:hover, .bootstrap #test #bases:hover, .bootstrap #test #tel:hover, .bootstrap #hors_catalogue #titre:hover, .bootstrap #hors_catalogue #auteur:hover, .bootstrap #hors_catalogue #prix:hover, .bootstrap #hors_catalogue #editeur:hover, .bootstrap #hors_catalogue #isbn:hover, .bootstrap #hors_catalogue #date:hover, .bootstrap #hors_catalogue #precisions:hover, .bootstrap #desinscription #mel:hover {
		background-color: inherit;
		border-width: inherit;
		border-color: inherit;
		border-style: inherit;
}


.bootstrap #panier .qte:focus, .bootstrap #activation #num_voie:focus, .bootstrap #gestion_adresse #num_voie:focus, .bootstrap #test #num_voie:focus, .bootstrap #avancee_reference #reference:focus, .bootstrap #avancee_isbn #isbn:focus, .bootstrap #avancee_mots #mots:focus, .bootstrap #avancee_mots select:focus, .bootstrap #panier .qte:focus, .bootstrap #panier .limite:focus, .bootstrap #identification #mel:focus, .bootstrap #identification #mdp:focus, .bootstrap #oubli #mel:focus, .bootstrap #inscription #mel:focus, .bootstrap #inscription #mdp:focus, .bootstrap #inscription #mdp_confirm:focus, .bootstrap #confirmation #clef:focus, .bootstrap #activation #raison_soc:focus, .bootstrap #activation #tva_intra:focus, .bootstrap #activation #nom:focus, .bootstrap #activation #prenom:focus, .bootstrap #activation #num_voie:focus, .bootstrap #activation #voie:focus, .bootstrap #activation #complement:focus, .bootstrap #activation #cp:focus, .bootstrap #activation #ville:focus, .bootstrap #activation #tel:focus, .bootstrap #activation #tel2:focus, .bootstrap #activation #fax:focus, .bootstrap #activation #mel2:focus, .bootstrap #activation select:focus, .bootstrap #activation #pro:focus, .bootstrap #donnees_perso #nom:focus, .bootstrap #donnees_perso #prenom:focus, .bootstrap #donnees_perso #mel2:focus, .bootstrap #donnees_perso #tel:focus, .bootstrap #donnees_perso #tel2:focus, .bootstrap #donnees_perso #fax:focus, .bootstrap #donnees_perso #pro:focus, .bootstrap #donnees_perso #spe:focus, .bootstrap #gestion_adresse #raison_soc:focus, .bootstrap #gestion_adresse #tva_intra:focus, .bootstrap #gestion_adresse #nom:focus, .bootstrap #gestion_adresse #prenom:focus, .bootstrap #gestion_adresse #num_voie:focus, .bootstrap #gestion_adresse #voie:focus, .bootstrap #gestion_adresse #complement:focus, .bootstrap #gestion_adresse #cp:focus, .bootstrap #gestion_adresse #ville:focus, .bootstrap #gestion_adresse select:focus, .bootstrap #changement_mdp #ancien_mdp:focus, .bootstrap #changement_mdp #mdp:focus, .bootstrap #changement_mdp #mdp_confirm:focus, .bootstrap #changement_mel #mel:focus, .bootstrap #carnet_adresses #carnet:focus, .bootstrap #facturation #carnet:focus, .bootstrap #livraison #carnet:focus, .bootstrap #carte_bancaire #cb_numero:focus, .bootstrap #carte_bancaire #cb_crypto:focus, .bootstrap #carte_bancaire #cb_type:focus, .bootstrap #carte_bancaire #cb_mois:focus, .bootstrap #carte_bancaire #cb_annee:focus, .bootstrap #validation table input:focus, .bootstrap #compte_client #forme:focus, .bootstrap #compte_client #capital:focus, .bootstrap #compte_client #siret:focus, .bootstrap #compte_client #banque:focus, .bootstrap #test #raison_soc:focus, .bootstrap #test #nom:focus, .bootstrap #test #prenom:focus, .bootstrap #test #adresse:focus, .bootstrap #test #bases:focus, .bootstrap #test #tel:focus, .bootstrap #hors_catalogue #titre:focus, .bootstrap #hors_catalogue #auteur:focus, .bootstrap #hors_catalogue #prix:focus, .bootstrap #hors_catalogue #editeur:focus, .bootstrap #hors_catalogue #isbn:focus, .bootstrap #hors_catalogue #date:focus, .bootstrap #hors_catalogue #precisions:focus, .bootstrap #desinscription #mel:focus {
		background-color: inherit;
		border-width:inherit;
		border-color: inherit;
		border-style: inherit;
}

.bootstrap #avancee_mots #mots, .bootstrap #avancee_reference #reference, .bootstrap #avancee_isbn #isbn {
    width: inherit;
}

.bootstrap #avancee_mots #menu1, .bootstrap #avancee_mots #menu2, .bootstrap #avancee_mots #menu3, .bootstrap #activation #pays, .bootstrap #gestion_adresse #pays {
    width: inherit;
}

.bootstrap #avancee_mots #menu4, .bootstrap #avancee_mots #menu5, .bootstrap #avancee_mots #menu6 {
    width: inherit;
}

.bootstrap #avancee_mots .deux_col2 {
    width: inherit;
}


.bootstrap #panier #pays, .bootstrap #panier .qte, .bootstrap #activation #num_voie, .bootstrap #gestion_adresse #num_voie, .bootstrap #test #num_voie, .bootstrap #avancee_reference #reference, .bootstrap #avancee_isbn #isbn, .bootstrap #avancee_mots #mots, .bootstrap #avancee_mots select, .bootstrap #panier .qte, .bootstrap #panier .limite, .bootstrap #identification #mel, .bootstrap #identification #mdp, .bootstrap #oubli #mel, .bootstrap #inscription #mel, .bootstrap #inscription #mdp, .bootstrap #inscription #mdp_confirm, .bootstrap #confirmation #clef, .bootstrap #activation #raison_soc, .bootstrap #activation #tva_intra, .bootstrap #activation #nom, .bootstrap #activation #prenom, .bootstrap #activation #num_voie, .bootstrap #activation #voie, .bootstrap #activation #complement, .bootstrap #activation #cp, .bootstrap #activation #ville, .bootstrap #activation #tel, .bootstrap #activation #tel2, .bootstrap #activation #fax, .bootstrap #activation #mel2, .bootstrap #activation select, .bootstrap #activation #pro, .bootstrap #donnees_perso #nom, .bootstrap #donnees_perso #prenom, .bootstrap #donnees_perso #mel2, .bootstrap #donnees_perso #tel, .bootstrap #donnees_perso #tel2, .bootstrap #donnees_perso #fax, .bootstrap #donnees_perso #pro, .bootstrap #donnees_perso #spe, .bootstrap #gestion_adresse #raison_soc, .bootstrap #gestion_adresse #tva_intra, .bootstrap #gestion_adresse #nom, .bootstrap #gestion_adresse #prenom, .bootstrap #gestion_adresse #num_voie, .bootstrap #gestion_adresse #voie, .bootstrap #gestion_adresse #complement, .bootstrap #gestion_adresse #cp, .bootstrap #gestion_adresse #ville, .bootstrap #gestion_adresse select, .bootstrap #changement_mdp #ancien_mdp, .bootstrap #changement_mdp #mdp, .bootstrap #changement_mdp #mdp_confirm, .bootstrap #changement_mel #mel, .bootstrap #carnet_adresses #carnet, .bootstrap #facturation #carnet, .bootstrap #carte_bancaire #cb_numero, .bootstrap #carte_bancaire #cb_crypto, .bootstrap #carte_bancaire #cb_type, .bootstrap #carte_bancaire #cb_mois, .bootstrap #carte_bancaire #cb_annee, .bootstrap #validation table input, .bootstrap #compte_client #forme, .bootstrap #compte_client #capital, .bootstrap #compte_client #siret, .bootstrap #compte_client #banque, .bootstrap #test #raison_soc, .bootstrap #test #nom, .bootstrap #test #prenom, .bootstrap #test #adresse, .bootstrap #test #bases, .bootstrap #test #tel, .bootstrap #hors_catalogue #titre, .bootstrap #hors_catalogue #auteur, .bootstrap #hors_catalogue #prix, .bootstrap #hors_catalogue #editeur, .bootstrap #hors_catalogue #isbn, .bootstrap #hors_catalogue #date, .bootstrap #hors_catalogue #precisions {
	color:inherit;
	cursor:inherit;
	font-size:inherit;
	border-color: inherit;
	border-width: inherit;
	border-style: inherit;
}

.bootstrap #panier #pays, .bootstrap #panier .qte, .bootstrap #activation #num_voie, .bootstrap #gestion_adresse #num_voie, .bootstrap #test #num_voie, .bootstrap #avancee_reference #reference, .bootstrap #avancee_isbn #isbn, .bootstrap #avancee_mots #mots, .bootstrap #avancee_mots select, .bootstrap #panier .qte, .bootstrap #panier .limite, .bootstrap #identification #mel, .bootstrap #identification #mdp, .bootstrap #oubli #mel, .bootstrap #inscription #mel, .bootstrap #inscription #mdp, .bootstrap #inscription #mdp_confirm, .bootstrap #confirmation #clef, .bootstrap #activation #raison_soc, .bootstrap #activation #tva_intra, .bootstrap #activation #nom, .bootstrap #activation #prenom, .bootstrap #activation #num_voie, .bootstrap #activation #voie, .bootstrap #activation #complement, .bootstrap #activation #cp, .bootstrap #activation #ville, .bootstrap #activation #tel, .bootstrap #activation #tel2, .bootstrap #activation #fax, .bootstrap #activation #mel2, .bootstrap #activation select, .bootstrap #activation #pro, .bootstrap #donnees_perso #nom, .bootstrap #donnees_perso #prenom, .bootstrap #donnees_perso #mel2, .bootstrap #donnees_perso #tel, .bootstrap #donnees_perso #tel2, .bootstrap #donnees_perso #fax, .bootstrap #donnees_perso #pro, .bootstrap #donnees_perso #spe, .bootstrap #gestion_adresse #raison_soc, .bootstrap #gestion_adresse #tva_intra, .bootstrap #gestion_adresse #nom, .bootstrap #gestion_adresse #prenom, .bootstrap #gestion_adresse #num_voie, .bootstrap #gestion_adresse #voie, .bootstrap #gestion_adresse #complement, .bootstrap #gestion_adresse #cp, .bootstrap #gestion_adresse #ville, .bootstrap #gestion_adresse select, .bootstrap #changement_mdp #ancien_mdp, .bootstrap #changement_mdp #mdp, .bootstrap #changement_mdp #mdp_confirm, .bootstrap #changement_mel #mel, .bootstrap #carnet_adresses #carnet, .bootstrap #facturation #carnet, .bootstrap #carte_bancaire #cb_numero, .bootstrap #carte_bancaire #cb_crypto, .bootstrap #carte_bancaire .bootstrap #cb_type, .bootstrap #carte_bancaire #cb_mois, .bootstrap #carte_bancaire #cb_annee, .bootstrap #validation table input, .bootstrap #compte_client #forme, .bootstrap #compte_client #capital, .bootstrap #compte_client #siret, .bootstrap #compte_client #banque, .bootstrap #test #raison_soc, .bootstrap #test #nom, .bootstrap #test #prenom, .bootstrap #test #adresse, .bootstrap #test #bases, .bootstrap #test #tel, .bootstrap #hors_catalogue #titre, .bootstrap #hors_catalogue #auteur, .bootstrap #hors_catalogue #prix, .bootstrap #hors_catalogue #editeur, .bootstrap #hors_catalogue #isbn, .bootstrap #hors_catalogue #date, .bootstrap #hors_catalogue #precisions {
	color:inherit;
	cursor:inherit;
	font-size:inherit;
	border-color: inherit;
	border-width: inherit;
	border-style: inherit;
}

#panier .qte, #activation #num_voie, #gestion_adresse #num_voie, #test #num_voie, #avancee_reference #reference, #avancee_isbn #isbn, #avancee_mots #mots, #avancee_mots select, #panier .qte, #panier .limite, #oubli #mel, #inscription #mel, #inscription #mdp, #inscription #mdp_confirm, #confirmation #clef, #activation #raison_soc, #activation #tva_intra, #activation #nom, #activation #prenom, #activation #num_voie, #activation #voie, #activation #complement, #activation #cp, #activation #ville, #activation #tel, #activation #tel2, #activation #fax, #activation #mel2, #activation select, #activation #pro, #donnees_perso #nom, #donnees_perso #prenom, #donnees_perso #mel2, #donnees_perso #tel, #donnees_perso #tel2, #donnees_perso #fax, #donnees_perso #pro, #donnees_perso #spe, #gestion_adresse #raison_soc, #gestion_adresse #tva_intra, #gestion_adresse #nom, #gestion_adresse #prenom, #gestion_adresse #num_voie, #gestion_adresse #voie, #gestion_adresse #complement, #gestion_adresse #cp, #gestion_adresse #ville, #gestion_adresse select, #changement_mdp #ancien_mdp, #changement_mdp #mdp, #changement_mdp #mdp_confirm, #changement_mel #mel, #validation table input, #compte_client #forme, #compte_client #capital, #compte_client #siret, #compte_client #banque, #test #raison_soc, #test #nom, #test #prenom, #test #adresse, #test #bases, #test #tel, #hors_catalogue #titre, #hors_catalogue #auteur, #hors_catalogue #prix, #hors_catalogue #editeur, #hors_catalogue #isbn, #hors_catalogue #date, #hors_catalogue #precisions, #desinscription #mel {
	width: 40%;
}

.bootstrap #panier .qte, .bootstrap #activation #num_voie, .bootstrap #gestion_adresse #num_voie, .bootstrap #test #num_voie, .bootstrap #avancee_reference #reference, .bootstrap #avancee_isbn #isbn, .bootstrap #avancee_mots #mots, .bootstrap #avancee_mots select, .bootstrap #panier .qte, .bootstrap #panier .limite, .bootstrap #oubli #mel, .bootstrap #inscription #mel, .bootstrap #inscription #mdp, .bootstrap #inscription #mdp_confirm, .bootstrap #confirmation #clef, .bootstrap #activation #raison_soc, .bootstrap #activation #tva_intra, .bootstrap #activation #nom, .bootstrap #activation #prenom, .bootstrap #activation #num_voie, .bootstrap #activation #voie, .bootstrap #activation #complement, .bootstrap #activation #cp, .bootstrap #activation #ville, .bootstrap #activation #tel, .bootstrap #activation #tel2, .bootstrap #activation #fax, .bootstrap #activation #mel2, .bootstrap #activation select, .bootstrap #activation #pro, .bootstrap #donnees_perso #nom, .bootstrap #donnees_perso #prenom, .bootstrap #donnees_perso #mel2, .bootstrap #donnees_perso #tel, .bootstrap #donnees_perso #tel2, .bootstrap #donnees_perso #fax, .bootstrap #donnees_perso #pro, .bootstrap #donnees_perso #spe, .bootstrap #gestion_adresse #raison_soc, .bootstrap #gestion_adresse #tva_intra, .bootstrap #gestion_adresse #nom, .bootstrap #gestion_adresse #prenom, .bootstrap #gestion_adresse #num_voie, .bootstrap #gestion_adresse #voie, .bootstrap #gestion_adresse #complement, .bootstrap #gestion_adresse #cp, .bootstrap #gestion_adresse #ville, .bootstrap #gestion_adresse select, .bootstrap #changement_mdp #ancien_mdp, .bootstrap #changement_mdp #mdp, .bootstrap #changement_mdp #mdp_confirm, .bootstrap #changement_mel #mel, .bootstrap #validation table input, .bootstrap #compte_client #forme, .bootstrap #compte_client #capital, .bootstrap #compte_client #siret, .bootstrap #compte_client #banque, .bootstrap #test #raison_soc, .bootstrap #test #nom, .bootstrap #test #prenom, .bootstrap #test #adresse, .bootstrap #test #bases, #test #tel, #hors_catalogue #titre, #hors_catalogue #auteur, #hors_catalogue #prix, #hors_catalogue #editeur, #hors_catalogue #isbn, #hors_catalogue #date, .bootstrap #hors_catalogue #precisions, .bootstrap #desinscription #mel {
	width: inherit;
}

#identification #mel, #identification #mdp {
	width: 70%;
}

.bootstrap #identification #mel, .bootstrap #identification #mdp {
	width: inherit;
}

#panier .qte, #activation #num_voie, #gestion_adresse #num_voie, #test #num_voie {
    width: 2em;
}

.bootstrap #panier .qte, .bootstrap #activation #num_voie, .bootstrap #gestion_adresse #num_voie, .bootstrap #test #num_voie {
    width: inherit;
}

#activation #cp, #gestion_adresse #cp, #test #cp {
    width: 5em;
}

.bootstrap #activation #cp, .bootstrap #gestion_adresse #cp, .bootstrap #test #cp {
    width: inherit;
}

#panier .limite {
	width: 4em;
}

.bootstrap #panier .limite {
	width: inherit;
}

#estimation {
	display: none;
}

.bloc_edf {
	border: 2px solid #f6d654;
	margin-bottom: 1em;
	color: #333333;
	background-color: #FFFFFF;
}

.bloc_edf legend {
	color: #333399;
	background-color: transparent;
	margin-top: 10px;
	font-size: 120%;
	padding-left: 20px;
	font-weight: bold;
}

.texte_edf {
	text-align: justify;
	background-color: #FFFFFF;
	margin-left: 20px;
	margin-top: 20px;
}

.bloc_edf fieldset {
	border: 0;
	height: 100%;
	vertical-align: middle;
	margin-top: 1em;
}

.bloc_edf label {
	margin-left: 20px;
}

#edf {
	margin-left: 40px;
	margin-right: 40px;
}

#edf_formulaire {
	cursor: pointer;
}

#edf_formulaire label {
	width: 350px;
	display: block;
	float: left;
}


#edf_formulaire input {
	padding:0em 0.5em;
	margin-top:2px;
	margin-bottom:1px;
}

#edf img {
	vertical-align: middle; 
}

p.edf {
	text-align: center;
}

p.edf_champ_oblig {
	text-align: right;
}

#erreur_inscrit .erreur {
	font-weight:bold;
}

#erreur_inscrit {
	margin-top: 10px;
	margin-bottom: 10px;
}

#erreur_inscrit fieldset {
	border: 2px solid #159A00;
}

#erreur_inscrit legend {
	font-size: 108%;
	color: #D40909;
	text-decoration: underline;
}

#inscrit {
	margin-top: 20px;
	margin-bottom: 10px;
}	

#mdp_edf, #imputation_edf, #tel_edf, #nom_edf, #prenom_edf {
	width: 12em;
	color:#000000;
	cursor:pointer;
	font-size:1em;
	border-color: #000000 #BBBBBB #BBBBBB #000000;
	border-width: 1px;
	border-style: solid;
}

#mdp_edf:hover, #imputation_edf:hover, #tel_edf:hover, #nom_edf:hover, #prenom_edf:hover {
	background-color: #FEFDED;
	border-width: 1px;
	border-color: #EE9200 #F4CB00 #F4CB00 #EE9200;
	border-style: solid;
}

#menu1_edf {
	color: #333333;
	cursor: pointer;
	font-size: 1em;
	background-color: #fefded;
}

#menu2_edf {
	color: #333333;
	cursor: pointer;
	font-size: 1em;
	background-color: #fefded;
}

#menu3_edf {
	color: #333333;
	cursor: pointer;
	font-size: 1em;
	background-color: #fefded;
}

#information_edf {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

#information_edf fieldset {
	border: 2px solid #F4CB00;	
}

#information_edf legend {
	font-size: 108%;
	color: #000;
	text-decoration: underline;
}

#menu_edf {
	position: absolute;
	width: 200px;
	margin-top: 1px;
	border: 2px solid #F4CB00;
	right: 20px;
	float: right;
	top: 200px;
	font-size: 12px;
	line-height: 15px;
	color: #333333;
	background-color: #FFFFFF;
	font-family:arial,helvetica,sans-serif;
}



.padding {
	padding: 20px;
}

#avancee_mots .deux_col1 {
	width:30%;
}

#activation .une_col {
	width:80%;
	text-align: left;
}

#donnees_perso .une_col {
	width:80%;
	text-align: left;
}

#avancee_mots .deux_col1, #avancee_mots .deux_col2 {
	line-height:2em;
}

.deux_col, .deux_col1, .deux_col2, .trois_col {
	float:left;
}

.une_col {
	float:right;
}

#inscription .deux_col {
	text-align: right;
	line-height: 2em;
}

.float {
	float: left;
}

.marge {
	padding: 20px;
}

.marge label {
	margin-right: 20px;
}

#choix, #validation .choix, .alphabet {
	text-align: center;
	border-top: 1px solid #EE9200;
}
	
.texte {
		text-align: justify;
}
	
.une_ligne {
		white-space: nowrap;
}

#panier #navigation li {
	border-left: none;
}

#navigation .transformation {
	color: #d00;
	font-size: 1.5em !important;
	font-size: 1.5em\9;
	*font-size: 1.2em;
	border-width: 2px;
}

#navigation .transformation:hover {
	background-color: #EE9200;
	border: 2px solid red;
	font-size: 1.5em !important;
	font-size:1.5em\9;
	*font-size:1.2em;
	color: #FFFFFF;
}


input {
	background-color: #FFFFFF;
	border-color: #F4CB00;
	border-style: solid;
	border-width: 1px;
}

input:hover, input:focus {
		background-color: #FEFDED;
		border-color: #BCBCBC;
		border-style: solid;
		border-width: 1px;
}

input[type="submit"]:hover, input[type="submit"]:focus {
	cursor: pointer;
}

#navigation a, #navigation input, #page, #choix input, .une_ligne {
	white-space:nowrap;
}

	

#panier th, #panier td, #validation th, #validation td, #recapitulatif th, #recapitulatif td {
	vertical-align:top;
	text-align: left;
}

#panier th .col_qte, #panier td .col_qte, #validation th .col_qte, #validation td .col_qte, #recapitulatif th .col_qte, #recapitulatif td .col_qte, #panier th .col_qte total, #panier td .col_qte_total, #validation th .col_qte_total, #validation td .col_qte_total, #recapitulatif th .col_qte_total, #recapitulatif td .col_qte total {
	text-align: center;
}

#panier th, #validation th, #recapitulatif th{
	text-align: center;
	color: #333333;
	background-color: #F4CB00;
}

#panier th.col_uni, #validation th.col_uni, #recapitulatif th.col_uni, #panier td.col_uni, #validation td.col_uni, #recapitulatif td.col_uni {
	width: 8.5em;
	width: 8.5em\9;
	*width: 7.5em;
	border-left: 4px solid #FFFFFF;
	text-align: center;
}

#panier th.col_qte, #panier th.col_qte_total, #recapitulatif th.col_ref, #validation th.col_qte  {
	border-left: 4px solid #FFFFFF;
	text-align: center;
}

#panier th.col_tot, #panier th.col_tot_total, #validation th.col_tot, #validation th.col_tot_total, #validation th.col_lim, #recapitulatif th.col_tot, #recapitulatif th.col_tva, #panier th.col_tva, #validation th.col_tva, #recapitulatif th.col_tot_total, #panier td.col_tot, #panier td.col_tot_total, #validation td.col_tot, #validation td.col_tot_total, #validation td.col_lim, #recapitulatif td.col_tot, #recapitulatif td.col_tot_total {
	width: 5.5em;
	width: 5.5em\9;
	*width: 7.5em;
	border-left: 4px solid #FFFFFF;
	text-align: center;
}

#panier th.col_tot_double, #panier td.col_tot_double {
	width: 260px;
	text-align: center;
} 

#panier td.col_tot {
	width: 125px;
}

#panier td.col_libel {
	background-color: #FFF;
}

#recapitulatif th.col_delai, #recapitulatif td.col_delai, #validation th.col_delai, #validation td.col_delai {
	width: 12em;
}

#panier td.col_qte, #validation td.col_qte, #recapitulatif td.col_qte, #recapitulatif th.col_tva, #panier th.col_tva, #validation th.col_tva {
	text-align: center;
}

.col_lim {
	width: 6em;
	width: 6em\9;
	*width: 7.5em;
}

.col_qte {
	width: 6em;
}

.col_lim input {
	width: 4em;
}

.lig_paire {
	background-color: #F2F1BD;
}

#panier table, #validation table, #recapitulatif table {
	table-layout:fixed;
	width:100%;
}

#recapitulatif caption {
	padding-bottom: 0.5em;
}

#recapitulatif thead, #recapitulatif tbody {
	font-size: 80%;
}

#panier td.col_tit, #recapitulatif td.col_tit, #validation td.col_tit {
	text-align: left;
}

#panier .qte, #panier .limite {
	padding:4px;
	text-align:right;
}

#panier .qte, #activation #num_voie, #gestion_adresse #num_voie, #test #num_voie, #avancee_reference #reference, #avancee_isbn #isbn, #avancee_mots #mots, #avancee_mots select, #panier .qte, #panier .limite, #identification #mel, #identification #mdp, #oubli #mel, #inscription #mel, #inscription #mdp, #inscription #mdp_confirm, #confirmation #clef, #activation #raison_soc, #activation #tva_intra, #activation #nom, #activation #prenom, #activation #num_voie, #activation #voie, #activation #complement, #activation #cp, #activation #ville, #activation #tel, #activation #tel2, #activation #fax, #activation #mel2, #activation select, #activation #pro, #donnees_perso #nom, #donnees_perso #prenom, #donnees_perso #mel2, #donnees_perso #tel, #donnees_perso #tel2, #donnees_perso #fax, #donnees_perso #pro, #donnees_perso #spe, #gestion_adresse #raison_soc, #gestion_adresse #tva_intra, #gestion_adresse #nom, #gestion_adresse #prenom, #gestion_adresse #num_voie, #gestion_adresse #voie, #gestion_adresse #complement, #gestion_adresse #cp, #gestion_adresse #ville, #gestion_adresse select, #changement_mdp #ancien_mdp, #changement_mdp #mdp, #changement_mdp #mdp_confirm, #changement_mel #mel, #carnet_adresses #carnet, #facturation #carnet, #carte_bancaire #cb_numero, #carte_bancaire #cb_crypto, #carte_bancaire #cb_type, #carte_bancaire #cb_mois, #carte_bancaire #cb_annee, #validation table input, #compte_client #forme, #compte_client #capital, #compte_client #siret, #compte_client #banque, #test #raison_soc, #test #nom, #test #prenom, #test #adresse, #test #bases, #test #tel, #hors_catalogue #titre, #hors_catalogue #auteur, #hors_catalogue #prix, #hors_catalogue #editeur, #hors_catalogue #isbn, #hors_catalogue #date, #hors_catalogue #precisions, #desinscription #mel {

	border-color: #000000 #BCBCBC #BCBCBC #000000;
	border-style:solid;
	border-width:1px;
	color:#000000;
	cursor:pointer;
	font-size:1em;
}

.bootstrap #panier .qte, .bootstrap #activation #num_voie, .bootstrap #gestion_adresse #num_voie, .bootstrap #test #num_voie, .bootstrap #avancee_reference #reference, .bootstrap #avancee_isbn #isbn, .bootstrap #avancee_mots #mots, .bootstrap #avancee_mots select, .bootstrap #panier .qte, .bootstrap #panier .limite, .bootstrap #identification #mel, .bootstrap #identification #mdp, .bootstrap #oubli #mel, .bootstrap #inscription #mel, .bootstrap #inscription #mdp, .bootstrap #inscription #mdp_confirm, .bootstrap #confirmation #clef, .bootstrap #activation #raison_soc, .bootstrap #activation #tva_intra, .bootstrap #activation #nom, .bootstrap #activation #prenom, .bootstrap #activation #num_voie, .bootstrap #activation #voie, .bootstrap #activation #complement, .bootstrap #activation #cp, .bootstrap #activation #ville, .bootstrap #activation #tel, .bootstrap #activation #tel2, .bootstrap #activation #fax, .bootstrap #activation #mel2, .bootstrap #activation select, .bootstrap #activation #pro, .bootstrap #donnees_perso #nom, .bootstrap #donnees_perso #prenom, .bootstrap #donnees_perso #mel2, .bootstrap #donnees_perso #tel, .bootstrap #donnees_perso #tel2, .bootstrap #donnees_perso #fax, .bootstrap #donnees_perso #pro, .bootstrap #donnees_perso #spe, .bootstrap #gestion_adresse #raison_soc, .bootstrap #gestion_adresse #tva_intra, .bootstrap #gestion_adresse #nom, .bootstrap #gestion_adresse #prenom, .bootstrap #gestion_adresse #num_voie, .bootstrap #gestion_adresse #voie, .bootstrap #gestion_adresse #complement, .bootstrap #gestion_adresse #cp, .bootstrap #gestion_adresse #ville, .bootstrap #gestion_adresse select, .bootstrap #changement_mdp #ancien_mdp, .bootstrap #changement_mdp #mdp, .bootstrap #changement_mdp #mdp_confirm, .bootstrap #changement_mel #mel, .bootstrap #carnet_adresses #carnet, .bootstrap #facturation #carnet, .bootstrap #carte_bancaire #cb_numero, .bootstrap #carte_bancaire #cb_crypto, .bootstrap #carte_bancaire #cb_type, .bootstrap #carte_bancaire #cb_mois, .bootstrap #carte_bancaire #cb_annee, .bootstrap #validation table input, .bootstrap #compte_client #forme, .bootstrap #compte_client #capital, .bootstrap #compte_client #siret, .bootstrap #compte_client #banque, .bootstrap #test #raison_soc, .bootstrap #test #nom, .bootstrap #test #prenom, .bootstrap #test #adresse, .bootstrap #test #bases, .bootstrap #test #tel, .bootstrap #hors_catalogue #titre, .bootstrap #hors_catalogue #auteur, .bootstrap #hors_catalogue #prix, .bootstrap #hors_catalogue #editeur, .bootstrap #hors_catalogue #isbn, .bootstrap #hors_catalogue #date, .bootstrap #hors_catalogue #precisions, .bootstrap #desinscription #mel {

	border-color: inherit;
	border-style:inherit;
	border-width:inherit;
	color:inherit;
	cursor:inherit;
	font-size:inherit;
}

#carnet {
	width: 90%;
}

.bootstrap #carnet {
	width: inherit;
	padding: 5px;
}

.bootstrap #carnet i, .bootstrap #devis i { 
	line-height: 30px;
    font-size: 25px;
    margin-right: 5px;
}
.bootstrap #carnet .table-cell i {vertical-align:middle;}
.bootstrap #devis #message i {color:#84B267; vertical-align: middle;}
.bootstrap #devis tbody .col_qte {width: inherit; font-size:20px; font-weight: bold;}
.bootstrap #validation h3 i {color:#36A0CF; margin-right:7px; line-height:30px;}
.bootstrap #carnet h2, .bootstrap #validation h3 {color:#36A0CF; font-size:23px; border-bottom:1px solid #e5e5e5;}

#validation .ref_panier {
	margin-right: 2%;
	width: 25%;
}

th.col_tit {
	text-align: left;
}

.col_qte_total, .col_tot_total {
	border-top: 2px solid #EE9200;
	text-align: center;
}
	
	
#lanews p {
	margin-bottom: 25px;
}

.souligne_gras {
	text-decoration: underline;
	font-weight: bold;
}



#fichier li img {
	vertical-align:middle;
}
	
	
#lanews p {
	margin-bottom: 25px;
}

.souligne_gras {
	text-decoration: underline;
	font-weight: bold;
}

.note, .bloc2 .note {
	font-style: oblique;
	font-size: 95%;
	text-align: right;
	margin: 0;
}

#panier .note {
	font-size:1.25em;
	text-align:justify;
}

#panier .note, #panier .importante {
	color: #c00;
	font-weight: bold;
}

#fichier li img {
	vertical-align:middle;
}

#entete_email_news {
	border-left: 1px solid #00579A;
	border-top: 1px solid #00579A;
	border-bottom: 1px solid #00579A;
	color: #5C5A5A;
	height: 27px;
	text-align: center;
	vertical-align: middle;
    width: 218px;
	background: none repeat scroll 0 0 #EEEEEE;
    font-family: "Lucida Grande",Sans-Serif;
	font-size: 12px;
	float: left;
	margin-left: 0;
-webkit-box-shadow:0 0 3px #666666 inset;
   -moz-box-shadow:0 0 3px #666666 inset;
        box-shadow:0 0 3px #666666 inset;
	box-sizing: border-box;
}

#entete_email_news {
    float: left;
    width: 110px;
	border-right: 0;
}

#entete .bouton_newsletter {
    background: none repeat scroll 0 0 #C77601;
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-top: 3px;
    padding: 0px;
    width: 32px;
	height: 27px;
	text-indent: 0;
	text-shadow: 0 1px 1px #333333;
}

#entete .bouton_newsletter:hover {
	text-shadow: none;
	text-decoration: none;
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
    -o-transition:All 0.2s ease;
    transition:All 0.2s ease;
	background: #C58000;
		-webkit-box-shadow:none;
	-moz-box-shadow:none;
    box-shadow:none;
}

#entete_email_news:focus {
	background: #FFFFFF;
		-webkit-box-shadow:none;
	-moz-box-shadow:none;
    box-shadow:none;
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
    -o-transition:All 0.2s ease;
    transition:All 0.2s ease;
}

#entete_email_news:hover {
		-webkit-box-shadow:none;
	-moz-box-shadow:none;
    box-shadow:none;
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
    -o-transition:All 0.2s ease;
    transition:All 0.2s ease;
}

#keyword:focus {
	background: #FFFFFF;
		-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;
    transition:All 0.5s ease;
		-webkit-box-shadow:none;
	-moz-box-shadow:none;
    box-shadow:none;
}

#keyword:hover {
	background:#FFFFFF;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
    box-shadow:none;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;
    transition:All 0.5s ease;
}

#menu-horizontal {
	width: 100%;
    height:auto;
	border-bottom: 1px solid #00579A;
	-webkit-box-shadow:0 6px 15px #AAAAAA;
	-moz-box-shadow:0 6px 15px #AAAAAA;
    box-shadow:0 6px 15px #AAAAAA;
background: #828282; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: #353d4b;
}

#menu-horizontal .form-group {margin-bottom:0;}

#menu-horizontal li {
	display: inline;
	float: left;
	-webkit-border-radius:10px 5px 0 0;
	-moz-border-radius:10px 5px 0 0;
    border-radius:10px 5px 0 0;
}

#menu-horizontal li.menu-img {
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
    box-shadow: none;
	margin-left: 10px;
}

#menu-horizontal li.menu-img:hover {
	background: inherit;
}

#menu-horizontal li.menu-img-accueil {
	border: none;
	margin: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
    box-shadow: none;
}

.panier-li {
	padding: 0;
	text-align: center;
	line-height: 34px;
	width: 116px;
}

.panier-li:hover {
	width: 116px;
}


#entete .bouton_newsletter {
-webkit-border-radius:0px 3px 3px 0px;
   -moz-border-radius:0px 3px 3px 0px;
        border-radius:0px 3px 3px 0px;
    cursor: pointer;
	border-top: 1px solid #00579A;
	border-bottom: 1px solid #00579A;
	border-right: 1px solid #00579A;
}

#rapide {
	display: inline;
}

#rapide  p {
	margin: 0;
	padding-top: 9px;
	display: block
}

#rapide input {
	display: inline;
}

.form-li {
    display: block;
    float: left;
    height: 40px;
    width: 275px;
    padding-left: 10px;
}

.form-li2 {
    display: block;
    float: left;
    height: 40px;
    width: 256px;
}

#rech_avancee {
    float: left;
    margin: 2px 0 0 20px;
    text-align: left;
}

#rech_avancee a {
	color: #FFFFFF;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

#rech_avancee a:hover {
	text-decoration: underline;
}


#menu.menuOver {
    position: relative;
	margin: 0;
	float: left;
	padding-left: 0;
	height: 55px;
}

#menu.menuOver ul {
    list-style-type: none;
    margin: 0;
}

#menu.menuOver li a:hover {
    color: #FFFFFF;
background: #727272;

}

#menu.menuOver li.menu-img a:hover {
	background: inherit;
}

#menu.menuOver li a {
    display: block;
	padding: 12px 8px 1px 8px; 
    text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	height: 42px;
	font-weight: inherit;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

#menu.menuOver #menuH-newsletters {
	padding-top: 19px;
	height: 36px;
}

#menu.menuOver l#menu_themes a {
	text-shadow: none;
}

#menu-horizontal a {
	color: #FFFFFF;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

#menu.menuOver li.menu-img a {
	display: inline;
	padding: 0;
	height: 42px;
}

#menu.menuOver span {
	border-right: 1px solid #FFFFFF;
    float: left;
    height: 36px;
	margin: 9px 0 0 0;
    width: 1px;
}

#menu.menuOver .form-li2 span, #menu.menuOver .form-li2 span:hover {
	border:none;
	margin: 0;
	height: inherit;
	margin: 5px 0px 0 10px;
	color: #FFFFFF;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

#menu.menuOver span:hover {
	border-right: 1px solid #FFFFFF;
    float: left;
    height: 36px;
	margin: 7px 0 0 0;
    width: 1px;
}

#menu.menuOver li .menu_body {
    left: 48px;
    position: absolute;
    top: 55px;
	width: 0;
	height: 0;
	font-size: 12px;
	background-color: #FFFFFF;
	padding: 0;
	overflow: hidden;
	z-index: 100;
	border-left: 1px solid #00579A;
	border-right: 1px solid #00579A;
	border-bottom: 1px solid #00579A;
		-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
	-webkit-box-shadow:10px 10px 20px 2px #999999;
	-moz-box-shadow:10px 10px 20px 2px #999999;
    box-shadow:10px 10px 20px 2px #999999;
	-webkit-transition:opacity 300ms ease-in-out 0s, height 500ms ease-in-out 0s, width 500ms ease-in-out 0s;
   -moz-transition:opacity 300ms ease-in-out 0s, height 500ms ease-in-out 0s, width 500ms ease-in-out 0s;
     -o-transition:opacity 300ms ease-in-out 0s, height 500ms ease-in-out 0s, width 500ms ease-in-out 0s;
        transition:opacity 300ms ease-in-out 0s, height 500ms ease-in-out 0s, width 500ms ease-in-out 0s;
	opacity: 0;
   filter: alpha(opacity = 0);
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 55%, #e8e8e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(55%,#dbdbdb), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 55%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#dbdbdb 55%,#e8e8e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#dbdbdb 55%,#e8e8e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 55%,#e8e8e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */

}

#menu.menuOver li:focus ul.menu_body, #menu.menuOver li:hover ul.menu_body {
	z-index: 110;
    width: 600px;
	height: auto;
	padding: 20px;
	overflow: hidden;
	opacity: 1;
   filter: alpha(opacity = 100);
}

#menu.menuOver li:focus #sousmenugb.menu_body, #menu.menuOver li:hover #sousmenugb.menu_body {
	height: 190px;
}

#menu.menuOver li.actif ul li.big_theme, #menu.menuOver li:hover ul li.big_theme, #menu.menuOver li.over ul li.big_theme {
	color: #F4CB00;
}

#menu.menuOver li.actif ul li.big_theme a, #menu.menuOver li:hover ul li.big_theme a, #menu.menuOver li.over ul li.big_theme a {
		color: #ffffff;
}
		
#menu.menuOver li.actif ul li, #menu.menuOver li:hover ul li, #menu.menuOver li.over ul li {
    font-size: 12px;
}


#menu.menuOver li .big_theme a {
}

#menu_themes {
	float: left;
	text-align: center;
}

#menu_themes ul, #menu_themes li {
	margin:0;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
}

#menu_themes li {
	width: 200px;
}


#theme-medecine {
	width: 200px;
	padding: 0;
	display: inline-block;
	float: left;
}

#theme-sciences {
	width: 400px;
	padding: 0;
	display: inline-block;
	float: left;
}

#theme-sciences li, #theme-medecine li {
	font-weight: normal;
}

#menu_themes .menu_body  #nouveautes-collections, #menu-sciences #theme-sciences, #menu-medecine #theme-medecine {
	padding-top: 20px;
	padding-bottom: 10px;
	color: #444444;
	font-weight: bold;
}

#menu_themes .menu_body  #nouveautes-collections {
	font-size: 16px;
	width: 100%;
}

#menu-sciences #theme-sciences, #menu-medecine #theme-medecine {
	font-size: 15px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}

#menu_themes .menu_body {
	border-top: 1px solid #444444;
}

#theme-sciences, #theme-medecine {
	text-align: left;
}

#nouveautes-collections {
	text-align: center;
}

#menu-sciences {
	width: 320px;
	padding-right: 10px;
	float: left;
}

#menu-medecine {
	width: 155px;
	padding-right: 10px;
	float: left;
}

#menu.menuOver #collections {
	background-color: #CCCCCC;
}

#menu_themes .menu_body  #nouveautes-collections:hover, #menu_themes .menu_body #nouveautes-collections  #theme-sciences:hover, #menu_themes .menu_body #nouveautes-collections  #theme-medecine:hover  {
	font-size: 16px;
}


#menu.menuOver li div a:hover {
	font-size: 1em;
	border-bottom: inherit;
	border-top: inherit;
	color: #ffffff;
	display: block;
	background: #00579A;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	padding-left: 5px;
}

#menu_themes .menu_body li a:hover:before {
	content: "» "; 
}

#menu_themes .menu_body li a {
	color: inherit;
	text-decoration:none;
	display:block;
	text-align: left;
	padding: 3px 0;
	height: 17px;
	color: #444444;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	font-weight: normal;
	width: 190px;
}

#menu_themes .menu_body li .big_theme a {
	font-weight: bold;
	font-size: 13px;
}

#footer {
	clear: both;
	text-align: center;
    background: #353D4B;
    text-align: left;
	width: 100%;
	margin-top: 30px;
	padding: 15px 0 10px 0;
}

.footer-liens {
    margin: 0 0 0 10px;
    padding-left: 0px;
    text-align: left;
	font-family: Oswald,Calibri,Arial,sans-serif;
}

.footer-liens p {
	text-align: center;
	margin-bottom: 0;
}

.footer-liens a {
	padding: 15px 0;
	color: #ddd;
	font-weight: inherit;
	white-space: nowrap;
	text-decoration: none;
	display: block;
	text-shadow: 0 -1px 0 #000;
	-moz-transition:All 0.2s ease;
    -o-transition:All 0.2s ease;
    transition:All 0.2s ease;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 15px;
}

#footer .footer-liens a:focus, #footer .footer-liens a:hover {color:#FFFFFF; text-decoration:none;}

.footer-liens span {
	margin: 0 10px;
	vertical-align: center;
	color: #868686;
}

#footer-facebook {
	text-align: right;
	margin-right: 10px;
	font-size: 15px;
	color: #555555;
}

#footer-facebook img {
	vertical-align: middle;
	margin-left: 5px;
	border: none;
}

#connection_edf {
	color:#333399;
	text-align: center;
	font-size:10px;
	Background-color: #FFFFFF;
}

#connection_edf p.edf_connecte {
	margin: 5px auto 0 auto;
}

#connection_edf 	p.client_edf {
	margin: 0 auto 0 auto;
}

.client_edf {
	height: 13px;
}

.petite_marge {
	margin-left: 30px;
	margin-bottom: 20px;
}

.grande_marge {
	margin-left: 30px;
	margin-bottom: 20px;
}

.theme_principal {
	text-transform: uppercase;
	font-size: 1.3em;
	color: #333399;
}

#edoc a, #edoc a:visited {
	color: #ee9200;
	cursor: pointer;
	text-decoration: none;
}

address {
	font-weight: bold;
	font-style: normal;
	padding: 0.5em;
}

acronym, abbr {
	border: 0;
	cursor: help;
	text-decoration: none;
}

#entete {
	position: relative;
	z-index: 100;
	background-color: #00579A;
	background-image: radial-gradient(circle farthest-side at center bottom,#009cde,#01325b 125%);
	border-bottom: 3px solid #01325b;
}

@media screen and (max-width: 767px) { #entete {padding-bottom:20px;}}
@media screen and (max-width: 767px) { #entete .form-group {margin-bottom:-25px;}}

#searchformForm .btn {background:#01345f; color:#FFF; border-radius:0 4px 4px 0; border-color:#edaf00; font-size:24px; margin:0;}
#dl-menu .btn {margin:0;}
#entete.row {margin:0;}
#entete .row {margin:0; padding:0;}

#principal .bouton, #bouton-desinscription {
	color: #FFFFFF;
	background-color: #EE9200;
    border: 2px solid #F4CB00;
    color: #FFFFFF;
    padding: 0;
}

.bootstrap #principal .bouton {background-color: inherit; border: inherit; padding: inherit;}

#principal .bouton:hover, #bouton-desinscription:hover {
	cursor: pointer;
}

#accessibilite {
	position: absolute;
	top: 6.3em;
	width: 100%;
	max-height: 2em;
	background-color: #339;
	z-index: 28;
	text-align: center;
	border-top: 1px solid #FFF;
	line-height: 2em;
	padding: 0;
	margin-top: 13px;
}

#accessibilite li {
	display: inline;
	padding-right: 1em;
}

.invisible {
	display: none;
}

.visible {
	display: inline;
}


#pub, #adv {
	top: 0;
	width: 100%;
	height: 101px;
	background-color: #00579A;
	border-bottom: 1px solid #FFFFFF;
}

#banniere {
	float: right;
	background-color: #00579A;
	height: 90px;
}

#logo {
	position: relative;
	left: 0;
	top: 0;
	height: 101px;
}



#logo img {
	height:auto;
	position:relative;
	border:none;
	margin-top: 10px;
	max-width: inherit;
}

@media screen and (min-width: 768px) and (max-width: 830px) {#logo img {max-width:100%;margin-top:24px;} #logo p {font-size: 13px; left:40px;}}
@media only screen and (max-width: 320px) {#logo img {max-width:100%;}}

#logo p {
	color: #FFFFFF;
	margin: 0;
	font-size: 14px;
	position: absolute;
	top: 85px;
	left: 85px;
	width: 240px;
	font-family: oswald;
}
@media only screen and (max-width: 320px) {#logo p {top:85px; left:57px;}}

#logo #lavoisier-blanc {
	width: 210px;
	margin: 28px 0 0 10px;
	position: absolute;
}

#picto-jaune {
	margin-left: 10px;
	width: 91px;
	margin-top: 5px;
}

#christmas {
	margin-left: 200px;
	float: left;
}

#christmas img {
	border: none;
}

.recherche_avancee {
	margin-top: 8px;
}

#menu_horizontal {
	margin-left: 60px;
}

#principal {
	z-index: 12;
}

.bandeau {
	text-align: center;
	margin-bottom: 20px;
}

#titre, #notice #titre, #copyright {
	margin-bottom: 2px;
} 

#titre, #notice#titre {
	text-align: left;
}

#copyright {
	text-align: right;
}

.bloc p, .bloc2 p {
	margin: 0;
	padding: 0.5em;
}

fieldset.bloc, fieldset.bloc2 {
	margin-top: -1em;
}

.bloc legend, .bloc2 legend {
	color: #EE9200;
	background-color: transparent;
	margin: auto;
	font-size: 150%;
}

.deuxcol {
	width: 50%;
	position: relative;
	float: left;
	text-align: center;
}

.fincol {
	clear: both;
}

.prix {
	font-weight: bold;
}

.barre {
	text-decoration: line-through;
	font-weight: normal;
}
/*
.ebook:after {
	content: url("../images/e-book.gif");
}
*/
.ajouter_au_panier {
	border: 0;
	color: #ee9200;
	font-size:1.5em;
	padding: 0;
}

.ajouter_au_panier a:hover {
	text-decoration: none;
}

.panier {
	border:0;
}
/*
.panier:after {
	content: url("../images/caddy_librairie.jpg");
}

.cadenas:after {
	content: url("../images/cadenas_librairie.gif");
}
*/
.ebook:after, .panier:after, .cadenas:after {
	vertical-align: sub;
	padding-left: 0.5em;
}

.fleche {
	vertical-align: middle;
}


.total {
	text-align: left;
}

#adresses_imprimante {
	display:none;
}

#ati {
	position: relative;
	right: 0;
	float: right;
}

.bleu_EIM {
		color: #01abe6;
}

#erreur_I .bloc, #erreur_A .bloc, #erreur_E .bloc, #erreur_I .bloc2, #erreur_A .bloc2, #erreur_E .bloc2 {
    min-height: 4em;
	font-size: 1.3em;
}

#principal .gras {
	font-weight: bold;
}

#resultat .bloc3 {
	background-color:#FFFFFF;
	padding:0.5em;
	font-size:93%;
}

#resultat .bloc {
	border: none;
}


#resultat li, #notice #copyright, #resultat #copyright {
	clear:both;
}

#liste_resultat li {
	margin-bottom: 25px;
	line-height: 1.9em;
}

#principal a, #navigation a, #navigation  input, #page, #choix a, #choix input, #actus a, #infos a, #catalogues a, #validation .choix a {
	text-decoration:none;
}



#principal #resultat .bloc3 h1 {
	text-align: left;
	font-size: 19px;
	color: #444444;
	font-weight: bold;
}

#principal  #resultat h1 span {
	color: #333399;
}

#resultat #copyright {
	text-align:right;
	border-top: 1px solid #444444;
}


#resultat #navigation {
	background-color: #FFFFFF;
}

#resultat .bloc3 {
	border: none;
}

#resultat a {
	text-decoration: none;
	font-weight: normal;
/*	color: #000000;*/
}

.titres {
	background-color:#FFFFFF;
	color: #333399;
	font-family:arial,helvetica,sans-serif;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	text-align:right;
	vertical-align:middle;
}

#resultat h2 {
	font-size: 1em;
	font-weight: normal;
}

#liste_resultat .titre {
	font-family: verdana, arial, helvetica, sans-serif;
}

#liste_resultat .titre a {
	font-weight: bold;
	font-size: 1.1em;
	color: #00579A;
}

.couverture {
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
}

#resultat ol, #resultat ul {
    list-style: none outside none;
}

#principal #resultat h1, #principal #notice h1 {
    font-family: verdana,arial,helvetica,sans-serif;
    font-weight: normal;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	font-style: normal;
	float: none;
}

#principal #resultat h1 span, #principal #notice h1 span {
	background: none;
	float: none;
	padding: 0;
}

#notice .soustitre, #notice .traite, #principal #notice .collection {
	font-size: 0.75em;
}

#principal #notice .collection {
	display: block;
}

#social {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

#social a {
	float: left;
}

#bloc-collec-interne {
	background:url("https://images.lavoisier.net/logo/logo-collec-interne2.jpg") no-repeat scroll 0 0 transparent;
}


/* ----------------- css pour le slideshow TinySlider ------------------------ */

#wrapper {line-height:1.4; margin-bottom:0px}
#wrapper {height:90px; float:right; margin-right:2px;}

#defilement-diapos {display:none; margin:auto; width:380px;}
#sliderbutton1 {float:left; width:32px; margin-top:12px;}
#sliderbutton2 {float:left; width:32px; margin-top:12px;}
#sliderbutton1 img, #sliderbutton2 img {cursor:pointer; background-color:#00579A}
#sliderbutton1 img:hover, #sliderbutton2 img:hover {background:#EE9200}
#slider {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    float: right;
    height: 90px;
    margin: 5px 0 0;
    overflow: hidden;
    position: relative;
    width: 728px;}
#slider ul {position:relative; list-style:none; left:0; padding-left:0; margin:auto}
#slider li {float:left; height:90px;}
#slider img {vertical-align:middle; margin:auto; padding:auto}

.pagination {float:left; list-style:none; height:25px; margin:15px 32px 0; padding:0; text-align:center;}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#00579A; border:1px solid #999; margin:0 2px; text-align:center; color:#FFFFFF}
.pagination li:hover {background:#EE9200; border:1px solid #bbb; color:#FFFFFF;}
li.current {border:1px solid #ccc; background:#EE9200}

li#content {width:726px; height:198px; padding:0; text-align:left; margin:auto; background:#fbdd6f; border:1px solid #EE9200; background-image: url("https://images.lavoisier.net/fonds/background-wrapper2.jpg")}
#content p {font-size:40px; color:#00579A; float:left; padding-top:11px!important; *margin-top:30px; padding-left:55px; text-align:center;}
#content p {padding:10px;}
#content #img1 {float:right; margin:inherit; margin-top:10px; margin-right:20px;}
#content #img2 {float:right; margin:inherit; margin-top:7px; margin-right:30px;}

li#content2 {width:726px; height:198px; padding:0; text-align:left; margin:auto; background:#000000; border:1px solid #000000; background-image: url("https://images.lavoisier.net/fonds/background-wrapper3.jpg")}
#content2 p {font-size:30px; color:#FFFFFF; float:left; padding-top:0px!important; *margin-top:30px; padding-left:41px; text-align:center; line-height:50px;}
#content2 p span {background-color:red; color:#FFFFFF;}
#content2 p {padding:10px;}
#content2 #img3 {float:right; margin:inherit; margin-top:7px; margin-right:20px;}
#content2 #img4 {float:right; margin:inherit; margin-top:7px; margin-right:30px;}


/* ---------------------- css pour formulaire de contact application dico pharamaceutique ----------------------- */

#conteneur-dicopharma-form {
	width: 953px;
	height: 570px;
	margin: auto;
	border: 1px solid #CCC;
-webkit-box-shadow:0 6px 15px #AAAAAA;
   -moz-box-shadow:0 6px 15px #AAAAAA;
        box-shadow:0 6px 15px #AAAAAA;
}


#dico-pharma-graphiques {
	width: 300px;
	float: left;
}

#dico-pharma-graphiques object {
	width: 200px;
	margin-left: 50px;
	border: none;
	z-index: 10;
}

#dico-pharma-graphiques p a {
	float: left;
}

#dico-pharma-graphiques img {
	margin-left:35px;
}

#dico-pharma-descriptif {
	float: left;
	width: 610px;
	height: 960px;
	padding: 20px;
	background-color: #EDEDED;
	-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
}

#prix-appli {	
	width: 300px;
	margin-top: 0;
}

#prix-appli img {
	width: 76px;
	margin-left: 110px;
}

.appli-rubrique {
	background: #4b90c4;
	width: 300px;
	color: #FFFFFF;
	padding: 3px;

}

#appli-dicopharma-form, #appli-dicopharma-form #principal {
	color: #333333;
	font-family: arial, sans-serif;
}

#appli-dicopharma-form #languette {
	float: none;
	width: 100%;
}

#appli-dicopharma-form #principal h1 {
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.3);
background: rgb(181,189,200); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YmRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjODI4Yzk1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4MzQzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 0%, #28343b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(0%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 0%,#28343b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b5bdc8 0%,#828c95 0%,#28343b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b5bdc8 0%,#828c95 0%,#28343b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b5bdc8 0%,#828c95 0%,#28343b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-8 */	
}

#bloc-gauche-form, #form-editions {
	float: left;
	padding-left: 95px;
}

#bloc-gauche-form {
	margin-top: 18px;
}

#bloc-gauche-form img {
	margin: auto;
	width: 200px;
}

#form-editions {
}

#form-editions form {
	margin: auto;
}

#form-editions form, #form-editions fieldset, #form-editions input, #form-editions textarea {
    margin: 0;
    padding: 0;
	font-size: 12px;
}
#form-editions table {
    border-collapse: collapse;
    border-spacing: 0;
}

#form-editions fieldset, #form-editions img {
    border: 0 none;
}

#form-editions address, #form-editions caption {
    font-style: normal;
    font-weight: normal;
}

#form-editions ol, #form-editions ul {
    list-style: none outside none;
}

#form-editions caption {
    text-align: left;
}

#form-editions q:before, #form-editions q:after {
    content: "";
}

#form-editions abbr, #form-editions acronym {
    border: 0 none;
}

#form-editions a {
    color: #333333;
    text-decoration: underline;
}

#form-editions form {
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(204,204,204,1) 55%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(55%,rgba(204,204,204,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 55%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 55%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 55%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 55%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
    border: 1px solid #AAAAAA;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
	-webkit-box-shadow:0 -6px 15px #AAAAAA;
	-moz-box-shadow:0 -6px 15px #AAAAAA;
    box-shadow:0 -6px 15px #AAAAAA;
    padding: 10px;
    width: 500px;
	margin: auto;
	margin-top: 10px;
}

#form-editions #titre_form {
    border-bottom: 1px solid #CCCCCC;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 20px;
    text-transform: uppercase;
    padding: 0;
    text-align: center;
    font-size: 1.4em;
}

#form-editions form p {
    margin-bottom: 20px;
    padding-left: 40px;
}

#form-editions form p:last-child {
    margin-bottom: 0;
}

#form-editions label {
    display: block;
    float: left;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 5px;
    width: 130px;
}

#form-editions form p:hover label {
    color: #0459B7;
}

#form-editions form p:hover label:after {
    content: " >";
}

#form-editions input[type="text"], #form-editions input[type="password"] {
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
    border: 1px solid #AAAAAA;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	-moz-box-shadow:0 0 3px #AAAAAA;
    box-shadow:0 0 3px #AAAAAA;
    padding: 5px;
    width: 200px;
}

#form-editions input[type="text"]:focus, #form-editions input[type="text"]:hover, #form-editions input[type="password"]:focus, #form-editions input[type="password"]:hover {
    border-color: #093C75;
	-webkit-box-shadow:0 0 3px #0459B7;
	-moz-box-shadow:0 0 3px #0459B7;
    box-shadow:0 0 3px #0459B7;
    outline: medium none;
}

#form-editions select {
	-webkit-box-shadow:0 0 3px #AAAAAA;
	-moz-box-shadow:0 0 3px #AAAAAA;
    box-shadow:0 0 3px #AAAAAA;
    cursor: pointer;
    height: 24px;
	width: 305px;
	border: 1px solid #AAAAAA;
}

#form-editions select:active, #form-editions select:focus, #message-form-editions:active, #message-form-editions:focus, #form-editions select:hover, #form-editions select:hover, #message-form-editions:hover, #message-form-editions:hover {
	border: 1px solid #093C75;
	-webkit-box-shadow:0 0 3px #0459B7;
	-moz-box-shadow:0 0 3px #0459B7;
    box-shadow:0 0 3px #0459B7;
}

#form-editions input[type="submit"], #form-editions a.submit {
background: #002b11; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMmIxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZlMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #002b11 0%, #006e2e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002b11), color-stop(100%,#006e2e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #002b11 0%,#006e2e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #002b11 0%,#006e2e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #002b11 0%,#006e2e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #002b11 0%,#006e2e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b11', endColorstr='#006e2e',GradientType=0 ); /* IE6-8 */

    border: 1px solid #006e2e;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0 2px 7px #666666;
	-moz-box-shadow: 0 2px 7px #666666;
    box-shadow: 0 2px 7px #666666;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-left: 210px;
    padding: 7px 10px 5px 10px;
    text-decoration: none;
    text-shadow: 0 1px 1px #333333;
    text-transform: uppercase;
}

#form-editions input[type="submit"]:hover, #form-editions a.submit:hover {
background: #006e2e; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDJiMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #006e2e 0%, #002b11 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006e2e), color-stop(100%,#002b11)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #006e2e 0%,#002b11 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #006e2e 0%,#002b11 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #006e2e 0%,#002b11 100%); /* IE10+ */
background: linear-gradient(to bottom,  #006e2e 0%,#002b11 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#002b11',GradientType=0 ); /* IE6-8 */

    border-color: #006e2e;
    text-decoration: none;
}

#form-editions input[type="submit"]:active, #form-editions input[type="submit"]:focus, #form-editions a.submit:active, #form-editions a.submit:focus {
	background: rgb(11,205,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiY2RmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjdjZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(11,205,255,1) 0%, rgba(6,124,211,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(11,205,255,1)), color-stop(100%,rgba(6,124,211,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(11,205,255,1) 0%,rgba(6,124,211,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(11,205,255,1) 0%,rgba(6,124,211,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(11,205,255,1) 0%,rgba(6,124,211,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(11,205,255,1) 0%,rgba(6,124,211,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0bcdff', endColorstr='#067cd3',GradientType=0 ); /* IE6-8 */
    border-color: #093C75;
    outline: medium none;
}

#message-form-editions {
	width: 300px;
	height: 120px;
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
    border: 1px solid #AAAAAA;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	-moz-box-shadow:0 0 3px #AAAAAA;
    box-shadow:0 0 3px #AAAAAA;
    padding: 5px;
}

#form-editions #finish {
    background: none repeat scroll 0 0 rgba(65, 166, 42, 0.2);
    border: 2px solid #41A62A;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
    display: none;
    padding: 5px 10px;
}
#form-editions #finish:target {
    display: block;
}

.fiche-livre .editeur {
	font-weight: bold;
	color: #333;
	font-size: 11px;
	display: block;
}

.pdm {
	display: none;
}

/* CSS POUR NOTICE PERSONNALISEE */

#resume-personnalise img {
	width: 120px;
	border : 1px solid #444;
	-webkit-border-radius:3px;
   -moz-border-radius:3px;
    border-radius:3px;
	 -webkit-box-shadow: 3px 3px 10px 1px #999999; 
	 -moz-box-shadow:3px 3px 10px 1px #999999; 
	 box-shadow:3px 3px 10px 1px #999999;
		-webkit-transition:All 0.3s ease;
	   -moz-transition:All 0.3s ease;
		 -o-transition:All 0.3s ease;
			transition:All 0.3s ease;
	z-index: 1;
}

#resume-personnalise img:hover {
	width: 170px;
	z-index: 2;
	margin-left: 0px;
}

#resume-personnalise a.lien-img {
	display: block;
	float: left;
	margin-top: 20px;
}

/* FIN CSS POUR NOTICE PERSONNALISEE */

/* CSS POUR CARRROUSEL NIVO-SLIDER  */

/* The Nivo Slider styles */

.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
		/* LIGNES CI-DESSOUS PERMETTENT DE RENDRE CLIQUABLES LES LIENS POUR IE */	
			background:white;
			filter: alpha(opacity=0);
			opacity: 0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* FIN CSS CARROUSEL NIVO-SLIDER  */


/* CSS POUR THEME BAR CARROUSEL NIVO-SLIDER */

.theme-bar.slider-wrapper {
    position: relative;
    overflow: hidden;
}
.theme-bar .nivoSlider {
	position:relative;
	background:#fff url("https://images.lavoisier.net/icones/loading.gif") no-repeat 50% 50%;
}
/*
#ssl .theme-bar .nivoSlider {
	background-image: url("https://images.lavoisier.net/icones/loading.gif");
}
*/
.theme-bar .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-bar .nivoSlider a {
	border:0;
	display:block;
}

.theme-bar .nivo-controlNav {
    position: absolute;
    left: 0;
    bottom: -41px;
    z-index: 10;
    width: 728px;
    height: 15px;
	padding: 5px 0;
	/*
	border-top: 1px solid #333;
	background: #333;
    background: -moz-linear-gradient(top,  #565656 0%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#333333));
    background: -webkit-linear-gradient(top,  #565656 0%,#333333 100%);
    background: -o-linear-gradient(top,  #565656 0%,#333333 100%);
    background: -ms-linear-gradient(top,  #565656 0%,#333333 100%);
    background: linear-gradient(to bottom,  #565656 0%,#333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#333333',GradientType=0 );
	*/
    opacity: 0.5;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-bar:hover .nivo-controlNav {
    bottom: 0;
    opacity: 1;
	*display: none;
}
.theme-bar .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url("https://images.lavoisier.net/icones/bullets.png") no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0px 2px 0 2px;
}
/*
#ssl .theme-bar .nivo-controlNav a {
	background-image: url("https://images.lavoisier.net/icones/bullets.png");
}
*/
#pub .theme-bar .nivo-controlNav a {
	float: none;
}

.theme-bar .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-bar .nivo-directionNav a {
	display:block;
	border:0;
	color: #fff;
	top: auto;
	bottom: 10px;
	z-index: 11;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 0px;
	opacity: 0.5;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-bar a.nivo-nextNav { right: -100px; }
.theme-bar a.nivo-prevNav { left: -100px; }
/*
.theme-bar:hover a.nivo-nextNav { 
    right: 15px; 
    opacity: 1;
}
.theme-bar:hover a.nivo-prevNav { 
    left: 15px; 
    opacity: 1;
}
*/
.theme-bar .nivo-directionNav a:hover { color: #ddd; }

.theme-bar .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-bar:hover .nivo-caption {
    bottom: 41px;
}
.theme-bar .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-bar .nivo-caption a:hover {
    color:#fff;
}

.theme-bar .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-bar .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-bar .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}

/* FIN CSS THEME BAR CARROUSEL NIVO-SLIDER  */

.pdm {
	display: none;
}

#Succes {
	background-color: #c0d02f;
}

#Echec {
	background-color: #fe691f;
}

.incurve {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#newsletter, #enreg_newsletter {
	color: #444444;
	width: 950px;
	margin: 30px auto auto auto;
    border: 1px solid #AAAAAA;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
	-webkit-box-shadow:0 -6px 15px #AAAAAA;
	-moz-box-shadow:0 -6px 15px #AAAAAA;
    box-shadow:0 -6px 15px #AAAAAA;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 55%, #e8e8e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(55%,#dbdbdb), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 55%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#dbdbdb 55%,#e8e8e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#dbdbdb 55%,#e8e8e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 55%,#e8e8e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

#newsletter input[type=checkbox] {
	border: none;
}

#newsletter input[type=submit] {
	border-color: inherit;
	border-style: inherit;
	border-width: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:0 5px 0 #00628D, 0 5px 5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:0 5px 0 #00628D, 0 5px 5px rgba(0, 0, 0, 0.75);
	box-shadow:0 5px 0 #00628D, 0 5px 5px rgba(0, 0, 0, 0.75);
	background: #249BC4;
	padding: 10px;
	font-size: 15px;
	text-align: center;
	color: #FFFFFF;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    transition:All 0.3s ease;
}

#newsletter input[type=submit]:hover {	
	background: #249BC4;
    -webkit-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.9);
    -moz-box-shadow:inset 0 0px 3px rgba(0, 0, 0, 0.9);
    box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.9);
}



#newsletter .au_centre {
	width: 250px;
	margin: auto;
}

#enreg_newsletter .fincol {
	background: #bfd255;
		-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #00579A;
	padding: 3px 10px;
	font-size: 14px;
	width: 480px;
	margin: auto;
	
}


#bloc-techniques ul, #bloc-medecine ul {
	margin-bottom: 30px;
}

.all-check {
	font-weight: bold;
	font-size: 14px;
}

#bloc-droit.lanews #bloc-techniques-fi p, #bloc-droit.lanews #bloc-medecine-para p {
	font-size: 14px;
}

#bloc-techniques-fi img, #bloc-medecine-para img {
	max-width: 100%;
	margin-top: -4px;
}

@media only screen and (max-width: 467px) {#bloc-techniques-fi strong, #bloc-medecine-para strong {display: block;}}

#newsletter .deja_abonne0 {
	background-color: #eee;
}

#newsletter .deja_abonne1 {
	background-color: #f4f4f4;
}

#newsletter .deja_abonne0 label, #newsletter .deja_abonne1 label {
	color: #000;
}


/* ---------------- LECTEUR VIDEO -------------------------- */
.lecteur-video {
	width: 240px;
	height: 200px;
	margin: 15px 0 10px 0;
	*display: none;
}

.lecteur-video video {
	position: relative;
	display: inline-block;
	margin: auto;
	width: 100%;
	height: 100%;
}

#fichiers .lecteur-video-legende {
	text-align: center;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #444444;
	margin: 5px 0 25px 0;
	*display: none;
}

/* ---------------- FIN LECTEUR VIDEO LES AUTRES CSS SPECIFIQUES AU LECTEUR SE SITUENT SUR VIDEO-JS.CSS -------------------------- */

#vingt_ans {
	width: 330px;
	height: 100px;
	float: left;
	display: block;
}

#vingt_ans img {
	/* margin-top: 22px;
	width: 260px; */
	width: 330px;
}

.collec-paraph {
	float: left;
	width: 45%;
	margin-left: 1%;
	margin-bottom: 30px;
	padding: 15px;
	color: #444444;
	background-color: #EDEBEB;
	border: 1px solid #CCCCCC;
	text-align: justify;
	text-shadow: 0 1px 0 #FFFFFF;
	line-height: 21px;
	font-size: 12px;
-webkit-border-radius:3px;
   -moz-border-radius:3px;
        border-radius:3px;
}

#presentation-collection {
	text-align: center;
	display: block;
	clear: both;
	background: #FFFFFF;
	color:#555555;
	padding: 20px 0;
	margin: 0px 0 30px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size:15px;
	line-height: 20px;
}

#presentation-collection-logo img {display:block; max-width: 100%; margin: 0 auto 30px auto;}
#presentation-collection h2 { color:#555555; font-weight: bold; font-size:18px; margin-top:0;}

.presentation-collection-laius, #presentation-collection-logo {text-align: justify; max-width: 600px;}
#presentation-collection-lien {text-align: right; font-size: 14px; font-weight: bold; color:#333333;}
#presentation-collection-lien a {color:#00579A; text-decoration: underline; font-weight: bold;}

/*   EVITER LES EFFETS DE BORD LORSQUE L ON ZOOME A PLUS DE 200% SUR L ENCADRE PUSH DE LA NOTICE   */
#principal .ae-bloc {
	min-height: inherit;
}

.ae-bloc:after {
	content: " ";
    display: block;
    clear: both;
}

/* */

#ae-recommendations .livre img {
	width: 120px;
	 -webkit-box-shadow: 3px 3px 10px 1px #999999; 
	 -moz-box-shadow:3px 3px 10px 1px #999999; 
	 box-shadow:3px 3px 10px 1px #999999;
	border: 1px solid #999999;
}

#ae-recommendations .pour_commander img {
	height: 34px;
	width: 122px;
	padding-left: 5px;
}

#notice .ae-bloc {
	padding: 0;
	border: none;
	background-color: #fcfcfc;
}

#notice #ae-recommendations {margin-top:3em; border:1px solid #ccc; padding:10px; background:#fcfcfc;}

#principal #copyright #ae-recommandations h3, #principal #copyright #ae-recommandations span, #principal #copyright .ae-area h3 span, #ae-recommandations h3, #ae-recommandations span {text-shadow:0 -1px 0 #fff; text-align:left; margin-left:35px; font-weight:normal; font-size:22px; font-style:normal; display:block;}

/*   CSS POUR NOUVELLE PAGE D'IDENTIFICATION      */

#principal .newprocess {
	margin-top: 30px;
}

#connexion {
	max-width: 960px;
	color: #444444;
	margin: 30px auto 0 auto;
}

#connexion .obligatoire {
	font-weight: normal;
}

#connexion .icon {
	display: none;
}

#principal.conteneur-connexion {
	margin: 30px auto;
	width: 950px;
	float: inherit;
}

#connexion .newconnexionform {
	max-width: 465px;
	text-align: left;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

#connexion #identification:hover, #connexion #inscription:hover {
-webkit-box-shadow:0 0 5px #888888;
   -moz-box-shadow:0 0 5px #888888;
        box-shadow:0 0 5px #888888;
}

#connexion #identification, #connexion #inscription {
	background: #efefef;
	padding-bottom: 10px;
	border: 1px solid #999999;
-webkit-box-shadow:0 0 2px #888888;
   -moz-box-shadow:0 0 2px #888888;
        box-shadow:0 0 2px #888888;
-webkit-border-radius:0 0 3px 3px;
   -moz-border-radius:0 0 3px 3px;
        border-radius:0 0 3px 3px;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    transition:All 0.3s ease;
}

#connexion #inscription {
}

#connexion #oubli {
	margin-top: 30px;
}

#connexion fieldset {
	margin: 0;
	padding: 0;
}

#connexion fieldset:hover {
-webkit-box-shadow: none;
   -moz-box-shadow: none;
        box-shadow: none;
}

#connexion fieldset p {
	padding: 5px;
	margin-bottom: 5px;
	max-width: inherit;
}

#connexion fieldset p.field idealforms-field idealforms-field-password {
	margin-bottom: 0;
	padding-bottom: 0;
}

#connexion #inscription fieldset p.texte {
	padding: 5px;
	font-size: 12px;
	margin-top: 15px;
	background-color: #EFEFEF;
}

#connexion p.field {
	padding-left: 15px;
}

#connexion legend {
	text-align: left;
	display: inline-block;
	color: #FFFFFF;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	padding: 3px 5px;
	margin-bottom: 20px;
	font-size: 18px;
	width: 100%;
	border: 0;
}

#connexion #identification legend {
	background: #258dc8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1OGRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU3OWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #258dc8 0%, #00579a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#258dc8), color-stop(100%,#00579a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #258dc8 0%,#00579a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#00579a',GradientType=0 ); /* IE6-8 */	
}

#connexion #oubli legend {
	color:#444;
	text-shadow: none;
	font-size: 15px;
	margin: 40px 0 5px 0;
}

#connexion #oubli label {
	width: 60px;
}

#connexion #oubli #bouton_recevoir {
	margin-left: 10px;
	padding: 4px 8px;
	width: 150px;
}

#pour_entrer {margin-bottom: 60px;}

@media only screen and (max-width: 403px) {#connexion #oubli #bouton_recevoir {margin-left:50px;}}

#connexion #inscription legend {
	background: #258dc8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1OGRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU3OWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #258dc8 0%, #00579a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#258dc8), color-stop(100%,#00579a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #258dc8 0%,#00579a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#00579a',GradientType=0 ); /* IE6-8 */
}

#connexion #inscription:hover #connexion #inscription legend {
	background: #258dc8;	
}

#connexion label {
	display: inline-block;
	width: 50%;
	float: left;
}

#connexion form.idealforms.adaptive .error {
	max-width: 400px;
}

#connexion p:hover label:after {
    content: " »";
}

#connexion p:hover label {
    color: #0459B7;
}

#connexion input {
	font-size: inherit;
	max-width: 165px;
    border: 1px solid #AAAAAA;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	-moz-box-shadow:0 0 3px #AAAAAA;
    box-shadow:0 0 3px #AAAAAA;
    padding: 5px;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    transition:All 0.3s ease;
}

#connexion input:focus {
    border-color: #093C75;
	-webkit-box-shadow:0 0 3px #0459B7;
	-moz-box-shadow:0 0 3px #0459B7;
    box-shadow:0 0 3px #0459B7;
}


#connexion #mel_ou {margin-bottom:10px;}

#connexion form.idealforms.adaptive .field .icon {
	margin-top: 15px;
}

#connexion form.idealforms .field .icon {
	left: 93%;
}

@media only screen and (max-width: 467px) {#connexion form.idealforms.adaptive .field .icon { margin-top:55px; left:200px;}}



#connexion.field idealforms-field idealforms-field-password {
	padding-bottom: 0;
	margin-bottom: 0;
}

/*
#connexion:hover .newconnexionform:not(:hover) form{
-webkit-filter: grayscale(1) blur(1px);
    -moz-filter: grayscale(1) blur(1px);
     -ms-filter: grayscale(1) blur(1px);
      -o-filter: grayscale(1) blur(1px);
         filter: grayscale(1) blur(1px);
}
*/

.wtf {
	border: 2px solid #00579A;
	font-size: 12px;
	margin-left: 20px;
	padding: 2px;
	-webkit-border-radius:3px;
   -moz-border-radius:3px;
        border-radius:3px;
}	

#mels_identiques, #mdps_identiques, #mel_ok, #mel_ok2 {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}

#connexion #inscription .note {
	margin-right: 10px;
}

#connexion a {
	text-decoration: underline;
}

#connexion a:hover {
	text-decoration: none;
}

#connexion input[type=submit] {
	background-color: #00579A;
	background: #258dc8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1OGRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU3OWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #258dc8 0%, #00579a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#258dc8), color-stop(100%,#00579a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #258dc8 0%,#00579a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#00579a',GradientType=0 ); /* IE6-8 */
	text-shadow: 0 -1px rgba(0, 0, 0, 0.8);
	color: #FFFFFF;
	border: 1px solid #00579A;
	padding: 8px;
}

#connexion #niveau_protection, #changement_mdp #niveau_protection  {
	width: 50%;
	height: 12px;
	padding: 0;
}

#connexion #niveau_protection {margin-left: 15px;}

@media only screen and (min-width: 400px) {#connexion #niveau_protection {margin-left: 50%; padding-left:5px;}}
@media only screen and (max-width: 400px) {#connexion #niveau_protection {width: 100%;}}

#connexion #niveau_protection div, #changement_mdp #niveau_protection div {
	display: inline-block;
	float: left;
	background-color: transparent;
	border: 1px solid #ccc;
	width: 18px;
	height: 12px;
	margin-right: 2px;
}

#connexion #niveau_protection #niv7 {
	margin-right: 0;
}

#principal.newprocess .texte {
		color:#777777;
		max-width: 960px;
		margin: 50px auto 0 auto;
		padding: 20px;
		line-height: 1.5em;
		padding: 20px;
}

#bloc-droit.ssl #connexion form {
	margin-top: 0;
}

#principal #connexion .bouton {
	-webkit-box-shadow: none;	
	   -moz-box-shadow:none;
			box-shadow:none;	
}

#principal #connexion .bouton:hover, #principal #connexion .bouton:focus, #principal #connexion .bouton:active {
    border-color: #093C75;
	-webkit-box-shadow:0 0 3px #0459B7;
	-moz-box-shadow:0 0 3px #0459B7;
    box-shadow:0 0 3px #0459B7;
	background-color: #00579A;
	background: #258dc8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1OGRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU3OWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #258dc8 0%, #00579a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#258dc8), color-stop(100%,#00579a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #258dc8 0%,#00579a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#00579a',GradientType=0 ); /* IE6-8 */
	text-shadow: 0 -1px rgba(0, 0, 0, 0.8);
}

#principal #connexion .error {
	font-size: 12px;
}

#principal form.idealforms .error {font-family: arial, sans-serif;}

#identification {

}

.displaynone {display:none;}
.displayblock {display:block}
.plier_deplier:hover {cursor:pointer;}
/*
.plier_deplier {color:#fff; background:#06b1d6; border-radius:4px; display:block; padding:10px; text-transform:uppercase; text-shadow:0 -1px 0 #999; letter-spacing:0.5px; font-weight:normal;}
*/

/* ombre sur couverture dans notice */
.conteneur-ombre-img::before {
    background-image: -webkit-gradient(linear,left top,left top,color-stop(1%,rgba(0,0,0,.05)),color-stop(12% rgba(255,255,255,.05)),color-stop(20% rgba(255,255,255,.1)),color-stop(90% rgba(0,0,0,.1)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.05) 1%,rgba(255,255,255,.05) 12%,rgba(255,255,255,.1) 20%,rgba(0,0,0,.1) 90%);
    background-image: -moz-linear-gradient(left,rgba(0,0,0,.05) 1%,rgba(255,255,255,.05) 12%,rgba(255,255,255,.1) 20%,rgba(0,0,0,.1) 90%);
    background-image: -ms-linear-gradient(left,rgba(0,0,0,.05) 1%,rgba(255,255,255,.05) 12%,rgba(255,255,255,.1) 20%,rgba(0,0,0,.1) 90%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.05) 1%,rgba(255,255,255,.05) 12%,rgba(255,255,255,.1) 20%,rgba(0,0,0,.1) 90%);
    background-image: linear-gradient(left,rgba(0,0,0,.05) 1%,rgba(255,255,255,.05) 12%,rgba(255,255,255,.1) 20%,rgba(0,0,0,.1) 90%);
	background-color:transparent;
	height:100%;
	z-index:2;
	content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.conteneur-ombre-img::after, .conteneur-ombre-img::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: '';
    pointer-events: none;
}

.conteneur-ombre-img::after {z-index:1;}

.conteneur-ombre-img {
	background: #fff none repeat scroll 0 0;
    bottom: 0;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
    margin: auto;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%;	
}

#gauche .conteneur-ombre-img img {
	width: 240px;
}

/* css pour cadre espace personnel */

#user_space {
	color: #ffffff;
	height: 80px;
	padding: 14px 10px 0 10px;
	font-size: 12px;
	font-family: arial, sans-serif;
	position: relative;
	text-align: left;
}

#user_space a {
	color: #555;
}
	
#user_interface ul {
	list-style: none;
	height: 17px;
	padding: 9px 0 0 0px;
	margin: 0;
}

#user_interface li, #user_interface a {
	float: left;
	text-align: left;
	height: 15px;
	margin: 0 1px;
}

#user_interface {
	display: inline-block;
	height: 20px;
	margin-top: 3px;	
}

#user_interface:after {
    border-bottom: 1px solid rgba(0, 153, 204, 0.25);
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    content: "";
    height: 0;
    margin-left: 18px;
	margin-top: 5px;
    position: absolute;
    width: 197px;
}

#user_cart {
	height: 30px;
	-webkit-border-radius:0 0 10px 10px;
   -moz-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;
	margin-top: 35px;
	color: #555555;
	text-align: left;
	width: 90%;
}


#user_cart p {
	margin:  0;
	padding: 0;
	color: #ffffff;
	text-align: left;
}


#user_cart a {
	font-size: 15px;
	padding-left: 0px;
	float: left;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	display: block;
	text-align: left;
}

#user_cart img {
	vertical-align: middle;
	margin: 0 5px 0 0;
	width: 25px;
}

#user_cart span {text-align:left; font-family: oswald, sans-serif;}

#frais-exclu {}
#frais-exclu span {color: #ffffff; font-style: italic; font-family:oswald;}

/* FIN css pour cadre espace personnel */

/* --------------- css pour tooltip --------------- */
	body .tooltip {opacity:1; line-height:1;}
   #enetete .tooltip {outline:none;text-decoration:none;line-height:1;z-index:10;} 
  #entete .tooltip strong {line-height:30px;}
  #entete .tooltip > .tooltip-infobulle { width:200px; padding: 10px 20px; margin-top: 60px; margin-left:-100px; opacity: 0; visibility: hidden; z-index: 10; position: absolute; font-family: Arial; font-size: 12px; font-style: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 5px #333; -moz-box-shadow: 0px 0px 5px #333; box-shadow: 0px 0px 5px #333; -webkit-transition-property:opacity, margin-top, visibility, margin-left; -webkit-transition-duration:0.4s, 0.3s, 0.4s, 0.3s; -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; -moz-transition-property:opacity, margin-top, visibility, margin-left; -moz-transition-duration:0.4s, 0.3s, 0.4s, 0.3s; -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; -o-transition-property:opacity, margin-top, visibility, margin-left; -o-transition-duration:0.4s, 0.3s, 0.4s, 0.3s; -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; transition-property:opacity, margin-top, visibility, margin-left; transition-duration:0.4s, 0.3s, 0.4s, 0.3s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; line-height:1.4em;}
  /*a.tooltip > span:hover,*/ 
  #entete .tooltip:hover > .tooltip-infobulle { opacity: 1; text-decoration:none; visibility: visible; overflow: visible; margin-top:0px; margin-left: -100px; } 
  #entete .tooltip .tooltip-infobulle b { width: 15px; height: 15px; margin-left: 20px; margin-top: -19px; display: block; position: absolute; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: inset -1px 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; -o-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; display: none\0/; *display: none; }
  #entete .tooltip > .tooltip-infobulle { color: #FFFFFF; background: #393f48; background: -moz-linear-gradient(top, #393f48 0%, #393f48 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#393f48), color-stop(100%,#393f48)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393f48', endColorstr='#393f48',GradientType=0 ); border: 1px solid #333333; }
  #entete .tooltip .tooltip-infobulle b { background: #393f48; border-top: 1px solid #333333; border-right: 1px solid #333333; } 
  #user_space .tooltip-infobulle {text-shadow: none;}
  
  /* ------------- fin css pour tooltip --------------- */
  
  #push-page-resultats {
	background: rgb(238, 238, 238) none repeat scroll 0 0;
    color: rgb(68, 68, 68);
    float: left;
    max-width: 700px;
    padding: 10px;
    text-align: left;	
  }
  
  #push-page-resultats span {display:block; text-align:center;}
  
  #push-page-resultats a {text-decoration:underline; font-weight:bold;}
  
.bold {font-weight: bold;}

.bootstrap #recommandation {padding-bottom:20px; padding-top: 20px;}
#recommandation h4 {color:#666; font-size:19px; margin-bottom:30px;}
#recommandation h4:first-letter {text-transform: uppercase;}
#recommandation .reco-ouvrage {float: left; text-align: left; width: 33%; font-size:12px;}
#recommandation img {box-shadow:2px 1px 5px #999; margin-bottom:7px;}
#recommandation .reco-ouvrage-prix {font-weight:bold; color:#ee9200;display:block; margin-top:2px;}
#recommandation a {display:block; max-width: 85%; color:#36A0CF;}
.reco-soustitre {font-size:11px; font-style: italic;}
.reco-ouvrage span {display:block; color:#36A0CF; font-size:15px;}
.reco-ouvrage span.reco-ouvrage-prix {color:#EE9200;}


/* MENU RESPONSIVE */

.dl-menuwrapper {
width: 100%;
max-width: 300px;
float: left;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: 50% 200%;
-moz-perspective-origin: 50% 200%;
perspective-origin: 50% 200%;
z-index: 10000;
margin-top: 40px;
font-family: Oswald,Calibri,Arial,sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 2.5;
	border-radius: 4px;
}

@media only screen and (max-width: 480px) {
	.dl-menuwrapper {
		/* PAS SAISI L INTERET DU RELATIF POUR LES SMARTPHONES DONC MIS EN COMMENTAIRE position: relative; */
		max-width: 200px;
		/* position: relative; */
	}
}

.dl-menuwrapper:first-child {
margin-right: 100px;
}
.dl-menuwrapper #dl-menu-button {
background: transparent;
border: none;
width: 48px;
height: 45px;
text-indent: -900em;
overflow: hidden;
position: relative;
cursor: pointer;
outline: none;
}
.dl-menuwrapper #dl-menu-button:hover, .dl-menuwrapper #dl-menu-button.dl-active {
background: #01345F;
}
.dl-menuwrapper ul {background:#353D4B;}
.dl-menuwrapper #dl-menu-button:after {
content: '';
position: absolute;
width: 68%;
height: 5px;
background: #fff;
top: 10px;
left: 16%;
box-shadow: 0 10px 0 #fff,  0 20px 0 #fff;
}
.dl-menuwrapper ul {
padding: 0;
list-style: none;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.dl-menuwrapper li {
position: relative;
padding-left: 10px;
}
.dl-menuwrapper .dl-subviewopen, .dl-menuwrapper .dl-subview, .dl-menuwrapper .dl-subviewopen li {padding-left:0;}

.dl-menuwrapper li a {
display: block;
position: relative;
padding: 1em 1em 1em 1.8em;
font-size: 18px;
line-height: 20px;
color: #fff;
outline: none;
text-decoration: none;
font-family: Oswald,Calibri,Arial,sans-serif;
}
.no-touch .dl-menuwrapper li a:hover {
/* background: rgba(255,248,213,0.1); */
color:#68AED8;
}
.dl-menuwrapper li.dl-back > a {
padding-left: 30px;
background: rgba(0,0,0,0.2);
}
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
position: absolute;
top: 0;
line-height: 58px;
font-family: 'icomoon';
speak: none;
-webkit-font-smoothing: antialiased;
content: "\279C";
}
.dl-menuwrapper li.dl-back:after {
left: 10px;
color: #FFFFFF;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.dl-menuwrapper li > a:after {
right: 10px;
}
.dl-menuwrapper .dl-menu {
margin: 5px 0 0 -250px;
position: absolute;
width: 300px;
opacity: 0;
filter: alpha(opacity = 0);
pointer-events: none;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 4px;
box-shadow: 0px 0px 10px #444;
z-index:0;
}
@media only screen and (max-width: 767px) {.dl-menuwrapper .dl-menu {margin: 5px 0 0 0;}}
/* @media only screen and (max-width: 467px) {.dl-menuwrapper .dl-menu {width:265px;}} */

.dl-menuwrapper .dl-menu.dl-menuopen.dl-subview {margin-left: -250px;}
@media only screen and (max-width: 767px) {.dl-menuwrapper .dl-menu.dl-menuopen.dl-subview {margin-left:inherit;}}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
opacity: 1;
filter: alpha(opacity = 100);
pointer-events: auto;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
z-index: 100000;
}

@media only screen and (max-width: 480px) {
	.dl-menu.dl-menuopen.dl-subview {
		max-height: 350px;
		overflow-x :hidden;
		overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	}
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
	max-height: 350px;
	overflow-x :hidden;
	overflow-y: scroll;

z-index: 100000;
}

.dl-menuwrapper #dl-menu-collections .dl-submenu {
	overflow-y: hidden;
	z-index: 100000;
}

.dl-menuwrapper #dl-menu-collections .dl-submenu .dl-submenu {
	overflow-y: scroll;
	z-index: 100000;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a {
display: none;
}
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
display: block;
}
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
position: absolute;
width: 100%;
top: 50px;
left: 0;
margin: 0;
}
/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
-webkit-animation: MenuAnimOut1 0.4s linear forwards;
-moz-animation: MenuAnimOut1 0.4s linear forwards;
animation: MenuAnimOut1 0.4s linear forwards;
}
.dl-menu.dl-animate-out-2 {
-webkit-animation: MenuAnimOut2 0.3s ease-in-out forwards;
-moz-animation: MenuAnimOut2 0.3s ease-in-out forwards;
animation: MenuAnimOut2 0.3s ease-in-out forwards;
}
.dl-menu.dl-animate-out-3 {
-webkit-animation: MenuAnimOut3 0.4s ease forwards;
-moz-animation: MenuAnimOut3 0.4s ease forwards;
animation: MenuAnimOut3 0.4s ease forwards;
}
.dl-menu.dl-animate-out-4 {
-webkit-animation: MenuAnimOut4 0.4s ease forwards;
-moz-animation: MenuAnimOut4 0.4s ease forwards;
animation: MenuAnimOut4 0.4s ease forwards;
}
.dl-menu.dl-animate-out-5 {
-webkit-animation: MenuAnimOut5 0.4s ease forwards;
-moz-animation: MenuAnimOut5 0.4s ease forwards;
animation: MenuAnimOut5 0.4s ease forwards;
}
 @-webkit-keyframes MenuAnimOut1 {
 50% {
 -webkit-transform: translateZ(-250px) rotateY(30deg);
}
 75% {
 -webkit-transform: translateZ(-372.5px) rotateY(15deg);
 opacity: .5;
 filter: alpha(opacity = 50);
}
 100% {
 -webkit-transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @-webkit-keyframes MenuAnimOut2 {
 100% {
 -webkit-transform: translateX(-100%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @-webkit-keyframes MenuAnimOut3 {
 100% {
 -webkit-transform: translateZ(300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @-webkit-keyframes MenuAnimOut4 {
 100% {
 -webkit-transform: translateZ(-300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @-webkit-keyframes MenuAnimOut5 {
 100% {
 -webkit-transform: translateY(40%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @-moz-keyframes MenuAnimOut1 {
 50% {
 -moz-transform: translateZ(-250px) rotateY(30deg);
}
 75% {
 -moz-transform: translateZ(-372.5px) rotateY(15deg);
 opacity: .5;
 filter: alpha(opacity = 50);
}
 100% {
 -moz-transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @-moz-keyframes MenuAnimOut2 {
 100% {
 -moz-transform: translateX(-100%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @-moz-keyframes MenuAnimOut3 {
 100% {
 -moz-transform: translateZ(300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @-moz-keyframes MenuAnimOut4 {
 100% {
 -moz-transform: translateZ(-300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @-moz-keyframes MenuAnimOut5 {
 100% {
 -moz-transform: translateY(40%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @keyframes MenuAnimOut1 {
 50% {
 transform: translateZ(-250px) rotateY(30deg);
}
 75% {
 transform: translateZ(-372.5px) rotateY(15deg);
 opacity: .5;
 filter: alpha(opacity = 50);
}
 100% {
 transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @keyframes MenuAnimOut2 {
 100% {
 transform: translateX(-100%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @keyframes MenuAnimOut3 {
 100% {
 transform: translateZ(300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @keyframes MenuAnimOut4 {
 100% {
 transform: translateZ(-300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @keyframes MenuAnimOut5 {
 100% {
 transform: translateY(40%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
.dl-menu.dl-animate-in-1 {
-webkit-animation: MenuAnimIn1 0.3s linear forwards;
-moz-animation: MenuAnimIn1 0.3s linear forwards;
animation: MenuAnimIn1 0.3s linear forwards;
}
.dl-menu.dl-animate-in-2 {
-webkit-animation: MenuAnimIn2 0.3s ease-in-out forwards;
-moz-animation: MenuAnimIn2 0.3s ease-in-out forwards;
animation: MenuAnimIn2 0.3s ease-in-out forwards;
}
.dl-menu.dl-animate-in-3 {
-webkit-animation: MenuAnimIn3 0.4s ease forwards;
-moz-animation: MenuAnimIn3 0.4s ease forwards;
animation: MenuAnimIn3 0.4s ease forwards;
}
.dl-menu.dl-animate-in-4 {
-webkit-animation: MenuAnimIn4 0.4s ease forwards;
-moz-animation: MenuAnimIn4 0.4s ease forwards;
animation: MenuAnimIn4 0.4s ease forwards;
}
.dl-menu.dl-animate-in-5 {
-webkit-animation: MenuAnimIn5 0.4s ease forwards;
-moz-animation: MenuAnimIn5 0.4s ease forwards;
animation: MenuAnimIn5 0.4s ease forwards;
}
 @-webkit-keyframes MenuAnimIn1 {
 0% {
 -webkit-transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
}
 20% {
 -webkit-transform: translateZ(-250px) rotateY(30deg);
 opacity: 0.5;
 filter: alpha(opacity = 50);
}
 100% {
 -webkit-transform: translateZ(0px) rotateY(0deg);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @-webkit-keyframes MenuAnimIn2 {
 0% {
 -webkit-transform: translateX(-100%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 -webkit-transform: translateX(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @-webkit-keyframes MenuAnimIn3 {
 0% {
 -webkit-transform: translateZ(300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @-webkit-keyframes MenuAnimIn4 {
 0% {
 -webkit-transform: translateZ(-300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @-webkit-keyframes MenuAnimIn5 {
 0% {
 -webkit-transform: translateY(40%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 -webkit-transform: translateY(0);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @-moz-keyframes MenuAnimIn1 {
 0% {
 -moz-transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 20% {
 -moz-transform: translateZ(-250px) rotateY(30deg);
 opacity: 0.5;
 filter: alpha(opacity = 50);
}
 100% {
 -moz-transform: translateZ(0px) rotateY(0deg);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @-moz-keyframes MenuAnimIn2 {
 0% {
 -moz-transform: translateX(-100%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 -moz-transform: translateX(0px);
 opacity: 1;
filter: alpha(opacity = 100);
 }
}
 @-moz-keyframes MenuAnimIn3 {
 0% {
 -moz-transform: translateZ(300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 -moz-transform: translateZ(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @-moz-keyframes MenuAnimIn4 {
 0% {
 -moz-transform: translateZ(-300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 -moz-transform: translateZ(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @-moz-keyframes MenuAnimIn5 {
 0% {
 -moz-transform: translateY(40%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 -moz-transform: translateY(0);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @keyframes MenuAnimIn1 {
 0% {
 transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 20% {
 transform: translateZ(-250px) rotateY(30deg);
 opacity: 0.5;
 filter: alpha(opacity = 50);
}
 100% {
 transform: translateZ(0px) rotateY(0deg);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @keyframes MenuAnimIn2 {
 0% {
 transform: translateX(-100%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 transform: translateX(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @keyframes MenuAnimIn3 {
 0% {
 transform: translateZ(300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 transform: translateZ(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @keyframes MenuAnimIn4 {
 0% {
 transform: translateZ(-300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 transform: translateZ(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @keyframes MenuAnimIn5 {
 0% {
 transform: translateY(40%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 transform: translateY(0);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
-webkit-animation: SubMenuAnimIn1 0.4s ease forwards;
-moz-animation: SubMenuAnimIn1 0.4s ease forwards;
animation: SubMenuAnimIn1 0.4s ease forwards;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out forwards;
-moz-animation: SubMenuAnimIn2 0.3s ease-in-out forwards;
animation: SubMenuAnimIn2 0.3s ease-in-out forwards;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
-webkit-animation: SubMenuAnimIn3 0.4s ease forwards;
-moz-animation: SubMenuAnimIn3 0.4s ease forwards;
animation: SubMenuAnimIn3 0.4s ease forwards;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
-webkit-animation: SubMenuAnimIn4 0.4s ease forwards;
-moz-animation: SubMenuAnimIn4 0.4s ease forwards;
animation: SubMenuAnimIn4 0.4s ease forwards;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
-webkit-animation: SubMenuAnimIn5 0.4s ease forwards;
-moz-animation: SubMenuAnimIn5 0.4s ease forwards;
animation: SubMenuAnimIn5 0.4s ease forwards;
}
 @-webkit-keyframes SubMenuAnimIn1 {
 0% {
 -webkit-transform: translateX(50%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 -webkit-transform: translateX(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @-webkit-keyframes SubMenuAnimIn2 {
 0% {
 -webkit-transform: translateX(100%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 -webkit-transform: translateX(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @-webkit-keyframes SubMenuAnimIn3 {
 0% {
 -webkit-transform: translateZ(-300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @-webkit-keyframes SubMenuAnimIn4 {
 0% {
 -webkit-transform: translateZ(300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @-webkit-keyframes SubMenuAnimIn5 {
 0% {
 -webkit-transform: translateZ(-200px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 -webkit-transform: translateZ(0);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @-moz-keyframes SubMenuAnimIn1 {
 0% {
 -moz-transform: translateX(50%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 -moz-transform: translateX(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @-moz-keyframes SubMenuAnimIn2 {
 0% {
 -moz-transform: translateX(100%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 -moz-transform: translateX(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @-moz-keyframes SubMenuAnimIn3 {
 0% {
 -moz-transform: translateZ(-300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 -moz-transform: translateZ(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @-moz-keyframes SubMenuAnimIn4 {
 0% {
 -moz-transform: translateZ(300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 -moz-transform: translateZ(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @-moz-keyframes SubMenuAnimIn5 {
 0% {
 -moz-transform: translateZ(-200px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 -moz-transform: translateZ(0);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @keyframes SubMenuAnimIn1 {
 0% {
 transform: translateX(50%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 transform: translateX(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @keyframes SubMenuAnimIn2 {
 0% {
 transform: translateX(100%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 transform: translateX(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @keyframes SubMenuAnimIn3 {
 0% {
 transform: translateZ(-300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 transform: translateZ(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @keyframes SubMenuAnimIn4 {
 0% {
 transform: translateZ(300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 transform: translateZ(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
 @keyframes SubMenuAnimIn5 {
 0% {
 transform: translateZ(-200px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
 100% {
 transform: translateZ(0);
 opacity: 1;
 filter: alpha(opacity = 100);
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
-webkit-animation: SubMenuAnimOut1 0.4s ease forwards;
-moz-animation: SubMenuAnimOut1 0.4s ease forwards;
animation: SubMenuAnimOut1 0.4s ease forwards;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out forwards;
-moz-animation: SubMenuAnimOut2 0.3s ease-in-out forwards;
animation: SubMenuAnimOut2 0.3s ease-in-out forwards;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
-webkit-animation: SubMenuAnimOut3 0.4s ease forwards;
-moz-animation: SubMenuAnimOut3 0.4s ease forwards;
animation: SubMenuAnimOut3 0.4s ease forwards;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
-webkit-animation: SubMenuAnimOut4 0.4s ease forwards;
-moz-animation: SubMenuAnimOut4 0.4s ease forwards;
animation: SubMenuAnimOut4 0.4s ease forwards;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
-webkit-animation: SubMenuAnimOut5 0.4s ease forwards;
-moz-animation: SubMenuAnimOut5 0.4s ease forwards;
animation: SubMenuAnimOut5 0.4s ease forwards;
}
 @-webkit-keyframes SubMenuAnimOut1 {
 0% {
 -webkit-transform: translateX(0%);
 opacity: 1;
 filter: alpha(opacity = 100);
}
 100% {
 -webkit-transform: translateX(50%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @-webkit-keyframes SubMenuAnimOut2 {
 0% {
 -webkit-transform: translateX(0%);
 opacity: 1;
 filter: alpha(opacity = 100);
}
 100% {
 -webkit-transform: translateX(100%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @-webkit-keyframes SubMenuAnimOut3 {
 0% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
 100% {
 -webkit-transform: translateZ(-300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @-webkit-keyframes SubMenuAnimOut4 {
 0% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
 100% {
 -webkit-transform: translateZ(300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @-webkit-keyframes SubMenuAnimOut5 {
 0% {
 -webkit-transform: translateZ(0);
 opacity: 1;
 filter: alpha(opacity = 100);
}
 100% {
 -webkit-transform: translateZ(-200px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @-moz-keyframes SubMenuAnimOut1 {
 0% {
 -moz-transform: translateX(0%);
 opacity: 1;
 filter: alpha(opacity = 100);
}
 100% {
 -moz-transform: translateX(50%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @-moz-keyframes SubMenuAnimOut2 {
 0% {
 -moz-transform: translateX(0%);
 opacity: 1;
 filter: alpha(opacity = 100);
}
 100% {
 -moz-transform: translateX(100%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @-moz-keyframes SubMenuAnimOut3 {
 0% {
 -moz-transform: translateZ(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
 100% {
 -moz-transform: translateZ(-300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @-moz-keyframes SubMenuAnimOut4 {
 0% {
 -moz-transform: translateZ(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
 100% {
 -moz-transform: translateZ(300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @-moz-keyframes SubMenuAnimOut5 {
 0% {
 -moz-transform: translateZ(0);
 opacity: 1;
 filter: alpha(opacity = 100);
}
 100% {
 -moz-transform: translateZ(-200px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @keyframes SubMenuAnimOut1 {
 0% {
 transform: translateX(0%);
 opacity: 1;
 filter: alpha(opacity = 100);
}
 100% {
 transform: translateX(50%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @keyframes SubMenuAnimOut2 {
 0% {
 transform: translateX(0%);
 opacity: 1;
 filter: alpha(opacity = 100);
}
 100% {
 transform: translateX(100%);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @keyframes SubMenuAnimOut3 {
 0% {
 transform: translateZ(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
 100% {
 transform: translateZ(-300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @keyframes SubMenuAnimOut4 {
 0% {
 transform: translateZ(0px);
 opacity: 1;
 filter: alpha(opacity = 100);
}
 100% {
 transform: translateZ(300px);
 opacity: 0;
 filter: alpha(opacity = 0);
}
}
 @keyframes SubMenuAnimOut5 {
 0% {
 transform: translateZ(0);
 opacity: 1;
 filter: alpha(opacity = 100);
}
 100% {
 transform: translateZ(-200px);
 opacity: 0;
 filter: alpha(opacity = 100);
}
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
position: relative;
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
.no-js .dl-menuwrapper li .dl-submenu {
display: block;
}
.no-js .dl-menuwrapper li.dl-back {
display: none;
}
.no-js .dl-menuwrapper li > a:not(:only-child) {
background: rgba(0,0,0,0.1);
}
.no-js .dl-menuwrapper li > a:not(:only-child):after {
content: '';
}

#dl-menu .dl-back {background: #999; z-index:10000;}

/* FIN CSS POUR MENU RESPONSIVE */

#dl-menu-nouveautes-par-theme::before, #dl-menu-collections::before, #dl-menu-ajout-livre::before, #dl-menu-commande-hors-catalogue::before, #dl-menu-newsletters::before {font-family:FontAwesome; line-height:55px; position:absolute; font-size:1.8em; color:#FFFFFF;}
#dl-menu-ebooks::before, #dl-menu-ajout-livre::before, #dl-menu-commande-hors-catalogue::before, #dl-menu-ariba::before, #dl-menu-accueil::before {font-family:"IcoFont"; color:#fff; font-size:2.3em; position:absolute; line-height: 55px;}
#dl-menu-ebooks a, #dl-menu-ajout-livre a, #dl-menu-commande-hors-catalogue a, #dl-menu-accueil a {margin-left: 5px;}
#dl-menu-ebooks, #dl-menu-ajout-livre, #dl-menu-commande-hors-catalogue, #dl-menu-accueil {padding-left:5px;}
#dl-menu-ebooks::before {content:"\efe1";}
#dl-menu-nouveautes-par-theme::before {content: "\f02d";}
#dl-menu-collections::before {content: "\f02d";}
#dl-menu-ajout-livre::before {content: "\efd2"; font-size:2.4em;}
#dl-menu-commande-hors-catalogue::before {content: "\efd2"; font-size:30px;}
#dl-menu-newsletters {padding-left:8px;}
#dl-menu-newsletters::before {content: "\f003"; font-family:FontAwesome;line-height:30px;}
#dl-menu-newsletters.connected::before{line-height:55px;}
#dl-menu-newsletters .input-group, #dl-menu-newsletters .input-group-lg, #dl-menu-newsletters .input-lg {font-size:14px;margin-left:15px;padding:0 8px; width:220px;}
@media only screen and (max-width: 467px) {#dl-menu-newsletters .input-group, #dl-menu-newsletters .input-group-lg, #dl-menu-newsletters .input-lg {font-size:12px; width:180px;}}
#dl-menu-newsletters .form-control, #dl-menu-newsletters  .input-lg {border-radius: 2px 0 0 2px; height:35px; padding: 0 0 0 2px;}
#dl-menu-newsletters .btn, #dl-menu-newsletters .btn-default {padding-bottom: 4px 12px; border-radius:0px 4px 4px 0; height:35px; background:#01345f; color:#FFFFFF; border-color:#edaf00; padding:5px 7px;}
#dl-menu-ariba {padding-left: 6px;}
#dl-menu-ariba::before {content: "\ea6e";}
#dl-menu-accueil::before {content:"\f01f";}
#dl-menu-ariba a {padding:15px 1em 1em 2.1em;}
#dl-menu-ariba a img {vertical-align:inherit;}
#dl-menu-newsletters .input-lg {font-size:12px;}

#new-menu {background:#353d4b;}

#new-menu .form-group {margin-bottom: 0;}

#oss-main {margin-top:28px;}

#oss-main #keyword {font-size:12px; box-shadow:1px 1px 8px 0 rgba(0, 0, 0, 0.5) inset;border-radius:4px 0 0 4px;}

#oss-main #keyword:hover, #oss-main #keyword:focus {box-shadow:none;}

#keyword.form-control{border:inherit;}

#keyword .glyphicon {top: 3px;}

@media screen and (max-width: 767px) {#searchformForm .input-lg {padding:10px;}}

.oswald {font-family: Oswald,Calibri,Arial,sans-serif;}

.bootstrap .container {padding: 30px; border-radius: 8px; background: #FFFFFF;}
@media screen and (max-width: 767px) {.bootstrap .container {padding:20px 5px;}}

body.container-fluid {padding:0;}
.bootstrap #principal input {
    border: 1px solid #AAAAAA;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	-moz-box-shadow:0 0 3px #AAAAAA;
    box-shadow:0 0 3px #AAAAAA;
    padding: 5px;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    transition:All 0.3s ease;
}

.bootstrap #principal input:focus {
    border-color: #093C75;
	-webkit-box-shadow:0 0 3px #0459B7;
	-moz-box-shadow:0 0 3px #0459B7;
    box-shadow:0 0 3px #0459B7;
}
.bootstrap #principal input[type="radio"] {border:none; padding:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.bootstrap #principal input[type="radio"]:focus {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.bootstrap form.idealforms label.main, .bootstrap form.idealforms.adaptive label.main {width:200px;}
.bootstrap form.idealforms label.ideal-radiocheck-label, .bootstrap form.idealforms.adaptive label.ideal-radiocheck-label {width:100px;}
.bootstrap #contact.idealforms label.ideal-radiocheck-label, .bootstrap #contact.idealforms.adaptive label.ideal-radiocheck-label {width:400px;}
.bootstrap #contact fieldset {padding:10px; border: 1px solid #CCC; border-radius:3px; background:#f1f2f3;}
.bootstrap #compte_client.idealforms label.ideal-radiocheck-label, .bootstrap #compte_client.idealforms.adaptive label.ideal-radiocheck-label, .bootstrap #adresse_livraison.idealforms label.ideal-radiocheck-label, .bootstrap #adresse_livraison.idealforms.adaptive label.ideal-radiocheck-label, .bootstrap #adresse_facturation.idealforms label.ideal-radiocheck-label, .bootstrap #adresse_facturation.idealforms.adaptive label.ideal-radiocheck-label {margin: 0 5px; min-width: 250px; vertical-align: top;}
@media screen and (max-width: 467px) {.bootstrap #compte_client.idealforms label.ideal-radiocheck-label, .bootstrap #compte_client.idealforms.adaptive label.ideal-radiocheck-label{width:100%;}}
#compte_client.idealforms.adaptive .field {max-width:inherit;}
.bootstrap #compte_client ul {list-style: none;}
.bootstrap form.idealforms #type label, .bootstrap form.idealforms.adaptive #type label {width:190px;}
.bootstrap #changement_mdp label.ideal-radiocheck-label {width:200px;}
.bootstrap form .error, .bootstrap .idealforms .error {position: relative;
clear: both;
max-width: 250px;
left: 0;
margin-left: 0;
margin-top: 3px;
-webkit-border-radius: 3.01px;
border-radius: 3.01px;
z-index: 1;
top: 50%;
padding: 1em 1.5em;}
#hors_catalogue .error, #activation .error {white-space: nowrap;}

.bootstrap label {font-weight:normal; color:#666666; font-size:15px; letter-spacing:0.5px;}
.bootstrap label::first-letter {text-transform:uppercase;}
.bootstrap label input {font-weight: normal; font-size:13px;}
.bootstrap input[type=submit], .bootstrap button[type=submit], .bootstrap .btn, .bootstrap #principal input[type=submit], .bootstrap #principal button[type=submit], .bootstrap #principal .btn {
	background-color: #00579A;
	background: #258dc8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1OGRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU3OWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #258dc8 0%, #00579a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#258dc8), color-stop(100%,#00579a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #258dc8 0%,#00579a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#00579a',GradientType=0 ); /* IE6-8 */
	text-shadow: 0 -1px rgba(0, 0, 0, 0.8);
	color: #FFFFFF;
	border: 1px solid #00579A;
	padding: 8px 16px;
	margin: 10px 0 30px 0;
	font-size: 14px;
}

.bootstrap #principal .bouton:hover, .bootstrap #principal .bouton:focus, .bootstrap #principal .bouton:active, .bootstrap #principal button[type=submit]:hover, .bootstrap #principal button[type=submit]:focus, .bootstrap #principal button[type=submit]:active, .bootstrap #principal .btn:focus, .bootstrap #principal .btn:hover {
    border-color: #093C75;
	-webkit-box-shadow:0 0 3px #0459B7;
	-moz-box-shadow:0 0 3px #0459B7;
    box-shadow:0 0 3px #0459B7;
	background-color: #00579A;
	background: #258dc8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1OGRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU3OWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #258dc8 0%, #00579a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#258dc8), color-stop(100%,#00579a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #258dc8 0%,#00579a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#00579a',GradientType=0 ); /* IE6-8 */
	text-shadow: 0 -1px rgba(0, 0, 0, 0.8);
	text-decoration: none;
}

.bootstrap input[type=submit].ultimate, .bootstrap button[type=submit].ultimate, .bootstrap .btn .ultimate, .bootstrap #principal input[type=submit].ultimate, .bootstrap #principal button[type=submit].ultimate, .bootstrap #principal .btn .ultimate, .bootstrap #principal a.ultimate {background: #84B267; padding:10px 10px 10px 10px; font-size: 19px; border-radius:4px; transition: all .3s ease 0s; border:0; text-shadow: none;text-transform: uppercase;}

.bootstrap #principal .nouveautes a.ultimate {font-size:15px;} 
@media screen and (max-width: 467px) {.bootstrap #principal .nouveautes a.ultimate {font-size:11px;}}
@media screen and (max-width: 467px) {.bootstrap input[type=submit].ultimate, .bootstrap button[type=submit].ultimate, .bootstrap .btn .ultimate, .bootstrap #principal input[type=submit].ultimate, .bootstrap #principal button[type=submit].ultimate, .bootstrap #principal .btn .ultimate, .bootstrap #principal a.ultimate {padding:10px 5px;}}
.bootstrap input[type=submit].ultimate:hover, .bootstrap button[type=submit].ultimate:hover, .bootstrap .btn .ultimate:hover, .bootstrap #principal input[type=submit].ultimate:hover, .bootstrap #principal button[type=submit].ultimate:hover, .bootstrap #principal .btn .ultimate:hover, .bootstrap input[type=submit].ultimate:focus, .bootstrap button[type=submit].ultimate:focus, .bootstrap .btn .ultimate:focus, .bootstrap #principal input[type=submit].ultimate:focus, .bootstrap #principal button[type=submit].ultimate:focus, .bootstrap #principal .btn .ultimate:focus, .bootstrap #principal a.ultimate:focus, .bootstrap #principal a.ultimate:hover {background: #36A0CF;}

.bootstrap #principal .nouveautes a.ultimate:focus, .bootstrap #principal .nouveautes a.ultimate:hover {text-shadow:none;}

.bootstrap #navigation ul {font-size:1.7em;}
.bootstrap #navigation ul li {display: inline-block; height: auto;}
@media screen and (max-width: 767px) {.bootstrap #navigation ul li {height:40px;}}

.bootstrap input {
	font-size: inherit;
    border: 1px solid #AAAAAA;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	-moz-box-shadow:0 0 3px #AAAAAA;
    box-shadow:0 0 3px #AAAAAA;
    padding: 5px;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    transition:All 0.3s ease;
}

.bootstrap input:focus {
    border-color: #093C75;
	-webkit-box-shadow:0 0 3px #0459B7;
	-moz-box-shadow:0 0 3px #0459B7;
    box-shadow:0 0 3px #0459B7;
}

.bootstrap #principal input {
	max-width: 165px;
}

.bootstrap #principal #donnees_perso input[type="radio"], .bootstrap #principal #activation input[type="radio"] {max-width:20px;}
	
.bootstrap #principal input[type="submit"] {
	max-width: inherit;
	width: auto;
}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 2%;
    overflow: hidden;
    z-index: 999;
    width: 37px;
    height: 37px;
    border: none;
    text-indent: 100%;
    background: url("https://images.lavoisier.net/images/icones/top.png") no-repeat 0px 0px;
}

.table {display:table;}
.table-cell {display: table-cell;}
.table-row {display: table-row;}

#carnet #adresses-selection ul {display: table-cell; width: 100%; float:right; list-style:none; padding-left:0; line-height: 20px;}
#carnet #adresses-defaut ul {list-style:none; padding:left:0; line-height: 20px;}
#carnet #adresses-defaut ul li.bold {color:#01325b;}
#carnet #adresses-defaut .col:first-child {border-right:1px solid #ddd;}
#carnet #adresses-selection, #carnet #adresses-defaut {font-size: 16px;}
#carnet #adresses-selection input[type="radio"]:after {
	content : '';
    display : none;
    position : absolute;
    width : 26px;
    height : 26px;
    top : -6px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADRSURBVHja7NUxTgJBFAbgb4kJCRRewNaKSCt2iEQMJ7D1BtyEo1hAkMLGjgtgAURbI7UF1dpssdlAYNa41bxq8l4yXzLvTyZJ01QVVVNRRShC1UNn+5r12WvIHS0M8Lwb9j+DoIDqYI5zPOHqP54uj5TeUYIxFujtmd8UkG88loHaGOEaE3QLyEsBucUyOAzYYI1LNDDFPdIDyHup1OEHD3jDBZqYZbNg5FgYPnCHrxxQCjkldSv0sc31gpFT473M9rPKzsEIJPGHjVCE/ly/AwDLuS4I1zM7/QAAAABJRU5ErkJggg==');}
#carnet #adresses-selection input[type="radio"]:after:checked {display:block;}
#carnet #adresses-selection {padding-top:0; padding-right:0; padding-bottom:0;}
#carnet form div.adresse.table:nth-last-of-type(1){ border-bottom: 0; padding-bottom: 0; margin-bottom:0;}
#adresse-libelle-vide {width: 100%; float:right;}
#adresse-factu-actuelle, #adresse-livraison-actuelle {text-align: center; color:#FFFFFF; background: #00579A; padding: 20px 5px; }
#adresse-factu-actuelle {width:199px; border-right:1px solid #FFF; border-radius:8px 0 0 0;}
#adresse-livraison-actuelle {width:200px; border-radius: 0px 8px 0 0;}
#carnet form .table-cell {width: 200px; vertical-align:middle;}
@media screen and (max-width: 767px) {#carnet form .table-cell, #adresse-factu-actuelle, #adresse-livraison-actuelle {width: 100px;}}
@media screen and (max-width: 467px) {#carnet form .table-cell, #adresse-factu-actuelle, #adresse-livraison-actuelle {width: 70px;}}
#carnet form .table-cell input {display:block; margin:auto; text-decoration:none; width:15px; height: 15px; border:1px solid #01325B; border-radius:50%;}
#carnet form div.adresse.table {border-bottom: 1px solid #AAA; padding-bottom:20px;}
#carnet #adresses-selection ul li.bold {color:#01325B; font-size:18px;}
#carnet #adresses-selection .btn {margin-right:10px;}
#carnet form div.adresse.table:nth-last-of-type(1) .btn {font-size: 20px;}
/*
.bootstrap #principal #carnet #adresses-selection input[type="radio"] {box-shadow: 0 0 4px #44A;}
.bootstrap #principal #carnet #adresses-selection input[type="radio"]:checked {box-shadow: 0 0 4px #484;}
*/
#message-erreur {font-size:16px; line-height:25px;}
.bootstrap #panier #navigation ul {font-size:20px; padding:17px 0; text-align: inherit; display:inline-block; margin-bottom:10px;}
.bootstrap #panier #navigation input {margin-top:0;}
.bootstrap #panier .titre, .bootstrap #validation .titre, .bootstrap #recapitulatif .titre {font-weight: normal; text-align: left; line-height: 18px; font-size: 14px;}
@media screen and (max-width: 767px) {.bootstrap #panier .titre, .bootstrap #validation .titre, .bootstrap #recapitulatif .titre {font-size:12px;}}
.bootstrap #panier #navigation .transformation {
	background-image: radial-gradient(circle farthest-side at center bottom,#009cde,#003087 125%);
	color: #FFFFFF;
	padding:5px;
		-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.2s ease;
    -o-transition:All 0.2s ease;
    transition:All 0.2s ease;
	}
.bootstrap #panier #navigation .transformation:hover {border:2px solid #FFF;background-image: radial-gradient(circle farthest-side at center bottom,#009cde,#003087 85%);}
.bootstrap #panier .qte, .bootstrap #validation .qte, .bootstrap #recapitulatif .qte {width:3em;}

.bootstrap #panier th, .bootstrap #validation th, .bootstrap #recapitulatif th, .bootstrap #panier td, .bootstrap #validation td, .bootstrap #recapitulatif td {padding: 10px 2px 10px 4px;}
.bootstrap #validation th.col_tot_double, .bootstrap #validation td.col_tot_double, .bootstrap #recapitulatif th.col_tot_double, .bootstrap #recapitulatif td.col_tot_double {width: auto; max-width: 260px;}
.bootstrap #panier th.col_tot_double, .bootstrap #panier td.col_tot_double {width: inherit; max-width:260px;}
@media screen and (max-width: 550px) {.bootstrap #panier th.col_tot_double {width:140px;}}
.bootstrap #panier th.col_uni, .bootstrap #panier th.col_tot_double, .bootstrap #panier th.col_lim, .bootstrap #panier th.col_qte, .bootstrap #panier th.col_qte_total, .bootstrap #recapitulatif th.col_ref, .bootstrap #validation th.col_qte, #validation th.col_delai {border-left:2px solid #FFFFFF; text-align:center;}
.bootstrap #panier .col_lim, .bootstrap #validation .col_lim, .bootstrap #recapitulatif .col_lim {width:80px;}
.bootstrap #panier .col_lim input, .bootstrap #validation .col_lim input, .bootstrap #recapitulatif .col_lim input {width:60px;}
.bootstrap #panier #navigation ul li:last-child {float:right;}
.bootstrap #panier #navigation ul li:last-child::after {content: ""; display:block; clear:both;}
.bootstrap #panier #navigation ul li:nth-child(1) {float:left; margin-bottom: 10px;}
.bootstrap #panier #panier-ligne-finale, .bootstrap #validation #validation-ligne-finale {background:#353D4B; color:#fff; text-shadow: none; font-weight: normal; padding-left: 10px;}
.bootstrap #panier .avant-dernieres-lignes-tableau, .bootstrap #validation .avant-dernieres-lignes-tableau {background:#CCC; color:#444; font-weight: normal; text-shadow: none; padding-left: 10px; }
.bootstrap #panier .avant-dernieres-lignes-tableau #pays {color:#444444; font-size:12px; background:#FFF; color:#444;}
@media screen and (max-width: 767px) {.bootstrap #panier .avant-dernieres-lignes-tableau #pays{display: block; max-width: 180px;}}
.bootstrap #panier th, .bootstrap #validation th, .bootstrap #recapitulatif th {
border-top:1px solid #EE9200; border-bottom:1px solid #EE9200; color:#444; text-shadow:0 1px 1px #fff; font-size: 17px; font-weight: normal; vertical-align: inherit;}

.bootstrap #panier th.col_tit, .bootstrap #validation th.col_tit, .bootstrap #recapitulatif th.col_tit {min-width:70px; width:20em;}
@media screen and (max-width: 767px) {.bootstrap #validation th.col_tit, .bootstrap #recapitulatif th.col_tit, .bootstrap #panier th.col_tit {width:10em;}}
@media screen and (max-width: 550px) {.bootstrap #validation th.col_tit, .bootstrap #recapitulatif th.col_tit, .bootstrap #panier th.col_tit{width:3.5em;}}
.bootstrap #panier img, .bootstrap #validation img, .bootstrap #recapitulatif img {display:block; max-width: 100%; margin: auto;}
.bootstrap #panier img, .bootstrap #panier .col_libel {min-width:70px;}

.bootstrap #panier th.col_uni, .bootstrap #validation th.col_uni, .bootstrap #recapitulatif th.col_uni {width: 4.5em;}
.bootstrap .col_qte {width: 4em;}
.bootstrap #panier .col_qte, .bootstrap #recapitulatif .col_qte {width:3.5em;}
.bootstrap #validation .col_qte {width: 2em;}
.bootstrap #panier .ultimate {float: right;}
.bootstrap #panier .auteurs, .bootstrap #panier .souscription, .bootstrap #validation .auteurs {font-size:11px;}
.bootstrap .panier-container #navigation ul {font-size:1.5em;}

.bootstrap #recapitulatif th.col_delai, .bootstrap #recapitulatif td.col_delai, .bootstrap #validation th.col_delai, .bootstrap #validation td.col_delai {width:5em;}

@media screen and (max-width: 767px) {.bootstrap #recapitulatif th.col_delai, .bootstrap #recapitulatif td.col_delai, .bootstrap #validation th.col_delai, .bootstrap #validation td.col_delai {width:3em;}}

.bootstrap #panier th.col_tot, .bootstrap #panier th.col_tot_total, .bootstrap #validation th.col_tot, .bootstrap #validation th.col_tot_total, .bootstrap #validation th.col_lim, .bootstrap #recapitulatif th.col_tot, .bootstrap #recapitulatif th.col_tva, .bootstrap #panier th.col_tva, .bootstrap #validation th.col_tva, .bootstrap #recapitulatif th.col_tot_total, .bootstrap #panier td.col_tot, .bootstrap #panier td.col_tot_total, .bootstrap #validation td.col_tot, .bootstrap #validation td.col_tot_total, .bootstrap #validation td.col_lim, .bootstrap #recapitulatif td.col_tot, .bootstrap #recapitulatif td.col_tot_total {width: 3.5em;}

.bootstrap #validation .au_centre {text-align: left;}

#cookies-ok:hover {cursor:pointer;}
.carousel-page {
	width:100%;
	height:90px;
	color:white;
}
#my_carousel img {margin:0px auto; 	-webkit-box-shadow:0 0 20px #000;
	-moz-box-shadow:0 0 20px #000;
    box-shadow:0 0 20px #000;}
.carousel-caption {padding-bottom:0; bottom: 10px; display:none;}
.carousel-inner {height: 90px;}
.carousel-indicators {display:none;}
#my_carousel {border-bottom:3px solid #01325b; background-image:radial-gradient(circle farthest-side at center bottom,#009cde,#01325b 125%);}
@media screen and (max-width: 767px) {#my_carousel {display:none;}}
.bootstrap input:disabled {opacity:0.3;}

@media screen and (max-width: 467px) {.bootstrap .fancybox-slide--iframe .fancybox-content {max-width:calc(100% - 20px);}}
.bootstrap #gestion_adresse button {margin-top: 20px;}
.bootstrap #enreg_newsletter .fincol {background:#84B267; padding:10px; color:#FFF; font-size:1.2em; border-radius:4px; border:0; max-width: 480px; text-shadow:none; text-align: center;}
.bootstrap #enreg_newsletter {line-height: 1.42857143; width: inherit; padding: 20px 0;}
.bootstrap #enreg_newsletter li {font-size: 16px;}
.bootstrap #principal #newsletters .bouton {padding: 8px; border: inherit;}
.bootstrap #newsletters legend {line-height:1.47; font-size:19px;}
.bootstrap #newsletters {  
	border: 1px solid #AAAAAA;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
	-webkit-box-shadow:0 -6px 15px #AAAAAA;
	-moz-box-shadow:0 -6px 15px #AAAAAA;
    box-shadow:0 -6px 15px #AAAAAA;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 55%, #e8e8e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(55%,#dbdbdb), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 55%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#dbdbdb 55%,#e8e8e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#dbdbdb 55%,#e8e8e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 55%,#e8e8e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 767px) {.bootstrap #newsletters label {padding:10px 0;}.bootstrap #newsletters input[type="checkbox"]{height:20px; width:20px; vertical-align:middle; position:relative; top:-4px;}}
.bootstrap #newsletters .deja_abonne0 {background-color:#eee;}
.bootstrap #newsletters .deja_abonne1 {background-color:#f4f4f4;}
.bootstrap #newsletters #bloc-techniques-fi {margin-right: 0;}
.bootstrap #newsletters ul {padding-left: 10px;}
.bootstrap #newsletters #bloc-techniques-fi strong, .bootstrap #newsletters #bloc-medecine-para strong {font-size:1.5em;}
.bootstrap #suivi-commandes h3.nopointer:hover, .bootstrap #suivi-commandes h3.nopointer:focus {cursor: default;}
.bootstrap #validation .choix {text-align:left; border-top:0; padding-bottom:0px; margin:0; display: inline-block; width: 100%;}
.bootstrap #validation .col {border-top: 1px dashed #444; margin-top: 20px;}
.bootstrap #principal #validation .btn {margin-bottom:10px;}
.bootstrap #principal #validation .ultimate {margin-bottom: 20px; float: right;}
.bootstrap #validation p.au_centre {font-size:16px; color:#777; margin-left:10px;line-height: 1.42857143; max-width: 1170px; margin: auto;}
.bootstrap #validation tbody tr {padding: 0 5px;}
.bootstrap #validation .note {text-align: left; line-height: 1.42857143;}
.bootstrap #panier th, .bootstrap #panier td, #validation th, .bootstrap #validation td, .bootstrap #recapitulatif th, .bootstrap #recapitulatif td {text-align:center;}
.bootstrap #panier tfoot td {text-align: left; text-decoration: none; padding:0 0 0 5px;}
.bootstrap #panier tfoot td.note {padding-bottom:10px; font-style: normal; font-weight: normal;}
.bootstrap #panier td.col_delai, .bootstrap #validation td.col_delai, .bootstrap #recapitulatif td.col_delai, .bootstrap #panier td.col_tit, .bootstrap #validation td.col_tit, .bootstrap #recapitulatif td.col_tit {text-align: left;}
.bootstrap #panier tr, .bootstrap #validation tr {background:#FFF;}
.bootstrap #panier tr.lig_paire, .bootstrap #validation tr.lig_paire {background:#F2F2F2;}
.bootstrap #panier.container {background: none;}
.bootstrap #validation.container {padding: 30px 5px;}
.bootstrap #validation table {max-width:1170px; margin:auto;}
.bootstrap #validation div.col {padding-left:20px; padding-right: 20px;}
.bootstrap #panier #navigation, .bootstrap #facturation #navigation {margin-top:0;}
.bootstrap #facturation #navigation, .bootstrap #livraison #navigation {margin-bottom:20px;}
.carousel-control {opacity:0;}
#facturation #choix {border-top: 1px solid #CCC; text-align: left;}
.bootstrap #facturation select {width: 100%;}
.bootstrap #facturation #navigation a {white-space: inherit;}
#gestion_adresse.idealforms .idealforms-field-radio .error {display:block; top: 50%;}
.bootstrap #livraison .texte {max-width:80%;}
.bootstrap #livraison .au_centre, .bootstrap #expedition .au_centre {text-align: left;}
.bootstrap #expedition .deux_col {width: 50%;}
.bootstrap #livraison #choix {border-top: 1px dashed #555; text-align: left; padding-top:10px;}
.bootstrap #livraison #navigation, .bootstrap #paiement #navigation, .bootstrap #paiement #navigation {margin-top: 0;}
@media screen and (max-width: 500px) { .bootstrap #livraison a.btn, .bootstrap #facturation a.btn {display:block; width:250px; margin-bottom:10px;}}
.bootstrap #navigation ul {margin-bottom:20px;}
.bootstrap #commande .texte, .bootstrap #expedition .texte, .bootstrap #livraison .texte, .bootstrap #paiement .texte {font-size: 16px;}
@media screen and (max-width: 467px) { .bootstrap #paiement img {display:block;}}
@media screen and (max-width: 467px) {.bootstrap #facturation select {max-width: 300px;}}
.bootstrap #principal .texte {margin:0;}
.bootstrap input[type="radio"] {border: none; box-shadow: none; -webkit-box-shadow: none; padding:0;}
.bootstrap #activation input[type="radio"] {margin-right: 10px;}
.bootstrap #activation label {width: 140px; margin-bottom:15px;}
.bootstrap #activation .width-auto label {width: auto;}
.bootstrap #activation label.width-auto {width: auto;}
.bootstrap #activation fieldset.fin_col label {width:auto;}
.bootstrap #activation .au_centre {text-align: left;}
.bootstrap .lig_paire {background-color:#F3F3F3;}
.bootstrap #principal #validation input[type=text] {width:60px;}
.bootstrap #principal #validation input[type=text]:hover, .bootstrap #principal #validation input[type=text]:focus, .bootstrap #principal #validation input[type=text]:active {width:170px;}
.bootstrap #activation fieldset {margin-bottom:20px; margin-top: 30px;}
.bootstrap #activation legend {font-size:1.6em;}
.bootstrap #activation.idealforms label.ideal-radiocheck-label, .bootstrap #activation.idealforms.adaptive label.ideal-radiocheck-label {width:80px;}
.bootstrap #activation.idealforms #type label.ideal-radiocheck-label, .bootstrap #activation.idealforms.adaptive #type label.ideal-radiocheck-label {width:220px; margin:0}
.bootstrap #activation.idealforms #civ_lisa label.ideal-radiocheck-label, .bootstrap #activation.idealforms.adaptive #cv_lisa label.ideal-radiocheck-label {width:60px; margin:0}
.bootstrap #activation.idealforms .ideal-radio, .bootstrap #activation.idealforms.adaptive .ideal-radio {margin-right:3px !important}
.bootstrap #activation #civ_lisa {margin-top: 40px;}
.bootstrap #activation.container {padding:30px 10px;}
.bootstrap #activation .ultimate {float: right;}
.bootstrap #activation #cnil {clear: both;}
.bootstrap #connexion #cnil {margin: 30px auto 0 auto;}
.bootstrap #activation fieldset:nth-child(2) legend::before {content: "\f2c0"; font-family:FontAwesome; line-height:30px; font-size:30px; margin-right:5px; color: #36A0CF;}
.bootstrap #activation fieldset:nth-child(3) legend::before {content: "\f01f"; font-family:IcoFont; line-height:30px; font-size:30px; margin-right:5px; color: #36A0CF;}
.bootstrap #activation fieldset:nth-child(4) legend::before {content: "\f003"; font-family:FontAwesome; line-height:30px; font-size:30px; margin-right:5px; color: #36A0CF;}
.bootstrap #activation legend {color:#36A0CF;}
.bootstrap #nouveautes .couv-nouveaute {
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24); 
	 -moz-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24); 
	 box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24);	
	 transition: box-shadow 0.2s ease 0s;
}
.bootstrap #nouveautes .couv-nouveaute:hover {
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24); 
	 -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24);
	 box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24);
}

/* @media screen and (max-width: 467px) {.bootstrap ul {padding-left:20px;}} */
.bootstrap #flux-rss li a {position: relative; top:-6px; color:#01325B; text-transform: uppercase; font-weight: bold; padding: 10px; background:#FFF;
		-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    transition:All 0.3s ease;}
.bootstrap #flux-rss li a:hover {color:#FFF; background:#01325B; text-decoration: none; font-weight: normal; border-radius: 4px;}
.bootstrap input[type="checkbox"] {width: auto;}
.bootstrap #hors_catalogue label {width:200px; margin-bottom:10px;}
.bootstrap input {background: #FFFFFF;}
.bootstrap form.idealforms .field.invalid input, .bootstrap form.idealforms .field.invalid select, .bootstrap form.idealforms .field.invalid textarea, .bootstrap form.idealforms .field.invalid .group, .bootstrap form.idealforms textarea { 
	background: #FFFFFF;
	    border: 1px solid #AAAAAA;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	-moz-box-shadow:0 0 3px #AAAAAA;
    box-shadow:0 0 3px #AAAAAA;
    padding: 5px;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    transition:All 0.3s ease;
}


.bootstrap form.idealforms .field.invalid input:focus, .bootstrap form.idealforms .field.invalid select:focus, .bootstrap form.idealforms .field.invalid textarea:focus, .bootstrap form.idealforms .field.invalid .group:focus, .bootstrap form.idealforms textarea:focus {
    border-color: #093C75;
	-webkit-box-shadow:0 0 3px #0459B7;
	-moz-box-shadow:0 0 3px #0459B7;
    box-shadow:0 0 3px #0459B7;
}

.bootstrap .nouveautes .panier a {
	opacity:0;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    transition:All 0.3s ease;
}
@media screen and (max-width: 767px) {.bootstrap .nouveautes .panier a {opacity:1;}}

.bootstrap .nouveautes .nouveautes-produit-container:hover .panier a {opacity:1;}
.bootstrap .nouveautes .col .couv-nouveaute img {position:relative; top:0px; max-width:100%; margin:auto;	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    transition:All 0.3s ease;
		-webkit-border-radius:4px 4px 0px 0px;
	-moz-border-radius:4px 4px 0px 0px;
	border-radius:4px 4px 0px 0px;}
	
.bootstrap .nouveautes .col:hover .couv-nouveaute img {}

.bootstrap .nouveautes-accueil .nouveautes .couv-nouveaute {display: inline-block;}
.bootstrap .nouveautes .couv-nouveaute {position: relative; min-height: 200px;}
.bootstrap .nouveautes .couv-nouveaute img {display: block; margin:auto;}
.bootstrap .nouveautes .titre-nouveaute, .soustitre-nouveaute, .collection-nouveaute {text-align: left; overflow: hidden;}
.bootstrap .nouveautes .titre-nouveaute {line-height: 1.5em; font-size: 15px; width: 100%;}
.bootstrap .nouveautes .titre-nouveaute .soustitre-nouveaute {padding-bottom:10px; font-size:23px;}
.bootstrap .nouveautes .complement-nouveaute {line-height: 1.5em;}
.bootstrap .nouveautes .prix-nouveaute {display: inline; vertical-align: bottom; text-align: center;}
.bootstrap .nouveautes .prix-nouveaute .prix {}
.bootstrap .nouveautes .prix-nouveaute .prix, .prix-nouveaute .panier {max-width: 240px;}
.bootstrap .nouveautes .prix-nouveaute .prix {text-align:left;}
.prix-nouveaute .panier {margin:auto;}
.bootstrap .nouveautes .prix-nouveaute .souscription {font-weight: bold; color: #FFF; font-size: 0.8em; letter-spacing: 0.1em; font-variant: small-caps; border-radius: 8px; padding: 1px 8px; background-color: #EEA93C}
.bootstrap .nouveautes img {display: block; max-width:100%;}
.bootstrap .nouveautes .nouveautes-details-produit {max-width: 252px; width: 100%; padding: 0 5px; margin: 0 auto 0px auto;}
@media screen and (max-width: 467px) {.bootstrap .nouveautes-accueil .nouveautes .nouveautes-details-produit {display: inline-block;}}
@media screen and (min-width: 468px) and (max-width: 551px) {.bootstrap .nouveautes-accueil .nouveautes .nouveautes-details-produit {display: block;}}
@media screen and (min-width: 552px) and (max-width: 767px) {.bootstrap .nouveautes-accueil .nouveautes .nouveautes-details-produit {display: inline-block;}}
@media screen and (min-width: 768px) and (max-width: 1080px) {.bootstrap .nouveautes-accueil .nouveautes .nouveautes-details-produit {display: block;}}
@media screen and (min-width: 1081px) and (max-width: 1199px) {.bootstrap .nouveautes-accueil .nouveautes .nouveautes-details-produit {display: inline-block;}}
@media screen and (min-width: 1200px) and (max-width: 1630px) {.bootstrap .nouveautes-accueil .nouveautes .nouveautes-details-produit {display: block;}}
@media screen and (min-width: 1631px) {.bootstrap .nouveautes-accueil .nouveautes .nouveautes-details-produit {display: inline-block;}}

@media screen and (max-width: 467px) {.bootstrap #principal .nouveautes .col-xs-6 {font-size:11px; text-align: center;}}
.bootstrap .nouveautes .nouveautes-touch-details-produits {position:absolute; top:0; height: 0; width: 100%; padding:0px; background:rgba(0, 0, 0, 0.9); color:#FFF;opacity:0; -webkit-transition:height 300ms ease 0s; -moz-transition:height 300ms ease 0s; -o-transition:height 300ms ease 0s; transition:height 300ms ease 0s; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    transition:All 0.3s ease;}
.bootstrap .nouveautes .nouveautes-touch-details-produits span[lang] {color:#FFFFFF;}	

.bootstrap .nouveautes .nouveautes-touch-details-produits .prix span {color:#FFF; font-weight:normal; font-size:0.9em;}
.bootstrap .nouveautes .nouveautes-touch-details-produits .pastrophaut .titre-nouveaute, .bootstrap .nouveautes .nouveautes-touch-details-produits .pastrophaut .soustitre-nouveaute, .bootstrap .nouveautes .nouveautes-touch-details-produits .pastrophaut .collection-nouveaute { padding-left:5px; padding-right: 5px;}
.bootstrap .nouveautes .nouveautes-touch-details-produits .pastrophaut .collection-nouveaute {padding-top:10px;}
.bootstrap .nouveautes .nouveautes-touch-details-produits div.pastrophaut {padding:0; position: relative; max-height:70%; overflow:hidden;}
@media screen and (max-width: 467px) {.bootstrap .nouveautes .nouveautes-touch-details-produits div.pastrophaut { max-height:65%;}}
.bootstrap .nouveautes .nouveautes-touch-details-produits div.enbas {position: relative; bottom: 0; width: 100%; padding-bottom: 10px;}
.bootstrap .nouveautes .nouveautes-produit-container .couv-nouveaute:hover .nouveautes-touch-details-produits div.enbas {position:absolute;}
.bootstrap .nouveautes .nouveautes-touch-details-produits div.enbas .prix {text-align: center;}
.bootstrap .nouveautes .nouveautes-touch-details-produits div.enbas .aussi_en_ebook {text-align: center; color: #999;}
.bootstrap .nouveautes .nouveautes-touch-details-produits .complement-nouveaute {padding:0;}
.bootstrap #principal .nouveautes .prix-nouveaute .nouveautes-touch-details-produits a.btn {display:block; margin: 0 auto; width:120px;}
.bootstrap .nouveautes .nouveautes-touch-details-produits .titre-nouveaute, .bootstrap .nouveautes .nouveautes-touch-details-produits .soustitre-nouveaute {color:#FFF; display: block; background:#01325B; padding:3px;}
.bootstrap .nouveautes .nouveautes-touch-details-produits .titre-nouveaute {margin-bottom:0; padding-top: 10px; padding-bottom:10px; -webkit-border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px;}
.bootstrap .nouveautes .nouveautes-touch-details-produits .titre-nouveaute a {display:block; color:#FFF;}
.bootstrap .nouveautes .nouveautes-touch-details-produits .titre-nouveaute a:hover {text-decoration: none;}
.bootstrap .nouveautes .nouveautes-produit-container .couv-nouveaute:hover .nouveautes-touch-details-produits {display: block; height:100%; opacity: 1;}

.bootstrap .nouveautes .nouveautes-touch-details-produits .soustitre-nouveaute {padding-bottom:10px;}
.bootstrap .nouveautes .nouveautes-details-produit .titre-nouveaute {width: 75%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-width: 1000px) {.bootstrap .nouveautes .nouveautes-details-produit .titre-nouveaute {width: 90%;}}
.bootstrap #principal .nouveautes .nouveautes-touch-details-produits a.btn {margin:auto; display:block; max-width:120px; text-align:center;}
.bootstrap .nouveautes .nouveautes-produit-container {margin-bottom:40px; border-bottom: 1px solid #CCC;}
.bootstrap h2.h2-soustheme {
	margin:0;
    font-size: 1.4em;
    font-style: normal;
    font-family: Oswald,Calibri,Arial,sans-serif;
    padding: 10px 30px 10px 20px;
    display: inline-block;
    background: #00579A;
    color: #FFF;
    border-radius: 0 4px 4px 0;
    border-left: 10px solid #01325b;
}
.bootstrap h2.h2-soustheme:after {clear:both;}
.bootstrap #principal.nouveautes-thematique h1 {
	margin-bottom: 5px;
	font-size: 2em;
	display: block;
	background: none;
	color: #00579A;
	text-transform: uppercase;
	text-align: center;
	border: none;
	}
.bootstrap .nouveautes-thematique p.p-soustheme {}
.bootstrap #principal.nouveautes-thematique p.p-soustheme .btn {
	background: #FFF;
	color: #00579A;
	margin-top: 20px; 
	border:none; 
	border-radius: 0 4px 4px 0; 
	padding-left: 3px; 
	white-space: initial;
	text-shadow: none;
	} 
.bootstrap #principal.nouveautes-thematique .btn .fa {margin-right:5px;}
.bootstrap #principal.nouveautes-thematique .row {margin: 0;}
#cookies { 
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
    color: #CCC;
    font-size: 12px;
    line-height: 30px;
    padding: 6px 0;
    z-index: 2000;
}
#cookies a {
    color: #FFF;
    font-weight: normal;
    text-decoration: underline #AAA;
    background-color: inherit;	
}
#cookies-ok {
    font-weight: bold;
    color: #FFF;
    border-radius: 4px;
    padding: 10px 20px;
    font-family: arial;
    background: #1D81BE;
	vertical-align: middle;	
	display: inline-block;
	margin: auto;
}
#cookies-presentation, #cookies-close {height: 100%; float: left;}
#cookies-presentation {width: 75%;}
#cookies-close {width: 25%;}
@media screen and (max-width: 367px) { #cookies-presentation, #cookies-close {width: 100%; float: none;}}
@media screen and (max-width: 767px) {#cookies {line-height:20px;}}
.bootstrap #accueil #formats-livre li, .bootstrap #accueil #for {display:none;}
.bootstrap #accueil #formats-livre li.active {display:block;}
.bootstrap #message {padding-left:33px; font-size: 16px;}
.bootstrap #message.remplace_par {background-color: #84B267; padding: 0.5em 2.5em;}
.bootstrap #message #erreur {padding:10px; background:rgba(209, 0, 0, 0.8); border-radius:3px; border: 2px solid #6d0019; color:#FFF; display:inline-block; margin-bottom:15px;}
.bootstrap #principal #message #erreur a {color:#FFF; text-decoration: underline; font-weight: bold;}
.bootstrap #principal #hors_catalogue fieldset {padding: 5px 10px; border: 1px solid #999;}
.bootstrap #principal #hors_catalogue #titre, .bootstrap #principal #hors_catalogue #auteur, .bootstrap #principal #hors_catalogue #editeur, .bootstrap #principal #hors_catalogue #isbn, .bootstrap #principal #hors_catalogue #date, .bootstrap #principal #hors_catalogue #precisions {width: 100%;}

.bootstrap #principal.recherche #filtrage label {display: inline;}

.bootstrap #principal.recherche #filtrage input.oss-checkbox::before {content:''; display:block; clear: both;}
.bootstrap #principal.recherche #filtrage input[type="checkbox"] {margin-right: 5px;display: inline-block; width:18px; height: 18px; position: relative; top: 2px;}
body.bootstrap #principal.recherche {background: #F6F8F9;}
body.bootstrap #principal.recherche .oss_pardeux li:hover, .bootstrap #principal .recherche .oss_pardeux li:focus {background:#FFF;}
.bootstrap .oss_fiche {-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; position: relative; top:0; padding:10px;}
.bootstrap .oss_fiche:hover {	-webkit-box-shadow: 0px 10px 10px #ccc; 
	 -moz-box-shadow:0px 10px 10px #ccc; 
box-shadow:0px 10px 10px #ccc;
position: relative;
top:-10px;
border:none;}
.bootstrap #menu_recherche:hover {cursor:pointer;}
.bootstrap #menu_recherche {padding: 10px 0 10px 15px; margin: 0;}
.bootstrap .oss_facet_author_exact input {width: 100%;}
.absolute {position: absolute;}
#filtrage.absolute {-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; z-index:10;
-webkit-box-shadow: 5px 5px 10px #999; 
	 -moz-box-shadow:5px 5px 10px #999; 
box-shadow:5px 5px 10px #999;}
.bootstrap #principal.recherche h1 span { color:#FFF; font-weight: bold; font-size:1.2em;}
.bootstrap #hors_catalogue .ultimate {float: right;}
.bootstrap #hors_catalogue p::before {display:block; content:""; clear: both;}
.bootstrap #hors_catalogue span.error::before {display:inline; content:""; clear: both;}
.bootstrap #hors_catalogue label::after {display:block; content:""; clear: both;}
.bootstrap #principal.recherche #menu_recherche {margin: 0;}
.bootstrap #principal.nouveautes-thematique .push-sous-themes .btn {margin-bottom:0;}
.bootstrap #principal .container_product_parutionstate, .bootstrap #principal .container_ouvrage_idlang, .bootstrap #principal .container_ouvrage_maintheme, .bootstrap #principal .container_product_idsupport {padding:3px 0;}
.bootstrap #principal.recherche .btn.ultimate, .bootstrap #principal.recherche .btn.ultimate.telecharger {
	margin-bottom: 10px;
	font-size: 13px;
}
.bootstrap #principal.recherche .btn.ultimate.telecharger {margin-left: 3px;}
.bootstrap #principal.recherche .btn.ultimate:hover, .bootstrap #principal.recherche .btn.ultimate.telecharger:hover { 
	text-shadow: none;
}
.bootstrap #principal.recherche .btn.ultimate i {position: relative; margin-right: 5px; top:2px;}
.bootstrap #principal.nouveautes-collection .btn.ultimate i, .bootstrap #principal.nouveautes-thematique .btn.ultimate i, .bootstrap #principal.nouveautes-accueil .btn.ultimate i {position: relative; margin-right: 5px; top:3px;}
.bootstrap #principal.nouveautes-collection a.ultimate, .bootstrap #principal.nouveautes-accueil a.ultimate, .bootstrap #principal.nouveautes-thematique a.ultimate {padding-top:4px;}
.bootstrap #principal #fenetre h1 {
	padding: 10px 20px 10px 10px;
	border-radius: 0 4px 4px 0;
	margin-bottom: 0;
	font-size: 1.2em;
}
.bootstrap #principal #fenetre a.btn.ultimate {padding: 10px; font-size: 15px; margin-top:0; margin-bottom: 0;}
.bootstrap #principal #fenetre a.btn:hover {color:#FFFFFF;}
.bootstrap #principal #fenetre a.ultimate:hover {text-shadow: none;}
.bootstrap #fenetre #navigation {margin-top: 10px;}
.bootstrap sup, .bootstrap sub {font-size: 0.7em;}
.bootstrap #fenetre h2 {display: block;
width: 100%;
margin: 40px auto 0px auto;
text-align: center; 
padding: 20px;
color: #FFF;
background: #353D4B;
font-size: 20px;
}
@media screen and (max-width: 467px) {.bootstrap #fenetre h2 {padding: 20px 5px;}}
.bootstrap #fenetre .reco-ouvrage {width: 33%; float: left; text-align: center; margin-bottom: 20px; padding-top:20px;}
@media screen and (max-width: 467px) {.bootstrap #fenetre .reco-ouvrage {width: 100%;}}
.bootstrap #fenetre img {border-radius: 2px; box-shadow: 0 0 5px #999;}
.bootstrap #fenetre #panier_recommandation {
	padding:20px 10px;
    border-top: 5px solid #353D4B;
    margin-top: 70px;
	background: #FFF;
}
.bootstrap iframe {overflow-y: auto;}
.bootstrap .fancybox-slide--iframe .fancybox-content {border-radius:4px;}
.bootstrap .fancybox-iframe {border-radius:4px; box-shadow: 0 0 50px #000;}
.bootstrap #principal #fenetre a:hover {text-decoration: none;}
.bootstrap #principal #fenetre a.btn {margin-bottom:10px;}
.bootstrap #principal #fenetre a.btn.ultimate {margin-bottom:0px;}
.bootstrap #principal.recherche a.btn.ultimate {padding: 5px 10px 10px 10px;}
.bootstrap #principal #fenetre .glyphicon-remove {font-size:3em; padding: 10px; color:#353D4B;}
.bootstrap #principal #fenetre .glyphicon-remove:hover {color:#353D4B;}
.bootstrap #principal.recherche .osscmnrdr.oss_center.oss_center_stats {width: 100%;}
.bootstrap #principal #devis table tbody td.col_qte {text-align: center;}
.bootstrap #devis h2 {color:#36A0CF; font-size: 23px; border-bottom:1px solid #e5e5e5;}
.bootstrap #devis a.ultimate {margin-top: 30px;}
.bootstrap #devis .col {padding-left:0;}
.bootstrap #devis .titre {font-size: 15px;}
.bootstrap #devis #message {font-size:20px; padding:20px; border:1px solid #36A0CF;}
.bootstrap #entete.sans-js .dl-menu li {float: left;}
.bootstrap #entete.sans-js .dl-menu, .bootstrap #entete.sans-js .dl-menu a {color:#FFFFFF;}
.bootstrap #entete.sans-js .dl-menu li ul li {float: none;}
.bootstrap #entete.sans-js ul {list-style: none;}
.sans-js #dl-menu-accueil::before, .sans-js #dl-menu-newsletters::before, .sans-js #dl-menu-commande-hors-catalogue::before, .sans-js #dl-menu-nouveautes-par-theme::before, .sans-js #dl-menu-collections::before, .sans-js #dl-menu-ebooks::before, .sans-js #dl-menu-ariba::before {content:none;}
.sans-js .dl-submenu {display: none;}
.sans-js .dl-menu li:hover .dl-submenu {display:block; position:absolute; z-index:100000; background:#00579A; padding: 10px;}
.sans-js .dl-menu #dl-menu-collections span {font-size:20px;}
.sans-js ul.dl-submenu {padding-left: 0;}
.sans-js .dl-menu #dl-menu-collections:hover li {float:none;}
.sans-js .dl-menu li {border-right: 1px solid #FFF; padding: 10px;}
.sans-js .dl-menu li .dl-submenu li {border-right: none; padding: 2px;}
.bootstrap .sans-js input[type="submit"], .bootstrap .sans-js button[type="submit"], .bootstrap .sans-js .btn {margin: 0;}
.sans-js #dl-menu-ariba a {padding: inherit;}
.sans-js {padding-bottom: 30px;}
.sans-js #dl-menu-newsletters { padding: 0 5px;}
.sans-js #dl-menu-newsletters .input-group, .sans-js #dl-menu-newsletters .input-group-lg, .sans-js #dl-menu-newsletters .input-lg {margin-left:0;}
.sans-js #dl-menu-newsletters.connected {padding: 10px;}
.sans-js #logo, .sans-js #oss-main {margin-bottom:40px;}

.bootstrap #notice h2, .bootstrap #notice h3 {text-align: left;}
.bootstrap #notice h3 {color:#555;}
.bootstrap #notice h2 {font-size: 20px; color: #36A0CF;}
.bootstrap #notice #cover h2 {margin-top: 0;
margin-bottom: 10px;}
.bootstrap #notice h2 span {color:#333333;}
.bootstrap #notice #couv-notice .conteneur-ombre-img {margin: auto;}

/* CSS NOUVELLE NOTICE */
.bootstrap #principal #notice h1 {
	font-family: Oswald,Calibri,Arial,sans-serif;
	margin-bottom: 10px;
}
.bootstrap #notice {
	background:#FFFFFF;
	padding-top: 20px;
	padding-bottom: 30px;
}

.bootstrap #couv-notice {max-width: 240px; margin: auto; margin-top: 20px;}
.bootstrap #principal #notice #descriptifs h2 {margin: 0px;}
.bootstrap #principal #notice ul.tabs li a, .bootstrap #principal #notice ul.tabs li h2 a {font-size: 15px; border: none; color:#36A0CF; padding: 10px 19px;}
.bootstrap #principal #resume {margin-top: 30px;} 
.bootstrap #principal #notice ul.tabs li {background: #f0f0f0;}
.bootstrap #principal #notice ul.tabs li.active, .bootstrap #principal #notice ul.tabs li:hover, .bootstrap #principal #notice ul.tabs li:active, .bootstrap #principal #notice ul.tabs li.active a, .bootstrap #principal #notice ul.tabs li:hover a, .bootstrap #principal #notice ul.tabs li:active a, .bootstrap #principal #notice ul.tabs li a:hover {background: #ffffff;}
.bootstrap #principal #notice ul.tabs, .bootstrap #principal #notice ul.tabs li {height: 41px;}
@media screen and (max-width: 768px) {.bootstrap #notice, .bootstrap #notice #couv-titre-resume {padding-left: 0; padding-right: 0;}}
@media screen and (max-width: 768px) {.bootstrap #couv-titre-resume ul.tabs li {float: none;}}
@media screen and (max-width: 768px) {.bootstrap #principal #notice ul.tabs, .bootstrap #principal #notice ul.tabs li {height: auto;}}
@media screen and (max-width: 768px) {.bootstrap #principal #notice ul.tabs {border-bottom: none;}}
.bootstrap #notice #formats-livre ul {padding-left: 0; list-style: none;}
.bootstrap #notice #formats-livre ul li {float: left; margin-right:20px;}
.bootstrap #notice #formats-livre ul a {
	display: block;
	padding: 10px 20px; 
	color:#36A0CF;
	background:#ffffff;
	font-size: 20px;
	font-weight: normal;
	border-radius: 3px;
	position: relative;
	 border: 1px solid #c2e1f5;
	 	-webkit-transition:All 0.1s ease;
	-moz-transition:All 0.1s ease;
    -o-transition:All 0.1s ease;
    transition:All 0.1s ease;
	border: 4px solid #c2e1f5;
	margin-bottom: 10px;
}

.bootstrap #notice #formats-livre {margin-bottom:20px;}
.bootstrap #notice #notice-goal {
	background-color: #f0f0f0;
	padding: 20px;
	border-radius: 3px;
}
@media screen and (max-width: 768px) {.bootstrap #notice #notice-goal {padding:10px;}}

.bootstrap #notice #formats-livre ul a.active, .bootstrap #notice #formats-livre ul a:hover { border: 4px solid #c2e1f5;
	background-color: #028AC7;
	color:#FFFFFF;	}
 .bootstrap #notice #formats-livre ul a:hover{text-decoration: none;}

.bootstrap #notice #formats-livre ul a.active:after, .bootstrap #notice #formats-livre ul a.active:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.bootstrap #notice #formats-livre ul a.active:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #028AC7;
	border-width: 10px;
	margin-left: -10px;
}
.bootstrap #notice #formats-livre ul a.active:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #c2e1f5;
	border-width: 16px;
	margin-left: -16px;
}


.bootstrap #notice .soustitre, .bootstrap #notice .traite, .bootstrap #principal #notice .collection {font-weight:300;}
.bootstrap #notice .traite, .bootstrap #principal #notice .collection {margin-top:5px; font-size:0.55em;}
.bootstrap #notice .soustitre {font-size:0.65em;}
.bootstrap #notice .auteurs h2 {margin-top:5px; font-size:20px;}
.bootstrap #notice .coordonnateur h2 {font-size:19px; color:#444;}
.bootstrap #notice .dir-collection h2 {font-size:18px; color:#444;}
.bootstrap #notice .redac-chef h2 {font-size:17px; color:#444;}
.bootstrap #notice .prefacier h3 {font-size:17px;}
.bootstrap #notice .btn.ultimate i {top:3px; margin-right: 5px; position: relative; font-size: 1.7em; padding:7px 10px 10px 10px;}
.bootstrap #notice .btn.ultimate:hover {text-shadow: none;}
.bootstrap #notice .notice-transfo {font-size:20px;}
.bootstrap #notice .caracteristiques-techniques {font-size:14px;}
.bootstrap #notice .btn.ultimate i {padding:7px 3px 10px 10px;}
.bootstrap #notice .btn.ultimate {padding:5px 10px 5px 5px; font-size:17px;}
.bootstrap #notice #notice-accroche {margin: 0 0 10px 0; font-size:15px; font-style: italic;}
.bootstrap #notice .notice-transfo span.format_ebook {display: block; margin-bottom: 10px;}
.bootstrap #notice #complements h3 .fa-2x {font-size:40px;}

.bootstrap #notice i.icofont, .bootstrap #notice #themes i.fa {font-size:40px; display:inline-block; margin-right:7px; margin-top:-10px; vertical-align: middle; position: relative; color:#36A0CF;}
.bootstrap #notice i {color:#36A0CF; margin-right: 7px;}
.bootstrap #notice a.ultimate i, .bootstrap #notice #feuilletage-notice li b.plier_deplier i {color:#FFFFFF;}
.bootstrap #notice #descriptifs i {color:#333333;}
.bootstrap #notice #complements ul {list-style:none; padding-left:20px; font-size: 15px;}
.bootstrap #notice #complements #video-notice p, .bootstrap #notice #complements #video-notice #conteneur-video, .bootstrap #notice #complements #mots_clefs p {padding-left: 20px; font-size: 15px;}
.bootstrap #notice #feuilletage-notice, .bootstrap #notice #video-notice, .bootstrap #notice #themes, .bootstrap #notice #mots_clefs, .bootstrap #notice #presse {padding-bottom: 15px; border-bottom:1px dashed #999;}
.bootstrap #notice #copyright {margin-bottom:20px; padding-top:20px;}
.bootstrap #notice #video-notice .video-js {
	-webkit-box-shadow: 0 3px 15px #000;
	 -moz-box-shadow: 0 3px 15px #000;
	 box-shadow: 0 3px 15px #000;}
.bootstrap #notice .tab_container {max-height: 300px; overflow: auto;}
.bootstrap #notice #feuilletage-notice li b.plier_deplier {
	color: #fff;
    background: #36A0CF;
    font-weight: normal;
    padding: 5px;
    border-radius: 3px;
    text-align: left;
    display: inline-block;
    margin-top: 10px;
}

.bootstrap .footer-engagements {color:#ddd;}
.bootstrap .footer-engagements .nos_engagements, .bootstrap .footer-engagements .nos_engagements i {font-size: 30px;}
.bootstrap .footer-engagements .nos_engagements {padding-bottom: 10px; border-bottom: 1px dashed #999;}
.bootstrap .footer-engagements {list-style:none; font-size:15px;}
.bootstrap .footer-engagements i {color:#FFF; margin-right:7px; font-size:20px;}
.bootstrap .footer-engagements li {margin-bottom:10px;}
.bootstrap .footer-engagements .detail_engagement {color:#aaa;}
.bootstrap #activation #nom, .bootstrap #activation #prenom, .bootstrap #activation #voie, .bootstrap #activation #ville {width:50%;}
@media screen and (max-width: 768px) {.bootstrap #activation #nom, .bootstrap #activation #prenom, .bootstrap #activation #voie, .bootstrap #activation #ville {width:100%;}}