/* vim: ts=2 sts=2 sw=2
 */
@font-face {
    font-family: 'HelveticaNeueLTStd';
    src: url('../fonts/HelveticaNeueLTStd_HvCn.eot');
    src: url('../fonts/HelveticaNeueLTStd_HvCn.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStd_HvCn.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStd_HvCn.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStd_HvCn.svg#HelveticaNeueLTStd') format('svg');
    font-weight: normal;
    font-style: normal;
}
    /*
     * ------------------------------
     * Dimension iphone:
     *   screen 320x480
     * - portrait: 320x356
     * - paysage:  400x208
     * Dimension blackberry:
     *   screen 480x320
     * ------------------------------
     * Dimension A5
     *	    570x800px (72 ppp)
     * ------------------------------
     *              red: A90E62
     *          bordeau: A32741 163/39/65
     *             bleu: 382379 56/35/121
     *      gris claire: CCCCCC
     *       gris fonce: 8C8C8C
     *  gris tres fonce: 606060
     *            black: 323232	50/50/50
     *            jaune: ed9d00	237/157/0
     *      font-family: Tahoma,Arial,Helvetica,sans-serif ;
     *      font-family: "Courier New", Courier, monospace ;
     *      font-family: Georgia, serif ;
     * -----------------------------
     *   slider:  613x207
     *   box:	  290x195
		 *   media xs < 768px
		 *   media sm >= 768px
		 *   media md >= 992px
		 *   media lg >= 1200px
     */

/*---[CSS reset]-{{{---*/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, abbr, form, fieldset, blockquote {
    padding:0;
    margin:0;
    font-weight: normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td, th, caption {
    font-weight: normal;
    text-align: left;
}
img, fieldset, abbr{
    border:0;
}
ol {
    margin-left: 1.4em;
    list-style-type:decimal;
}
ul {
    margin-left: 1.4em;
    list-style-type:square;
}
q:before, q:after {
    content:'';
}

/*-}}}-*/

/*---[init]-{{{---*/
body {
    background:#CCCCCC url('img/bg_body.png') repeat-x scroll left top ;
    margin:0;
    padding:0;
    border: 0 none;
    color:#323232 ;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
/*    font-size: 129%; */
    line-height: 1.24 ;
}

hr {
    clear:both;
    visibility:hidden;
    margin:0;
    padding:0;
}

h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0.66em 0;
    color: #a32741 ;
}

h1 { font-size: 1.5em;  font-weight:900;}
h2 { font-size: 1.2em; font-weight:900;}
h3 { font-size: 1.1em; font-weight:900;}
h4 { font-size: 1em; font-weight:900; }
h5 { font-size: 1em;   font-weight:900; }
h6 {
    font-size: 1em ;
    font-weight:900;
    color: #A32741 ;
    font-style: italic ;
}

p {
    font-size: 1em;
    margin:1em 0;
}

li li, li p, td p, blockquote p {
    font-size:1em ;
}

.no_margin {
    margin: 0 ;
}
.no_padding {
    padding: 0 ;
}
.floatr {
    float: right ;
}
.floatl {
    float: left ;
}

.context {
    overflow: hidden ;
}
.color {
	color:#A32741;
}
.pointer {
	cursor:pointer;
}
.pointer {
	float:right;
}
.left {
	float:left;
}
.odd {
    background-color: #F0F0F0 ;
}

.even {
}

tr:nth-child(even) {background: #F0F0F0}
tr:nth-child(odd) {background: #FFFFFF}

input.inline {
    display: inline-block ;
}

table.upblisher {
    margin-top:1em;
    text-align: center;
    /*border: 1px ; */
    margin: auto ;
    border-right: 1px solid #A32741 ;
    border-top: 1px solid #FFFFFF ;
}

.upblisher th {
    background-color:#A32741;
    border-top: 1px solid white ;
    border-left: 1px solid white ;
    color: white;
    font-weight: bold;
    height: 1.1em;
    padding: 0.5em;
    vertical-align: middle;
}

.upblisher td:first-child {
    text-align: left;
}

.upblisher td {
    padding:0.5em;
    height:0.1em;
    border-top: 1px solid #A32741;
    border-right: 1px solid #A32741;
    border-left: 1px solid #A32741;
    border-bottom: 1px solid #A32741;
}

form {
	font-family:Tahoma,Arial,Helvetica,sans-serif;
    background: #F5F4EF none repeat scroll 0 0 ;
    border-top: 1px solid #CCDDDD ;
    border-bottom: 2px solid #CCDDDD ;
    margin-top: 1em;
    padding: 1em 0 ;
    width: 100%;
}


form dt {
    display: inline-block ;
    width: 40%;
    border-bottom: solid 1px #CCCCCC ;
    margin-left: 0.5em;
    vertical-align: top ;
}

form dd {
    display: inline-block ;
    margin-bottom: 0.3em;
    margin-left: 0.5em;
    width: 55%;
}

form label {
    font-weight: bold ;
    color: #382379 ;
}
form h4 {
	margin: 12px 0px 0px 10px;
}
form dt label {
  float: right;
	text-align: right;
}

form select, form input {
  font-size: 1em;
  border: 1px solid #92A8A6 ;
	//margin: 0px 0px 0px 4px;
}
form textarea {
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size: 105%;
  border: 1px solid #92A8A6 ;
	width: 95% ;
}
form select:focus, form input:focus, form textarea:focus {
    border: 1px solid #92A8A6 ;
    background: #CCDDDD;
}

form select,
form input[type="password"],
form input[type="text"] {
    width: 95% ;
}
form input[type="radio"],
form input[type="checkbox"] {
    width: 22px ;
	margin: 0px 2px 0px 0px;
}

form input[type="submit"],
.submit {
    cursor:pointer ;
//    margin:0px 0px 0px 8px;
}

a:link, a:visited {
    color:#A32741 ;
    text-decoration:none;
}
a:hover, a:active {
    color:#A32741 ;
    text-decoration:underline;
}
/*-}}}-*/

/*---[general]-{{{---*/
.ui-widget {
  font-size: 1em !important ;
}

.wrap-header {
	position: fixed;
	height: 50px ;
	width: 100% ;
	z-index: 100;
	background-color: #FFF;
}
.wrap-content {
	background-color: #CCC;
	padding-top: 50px ;
}
@media (min-width: 768px) {
.wrap-header {
	height: 181px ;
}
.wrap-content {
	padding-top: 181px ;
}
}

#breadcrumbs {
    font-size: 1em ;
    margin: 1em 0 1em ;
    background: #FFFFFF ;
    border: 3px solid #FFFFFF;
}

#deck {
    font-size: 0.75em ;
    margin: 1em 0 1em ;
    padding: 1em ;
    background: #FFFFFF url(img/bg_deck.gif) repeat-x scroll center bottom;
    border: 3px solid #FFFFFF;
    text-align: center;
}


.line {
    /*
    border: #00FF00 solid 1px ;
    */
    clear: both ;
}

.bold {
	font-weight:bold;
}


a.img_link:link, a.img_link:visited, a.img_link:hover, a.img_link:active  {
    text-decoration: none;
}

.errors {
    color: #A32741 ;
    font-size: 0.8em ;
}

.clear {
    clear: both;
}
.cnil-text {
    text-align:justify;
    margin:1em;
    font-size:0.8em;
}

span.icone_categorie_vignette{
	display: inline-block;
	width: 45px;
	height: 45px ;
}
.categorie-sprite-actu {
	background-position: 0px 0px ;
}
.categorie-sprite-adv {
	background-position:-57px 0px ;
}
.categorie-sprite-bd {
	background-position:-113px 0px ;
}
.categorie-sprite-memoire {
	background-position:-170px 0px ;
}
.categorie-sprite-develop {
	background-position:-227px 0px ;
}
.categorie-sprite-esote {
	background-position:-284px 0px ;
}
.categorie-sprite-erotism {
	background-position:-341px 0px ;
}
.categorie-sprite-histoire {
	background-position:-397px 0px ;
}
.categorie-sprite-poesi {
	background-position:-454px 0px ;
}
.categorie-sprite-litt {
	background-position:-510px 0px ;
}
.categorie-sprite-nls {
	background-position:-567px 0px ;
}
.categorie-sprite-phil {
	background-position:-624px 0px ;
}
.categorie-sprite-polar {
	background-position:-680px 0px ;
}
.categorie-sprite-socio {
	background-position:-737px 0px ;
}
.categorie-sprite-savoir {
	background-position:-794px 0px ;
}
.categorie-sprite-sf {
	background-position:-850px 0px ;
}
.categorie-sprite-humour {
	background-position:-907px 0px ;
}
.categorie-sprite-jeunesse {
	background-position:-964px 0px ;
}
.categorie-sprite-red {
	background-image: url('img/icons_categories_red.png') ;
}
.categorie-sprite-gray {
	background-image: url('img/icons_categories_gray.png') ;
}
.categorie-sprite-white {
	background-image: url('img/icons_categories_white.png') ;
}
	
form span.button input {
    color: inherit ;
		border: 0 ;
    background: inherit ;
    font-size: 14px ;
    font-weight: bold ;
}
/*
    color: #A32741 ;
    display: inline-block ;
    background: #DCDCDC ;
    -moz-border-radius: 8px 8px 8px 8px ;
    box-shadow: 2px 2px 2px #5c5b5b ;
    border-radius: 8px 8px 8px 8px ;
    border: 0 ;
    padding: 4px 20px ;
    min-width: 190px ;
*/

/*---}}}---*/

/*---[info5]-{{{---*/
/*
@media (max-width: 360px) {
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 5px;
	padding-right: 5px;
}
}
*/
.info5 {
    width: 305px ;
    min-height: 138px ;
    font-size: 0.76em ;
}
.info5-top {
    background: transparent url('img/bg_info5_top.png') no-repeat left top ;
    padding: 8px 8px 0px 8px ;
}
.info5-bottom {
    background: transparent url('img/bg_info5_bottom.png') no-repeat left top ;
    height: 12px ;
}
.info5-titre {
    font-family: "Courier New", Courier, monospace;
    width: 102px ;
    float: left ;
    padding-left: 4px ;
}
.info5-titre h2 {
    color: #FFFFFF ;
    font-weight: normal ;
    letter-spacing: -1px ;
}
.info5-texte {
    width: 179px ;
    float: right ;
}
.info5-texte ol {
    list-style-position:inside;
    margin-top: 4px ;
    margin-left: 13px ;
}
.info5-texte ol li {
    color: #FF0000 ;
}
.info5-texte ol li * {
    color: #323232 ;
}
/*---}}}---*/

/*---[Box]-{{{---*/
.box {
    /*
    border: #0000FF solid 1px ;
    */
	/*
    background: transparent url('img/bg_box_border.png') no-repeat left top ;
    width: 318px ;
    height: 229px ;
    padding: 17px 14px ;
		*/
    margin-top: 25px ;
		margin-bottom: 5px ;
		border: solid 5px white ;
		-moz-box-shadow: 0px 0px 5px 0px #656565;
		-webkit-box-shadow: 0px 0px 5px 0px #656565;
		-o-box-shadow: 0px 0px 5px 0px #656565;
		box-shadow: 0px 0px 5px 0px #656565;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
}

@media (min-width: 768px) {
.box-content {
	/*
    width: 290px ;
    height: 195px ;
		*/
    height: 195px ;
}
}

.box-body {
    padding: 10px ; 
    font-size: 1.1em ;
}

.box-body h1,
.box-body h2,
.box-body h3,
.box-body h4,
.box-body h5,
.box-body h6 {
    color: #FFFFFF ;
    padding: 0 0 0.25em 0 ;
}

.box-body p {
    padding: 0 0 0.25em 0 ;
    margin: 0 ;
}

#accueil-box2 a {
    color: #FFFFFF ;
    text-decoration : underline ;
}
/*---}}}---*/
/*---[Pagination control]-{{{---*/
#pagination-control {
	height: 20px ;
	color: #A32741 ;
	margin-top: 8px ;
}
#pagination-control .control-left {
    float: left ;
    width : 20%;
}
#pagination-control .control-center {
	text-align: center;
	float: left ;
    width: 60%;
}
#pagination-control .control-right {
	float: right;
	text-align: right;
    width : 20%;
}
#pagination-control .current {
	text-decoration : underline ;
}

/*---}}}---*/
/*---[block zone]-{{{---*/
.block-zone {
	margin: 0px 0px 15px 0px;
}
.block-zone .top-left {
    background: transparent url('img/bg_default_top_left.png') no-repeat left top ;
    height: 8px ;
}
.block-zone .top-right {
    background: transparent url('img/bg_default_top_right.png') no-repeat right top ;
    height: 8px ;
}
.block-zone .top {
    background: #FFFFFF ;
    height: 8px ;
    margin: 0 8px ;
}
.block-zone .content {
    background: #FFFFFF ;
    border: solid 1px transparent ;
    margin: 0px 0px 0px 0px ;
    padding: 5px 18px ;
}
.block-zone .bottom-left {
    clear: both ;
    background: transparent url('img/bg_default_bottom_left.png') no-repeat left bottom ;
    height: 8px ;
}
.block-zone .bottom-right {
    background: transparent url('img/bg_default_bottom_right.png') no-repeat right bottom ;
    height: 8px ;
}
.block-zone .bottom {
    background: #FFFFFF ;
    height: 8px ;
    margin: 0 8px ;
}
/*---}}}---*/
/*---[block zone top]-{{{---*/
.block-zone-top {
	margin: 0px 0px 15px 0px;
}
.block-zone-top .top-left {
    background: #FFFFFF ;
    height: 8px ;
}
.block-zone-top .top-right {
    background: #FFFFFF ;
    height: 8px ;
}
.block-zone-top .top {
    background: #FFFFFF ;
    height: 8px ;
    margin: 0 8px ;
}
.block-zone-top .content {
    background: #FFFFFF ;
    border: solid 1px transparent ;
    margin: 0px 0px 0px 0px ;
    padding: 5px 18px ;
}
.block-zone-top .bottom-left {
    clear: both ;
    background: transparent url('img/bg_default_bottom_left.png') no-repeat left bottom ;
    height: 8px ;
}
.block-zone-top .bottom-right {
    background: transparent url('img/bg_default_bottom_right.png') no-repeat right bottom ;
    height: 8px ;
}
.block-zone-top .bottom {
    background: #FFFFFF ;
    height: 8px ;
    margin: 0 8px ;
}
.block-top,
.block {
    background: #FFFFFF ;
    padding: 15px ;
}
.block-top {
		margin-left: 0px ;
		margin-right: 0px ;
		-webkit-border-bottom-right-radius: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-moz-border-radius-bottomright: 8px;
		-moz-border-radius-bottomleft: 8px;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
}
.block {
		margin: 15px 0 ;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
}
/*---}}}---*/
/*---[block zone shadow]-{{{---*/
.block-zone-shadow {
	margin: 10px 17px 10px 0px ;
	width:229px;
}
.block-zone-shadow .top-left {
    background: transparent url('img/bg_partage_top_left.png') no-repeat left top ;
}
.block-zone-shadow .top-right {
    background: transparent url('img/bg_partage_top_right.png') no-repeat right top ;
}
.block-zone-shadow .top {
    background: transparent url('img/bg_partage_top_center.png') repeat-x left top ;
    height: 12px ;
    margin: 0 11px ;
}
.block-zone-shadow .content-left {
    background: transparent url('img/bg_partage_content_left.png') repeat-y left top ;
}
.block-zone-shadow .content-right {
    background: transparent url('img/bg_partage_content_right.png') repeat-y right top ;
}
.block-zone-shadow .content {
    background: white ;
    font-weight: bold ;
    margin: 0 8px ;
    padding: 0 5px ;
}
.block-zone-shadow .bottom-left {
    background: transparent url('img/bg_partage_bottom_left.png') no-repeat left bottom ;
}
.block-zone-shadow .bottom-right {
    background: transparent url('img/bg_partage_bottom_right.png') no-repeat right bottom ;
}
.block-zone-shadow .bottom {
    background: transparent url('img/bg_partage_bottom_center.png') repeat-x left bottom ;
    margin: 0 11px ;
    height: 12px ;
}
/*---}}}---*/
/*---[block zone shadow mon espace]-{{{---*/
.block-zone-shadow-espace {
    margin: 10px 17px 10px 9px ;
	width:217px;
}
.block-zone-shadow-espace .top-left {
    background: transparent url('img/bg_partage_top_left.png') no-repeat left top ;
}
.block-zone-shadow-espace .top-right {
    background: transparent url('img/bg_partage_top_right.png') no-repeat right top ;
}
.block-zone-shadow-espace .top {
    background: transparent url('img/bg_partage_top_center.png') repeat-x left top ;
    height: 12px ;
    margin: 0 11px ;
}
.block-zone-shadow-espace .content-left {
    background: transparent url('img/bg_partage_content_left.png') repeat-y left top ;
}
.block-zone-shadow-espace .content-right {
    background: transparent url('img/bg_partage_content_right.png') repeat-y right top ;
}
.block-zone-shadow-espace .content {
    background: white ;
    font-weight: bold ;
    margin: 0 8px ;
    padding: 0 5px ;
}
.block-zone-shadow-espace .bottom-left {
    background: transparent url('img/bg_partage_bottom_left.png') no-repeat left bottom ;
}
.block-zone-shadow-espace .bottom-right {
    background: transparent url('img/bg_partage_bottom_right.png') no-repeat right bottom ;
}
.block-zone-shadow-espace .bottom {
    background: transparent url('img/bg_partage_bottom_center.png') repeat-x left bottom ;
    margin: 0 11px ;
    height: 12px ;
}
/*---}}}---*/
/*---[block zone top biblio]-{{{---*/
.block-zone-top-biblio {
	margin: 0px 0px 15px 0px;
	padding: 0px ;
}
.block-zone-top-biblio .top-left {
    background: #787878 ;
    height: 50px ;
}
.block-zone-top-biblio .top-right {
    background: #787878 ;
    height: 50px ;
}
.block-zone-top-biblio .top {
    background: #787878 ;
    height: 60px ;
		font-size: 1.2em ;
}
.block-zone-top-biblio .content {
    background: #FFFFFF ;
    border: solid 1px transparent ;
    margin: 0px 0px 0px 0px ;
    padding: 5px 18px ;
}
.block-zone-top-biblio .bottom-left {
    clear: both ;
    background: transparent url('img/bg_default_bottom_left.png') no-repeat left bottom ;
    height: 8px ;
}
.block-zone-top-biblio .bottom-right {
    background: transparent url('img/bg_default_bottom_right.png') no-repeat right bottom ;
    height: 8px ;
}
.block-zone-top-biblio .bottom {
    background: #FFFFFF ;
    height: 8px ;
    margin: 0 8px ;
}
#biblio-selectchoice {
	color: #606060 ;
}
/*--- }}} fin block zone biblio ---*/
/*---[block proposition rouge]-{{{---*/
.block-proposition-rouge {
    width: 229px ;
    margin: 10px 17px 10px 0px ;
    font-size:0.9em;
}
.block-proposition-rouge .top-left {
    background: transparent url('img/bg_proposition_top_left.png') no-repeat left top ;
}
.block-proposition-rouge .top-right {
    background: transparent url('img/bg_proposition_top_right.png') no-repeat right top ;
}
.block-proposition-rouge .top {
    background: transparent url('img/bg_proposition_top_center.png') repeat-x left top ;
    height: 35px ;
    margin: 0 13px 0 33px ;
}
.block-proposition-rouge .content-left {
    background: transparent url('img/bg_proposition_content_left.png') repeat-y left top ;
}
.block-proposition-rouge .content-right {
    background: transparent url('img/bg_proposition_content_right.png') repeat-y right top ;
}
.block-proposition-rouge .content {
    color: #FFFFFF ;
    background: #A32741 ;
    margin: 0 8px ;
    border: 1px solid #A32741 ;
    padding: 0 10px ;
}
.block-proposition-rouge .bottom-left {
    background: transparent url('img/bg_proposition_bottom_left.png') no-repeat left bottom ;
}
.block-proposition-rouge .bottom-right {
    background: transparent url('img/bg_proposition_bottom_right.png') no-repeat right bottom ;
}
.block-proposition-rouge .bottom {
    background: transparent url('img/bg_proposition_bottom_center.png') repeat-x left bottom ;
    margin: 0 11px ;
    height: 12px ;
}	
/*---}}}---*/
/*---[block proposition bronze]-{{{---*/
.block-proposition-bronze {
    width: 229px ;
    margin: 10px 17px 10px 0px ;
    font-size:0.9em;
}
.block-proposition-bronze .top-left {
    background: transparent url('img/bg_proposition_bronze_top_left.png') no-repeat left top ;
}
.block-proposition-bronze .top-right {
    background: transparent url('img/bg_proposition_bronze_top_right.png') no-repeat right top ;
}
.block-proposition-bronze .top {
    background: transparent url('img/bg_proposition_bronze_top_center.png') repeat-x left top ;
    height: 35px ;
    margin: 0 13px 0 33px ;
}
.block-proposition-bronze .content-left {
    background: transparent url('img/bg_proposition_content_left.png') repeat-y left top ;
}
.block-proposition-bronze .content-right {
    background: transparent url('img/bg_proposition_content_right.png') repeat-y right top ;
}
.block-proposition-bronze .content {
    color: #FFFFFF ;
    background: #884b39 ;
    margin: 0 8px ;
    border: 1px solid #884b39 ;
    padding: 0 10px ;
}
.block-proposition-bronze .bottom-left {
    background: transparent url('img/bg_proposition_bronze_bottom_left.png') no-repeat left bottom ;
}
.block-proposition-bronze .bottom-right {
    background: transparent url('img/bg_proposition_bronze_bottom_right.png') no-repeat right bottom ;
}
.block-proposition-bronze .bottom {
    background: transparent url('img/bg_proposition_bronze_bottom_center.png') repeat-x left bottom ;
    margin: 0 11px ;
    height: 12px ;
}	
/*---}}}---*/
/*---[block proposition argent]-{{{---*/
.block-proposition-argent {
    width: 229px ;
    margin: 10px 17px 10px 0px ;
    font-size:0.9em;
}
.block-proposition-argent .top-left {
    background: transparent url('img/bg_proposition_argent_top_left.png') no-repeat left top ;
}
.block-proposition-argent .top-right {
    background: transparent url('img/bg_proposition_argent_top_right.png') no-repeat right top ;
}
.block-proposition-argent .top {
    background: transparent url('img/bg_proposition_argent_top_center.png') repeat-x left top ;
    height: 35px ;
    margin: 0 13px 0 33px ;
}
.block-proposition-argent .content-left {
    background: transparent url('img/bg_proposition_content_left.png') repeat-y left top ;
}
.block-proposition-argent .content-right {
    background: transparent url('img/bg_proposition_content_right.png') repeat-y right top ;
}
.block-proposition-argent .content {
    color: #FFFFFF ;
    background: #717b7f ;
    margin: 0 8px ;
    border: 1px solid #717b7f ;
    padding: 0 10px ;
}
.block-proposition-argent .bottom-left {
    background: transparent url('img/bg_proposition_argent_bottom_left.png') no-repeat left bottom ;
}
.block-proposition-argent .bottom-right {
    background: transparent url('img/bg_proposition_argent_bottom_right.png') no-repeat right bottom ;
}
.block-proposition-argent .bottom {
    background: transparent url('img/bg_proposition_argent_bottom_center.png') repeat-x left bottom ;
    margin: 0 11px ;
    height: 12px ;
}	
/*---}}}---*/
/*---[block proposition or]-{{{---*/
.block-proposition-or {
    width: 229px ;
    margin: 10px 17px 10px 0px ;
    font-size:0.9em;
}
.block-proposition-or .top-left {
    background: transparent url('img/bg_proposition_or_top_left.png') no-repeat left top ;
}
.block-proposition-or .top-right {
    background: transparent url('img/bg_proposition_or_top_right.png') no-repeat right top ;
}
.block-proposition-or .top {
    background: transparent url('img/bg_proposition_or_top_center.png') repeat-x left top ;
    height: 35px ;
    margin: 0 13px 0 33px ;
}
.block-proposition-or .content-left {
    background: transparent url('img/bg_proposition_content_left.png') repeat-y left top ;
}
.block-proposition-or .content-right {
    background: transparent url('img/bg_proposition_content_right.png') repeat-y right top ;
}
.block-proposition-or .content {
    color: #FFFFFF ;
    background: #f09b35 ;
    margin: 0 8px ;
    border: 1px solid #f09b35 ;
    padding: 0 10px ;
}
.block-proposition-or .bottom-left {
    background: transparent url('img/bg_proposition_or_bottom_left.png') no-repeat left bottom ;
}
.block-proposition-or .bottom-right {
    background: transparent url('img/bg_proposition_or_bottom_right.png') no-repeat right bottom ;
}
.block-proposition-or .bottom {
    background: transparent url('img/bg_proposition_or_bottom_center.png') repeat-x left bottom ;
    margin: 0 11px ;
    height: 12px ;
}	
/*---}}}---*/
/*---[block user]-{{{---*/
.block-user {
}
.block-user .top-left {
    background: transparent url('img/bg_proposition_top_left.png') no-repeat left top ;
}
.block-user .top-right {
    background: transparent url('img/bg_proposition_top_right.png') no-repeat right top ;
}
.block-user .top {
    background: transparent url('img/bg_proposition_top_center.png') repeat-x left top ;
    height: 35px ;
    margin: 0 13px 0 33px ;
}
.block-user .content-left {
    background: transparent url('img/bg_proposition_content_left.png') repeat-y left top ;
}
.block-user .content-right {
    background: transparent url('img/bg_proposition_content_right.png') repeat-y right top ;
}
.block-user {
    color: #FFFFFF ;
    background: #A32741 ;
}
.block-user input {
    color:#323232 ;
}
.block-user .bottom-left {
    background: transparent url('img/bg_proposition_bottom_left.png') no-repeat left bottom ;
}
.block-user .bottom-right {
    background: transparent url('img/bg_proposition_bottom_right.png') no-repeat right bottom ;
}
.block-user .bottom {
    background: transparent url('img/bg_proposition_bottom_center.png') repeat-x left bottom ;
    margin: 0 11px ;
    height: 12px ;
}
/*---}}}---*/
/*---[tarif]-{{{---*/
.tarif-block {
    text-align: center ;
    vertical-align: top ;
}
.tarif-block a {
    font-size: 1em;
    font-weight: bold ;
}
.tarif-block h2 {
    color: #FFFFFF ;
    font-family: Georgia, serif ;
    padding:0.8em 0;
		border: solid 5px white ;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
    border-radius: 5px;
		-moz-box-shadow: 0px 0px 5px 0px #656565;
		-webkit-box-shadow: 0px 0px 5px 0px #656565;
		-o-box-shadow: 0px 0px 5px 0px #656565;
		box-shadow: 0px 0px 5px 0px #656565;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
}
.tarif-body {
    min-height: 1em ;
}
.tarif-body ul {
    list-style:none;
	margin:0px;
}

.tarif-content {
		margin-top: 15px ;
    padding: 15px 5px ;
		background:#e5e5e5;
		box-shadow:inset 2px 2px 3px #393838;
		border-radius:8px;
}
@media (min-width: 768px) {
.tarif-content {
	height: 200px ;
}
}

@media (min-width: 992px) {
.tarif-content {
	height: 140px ;
}
}

.tarif-content-center b {
    font-size: 1.5em;
}

.tarif-valeur-center {
	margin-top: 15px;
	color: #FFFFFF ;
	height:52px;
	border-radius:8px;
	line-height:52px;
	box-shadow:inset 2px 2px 3px #393838;
}

.tarif-offre-bronze h2,
.tarif-valeur-bronze {
	background:#884b39;
}
.tarif-offre-argent h2,
.tarif-valeur-argent {
	background:#717b7f;
}
.tarif-offre-gold h2,
.tarif-valeur-gold {
	background:#f09b35;
}
.tarif-offre-free h2,
.tarif-valeur-free {
	background:#e5e5e5;
	color:#A32741;
}
.tarif-valeur-center span {
    font-size: 1.8em;
    font-weight: bold ;
}
.tarif-valeur-center span.ttc_barre {
    text-decoration:line-through;
    font-size: 1.2em;
}

#tarif-option {
}
#tarif-option h5 {
    color: #ed9d00 ;
}
#tarif-option hr {
    visibility: visible ;
    color: #CCCCCC ;
		margin: 15px 0 ;
}
#tarif-option ul {
    padding: 0 ;
    margin: 0 ;
}
#tarif-option li {
    color: #382379 ;
    list-style: none ;
    background: transparent url('img/bullet_check.png') no-repeat scroll left top ;
    padding-left: 25px ;
    margin: 0 40px 10px 0 ;

}
/*---}}}---*/
/*---[abonnement]-{{{---*/
#abonnement {
    text-align: center ;
}
.abonnement-block {
    text-align: center ;
    display: inline-block;
    margin: 20px 20px 0px 20px ;
    min-height: 210px ;
    vertical-align: top ;
}
.abonnement-block a {
    font-size: 1em;
    font-weight: bold ;
    padding-left: 18px ;
}
.abonnement-block h2 {
    background: transparent url('img/bg_abonnement_title.png') no-repeat scroll left top ;
    color: #FFFFFF ;
    font-family: Tahoma,Arial,Helvetica,sans-serif ;
    font-size: 20px;
    font-weight: normal ;
    padding: 9px 0 ;
}
.abonnement-content {
    padding-left: 3px ;
    margin-top: 0.5em ;
}
.abonnement-body {
    background: transparent url('img/bg_abonnement_text.png') no-repeat scroll left top ;
    padding: 1px ;
    height: 110px ;
    margin-top: 0.5em ;
    overflow: hidden ;
    vertical-align: middle ;
    display: table-cell ;
    width: 209px ;
}
.abonnement-text b {
    font-size: 1.5em;
}
p.abonnement-link {
    text-align: right ;
    margin-right: 3px ;
}

/*---}}}---*/
/*---[entete]-{{{---*/
.header {
    background: transparent ;
    //height: 181px ;
    position: relative ;
    background: url('img/bg_head.png') no-repeat scroll right top;

}
.header.fr {
    /* background: url('img/fr-bg_head-pastille.png') no-repeat scroll right top; */
    background: url('img/banniere-default.png') no-repeat scroll right top;
    /* background: url('img/banniere-noel.jpg') no-repeat scroll right top; */
}
.header.en {
    background: url('img/en-bg_head.png') no-repeat scroll right top;
}
.header.es {
    background: url('img/es-bg_head.png') no-repeat scroll right top;
}
#beta {
    background: url('img/beta-small.png') no-repeat scroll right top;
    position: absolute ;
    width: 78px ;
    height: 76px ;
    z-index: 20 ;
    top: 71px ;
    left: 233px ;
}
#noel-boule-1 {
    position: absolute ;
    width: 170px ;
    height: auto ;
    z-index: 0 ;
    top: 80px ;
    left: 902px ;
}
#noel-boule-2 {
    position: absolute ;
    width: 303px ;
    height: auto ;
    z-index: 20 ;
    top: -19px ;
    left: 196px ;
}
#noel-houx-1 {
    position: absolute ;
    width: 170px ;
    height: auto ;
    z-index: 20 ;
    top: -10px ;
    left: -88px ;
}
#noel-sapin-1 {
    position: absolute ;
    width: 170px ;
    height: auto ;
    z-index: 20 ;
    top: -10px ;
    left: -88px ;
}
#pere-noel {
    position: absolute ;
    width: 170px ;
    height: 170px ;
    z-index: 20 ;
    top: -10px ;
    left: -88px ;
}
#icon-goto-home {
    position: absolute ;
		cursor: pointer;
    display: block ;
    width: 200px ;
    height: 100px ;
    top: -20px ;
    left: 0px ;
    text-decoration:none;
    margin:0px ;
    padding:0px ;
    border:0px ;
		z-index: 100 ;
}
@media (min-width: 1200px) {
#icon-goto-home {
    width: 430px ;
}
}
/*---}}}---*/
/*---[User]-{{{---*/
#user {
    float: right ;
    font-size: 0.8em;
    color: #FFFFFF ;
    background: #323232 ;
    margin: 0px ;
    width: 610px ;
}
@media (min-width: 768px) {
#user {
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
}
}
#user ul li a.ui-state-active {
    color: #FFFFFF ;
		border: none;
}

@media (max-width: 768px) {
#user {
    width: 100% ;
}
}

#user-center img {
    margin: 2px 0px 0px 0px ;
}
#user ul li a.flag {
    padding: 0px ! important;
}
	
#user ul {
    display: inline-block ;
    padding: 3px ;
    float: right ;
}
#user ul li {
    display: inline ;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}
/* commun a tous les etats */
#user ul li a:link,
#user ul li a:visited,
#user ul li a:hover,
#user ul li a:active {
    color: #FFFFFF ;
    font-weight:900;
    padding: 0.5em 0.5em;
    text-align: center;
    text-decoration:none;
}
/* souri au dessu de l'item */
#user ul li a:focus,
#user ul li a:hover,
#user ul li a:active {
    color: #FFFFFF ;
    text-decoration:none;
}
#user ul select {
    color: #FFFFFF ;
    border: 0 ;
    background-color: #323232;

}
#user ul li img {
    vertical-align: middle ;
    position: relative ;
    top: -1px ;
}
/*---}}}---*/
/*---[Menu]-{{{---*/
#menu-tools {
    border:0 ;
    display: block ;
    //position: absolute ;
    //bottom: 0 ;
    width: 100% ;
}
@media (min-width: 768px) {
/*
#menu-tools {
    padding:0 ;
    margin: 0 ;
}
*/
#menu {
    position: relative ;
    font-size: 93%;
}
#menu ul {
		margin: 80px 0px 0px 0px ;
}
#menu ul>li {
    background: url('img/menu.png') no-repeat -300px -36px ;
    outline: none;
    border:0 ;
    display: inline-block ;
    position: relative;
    bottom:-14px;
}
/* commun a tous les etats */
#menu ul>li a:link,
#menu ul>li a:visited,
#menu ul>li a:hover,
#menu ul>li a:active {
    outline: none;
    border:0 ;
    display: block ;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    //font-family: sans-serif;
    //font-family: HelveticaNeueLTStd ;
    color:white;
    text-decoration:none;
    line-height:32px;
    text-align:center;
    padding:0px 16px 0px 2px;
}

/* souris au dessu de l'item */
#menu ul>li:hover {
    bottom:-12px;
}
#menu ul>li a {
    background: url('img/bg_nav_tab_grey.png') no-repeat right top;
    margin-left:6px;
    font-weight:bold;
    height: 40px ;
}
#menu ul>li.active {
    background: url('img/menu.png') no-repeat -300px -1px ;
}
#menu ul>li.active a {
	background: url('img/bg_nav_tab_active.png') no-repeat right top;
/*
	background: url('img/bg_nav_tab_red.png') no-repeat right top;
*/
}

#menu ul>li.menu_espace {
	background: url('img/menu.png') no-repeat -300px -71px ;
}

#menu ul>li.menu_espace a {
	background: url('img/bg_nav_tab_red.png') no-repeat right top;
}


/*---[Menu Dropdown]-{{{---*/
#menu ul.nav ul.dropdown-menu {
    /* 
    display: none ;
    /* */
    margin: 0;
    padding: 10px 5px;
    position: absolute ;
    top: 26px ;
    left: 0;
    z-index: 50 ;
    background: #323232 ; filter:alpha(opacity=90); -moz-opacity:0.90;opacity: 0.90;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /* border: #fff solid 1px ; */
}
#menu ul.nav li:hover > ul.dropdown-menu {
    //display: block ;
}
#menu ul.nav li.menu_auteurs ul {
    width: 220px ;
}
#menu ul.nav li.menu_lecteurs ul {
    width: 240px ;
}
#menu ul.nav li.menu_salon ul {
    width: 220px ;
}
#menu ul.nav li.menu_conseils ul {
    width: 220px ;
}
#menu ul.nav li.menu_espace ul {
    width: 220px ;
}


#menu ul.nav ul.dropdown-menu li {
    display : list-item;
    color: #fff ;
    position: static ;
    list-style-type: square;
    display: list-item ;
    text-align: left ;
    bottom: 0 ;
    margin-left: 20px ;
    height:1.3em;
    background: transparent ;
}

#menu ul.nav ul.dropdown-menu li a {
    font-weight: normal ;
    display: block ;
    position: static ;
    margin: 0 ;
    padding: 0 ;
}

#menu ul.nav ul.dropdown-menu li a:link,
#menu ul.nav ul.dropdown-menu li a:visited,
#menu ul.nav ul.dropdown-menu li a:hover,
#menu ul.nav ul.dropdown-menu li a:active {
    outline: none;
    border:0 ;
    display: block ;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    color:white;
    text-decoration:none;
    text-align: left;
    background: none ;
    height: auto ;
    line-height: 1.2em ;
}

#menu ul.nav ul.dropdown-menu li a:hover {
    /* color: rgb(163,39,65) ; */
    font-weight: bold ;
}
/*---}}}-Menu Dropdown--*/
}

/*---[Menu Livre]-{{{---*/
@media (min-width: 992px) {
#menu ul>li.menu_livre {
    background: url('img/menu.png') no-repeat -5px -55px ;
    margin: 0px 40px 0px 7px ;
    width: 258px ;
    bottom: -2px;
		position: relative;
}
#menu ul>li.menu_livre:hover a {
	color:#FFFFFF;
}
#menu ul>li.menu_livre:hover {
	background: url('img/menu.png') no-repeat -5px -3px ;
}
#menu ul>li.menu_livre a {
    background: transparent;
    color:#A32741;
    font-size:1.5em;
    font-family:Courier New, Arial, sans serif;
    text-align:left;
    margin-left:16px;
    display:inline-block;
    position:relative;
    top:10px;
}
}
/*---}}}-Menu Livre--*/
/*---}}}-Menu --*/
/*---[Tools]-{{{---*/
#tools {
    position: relative ;
    z-index: 10 ;
    background: #323232 ;
}
@media (min-width: 768px) {
#tools {
		-webkit-border-top-right-radius: 10px;
		-webkit-border-top-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-topleft: 10px;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
}
}
@media (min-width: 992px) {
#tools {
    background-image: url('img/bg_book_tools.png') ;
		background-repeat: repeat-y ;
		background-position: 22px top  ;
	}
}
/*
#tools #toolsBorderLeft {
    background: transparent url('img/bg_tools_bar_left.png') no-repeat scroll top left ;
}
#tools #toolsBorderRight {
    background: transparent url('img/bg_tools_bar_right.png') no-repeat scroll top right ;
}
#tools #toolsContent {
    margin: 0 10px ;
    background: #323232 ;
    height: 41px ;
    padding: 0 12px ;
}
#tools-book {
    background: transparent url('img/bg_book_tools.png') repeat-y scroll top left ;
    display: block ;
		margin-left: 22px;
    height: 41px ;
    width: 258px ;
}
*/
#tools-book select {
    margin: 9px 0 0 26px ;
    font-size: 1em ;
}
#up-google-search {
    width: 100% ;
		padding: 5px 10px;
}
#up-google-search form {
    margin: 0 ;
    padding: 0 ;
    background: none ;
    border: none ;
}

#up-google-search .gsc-control-cse {
    background-color: none ;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    padding: 0 1em ;
}
#up-google-search .gsc-input {
    /* background: url(img/up_search_watermark.gif) ! important ; */
    /* background: none ! important ; */
}
#up-google-search .gsc-search-button {
    display: none ! important ;
}
.gsc-input-box  {
    border: none ! important ;
}
table.gsc-search-box {
    margin-bottom: 0 ;
}
/*--- }}} fin tools ---*/
/*---[Mon Panier]-{{{---*/
#mon-panier {
    position: absolute ;
    top: 7px ;
    left: 772px ;
}
#mon-panier .button {
    margin: 0 ;
    padding: 0 ;
}
#mon-panier .button a {
    box-shadow: 0px 0px 0px #AAAAAA ;
}
.up-cart-nb-items {
    position: relative;
    margin-left: -10px ;
    color: #ffffff ;
    background: red ;
    top:10px ;
    border: solid 1px #ffffff ;
    display: inline-block;
    font-size: 0.7em ;
    width: 1.5em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
		z-index: 100;
}
/*---}}}---*/
/*---[Livre]-{{{---*/
#book {
    background: #FFFFFF ;
		margin: 15px 0 ;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		height: 810px ;
		width: 260px;
}
#book .book-layout,
#book #book-layout {
    padding: 0 12px ;
}
@media (min-width: 992px) {
#book {
		height: 750px ;
    background: transparent ;
    margin: -30px 0 0 7px ;
    //width: 258px ;
		text-align: left;
}
#book .book-layout,
#book #book-layout {
    background: url('img/bg_book.png') repeat-y left top ;
}
#book .book-bottom,
#book #book-bottom {
    height: 237px ;
    background: url('img/bg_book_bottom.png') no-repeat left bottom ;
}
#book .book-content,
#book #book-content {
    position: relative ;
    top: 30px ;
}
}
#book hr {
    margin: 1em 0 0 0 ;
    visibility: visible ;
}
/* commun a tous les etats */
#book ul li a:link,
#book ul li a:visited,
#book ul li a:hover,
#book ul li a:active {
    text-decoration:none;
    color:#000000 ;
}
#book ul li a:hover {
    text-decoration:underline;
}
/*---}}}---*/
/*---[Livre Menu]-{{{---*/
#bookmenu {
    /* margin: -30px 0 0 22px ; */
    margin: 0 0 0 22px ;
    width: 500px ;
}
#bookmenu .book-block {
    float:left ;
    padding-bottom: 10px;
}
#bookmenu .block-first {
    padding-right: 30px ;
		padding-bottom: 40px ;
    width: 240px ;
}
#bookmenu .block-next {
    padding-left: 15px ;
    border-left: solid 1px ;
}
#bookmenu .book-layout,
#bookmenu #book-layout {
    margin-left: 5px;
    padding: 0 7px ;
    background: #fff url(img/tablette.png) 270px 365px no-repeat;
    /*border: solid 1px ; */
    box-shadow: 0px 0px 5px #000000 ;
}
#bookmenu .book-content,
#bookmenu #book-content {
    position: relative ;
    /*top: 30px ; */
}
#bookmenu hr {
    margin: 1em 0 0 0 ;
    visibility: visible ;
}
/* commun a tous les etats */
#bookmenu ul li a:link,
#bookmenu ul li a:visited,
#bookmenu ul li a:hover,
#bookmenu ul li a:active {
    text-decoration:none;
    color:#000000 ;
}
#bookmenu ul li a:hover {
    text-decoration:underline;
}
/*---}}}---*/
/*---[Home Suivez]-{{{---*/
#suivez {
    width: 254px ;
    margin: 5px 0px 5px 0px ;
}
#tools #suivez_1 {
  color: white;
	padding: 3px 10px;
}
/*---}}}---*/
/*---[lightbox]-{{{---*/
div#overlay {
	background: #000;
	filter: alpha(opacity=70);
	height: 100%;
	left: 0;
	opacity: .7;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
* html div#overlay  {
	position: absolute;
}  
div#lightbox  {
	background: #fff;
	height: auto;
	left: 50%;
	margin-left: -300px;
	position: fixed;
	text-align: left;
	top: 50px;
	width: 608px;
	z-index: 10001;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	outline: 5px solid rgba( 0, 0, 0, 0.4 ); /* because ebl doesn't support box-shadow */
}
* html div#lightbox {
	position: absolute;
} 
div#lightbox.image {
	position: absolute;
}
div#lightbox h2 {
	background: #A32741 ;
	color: #FFFFFF ;
	font-size: 16px ;
	padding: 5px ;
}
div#lightbox h2 span  {
	cursor: pointer;
	display: block;
	text-align: right;
	position: absolute;
	right: 10px;
	top: 7px ;
}
div#lightbox h2 span img	{
	vertical-align: middle;
}
div#lightboxBody {
	padding: 18px;
}
div#lightboxFooter {
}
div.image-wrap  {
	background: #fff url(img/ajax-loader.gif) 50% 50% no-repeat;
	min-height: 500px;
	text-align: center;
}
* html div.image-wrap {
	height: 500px;
}
div.image-wrap img  {
	border: 1px solid #f5f4ee;
    max-width:100%;
}
div.waiting {
	background: transparent url(img/ajax-loader.gif) 50% 50% no-repeat;
	min-height: 300px;
}
div.text-wrap {
	line-height: 18px;
	overflow: auto;
	padding-right: 18px;
	text-align: left;
}
* html div.text-wrap  {
	height: 500px;
}
div.text-wrap p,
div.text-wrap ul,
div.text-wrap ol,
div.text-wrap h3,
div.text-wrap h4 {
	margin-bottom: 1.5em;
}
div.popup-wrap  {
	text-align: left;
	min-height: 150px;
}
* html div.popup-wrap {
	height: 150px;
}  
#responseContainer  {
	display: none;
}  
#lightbox p.buttons  {
	margin-top: 2em;
}
/*---}}}---*/
/*---[Text]-{{{---*/
.up-h1, .up-h2, .up-h3, .up-h4, .up-h5, .up-h6 {
    margin:0;
    padding:0.66em 0;
    color: #a32741 ;
}

.up-h1 { font-size: 1.5em;  font-weight:900;}
.up-h2 { font-size: 1.2em; font-weight:900;}
.up-h3 { font-size: 1.1em; font-weight:900;}
.up-h4 { font-size: 1em; font-weight:900; }
.up-h5 { font-size: 1em;   font-weight:900; }
.up-h6 {
    font-size: 1em ;
    font-weight:900;
    color: #A32741 ;
    font-style: italic ;
}
/*---}}}---*/
/*---[Text]-{{{---*/
#text {
    width: 710px ;
}
/* commun a tous les etats */
#text a:link,
#text a:visited,
#text a:hover,
#text a:active {
    text-decoration:none;
    color:#a32741;
}
/* souri au dessu de l'item */
#text a:hover {
    text-decoration:underline;
}
#text-content {
    text-align: justify ;
}
#text-content-right {
    background: transparent url('img/bg_text_content_right.png') repeat-y right top ;
}
#text-content-center {
    background: #FFFFFF ;
    padding: 5px 18px ;
    margin: 0 2px 0 0 ;
}
#text-bottom-left {
    background: transparent url('img/bg_text_bottom_left.png') no-repeat left bottom ;
    height: 16px ;
}
#text-bottom-center {
    background: #FFFFFF ;
    height: 16px ;
    margin: 0 10px ;
}
#text-bottom-right {
    background: transparent url('img/bg_text_bottom_right.png') no-repeat right bottom ;
    height: 16px ;
}
#text div.link-list div.goto {
    margin: 0 ;
}
/*---}}}---*/
/*---[Button Bulle]-{{{---*/
a.button-text {
    background: transparent url('img/bg_button_text.png') no-repeat top left ;
    padding: 13px 0 ;
    font-family: "Courier New", Courier, monospace;
    font-weight: bold;
    font-size: 1.6em ;
}
a.button-text span {
    background: transparent url('img/bg_button_text_right.png') no-repeat top right ;
    margin: 0 0 0 11px ;
    color: #FFFFFF ;
    padding: 13px 20px 13px 10px ;
}

.button-bulle {
    text-align: center;
    margin: 2em 0 ;
}
.button-bulle span {
    font-size: 20px ;
    /*
    font-family: Georgia, serif ;
    font-weight: bold ;
    */
    font-family: Tahoma,Arial,Helvetica,sans-serif ;
    color: #FFFFFF ;
}
.button-bulle a {
    color: #FFFFFF !important;
}
.button-bulle-left-yellow {
    display: inline-block ;
    background: transparent url('img/bg_button_bulle_yellow_left.png') no-repeat top left ;
}
.button-bulle-right-yellow {
    background: transparent url('img/bg_button_bulle_yellow_right.png') no-repeat top right ;
}
.button-bulle-center-yellow {
    background: transparent url('img/bg_button_bulle_yellow_center.png') no-repeat top center ;
    margin: 0 9px 0 11px ;
    min-width: 150px ;
    height: 50px ;
    text-align: center ;
    padding: 4px 20px 0px 20px ;
}
/*---}}}---*/
/*---[button]-{{{---*/
.button {
    background: #DCDCDC ;
    color: #A32741 ;
    text-align: center;
//    font-size: 20px;
    margin: 15px auto ;
		padding: 5px ;
    display: inline-block ;
}
div.button {
	display: block ;
}

.button:hover {
    box-shadow: -1px -1px 4px #5c5b5b ;
}

.button a,
.button a:link,
.button a:visited,
.button a:hover,
.button a:active {
    color: #A32741 ;
    text-decoration: none ;
}
.button a:focus {
	outline: none ;
}

.button a span {
    display: inline-block ;
}

.button-blue a,
.button-blue a:link,
.button-blue a:visited,
.button-blue a:hover,
.button-blue a:active,
.button-red a,
.button-red a:link,
.button-red a:visited,
.button-red a:hover,
.button-red a:active,
.button-yellow a,
.button-yellow a:link,
.button-yellow a:visited,
.button-yellow a:hover,
.button-yellow a:active {
    padding: 0 ;
    text-decoration: none ;
    color: #FFFFFF ;
}

.button-yellow {
		border: solid 6px #fff;
		background-color: #ff8e31 ;
    color: #FFFFFF ;
}

.button-blue {
		border: solid 6px #fff;
		background-color: #382279 ;
    color: #FFFFFF ;
}
.button-red {
		border: solid 6px #fff;
		background-color: #9d2a41 ;
    color: #FFFFFF ;
}

.button-download {
    display: inline-block ;
    border: 0 ;
    width: 100% ;
}
.button-download a,
.button-download a:link,
.button-download a:visited,
.button-download a:hover,
.button-download a:active {
    font-size: 14px ;
    font-weight: bold ;
    text-decoration: none !important;
}

.button-biblio-down a,
.button-biblio-down a:link,
.button-biblio-down a:visited,
.button-biblio-down a:hover,
.button-biblio-down a:active {
	color: #FFFFFF !important;
    display: inline-block ;
    background: #5e5e5e ;
    -moz-border-radius: 8px 8px 8px 8px ;
    box-shadow: inset 1px 1px 2px #000000 ;
    border-radius: 8px 8px 8px 8px ;
    border: 0 ;
    font-weight: normal ;
    padding: 2px 10px ;
    min-width: 110px ;
    text-decoration: none !important;
    text-align: center ;
}

.button-biblio-up a,
.button-biblio-up a:link,
.button-biblio-up a:visited,
.button-biblio-up a:hover,
.button-biblio-up a:active {
	color: #FFFFFF !important;
    display: inline-block ;
    background: #9e9e9e ;
    -moz-border-radius: 8px 8px 8px 8px ;
    box-shadow: 2px 2px 2px #5c5b5b ;
    border-radius: 8px 8px 8px 8px ;
    border: 0 ;
    font-weight: normal ;
    padding: 2px 10px ;
    min-width: 120px ;
    text-decoration: none !important;
    text-align: center ;
}
.bt-download {
    position:relative;
    color: #A32741 !important;
    display: inline-block ;
    background: #DCDCDC ;
    -moz-border-radius: 8px 8px 8px 8px ;
    box-shadow: 2px 2px 2px #5c5b5b ;
    border-radius: 8px 8px 8px 8px ;
    border: 0 ;
    font-size: 14px ;
    font-weight: bold ;
    padding: 4px 20px ;
    min-width: 170px ;
    text-decoration: none !important;
    cursor: pointer ;
}
@media (min-width: 768px) {
.bt-download {
	margin-left: -53px ;
}
}
@media (min-width: 992px) {
.bt-download {
	margin-left: -15px ;
}
}
@media (min-width: 1200px) {
.bt-download {
	margin-left: 0px ;
}
}
.bt-download h3 {
    padding:0.33em 0;
    text-align:center;
}
.bt-download h3 img {
    position:relative;
    left:10px;
    top:2px;
}
.bt-download ul {
    list-style:none;
    position:absolute;
    width:100%;
    margin:0;
    left:0px;
    z-index:1;
    background: #DCDCDC ;
    box-shadow: 2px 2px 2px #5c5b5b ;
    border-radius: 0px 0px 8px 8px ;
    border-top:1px solid gray;
    padding:2px 0;
    text-align:left;
}
.bt-download ul li {
    height:26px;
    line-height:24px;
    font-size:0.9em;
    clear:both;
}
.bt-download ul li img {
    float:left;
    margin:3px 10px 0px 15px;
}
.bt-download ul li a {
    display:block;
}
/*---}}}---*/
/*---[goto]-{{{---*/
.goto {
    text-align: right;
    font-weight: bold ;
    margin: 0em auto ;
}

.up-goto {
    background: #A32741 ;
    margin: 0.2em 0 ;
    padding: 0.2em 0 ;
}
.up-goto a {
    color: #ffffff ;
}
/*---}}}---*/
/*---[Submenu]-{{{---*/
.radius-8 {
    -moz-border-radius: 8px ;
    border-radius: 8px ;
}

.button,
.submenu,
.shadow {
    box-shadow: 2px 2px 2px #5c5b5b ;
}

.border-white {
		border: solid 6px #fff;
}

.submenu {
    box-shadow: 2px 2px 2px #5c5b5b ;
    background: #FFFFFF ;
		margin: 15px 0 ;
		padding-top: 8px ;
		padding-bottom: 8px ;
}

.submenu ul {
    margin-left: 15px ;
}
.submenu li {
    list-style: none ;
    background: transparent url('img/sm_bullet.png') no-repeat 0 4px ;
    padding-left: 17px ;
}
/* commun a tous les etats */
.submenu ul li a:link,
.submenu ul li a:visited,
.submenu ul li a:hover,
.submenu ul li a:active {
    text-decoration:none;
    color:#000000 ;
}

/* souri au dessu de l'item */
.submenu ul li a:hover {
    text-decoration:underline;
}

/* item selectionne */
.submenu ul li.active {
    background: url('img/sm_bullet_active.png') no-repeat 0 4px ;
}
.submenu ul li.active a:link,
.submenu ul li.active a:visited,
.submenu ul li.active a:hover,
.submenu ul li.active a:active {
    color:#a90e62 ;
}
/*---}}}---*/
/*---[Slider]-{{{---*/

/*-- nouveau slider --*/

@media (min-width: 768px) {
#slider-accueil {
	margin: 15px ;
	border: solid 5px #fff ;
	box-shadow : 3px 3px 5px #aaa ;
	box-sizing : content-box ;
}
}

/*-- ancien slider ---*/
#slider-content {
    width:623px;
    height:217px;
    padding:5px ;
    margin-top: 25px ;
    margin-bottom: 15px ;
    background: #FFFFFF ;
		overflow: hidden;
}
#slider {
		overflow: hidden;
}
#slider-accueil h2,
#slider h2 {
    font-size: 1.5em;
    font-weight:900;
}
#slider li,
#slider ul {
    margin:0;
    padding:0;
    list-style:none;
}
#slider li {
    /* 
	    define width and height of list item (slide)
	    entire slider area will adjust according to the parameters provided here
    */
    width:613px;
    height:207px;
    overflow:hidden;
}
#prevBtn, #nextBtn {
    margin:0;
    padding:0;
    overflow:hidden;
    text-indent:-8000px;
    display:block;
    width:21px;
    height:56px;
    position:absolute;
    left:-21px;
    top:78px;
    z-index:5;
}
#nextBtn {
    left:623px;
}
#prevBtn a, #nextBtn a {
    display:block;
    position:relative;
    width:21px;
    height:56px;
    background:url('img/slider_bouton_left.png') no-repeat top left ;
}
#nextBtn a {
    background:url('img/slider_bouton_right.png') no-repeat top right ;
}
.slider-body {
    color: #FFFFFF ;
    padding: 5px 10px ;
}
#slider-accueil h1,
#slider-accueil h2,
#slider-accueil h3,
#slider-accueil h4,
#slider-accueil h5,
#slider-accueil h6,
.slider-body h1,
.slider-body h2,
.slider-body h3,
.slider-body h4,
.slider-body h5,
.slider-body h6 {
    color: #FFFFFF ;
    font-family: Georgia, serif ;
    padding: 2px 0 ;
}
#slider-accueil h2,
.slider-body h2 {
     font-style: italic ;
}
/*---}}}---*/
/*---[Bulle]-{{{---*/
.bulle {
		border: solid 6px #fff;
    padding: 10px ;
}
.bulle-bleu {
    background: #3b2474 ;
    color: #FFFFFF ;
}
.bulle-top-bleu {
    background: transparent url('img/bg_bulle_bleu_top.png') no-repeat right top ;
    color: #FFFFFF ;
    padding: 15px 22px 7px 32px ;
}
.bulle-bottom-bleu {
    background: transparent url('img/bg_bulle_bleu_bottom.png') no-repeat right bottom ;
    height: 10px ;
}
.bulle-top-red {
    background: transparent url('img/bg_bulle_red_top.png') no-repeat right top ;
    color: #FFFFFF ;
    padding: 15px 22px 7px 32px ;
}
.bulle-bottom-red {
    background: transparent url('img/bg_bulle_red_bottom.png') no-repeat right bottom ;
    height: 10px ;
}
/*---}}}---*/
/*---[Liste livres]-{{{---*/
.up-livres {
	padding: 0;
}
#liste-livres {
		padding: 0px ;
		margin: 0px ;
}
@media (min-width: 768px) {
#liste-livres {
    padding: 5px 5px 5px 18px ;
    height: 950px ;
    overflow: auto ;
		padding: 15px ;
		margin: 15px 0;
}
}
#liste-livres .liste-livres-buttons {
	display:table;
	width:100%;
	margin:0px 0px 10px;
}
#liste-livres h1 {
	padding: 5px ;
    background: #A32741 ;
    color: #FFFFFF ;
    text-align: center ;
	font-size: 1.2em ;
	margin-bottom:15px;
	display: table-cell;
	border-right:10px solid white;
}
#liste-livres h1 + h1 {
	padding: 5px ;
    background: #A32741 ;
    color: #FFFFFF ;
    text-align: center ;
	font-size: 1.2em ;
	margin-bottom:15px;
	display: table-cell;
	border-right:0px solid white;
	width:49%;
}
#liste-livres h1 a {
	color:#FFFFFF;
	display: inline-block;
}	
.up-auteurs #liste-livres h2, .up-livres #liste-livres h3 {
    padding:0px;
    color: #000000;
    background: #ffffff ;
    font-size: 1.2em ;
    text-align: left ;
}
#liste-livres h2 {
    margin: 2px 0px 2px 0px ;
    padding: 5px ;
    background: #A32741 ;
    color: #FFFFFF ;
    text-align: center ;
    font-size: 1.1em ;
}
.livre-item {
	background: transparent url('img/bg_item_biblio.png') repeat-x bottom left ;
	margin:5px 0 0px 0px ;
	display: table ;
	width:100% ;
}
.livre-item-cell {
	display: table-cell ;
	vertical-align :top ;
}
.livre-item-cell-position {
	position: relative ;
}
.livre-item-cell ul {
	list-style: none ;
	padding: 0px;
	margin: 0px ;
}
.livre-item-cell a:link,
.livre-item-cell a:visited,
.livre-item-cell a:hover,
.livre-item-cell a:active {
    color: #000000 ;
}
#liste-livres h3 a:link,
#liste-livres h3 a:visited,
#liste-livres h3 a:hover,
#liste-livres h3 a:active {
    color: #FFFFFF ;
    text-decoration: none;
}

#liste-livres .return {
	display: inline-block ;
	float: right;
}

.livre-item-cell .titre {
	font-size: 1.2em ;
	font-family: Georgia, serif;
	font-weight: bold;
}
.livre-item-cell .auteur {
	font-style:italic ;
	font-size: 1.15em ;
	font-family: Georgia, serif;
	font-weight: normal;
}
.livre-item-cell .offert {
    font-family: Georgia, serif ;
    text-align: left ;
    font-weight: normal ;
    font-size: 15pt ;
    color: #A32741 ;
    margin: 0px 0px 3px 0px;
}
.livre-item-cell .prix {
    font-family: Georgia, serif ;
    text-align: left ;
    font-weight: normal ;
    font-size: 20pt ;
    color: #A32741 ;
    margin: 0px 0px 3px 0px;
}
.livre-item-cell .forme {
	margin-top: 10px ;
}
.first-column {
	width:115px ;
}
.buy-area {
	display: none;
}
@media (min-width: 768px) {
.buy-area {
	width:200px ;
	display: block;
	position: absolute ;
	top: 50px;
	right: 15px;
}
}
.buy-area .button {
	margin: 0px ;	
}
.book-cover-img {
	border: 1px solid #DCDCDC ;
	box-shadow : 3px 3px 5px #aaa ;
	margin-bottom: 7px;
}
.auteurs .auteur .name {
	border-top: solid 1px #666 ;
}
.auteurs .auteur ul {
	list-style: none ;
	padding: 0px;
	margin: 0px ;
}
.auteurs .auteur .oeuvre {
	color: #000;
	font-style:italic ;
	font-size: 1.15em ;
	font-family: Georgia, serif;
	font-weight: normal;
}
.auteurs .auteur .oeuvre a {
	color: #000;
}
/*---}}}---*/
/*---[Liste livres Auteur]-{{{---*/
.avatar_auteur {
	width: 100px ;
}
#liste-livres .bio_auteur h1,
#liste-livres .bio_auteur h2,
#liste-livres .bio_auteur h3,
#liste-livres .bio_auteur h4,
#liste-livres .bio_auteur h5,
#liste-livres .bio_auteur h6 {
    margin:0;
    padding:0.66em 0;
    color: #a32741 ;
    background: none;
    display: block;
    width: auto;
    text-align: left;
}

#liste-livres .bio_auteur h1 { font-size: 1.5em;  font-weight:900;}
#liste-livres .bio_auteur h2 { font-size: 1.2em; font-weight:900;}
#liste-livres .bio_auteur h3 { font-size: 1.1em; font-weight:900;}
#liste-livres .bio_auteur h4 { font-size: 1em; font-weight:900; }
#liste-livres .bio_auteur h5 { font-size: 1em;   font-weight:900; }
#liste-livres .bio_auteur h6 {
    font-size: 1em ;
    font-weight:900;
    color: #A32741 ;
    font-style: italic ;
}


/*---}}}---*/
/*---[fast Inscription]-{{{---*/
#fastinscription {
    background: #a32741 url('img/bg_inscription.png') no-repeat left top ;
    color: #FFFFFF ;
    font-weight: normal ;
    padding: 0 ;
    text-align: left ;
    height: 100% ;
}
#fastinscription h3 {
    font-family: Georgia, serif ;
    font-size: 1.5em ;
    padding: 4px 0 0 0 ;
    text-align: center ;
    color: #FFFFFF ;
}
#fastinscription form {
    background: transparent ;
    border: 0 ;
    margin-top: 0;
    padding: 0 ;
    width: 100% ;
}
#fastinscription form dl {
    border: 0 ;
    margin: 0 ;
    padding: 0 ;
}
#fastinscription form dt {
    display: block;
    margin: 0.5em 0 0 1em ;
    width: 100% ;
    border: 0 ;
}
#fastinscription form dd {
    display: block;
    margin: 0.2em 0 0 1em ;
    width: 210px ;
    border: 0 ;
}
#fastinscription form dt#auteur-label,
#fastinscription form dt#lecteur-label {
    display: none ;
}
#fastinscription form dd#auteur-element,
#fastinscription form dd#lecteur-element {
    display: inline-block;
    width: 120px ;
    margin: 0.5em 0 0 1em ;
}
#fastinscription form dd#auteur-element input,
#fastinscription form dd#lecteur-element input {
    color: #FFFFFF ;
    margin: 0 ;
    font-weight: bold ;
    background: transparent ;
    cursor:pointer ;
    text-align: center ;
    width: 125px ;
    border: solid 1px ;
}
#fastinscription form dd#auteur-element input:focus,
#fastinscription form dd#auteur-element input:hover,
#fastinscription form dd#lecteur-element input:focus,
#fastinscription form dd#lecteur-element input:hover {
    background: #FFFFFF ;
    color: #a32741 ;
}
#fastinscription form label {
    display: block;
    font-weight: normal ;
    float: left ;
    color: #FFFFFF ;
}
#fastinscription form select,
#fastinscription form input,
#fastinscription form textarea {
    border: 1px solid #92A8A6 ;
    width: 210px ;
}
#fastinscription form select:focus, form input:focus, form textarea:focus {
    border: 1px solid #92A8A6 ;
    background: #CCDDDD;
}
/*---}}}---*/
/*---[Default]-{{{---*/
#default-content {
    background: transparent url('img/bg_accueil_trame.png') repeat-x left top ;
		min-height: 250px ;
}
/*---}}}---*/
/*---[Error]-{{{---*/
#error-content {
    background: #CCCCCC url('img/bg_error.png') repeat-x left top ;
    min-height: 661px ;
    font-family: Georgia, serif ;
}
#error-number {
    float: left ;
    width: 290px ;
    height: 227px ;
    vertical-align: bottom ;
    font-size: 4em ;
    text-align: center ;
    color: #CAC8C9 ;
}
#error-pad {
    margin: 20px 20px ;
    padding: 54px 46px 20px 40px ;
    background: transparent url('img/bg_error_pad.png') no-repeat left top ;
    float: left ;
    width: 204px ;
    height: 450px ;
}
#error-screen h2,
#error-screen {
    color: #656565 ;
    text-align: center ;
    padding: 23px 0px 7px 0px;
}
#error-screen p {
    margin: 0px 0px 15px 0px;
}
#error-comment {
    float: left ;
    width: 300px ;
    color: #CAC8C9 ;
    padding: 48px 0 0 0 ;
    text-align: justify ;
}
/*---}}}---*/
/*---[Accueil]-{{{---*/
@media (min-width: 768px) {
.accueil-content {
    background: #F0F0F0 url('img/bg_accueil_trame.png') repeat-x left top ;
    min-height: 661px ;
}
}
/*
.accueil-content h1 {
     text-indent:-9999px;
     margin: 0 auto -1.5em  auto;
     position: relative;
     padding: 0;
}
*/
#accueil-body .block-zone {
	float: right ;
	width: 675px ;
	margin: 10px 15px 0px 0px;
}
/*---}}}---*/
/*---[Panier]-{{{---*/
.panier-content,
#panier-content {
    background: transparent url('img/bg_accueil_trame.png') repeat-x left top ;
    min-height: 661px ;
}
#panier {
    width: 100% ;
    margin: 10px 17px 10px 0px ;
}
.panier h2 {
    color: #FFFFFF ;
    padding-top: 9px ;
    font-size: 1.5em ;
}
.panier img {
    border: solid 1px #CCCCCC ;
    float: left ;
    margin-right: 5px ;
}
.panier .desc {
    /* float: left ; */
    width: 80% ;
}
.panier ul,
.panier li,
.panier dl,
.panier dt,
.panier dd {
    padding: 0 ;
    margin: 0 ;
}
.panier ul {
    list-style:none;
}
.panier .amount {
    font-weight: bold ;
    font-size: 1.5em ;
}
.panier .tools a {
    text-decoration: underline ;
}
.panier .total {
    position: relative;
    background: transparent url(img/dotted.gif) repeat-x scroll left 32px ;
}

.panier .total .floatl {
	position: absolute;
	bottom: 0 ;
}

.panier .total span {
    background: #FFFFFF ;
    font-size: 1.5em ;
    font-weight: bold ;
    padding: 0 5px 0 0 ;
}
.panier .total span.amount {
    padding: 0 0 0 5px ;
}
.panier .top-left {
    background: transparent url('img/bg_box_red_top_left.png') no-repeat left top ;
}
.panier .top-right {
    background: transparent url('img/bg_box_red_top_right.png') no-repeat right top ;
}
.panier .top {
    background: transparent url('img/bg_box_red_top_center.png') repeat-x left top ;
    min-height: 27px ;
    margin: 0 12px ;
    color: #FFFFFF ;
}
.panier .content-left {
    background: transparent url('img/bg_box_red_content_left.png') repeat-y left top ;
}
.panier .content-right {
    background: transparent url('img/bg_box_red_content_right.png') repeat-y right top ;
}
.panier .content {
    color: #323232 ;
    background: #FFFFFF ;
    margin: 0 8px ;
    border: 1px solid #FFFFFF ;
    padding: 5px ;
}
.panier .bottom-left {
    background: transparent url('img/bg_box_red_bottom_left.png') no-repeat left bottom ;
}
.panier .bottom-right {
    background: transparent url('img/bg_box_red_bottom_right.png') no-repeat right bottom ;
}
.panier .bottom {
    background: transparent url('img/bg_box_red_bottom_center.png') repeat-x left bottom ;
    margin: 0 11px ;
    height: 12px ;
}
.panier .button{
    margin: 1em auto 0.2em auto ;
}
/*---}}}---*/
/*---[Validation]-{{{---*/
#validation-content {
    background: transparent url('img/bg_accueil_trame.png') repeat-x left top ;
    min-height: 661px ;
}
/*
#validation-sidebar {
    float: right ;
    width: 325px ;
}
#validation-body {
    float: left ;
    width: 630px ;
    margin-left: 20px ;
}
*/
#identification-content {
    background: transparent url('img/bg_accueil_trame.png') repeat-x left top ;
    min-height: 661px ;
}
#identification-body {
	float: left ;
    margin: 0px 20px ;
}
#paiement-content {
    background: transparent url('img/bg_accueil_trame.png') repeat-x left top ;
    min-height: 661px ;
}
#telechargement-content {
    background: transparent url('img/bg_accueil_trame.png') repeat-x left top ;
    min-height: 661px ;
}
#telechargement-body {
	float: left ;
    margin: 0px 20px ;
    width: 940px ;
}
/* }}} */
/*---[Step Bar]-{{{---*/
#step-bar {
    background: #FFFFFF ;
    font-size: 1em ;
    margin: 20px auto 25px ;
    width: 70% ;
}
#step-bar .content {
    background: transparent url('img/bg_step.png') repeat-x left bottom ;
    height: 52px ;
}
#step-bar ul {
    list-style: none outside none ;
    margin: 0 ;
    padding: 0 ;
    height: 52px ;
}
#step-bar ul li {
    float: left ;
    list-style-type: none ;
    margin: 0 ;
    padding: 0 ;
    width: 25% ;
}
#step-bar ul li div {
    height: 52px;
    padding-left: 14px;
    position: relative;
    text-align: center;
}
#step-bar ul li .chevron {
    background: url("img/bg_chevron.png") no-repeat scroll right top transparent;
    display: block;
    height: 52px;
    position: absolute;
    right: -14px;
    text-indent: -5000px;
    top: 0;
    width: 14px;
    z-index: 1;
}
#step-bar ul li .numero {
    background: transparent url("img/bg_puce_step_off.png") no-repeat scroll 1px 3px ;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    width: 27px;
    height: 30px;
    line-height: 27px;
    margin: 0 auto ;
    padding-top: 1px;
    text-decoration: none;
}
#step-bar ul li.on {
    background: #FFFFFF ;
}
#step-bar ul li.on .title {
    font-weight: bold ;
}
#step-bar ul li.on .numero {
    background: transparent url('img/bg_puce_step_on.png') no-repeat scroll 1px 3px ;
}
#step-bar ul li.on .chevron {
    background-position: right -60px;
}
#step-bar .off .title,
#step-bar .off .title a,
#step-bar .off .title a:hover,
#step-bar .off .title a:active {
    color: #8C8C8C;
    font-weight: normal;
}
/*---}}}---*/
/*---[commande]-{{{---*/
#commande {
}
#commande table {
    width: 95% ;
}
#commande th {
    text-align: center;
}
#commande td {
    border-top: none ;
    border-bottom: none ;
}
#commande td.sous-total {
    border-bottom: solid 1px #A32741 ;
}
#commande-user {
    width: 100%;
}
#commande-user a {
    color: #FFFFFF ;
    font-weight: bold ;
    text-decoration: underline ;
}
#commande-user a:hover {
    text-decoration: none ;
}
#commande-user .errors {
	background: white ;
	margin: 10px 0px ;
	font-size: 1em ;
	padding: 3px ;
}
#cgucgv_input .errors {
	margin-left: 25px;
}

#commande .prix_barre .amount {
	text-decoration:line-through;
	font-size:1.4em;
}
#validation-content form {
    background: transparent ;
    border: none ;
    margin: 0 ;
    padding: 0 ;
}
#validation-content dt,
#validation-content dd {
    border: 0 ;
    display: block;
    margin: 0;
    vertical-align: top;
    width: 100%;
}
/*---}}}---*/
/*---[Offre lecteur]-{{{---*/
.lecteur-offre td {
    text-align: center ;
    font-weight: bold ;
}
.lecteur-offre .headline th {
    text-align: center ;
}
#lecteur-option td {
    font-size: 1.5em;
    padding: 0 ;
}
/*---}}}---*/
/*---[Offre lecteur]-{{{---*/
table.lire-ebook td {
    text-align: center !important;
    font-weight: bold ;
}
table.lire-ebook .headline th {
    text-align: center !important;
}
/*---}}}---*/
/*---[Offre auteur]-{{{---*/
/*
#auteur-offre-payante {
    float: right;
    width: 48% ;
    text-align: left;
}

#auteur-offre-gratuite {
    float: left;
    width: 48% ;
    text-align: left;
}
*/
.auteur-offre td {
    text-align: center ;
    font-weight: bold ;
}
.auteur-offre .headline th {
    text-align: center ;
}
/*---}}}---*/
/*---[Login]-{{{---*/
/* dans la page de connection */
/* dans la page identification panier */
#login-content {
	background: none repeat scroll 0 0 #FFFFFF ;
	margin-left: 5px ;
	margin-right: 5px ;
}
#login-full-body {
	padding: 1.5em;
}
#login-bottom-left {
	background: url("img/bg_default_bottom_left.png") no-repeat scroll left bottom transparent;
	clear: both;
	height: 8px;
}
#login-bottom-right {
	background: url("img/bg_default_bottom_right.png") no-repeat scroll right bottom transparent;
	height: 8px;
}
#login-bottom-center {
	background: none repeat scroll 0 0 #FFFFFF ;
	margin: 0 8px;
	height: 8px ;
}
/*---}}}---*/
/*---[Profile]-{{{---*/
#profile-sidebar #book {
    margin-left: 2px ;
}

#profile-body {
    font-size: 1em ;
    float: left ;
    width: 712px ;
    margin: 0 0 0 22px ;
}
#profile-sidebar {
    float: right ;
    width: 243px ;
}
#profile-annotation {
    clear: both;
}
#monprofile h4 {
    font-size: 1em;
    font-weight:900;
    color: #382379;
}
#monprofile-avatar {
    float: left ;
    width: 175px; ;
}
#monprofile-infopersoform {
    float: left ;
    width: 490px ;
}
#monprofile-infoperso p {
	margin:1px 0px;	
}
#monprofile-infopersoform p {
	margin:1px 0px;	
}
/* overwrite jquery ui css dans le block biographie */
#biographie-block-content .ui-tabs .ui-tabs-panel {
	padding:1em 0em;
}
#biographie-block-content .ui-widget {
	font-size:1em;
}	
#biographie-block-content .ui-corner-all {
	border:none;
	border-radius:0px;
}
#biographie-block-content .ui-tabs-nav {
	background:white;
	border:none;
	border-radius:0px;
	border-bottom:solid 1px black;
}
#biographie-block-content .ui-state-hover {
	background:url("img-jquery/ui-bg_glass_0_323232_1x400.png") repeat-x scroll 50% 50% #323232;
}
#biographie-block-content .ui-state-hover a {
	color:#FFFFFF ;
}
/* overwrite jquery ui css dans le block biographie modification */
#biographie-modifier-block-content .ui-tabs .ui-tabs-panel {
	padding:1em 0em;
}
#biographie-modifier-block-content .ui-widget {
	font-size:1em;
}	
#biographie-modifier-block-content .ui-corner-all {
	border:none;
	border-radius:0px;
}
#biographie-modifier-block-content .ui-tabs-nav {
	background:white;
	border:none;
	border-radius:0px;
	border-bottom:solid 1px black;
}
#biographie-modifier-block-content .ui-state-hover {
	background:url("img-jquery/ui-bg_glass_0_323232_1x400.png") repeat-x scroll 50% 50% #323232;
}
#biographie-modifier-block-content .ui-state-hover a {
	color:#FFFFFF ;
}
	
#bibliotheque-liste-block-content ul {
	margin: 0px ;
	padding: 0px ;
}
#bibliotheque-liste-block-content ul li {
	list-style-type: none ;
	margin: 0 ;
	padding: 0;
}
#bibliotheque-liste-block-content .rack_item {
	background: white url('img/bg_item_biblio.png') repeat-x bottom left;
	display: table ;
	table-layout : fixed ;
	min-height: 10px;
	width: 100%;
	padding: 0px 0px 8px 0px;
	margin: 5px 0px 0px 0px ;
}
#bibliotheque-liste-block-content .item_column {
	display: table-cell;
	vertical-align: top ;
}
#bibliotheque-liste-block-content .column_cover { width:165px ; }
#bibliotheque-liste-block-content .column_ordre { width:275px ; }
#bibliotheque-liste-block-content .column_download { vertical-align:middle; text-align:right; }
#bibliotheque-liste-block-content .column_lu { width:70px ; }
#bibliotheque-liste-block-content .column_aime { width:40px; vertical-align:middle; }
#bibliotheque-liste-block-content .column_note { width:70px ; }
#bibliotheque-liste-block-content .column_acheter { width:210px; vertical-align:middle; }
#bibliotheque-liste-block-content .column_supp { width:70px ; }

#bibliotheque-liste-block-content .item_column_position {
	position: relative ;
}
#bibliotheque-liste-block-content .item_column .titre {
	margin-top: 3px ;
}
#bibliotheque-liste-block-content .item_column .titre a {
	font-size: 1.2em ;
	font-family: georgia serif;
	font-weight: bold;
	color : black;
}
#bibliotheque-liste-block-content .item_column .auteur {
	font-size: 1.2em ;
	font-family: georgia serif;
	font-weight: normal;
	font-style: italic;
}
#bibliotheque-liste-block-content .item_column .note {
}
#bibliotheque-liste-block-content .item_column .prix {
	position : absolute ;
	top: 83px;
}
#bibliotheque-liste-block-content .item_column .commentaire {
	position : absolute ;
	top: 83px;
}
#bibliotheque-liste-block-content .oeuvre-visuel {
    background: #F6F6F6 ;
    width:156px ;
}
#bibliotheque-liste-block-content .oeuvre-categorie {
	display: inline-block ;
    width: 70px ;
    padding: 0 5px ;
    text-align: center ;
    vertical-align: middle ;
}
#bibliotheque-liste-block-content .oeuvre-categorie p {
	margin: 5px 0px 5px 0px ;
	color: #606060 ;
}
#bibliotheque-liste-block-content .oeuvre-categorie a {
	color: #606060 ;
}
#bibliotheque-liste-block-content .oeuvre-cover {
    border: 1px solid #DCDCDC ;
    display: inline-block ;
}
#bibliotheque-liste-block-content .oeuvre-cover img {
    vertical-align: middle ;
}
#bibliotheque-liste-block-content span.icone_categorie_vignette {
	margin: 10px 0px 0px 0px ;
}
#bibliotheque-liste-block-content .oeuvre-pricing .button {
    left: 514px ;
    width: 200px ;
    margin:0;
}
#bibliotheque-liste-block-content .column_download .button {
    width: 200px ;
    margin: 13px 0px 0px 0px ;
}
#bibliotheque-liste-block-content .column_download .button-feuillet {
	width: 200px ;
    margin: 26px 0px 0px 0px ;
}
#bibliotheque-liste-block-content .column_download .button-feuillet-dead {
}
.add-selection {
	margin:8px 0px 0px 0px;
	text-align: center ;
}
#proposition .add-selection a {
	color: white ;
}

.heart {
	display: block ;
	width: 30px ;
	height: 30px ;
}
.heart-broken {
	background: url('img/hearts.png') no-repeat 0px 0px transparent;
}
.heart-full {
	background: url('img/hearts.png') no-repeat 0px -30px transparent;
}

.block-zone-top-biblio .button_mode {
	float:left ;
	margin: 14px 0px 0px 10px;
}
.block-zone-top-biblio .sort_controls {
	float: right ;
	color: #FFFFFF ;
	margin: 5px 15px 0px 0px;
	text-align: right;
	font-size: 0.9em ;
}
.block-zone-top-biblio .select_button {
	margin: 2px 0px 0px 0px;
}
.block-zone-top-biblio .select_button a {
	color: #FFFFFF ;
}

#bibliotheque-etagere-block-content {
	margin: 20px 0px 0px 0px ;
}
#bibliotheque-etagere-block-content ul {
	margin: 0px ;
}
#bibliotheque-etagere-block-content .rack {
	height:599px;
	max-width: 669px ;
  background: transparent url('img/bg_etagere.jpg') no-repeat left top ;
  padding: 3px 33px 0px 33px;
	margin: 0px auto ;
}
#bibliotheque-etagere-block-content .rack_item {
	float:left;
	width:75px;
	height:112px;
  margin:3px 0px 0px 0px;
  text-align: center;
  list-style: none;
}
#bibliotheque-etagere-block-content .rack_item img {
	border: 1px solid #DCDCDC ;
	margin : 32px 0px 0px 0px;
	box-shadow: 3px 0px 3px #AAAAAA ;
}
/*---}}}---*/
/*---[Inscription]-{{{---*/
/*
#inscription-background {
    background: transparent url('img/bg_accueil_trame.png') repeat-x left top ;
}
#inscription {
    min-height: 661px ;
    margin: 0 20px ;
}
#inscription-content {
    background: #FFFFFF ;
}
#inscription-sidebar {
    float: left ;
    width: 280px ;
}
#inscription-body {
    float: right ;
    width: 660px ;
}
#inscription-full-body {
    padding: 1em ;
}
#inscription-bottom-left {
    clear: both ;
    background: transparent url('img/bg_default_bottom_left.png') no-repeat left bottom ;
    height: 8px ;
}
#inscription-bottom-right {
    background: transparent url('img/bg_default_bottom_right.png') no-repeat right bottom ;
    height: 8px ;
}
#inscription-bottom-center {
    background: #FFFFFF ;
    height: 8px ;
    margin: 0 8px ;
}
#inscription-sidebar #book {
    margin-left: 2px ;
}
*/
/*---}}}---*/
/*---[Oeuvre]-{{{---*/
#oeuvre {
    background: transparent url('img/bg_oeuvre-xs.png') repeat-x left top ;
    min-height: 661px ;
}
@media (min-width: 768px) {
#oeuvre {
    background: transparent url('img/bg_oeuvre-sm.png') repeat-x left top ;
}
}
@media (min-width: 992px) {
#oeuvre {
    background: transparent url('img/bg_oeuvre.png') repeat-x left top ;
}
}
/*
#oeuvre-description {
    float: left ;
    width: 74% ;
}
#oeuvre-sidebar {
    float: right ;
    width: 25% ;
}
*/
/*---[Oeuvre Desciption]-{{{---*/
/*---[Oeuvre Entete]-{{{---*/
#oeuvre-header {
    padding: 10px 5px 10px 20px ;
    color: #FFFFFF ;
}
#oeuvre .oeuvre-vignette {
    position: relative ;
		margin-top: 15px;
}
.oeuvre-meta a,
.oeuvre-visuel a {
    color: #FFFFFF ;
}
.oeuvre-meta  h2 {
    padding-top: 2px ;
}

#oeuvre .oeuvre-visuel {
    background: #606060 ;
		text-align: center;
		display: table;
}
@media (max-width: 768px) {
#oeuvre .oeuvre-visuel {
	margin: auto;
}
}
#oeuvre .oeuvre-categorie {
    display: inline-block ;
    padding: 0 5px ;
    text-align: center ;
    width: 120px ;
}
@media (min-width: 992px) {
#oeuvre .oeuvre-categorie {
    width: 80px ;
}
}
#oeuvre .oeuvre-cover {
    display: inline-block;
    border: 1px solid #323232 ;
}
#oeuvre .oeuvre-cover a {
    margin: 0 ;
    border: 0 ;
    cursor: pointer ;
}
#oeuvre .oeuvre-cover a img {
	vertical-align: middle ;
	width: auto;
}
@media (min-width: 992px) {
#oeuvre .oeuvre-cover a img {
	width: 123px;
}
}
@media (min-width: 1200px) {
#oeuvre .oeuvre-cover a img {
	width: 148px;
}
}
#oeuvre .oeuvre-categorie img {
    margin-top: 16px ;
}
#oeuvre .oeuvre-meta h1,
#oeuvre .oeuvre-meta .up-h1 {
    font-family: Georgia, serif ;
    font-size: 18pt ;
    font-weight: bold ;
    color: #FFFFFF ;
		padding: 0;
}

@media (max-width: 768px) {
#oeuvre .oeuvre-meta {
	text-align: center;
}
}
#oeuvre .oeuvre-meta .row {
	margin-bottom: 8px ;
}

#oeuvre .oeuvre-meta ul {
	margin: 0 ;
	padding: 0;
}
#oeuvre .oeuvre-meta ul li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    font-size: 10pt ;
    color: #FFFFFF ;
}
#oeuvre .oeuvre-meta .auteur {
    font-family: Georgia, serif ;
    font-size: 14pt ;
    font-style: italic ;
    font-weight: normal ;
    padding-bottom: 1px ;
}
#oeuvre .oeuvre-meta ul li span.label {
    font-weight: bold ;
}
#oeuvre .oeuvre-meta .note {
}
#oeuvre .oeuvre-vignette .oeuvre-laisser-commentaire a {
    color: #FFFFFF ;
    font-style: italic;
}
#oeuvre .oeuvre-profile .oeuvre-laisser-commentaire {
	display: inline;
}
/*---[Oeuvre block]-{{{---*/
#oeuvre-block p {
    font-size: 0.92em;
}
/*--- }}}- Oeuvre block */

/*---[Oeuvre Pricing]-{{{---*/
#oeuvre .oeuvre-pricing p {
    margin: 0 ;
    padding: 0 ;
}
#oeuvre .oeuvre-pricing .offert {
    font-family: Georgia, serif ;
    text-align: center ;
    font-weight: normal ;
    font-size: 20pt ;
    color: #A32741 ;
}
#oeuvre .oeuvre-pricing .prix {
    font-family: Georgia, serif ;
    text-align: center ;
    font-weight: normal ;
    font-size: 33pt ;
    color: #A32741 ;
}
#oeuvre .oeuvre-pricing .button {
	margin:10px 0px 0px 0px;
}
#oeuvre .oeuvre-pricing .add-selection {
	margin:5px 0px 0px 0px;
	text-align: center ;
}
#oeuvre .oeuvre-pricing .add-selection a {
	color: #FFFFFF ;
}
#oeuvre .oeuvre-pricing .currency {
    border: 0 ;
}
/*--- }}}- Pricing */
/*--- }}}- fin oeuvre entete ---*/
#oeuvre .oeuvre-info {
}
#oeuvre .oeuvre-info p {
    text-align: justify ;
}
#oeuvre .oeuvre-info h2 {
    cursor: pointer ;
    border-bottom: 1px solid #A32741 ;
    padding: 5px 0 5px 20px ;
}
#oeuvre .oeuvre-info h2.open {
    background: transparent url('img/book_down_arrow.png') no-repeat left 7px ;
}
#oeuvre .oeuvre-info h2.closed {
    background: transparent url('img/book_right_arrow.png') no-repeat left 9px ;
}
/*---}}}---*/

/*---[Oeuvre Sidebar]-{{{---*/
/*---[Oeuvre Proposition]-{{{---*/
#proposition {
//    width: 229px ;
//    margin: 10px 17px 10px 0px ;
		
		margin-top: 15px ;
		border-top: solid 22px ;
		border-left: solid 5px ;
		border-right: solid 5px ;
		border-bottom: solid 5px ;
		border-color: #FFFFFF ;
    color: #FFFFFF ;
    background: #A32741 ;
    font-size:0.9em;
    padding: 10px ;
}
#proposition-top-left {
    background: transparent url('img/bg_proposition_top_left.png') no-repeat left top ;
}
#proposition-top-right {
    background: transparent url('img/bg_proposition_top_right.png') no-repeat right top ;
}
#proposition-top-center {
    background: transparent url('img/bg_proposition_top_center.png') repeat-x left top ;
    height: 35px ;
    margin: 0 13px 0 33px ;
}
#proposition-content-left {
    background: transparent url('img/bg_proposition_content_left.png') repeat-y left top ;
}
#proposition-content-right {
    background: transparent url('img/bg_proposition_content_right.png') repeat-y right top ;
}
#proposition-content-center {
    color: #FFFFFF ;
    background: #A32741 ;
    margin: 0 8px ;
    border: 1px solid #A32741 ;
    padding: 0 10px ;
}
#proposition-bottom-left {
    background: transparent url('img/bg_proposition_bottom_left.png') no-repeat left bottom ;
}
#proposition-bottom-right {
    background: transparent url('img/bg_proposition_bottom_right.png') no-repeat right bottom ;
}
#proposition-bottom-center {
    background: transparent url('img/bg_proposition_bottom_center.png') repeat-x left bottom ;
    margin: 0 11px ;
    height: 12px ;
}
#proposition-content-center .gratuit {
	font-size: 1.6em ;
}

#proposition .button{
    margin: 1em auto 0.2em auto ;
}
#proposition p {
    margin: 0.2em auto ;
    text-align: center ;
}
/*---}}}-- proposition -*/
	
/*---[Oeuvre Saisie commentaire]-{{{---*/
#saisie-commentaire-block-content {
	width: 660px;
}
.lien-saisie-commentaires {
	font-style:italic;
}


/*---[Details block]-{{{---*/
.detail-block-filetype {
	float:left;
	width:320px;
	margin-top:12px;
}
.detail-block-content-text p {
	font-size:0.92em;
	margin:0px;
}
/*---}}}-- saisie commentaire -*/

/*---[Commentaires block]-{{{---*/
#commentaires-block p {
    font-size: 0.92em;
}
#commentaires-block .img_note {
	height: 15px;
	margin: 0px 8px 0px 0px;
}
/*---}}}-- Commentaires block -*/
	
/*---[Oeuvre Partage]-{{{---*/
#abonnez,
#parrainage,
#partage {
	margin-top: 15px;
	background: white ;
	font-weight: bold ;
	font-size:1em;
	padding: 10px;
	text-align: center;
}
.partage_image {
	vertical-align: middle;
	cursor: pointer;
}
.google-plus-one-button {
	margin:0px 0px 0px 1px;
	display:inline-block;
	vertical-align:middle;
}
/*---}}}-- sidebar -*/
/*---}}}-- oeuvre -*/

/*---[deck]-{{{-*/
#deck {
    font-size: 1em ;
    margin: 1em 0 1em ;
    text-align: center;
}
#deck ul {
    text-align: left;
    list-style-position: inside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#deck ul.navigation>li {
    list-style-image: disc;
    font-size: 1em ;
    float: left ;
    height: 100px ;
}
/*-}}}-*/

/*---[footer]-{{{-*/
#footer {
    font-size: 0.8em ;
}
#footer ul {
    text-align: center;
    list-style: none outside none;
    margin: 1em 0 ;
    padding: 0;
}
#footer ul li {
    display: inline;
}
#footer ul li a:link,
#footer ul li a:visited,
#footer ul li a:hover,
#footer ul li a:active {
    text-decoration:none;
    color:#000000 ;
}
#footer ul li a:hover {
    text-decoration:underline;
}
/*-}}}-*/

.bf-like-button-oeuvre {
    height:25px;
    position:absolute;
    bottom:0px;
}

.icone-danger {
	vertical-align: bottom;
}

.uplecture-detail {
    display:table;
    padding:5px 0px 5px 0px;
    width:100%;
}
.uplecture-description {
    padding:0 10px;
    display:table-cell;
    vertical-align:middle;
}
.uplecture-vignette {
    display:table-cell;
    text-align: center ;
    width: 50px ;
    height: 50px ;
    color:white;
    font-size:2em;
    line-height:50px;
    margin:0px 10px 0px 0px;
    border-radius:5px;
    text-shadow:-1px -1px 0px grey;
    box-shadow:1px 1px 1px grey;
    background: -moz-linear-gradient(top, rgba(132,132,132,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(132,132,132,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(132,132,132,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(132,132,132,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(132,132,132,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(132,132,132,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6848484', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.uplecture-button {
    display:table-cell;
    vertical-align:middle;
    width:190px;
}
.uplecture-block-content-text p {
	font-size:0.92em;
}
#uplecture-block-content form dd, #uplecture-block-content form dt {
    margin-bottom:1.2em;
}
#uplecture-block-content form #save-element {
    margin-bottom:0;
}
.down {
    background:#A32741;
}
.actif {
    background-color:#606060;
}
.inter {
    background-color:#fafafa;
}
.mystere {
    background-color:#fafafa; 
}

.uplecture-description form label {
    font-weight: normal ;
}
.uplecture-description form dd div.label {
    float: right ;
    width: 90% ;
}

.uplecture-description form dd br {
    clear: both ;
}

#offrir textarea,
#cadeau textarea {
    width: 95% ;
    height: 10em ;
}

pre#cadeau-message {
  font-size: 1.2em;
  white-space: pre-line ;
}

/*--}}} Acolade de screen du début --*/
/*---}}}---*/
/*---}}}---*/
/*--- {{{ Bootstrap complement ---*/
.navbar {
	margin-bottom: 0 ;
	border: none ;
}

/*
.navbar-default {
	background-color: #323232 ;
}
*/
@media (min-width: 768px) {
.navbar-inverse {
	background-color: transparent ;
}
}

/*
.navbar-collapse {
	padding-left: 0 ;
	padding-right: 0 ;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #101010;
}
*/
/*--- }}} ---*/

#newsletterForm dl {
	margin-top: 10px ;
	margin-bottom: 10px ;
}

#epub-pdf h1 {
	padding: 0 ;
	margin: 15px 0 ;
}
#epub-pdf hr {
    visibility: visible ;
    color: #CCCCCC ;
		margin: 15px 0 ;
}

.button,
.bulle,
.radius,
.radius-5 {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
    border-radius: 5px;
}

.radius-5-bottom {
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
}

.radius-5-top {
		-webkit-border-top-right-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-topleft: 5px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
}

.radius-8 {
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
    border-radius: 8px;
}

.radius-8-bottom {
		-webkit-border-bottom-right-radius: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-moz-border-radius-bottomright: 8px;
		-moz-border-radius-bottomleft: 8px;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
}

.radius-8-top {
		-webkit-border-top-right-radius: 8px;
		-webkit-border-top-left-radius: 8px;
		-moz-border-radius-topright: 8px;
		-moz-border-radius-topleft: 8px;
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
}

.button,
.bulle,
.shadow,
.shadow-5 {
		-moz-box-shadow: 0px 0px 5px 0px #656565;
		-webkit-box-shadow: 0px 0px 5px 0px #656565;
		-o-box-shadow: 0px 0px 5px 0px #656565;
		box-shadow: 0px 0px 5px 0px #656565;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.up-section {
	margin-top: 30px ;
	margin-bottom: 15px ;
}

/*- {{{ - Carousel ---*/
/* jssor slider arrow navigator skin 03 css */
/*
.jssora03l              (normal)
.jssora03r              (normal)
.jssora03l:hover        (normal mouseover)
.jssora03r:hover        (normal mouseover)
.jssora03ldn            (mousedown)
.jssora03rdn            (mousedown)
 */
.jssora03l,
.jssora03r,
.jssora03ldn,
.jssora03rdn {
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(/vendor/jssor/img/a03.png) no-repeat;
	overflow:hidden;
}
.jssora03l { background-position: -3px -33px; }
.jssora03r { background-position: -63px -33px; }
.jssora03l:hover { background-position: -123px -33px; }
.jssora03r:hover { background-position: -183px -33px; }
.jssora03ldn { background-position: -243px -33px; }
.jssora03rdn { background-position: -303px -33px; }

#accueil-body .mise-en-avant .mea-slides {
	width:100%;
}

/*- }}} - Carousel ---*/