body {margin: 0; padding: 0; font: normal 0.75em arial, helvetica, sans-serif;  color: #4c4c4c; background: #fff; text-align: center }
div#bg_page {background: #ccbaa6 url(../img/bg_page.gif) 50% 0 no-repeat;  text-align: center;}
div#contener {width: 996px; margin: 0 auto; position: relative}
div#hautn {text-align: left; height: 149px}
div#page {background: #fff; width: 976px; text-align: left; margin: 0 auto; padding: 0 10px 10px}
span.bas_page {margin-bottom: 29px; display: block}

a:hover {color: #b28438}

div#hautn img.logo {float: left}

p, h1, h2, h3, h4, ul, form {margin: 0; padding: 0}
ul {list-style-type: none;}
img {border: 0}
.clear {clear: both; display: block; height: 0; font-size: 0; line-height: 0; margin: 0; padding: 0;}
.floatR {float: right}
.floatL {float: left}
.block {display: block}

span.ancien_prix {text-decoration: line-through; font-size: 0.92em}
span.prix {font-size: 1.35em; font-weight:bold;}
span.tarif_pastille {display: block; margin-top: 10px}
span.tarif_pastille span.ancien_prix, span.tarif_pastille span.prix, span.tarif_pastille span.pastille_violette, span.tarif_cd span.cd , span.tarif_cd span.ancien_prix, span.tarif_cd span.prix
{vertical-align: middle}
span.pastille_violette {background: url(../img/pastille_violette.gif) left top no-repeat;  display: inline-block; width: 34px; height: 25px; padding-top: 9px; color: #fff; font-weight: bold; text-align: center; margin-right: 5px}
span.tarif_cd {display: block; margin-top: 10px}
span.cd {background: url(../img/cd.gif) left top no-repeat;  display: inline-block; width: 30px; height: 30px;margin-right: 5px}

.couv {border:1px solid #DEDEDE; display:inline; margin-right:8px; max-height:100px; max-width:54px;}

/**** marges ***/
.mr8 {margin-right: 8px}
.mr2 {margin-right: 2px}

.w750 {width: 750px}
/*** liens***/
a {text-decoration: none; color: #4c4c4c}
a.fle_marron {background: url(../img/fle_marron.gif) left 6px no-repeat; padding-left: 7px;}
a.fle_noir {background: url(../img/fle_noir.gif) left 5px no-repeat; padding-left: 7px; }
a.fle_blanc {background: url(../img/fle_blanc.gif) left 5px no-repeat; padding-left: 7px;  color: #fff}
a.fle_violet {background: url(../img/fle_violet.gif) left 5px no-repeat; padding-left: 7px;}
a.fle_marron:hover, a.fle_noir:hover, div.bloc288 li a:hover, div#footer a:hover {color: #b28438}
a.fle_violet:hover {color: #6a2879}
a.fle_blanc:hover {text-decoration: underline}
a.imprimer {background: url(../img/imprimante.gif) left top no-repeat; padding: 0 0 0 21px; font-weight: bold; margin: 0 0 0 10px}

a.bt_or {background: url(../img/bt_or_gauche.gif) left top no-repeat;  height: 20px; text-decoration: none; color: #fff;  padding: 0 0 4px 0; float: left; cursor: pointer}
a.bt_or span {background: url(../img/bt_or_droit.gif) right top no-repeat; height: 20px; float: left; padding: 3px 10px 2px; font: bold 1em arial,sans-serif; }

/***HAUT ***/
div#hautn p {float: right; display: inline; margin-top: 24px; font-size: 0.92em}
div#hautn p a.bt_or  {font-size: 1em; margin-top: 10px; }
div#hautn p.panier {width: 120px; border-right: 1px solid #e3e3e3; padding-right: 20px; margin: 22px 20px 0 340px}
div#hautn p.panier span, div#hautn p.identifie span {display: block}
div#hautn p.panier span.tt {margin-bottom: 8px}

div#hautn p.identifie {float: right; margin-right: 5px;height:75px;}
div#hautn p.identifie span.tt {margin-bottom: 5px}
div#hautn p.identifie a.fle_marron {padding-left: 8px; line-height: 1.2em; background-position: left 3px; display: block}
div#hautn p.identifie span.gauche {margin-right: 10px; float: left; margin-top: 8px}
div#hautn p.identifie span.droit {float: left; margin-top: 8px;width:120px}
div#hautn p.identifie span.block {margin-top: 10px}
/*** nav haut 1***/

div#hautn li {display: inline}
/*** nav haut 2***/
ul#navn { width: 996px; height: 26px; margin: 16px auto 0 ;}
ul#navn li {float: left;display: inline; tex-indent: -3000px}

p.ariane {font-size: 0.85em; padding-left: 6px; padding: 10px 0; color: #999}
p.ariane a {color: #999}



h1.bord_livre {border-bottom: 4px solid #88b02a; margin-bottom: 0.5em;padding-top:10px;}
h1.bord_veille {border-bottom: 4px solid #c3479e; margin-bottom: 0.5em}
h1.bord_normes {border-bottom: 4px solid #f78417; margin-bottom: 0.5em;padding-top:10px;}
h1.bord_magazines {border-bottom: 4px solid #1A9E9A; margin-bottom: 0.5em}

/*** blocs recherche ***/

div.recherche {width: 484px; height: 180px; float: left; color: #fff; position: relative; margin-bottom: 17px;}
div.recherche_grand  {width: 975px; height: 136px;}

div.recherche h2 {font-size: 1.7em; margin: 0 0 10px 60px}
div.recherche input.text {border: 1px solid #e4e4e4; font-size: 1em; margin: 3px 0 6px; color: #666}
div.recherche input.w213 {width: 213px;}
div.recherche input.w55 {width: 53px;} 
div.recherche input.w39 {width: 36px;}
div.recherche input.w26 {width: 26px;}

div.recherche input.mr4 {margin-right: 0.45em; *margin-right: 4px;}

div.recherche select {width: 215px; border: 1px solid #e4e4e4; font-size: 1em; margin-top: 3px; color: #666}
div.recherche label {font-weight: bold; padding-top: 10px}
div.recherche p {width: 220px; float: left;}
div.recherche_grand p {width: 430px; float: left;} 
div.recherche p.droit {float: right;} 
div.recherche span.valider {display: block; margin-top: 15px; font-weight: bold; position: absolute; bottom: 10px; right: 10px}
div.recherche span.aide {display: block; position: absolute; top: 5px; right: 5px}
div.recherche a.bouton {background: #c06c39 url(../img/bt_marron.gif) left top no-repeat; color: #fff; padding: 2px 0 3px 10px; display: inline-block; text-decoration: none; font-weight: bold; margin-left: 12px;}
div.recherche a.bouton span {background: url(../img/bt_marron.gif) right top no-repeat; padding : 2px 7px 3px 0;}
div.recherche a.fle_noir {color: #000; display: inline-block; vertical-align: top; background-position: 0 5px}
div.recherche a.fle_blanc {font-size: 0.92em; font-weight: normal;}

div.recherche_norme, div.recherche_livre {padding: 10px 10px 10px 14px; height: 151px}
div.recherche_norme {background: #f78516 url(../img/recherche_normes_haut.jpg) no-repeat left top;}
div.recherche span.bas_norme {background: #f78516 url(../img/recherche_normes_bas.gif) no-repeat left bottom; display: block;  font-size: 0; height: 9px}
div.recherche_norme input.mot {margin: 3px 0 0}

div.recherche_livre {background: #88b02a url(../img/recherche_livre_haut.jpg) no-repeat left top;}
div.recherche span.bas_livre {background: #88b02a url(../img/recherche_livre_bas.gif) no-repeat left bottom; display: block;  font-size: 0; height: 9px; }
div.recherche_livre a.bouton, div.recherche_livre_grand a.bouton, div.recherche_av_livre a.bouton  {background: #647f26 url(../img/bt_vert.gif) left top no-repeat; padding: 2px 0 3px 10px; }
div.recherche_livre a.bouton span, div.recherche_livre_grand a.bouton span, div.recherche_av_livre a.bouton span  {background: #647f26 url(../img/bt_vert.gif) right top no-repeat; padding : 2px 7px 3px 0;}
div.recherche_livre span.isbn {display: block}

div.recherche_livre_grand, div.recherche_norme_grand  {background: #88b02a url(../img/recherche_livre_grand_haut.jpg) no-repeat left top; padding: 25px 10px 20px 90px; height: 81px}
div.recherche_norme_grand {background: #f78516 url(../img/recherche_normes_grand_haut.jpg) no-repeat left top;}
div.recherche_grand span.bas_livre_grand, div.recherche_grand span.bas_norme_grand {background: #88b02a url(../img/recherche_livre_grand_bas.gif) no-repeat left bottom; display: block;  font-size: 0; height: 10px; }
div.recherche_grand span.bas_norme_grand {background: #f78516 url(../img/recherche_normes_grand_bas.gif) no-repeat left bottom;}

div.recherche_grand label {font-weight: bold;  width: 160px; float: left}
div.recherche_grand input.radio {font-size: 0.9em}
div.recherche_grand label.droit {width: 195px}
div.recherche_grand span.isbn, div.recherche_grand span.mb {display: block;margin-bottom:10px;}
div.recherche_livre_grand span.valider, div.recherche_norme_grand span.valider {bottom: 10px; right: 65px}
div.recherche_norme_grand p {width: 410px}
div.recherche_norme_grand p.droit {float: left; width: 450px} 

div.recherche_av_livre {background: #88b02a url(../img/recherche_av_livre_haut.jpg) no-repeat left top; padding: 19px 10px 20px 54px; width: 713px; position: relative; margin-top: 10px}
div.recherche span.bas_livre_av {background: #88b02a url(../img/recherche_av_livre_bas.gif) no-repeat left bottom; display: block;  font-size: 0; height: 8px; width: 777px;}
div.recherche_av_livre h2 {margin: 0 0 10px 0}
div.recherche_av_livre h3 {margin: 0 0 2em 0; font-size: 1.15em}
div.recherche_av_livre p {width: 328px;}
div.recherche_av_livre p.droit {border-left: 1px solid #a0c055; padding: 0 0 2em 36px; width: 330px} 
div.recherche_av_livre label {float: left; width: 92px; padding-top: 0.2em}
div.recherche_av_livre input, div.recherche_av_livre select {margin: 0 0 2.5em 0; color: #96989b}
div.recherche_av_livre input.text {margin: 0 0 2.5em 0}
div.recherche_av_livre input.mr4 {margin: 0 0.45em 2.5em 0}
div.recherche_av_livre select.mois {width: 86px; margin: 0 0.25em 2.5em 0}
div.recherche_av_livre select.jour {width: 90px; margin: 0 0.25em 2.5em 0}
div.recherche_av_livre input.date {width: 44px; margin: 0 0 2.5em 0; color: #96989b}
div.recherche_av_livre span.clear {}


div.recherche_av_normes {background: #f78516 url(../img/recherche_av_normes_haut.jpg) no-repeat left top; padding: 19px 10px 20px 54px; width: 713px; position: relative; margin-top: 10px}
div.recherche span.bas_normes_av {background: #f78516 url(../img/recherche_av_normes_bas.gif) no-repeat left bottom; display: block;  font-size: 0; height: 8px; width: 777px;}
div.recherche_av_normes h2 {margin: 0 0 10px 0}
div.recherche_av_normes h3 {margin: 0 0 2em 0; font-size: 1.15em}
div.recherche_av_normes p {width: 328px;}
div.recherche_av_normes p.droit {border-left: 1px solid #F4AB21; padding: 0 0 2em 36px; width: 330px} 
div.recherche_av_normes label {float: left; width: 92px; padding-top: 0.2em}
div.recherche_av_normes input, div.recherche_av_normes select {margin: 0 0 2.5em 0; color: #96989b}
div.recherche_av_normes input.text {margin: 0 0 2.5em 0}
div.recherche_av_normes input.mr4 {margin: 0 0.45em 2.5em 0}
div.recherche_av_normes select.mois {width: 86px; margin: 0 0.25em 2.5em 0}
div.recherche_av_normes select.jour {width: 90px; margin: 0 0.25em 2.5em 0}
div.recherche_av_normes input.date {width: 34px; margin: 0 0 2.5em 0; color: #96989b}
div.recherche_av_normes span.clear {}



/*** partie gauche***/
div#gauche {margin-right: 5px;width: 156px; float: left; padding-bottom: 10px}
div#gauche h3 {color: #b28438; font-size: 1.15em; margin: 10px 0 5px 5px}
div#gauche p, div#gauche ul {border-bottom: 4px solid #e6d8c4;}
div#gauche p.savoir {background: url(../img/point_interrogation.gif) 5px 0 no-repeat; padding: 5px 0 15px 30px; margin-top: 10px}
div#gauche p.aide {background: url(../img/telephone.gif) 5px 0 no-repeat; padding: 0 0 15px 37px}
div#gauche p.lecteur {background: url(../img/livre.gif) 5px 0 no-repeat; padding: 0 0 15px 43px}
div#gauche p.lecteur strong, div#gauche p.alerte strong {display: block}
div#gauche p.mail {background: url(../img/enveloppe.gif) 5px 0 no-repeat; padding: 0 0 15px 43px}
div#gauche p.alerte {background: url(../img/fle_alerte.gif) 5px 0 no-repeat; padding: 0 0 15px 37px}
div#gauche p.afnor {padding:8px 0 17px; text-align: center}
div#gauche ul {padding-bottom: 5px; margin-bottom: 15px}
div#gauche li {border-top: 1px solid #e6d8c4; padding: 7px 2px 7px 7px}
div#gauche li.first {border-top: 0}
div#gauche li a {background: url(../img/fle_marron.gif) left 4px no-repeat; padding-left: 8px; line-height: 1.25em; display: block}
div#gauche li a:hover {color: #b28438}

/*** partie centre***/
div#centre {width: 579px; float: left; display: inline; margin: 0 0 0 5px; padding-bottom: 10px}
div#centre h2 {color: #6a2879; font-size: 1.42em; padding: 10px 0 5px 9px;}
div#centre h2.separation {border-top: 1px solid #d9d9d9; padding-top: 10px}
div#centre h2.fiche_livre, div#centre h2.fiche_norme {color: #303030}
div#centre h2.fiche_norme small {display: block}

/*** partie centre large sans col droit ***/
div#centre_droit {float: left; display: inline; margin: 0 0 0 19px; padding-bottom: 10px}
div#centre_droit div.recherche_livre {}
div#centre_droit  h2.recherche_norme {color: #303030; font-size: 1.7em}
div#centre_droit h2.recherche_norme span {font-size: 0.7em}

div#centre h3 {font-size: 1.15em;}
div#centre div.sep {margin-bottom: 19px}
div#centre div.mb19 {margin-bottom: 19px}
div.w288 {width: 288px; background: url(../img/degrade_gris_199.gif) bottom repeat-x; float: left; margin-bottom: 19px}
div.w288 span.bas {background:  url(../img/bloc_gris_288_bas.gif) no-repeat left bottom; display: block; clear: both; font-size: 0; height: 5px}

div.w288 div.marge {margin: 8px 8px 0;  position: relative}
div.w288 div.h203 {min-height:242px;}
div.w288 div p.desc {font-size: 0.92em}
div.w288 div p.infos_bas { left: 5px}
div.w288 div p.infos_bas a {display: block; margin-top: 0.75em}
div.w288 div p.infos_bas span.tarif_pastille {margin-top: 1em}

div.w288 ul {width: 270px; padding: 0 0 0 9px; min-height: 160px}
div.w288 li {border-bottom: 1px solid #ddd; padding: 7px; line-height: 1.2em}
div.w288 li.last {border-bottom: 0}
div.w288 li a {background: url(../img/fle_violet.gif) left 5px no-repeat; padding-left: 7px;}
div.w288 li a.gauche {float: left; width: 45%;}
div.w288 li a.droit {float: right; width: 45%}
div.w288 h3.norme, div.w288 h3.livre  {font-size: 1.15em; color: #f78516; margin: 0 0 10px 9px}
div.w288 h3.livre {color: #88b02a} 
div.w288 span.date {color:#6a2879 ; display: block; font-weight: bold; margin-top: 0.5em}

div.degrade159 {background: url(../img/degrade_gris_159.gif) bottom left repeat-x; margin-bottom: 19px}
div.degrade159 div.entete {height: 55px} /*pour qu'IE6 ne cache pas les titres au survol des bt du carousel*/
div.degrade159 h3 {font-size: 1.15em; color: #b44f96; margin: 0 0 10px 9px; }
div.degrade159 span.bas {background: url(../img/bloc_gris_578_bas.gif) no-repeat left bottom; display: block; clear: both; font-size: 0; height: 3px} 

div.accordeon {border-top: 1px solid #e9dfeb; margin-top: 19px; color: #4c4c4b}
/*div.col1 {background: url(../img/degrade_gris_w578.gif) no-repeat left bottom; }*/
div.col1 {background: #F2F2F2 none no-repeat left bottom; }
div.accordeon a.ferme, div.accordeon a.ouvert {color: #6a2879; font-size: 1.15em; font-weight: bold;  display: block}
div.accordeon a.ferme {background: url(../img/degrade_gris_w578.gif) no-repeat left bottom; padding: 1em 0 1.10em 0;}
div.accordeon a.ferme span {background: url(../img/fle_ferme.gif) no-repeat 0 0; padding: 0 5px 10px 25px; margin-left: 1em}
div.accordeon a.ouvert {padding: 1em 0 1em 25px; background: url(../img/fle_ouvert.gif) no-repeat 0 1.25em; margin-left: 1em}
div.accordeon div.infosacc {padding-bottom: 1em}
div.accordeon div.infosacc p {margin: 4px 10px 8px;}

/**** carousel ***/
div#centre div.carousel .carousel-control {/*overflow: hidden;*/ display: inline-block; float: left; vertical-align: middle; width: 14px; height: 20px; cursor: pointer; text-indent: -9999px; zoom:1;}
div#centre div.carousel .carousel-next {background: url(../img/next.gif) right top no-repeat;}
div#centre div.carousel .carousel-previous {background: url(../img/prev.gif) left top no-repeat;}
div#centre div.carousel {margin: 10px; border: 0;}
div#centre div.carousel div {margin: 0; padding: 0; border: 0;}
div#centre div.carousel div.carousel-wrap {width: 528px; float: left; margin: 0 0 10px 0; border: solid #dbdbdb; border-width: 0 1px 0 0;}
div#centre div.carousel ul {margin : 0; padding: 0 0 10px 0;}
div#centre div.carousel ul li {display: inline; float:left; padding: 0 5px;  width: 121px; height: 74px; border-left: 1px solid #dbdbdb; color: #333}
div#centre div.carousel ul li a {color: #333}
div#centre div.carousel ul li a:hover {color:#b28438;}

div#centre div.carousel span.carousel-control {float: left; margin: 25px 0 0; /*padding:5px 10px;*/ font-weight: bold; font-size:11px; cursor: pointer;}
div#centre div.carousel span.disabled {color: #ddd; cursor: default;  filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5; }
div#centre div.carousel ul li span.num {color: #b55097; display: block; font-weight: bold}

/*** meilleures ventes / HOME NORMES dernieres normes***/


div.home_normes div.meilleures_ventes {height: 153px; margin-bottom: 19px; border-top: 1px solid #fddbbb; background: url(../img/bg_meilleures_ventes_normes.gif) left bottom no-repeat;}
div.home_normes div.dernieres_normes li, div.home_normes div.meilleures_ventes li  {float: left; width: 190px; margin-right: 2px}
div.home_normes div.dernieres_normes li.last, div.home_normes div.meilleures_ventes li.last {margin-right: 0}
div#centre div.meilleures_ventes h2 {color: #88B02A;}
div.home_normes div.meilleures_ventes p {padding-left: 30px}
div.home_normes div.dernieres_normes p.desc {margin: 4px 10px 8px;  font-weight: bold}
div.home_normes div.meilleures_ventes p.desc {margin: 10px 10px 8px;   font-weight: bold;}
div.home_normes div.dernieres_normes p.tarif, div.home_normes div.meilleures_ventes p.tarif {margin: 4px 10px 8px; font-weight: bold;}
div.home_normes div.dernieres_normes span.prix, div.home_normes div.meilleures_ventes span.prix {font-size: 1.35em; display: block;}
div.home_normes div.dernieres_normes li.last, div.home_normes div.meilleures_ventes li.last {margin-right: 0}
div.home_normes div.dernieres_normes p span.ref, div.home_normes div.meilleures_ventes p span.ref {font-weight: normal; display: block}


div.meilleures_ventes_gen p {margin: 4px 10px 8px; font-weight: bold}
div.meilleures_ventes_gen li {float: left; background: url(../img/degrade_gris_193.gif) left bottom repeat-x; width: 190px;margin-right: 2px}
div.meilleures_ventes_gen li.last {margin-right: 0}
div.meilleures_ventes_gen li p.ouvrage {overflow:hidden;}
div.meilleures_ventes_gen p span.ref {font-weight: normal; display: block}
div.meilleures_ventes_gen li img {margin-bottom: 10px; border: 1px solid #dedede}
div.meilleures_ventes_gen li a {display: block}
div.meilleures_ventes_gen li span.prix {font-size: 1.35em}
div.meilleures_ventes_gen span.bas {background: url(../img/bloc_gris_190_bas.gif) no-repeat left bottom; display: block; clear: both; font-size: 0; height: 3px}


/*** offre abonnes ***/
div.offre_abonne {background: #f2f2f2 url(../img/degrade_gris_159.gif) repeat-x left bottom; margin-bottom: 19px; margin-top: 19px; height: 1%}
div.offre_abonne p.ouvrage {width: 350px; margin: 10px 10px 0; float: left; display: inline;  padding-bottom: 10px}
div.offre_abonne p.ouvrage img {float: left; margin-right: 8px}
div.offre_abonne p.ouvrage span.desc {display: block; padding-top: 10px; font-size: 1.15em; font-weight: bold}
div.offre_abonne p.ouvrage span.prix {font-size: 1.5em}
div.offre_abonne p.ouvrage span.bas {background: #f2f2f2 url(../img/bloc_gris_190_bas.gif) no-repeat left bottom; display: block; clear: both; font-size: 0; height: 3px}
div.offre_abonne p.reserve {background: url(../img/coin_haut_marron.gif) no-repeat left top; width: 178px; float: left; padding: 5px 9px 0 9px; line-height: 1.8em; position: relative}
div.offre_abonne p.reserve strong {color: #55186f; display: block}
div.offre_abonne p.reserve a {font-weight: bold}
div.offre_abonne p.reserve span.bas {position: absolute; bottom: 0px; right: 0px; background: url(../img/coin_bas_marron.gif) no-repeat right top; width: 12px; height: 12px; display: block}
div.offre_abonne span.bas {background: #f2f2f2 url(../img/bloc_gris_578_bas.gif) no-repeat left bottom; display: block; clear: both; font-size: 0; height: 3px} 

/*** home livres ***/
div.home_livres div.nouveautes {float: left; border-top: 1px solid #e9dfeb; width: 287px; margin-right: 2px; background: url(../img/nouveautes_gris_degrade.gif) left bottom repeat-x; margin-bottom: 19px}
div.home_livres div.nouveautes ul, div.home_livres div.meilleures_ventes ul  {margin: 10px}
div.home_livres div.nouveautes li, div.home_livres div.meilleures_ventes li  {margin-bottom: 12px; position: relative;} 
div.home_livres div.nouveautes span.bas {background: url(../img/nouveautes_gris_bas.gif) no-repeat left bottom; display: block; clear: both; font-size: 0; height: 5px} 
div.home_livres div.nouveautes li p.prix, div.home_livres div.meilleures_ventes li p.prix {border-bottom: 1px solid #eaeaea; position: absolute; right: 0; bottom: 0; width: 208px; padding-left: 12px; }
div.home_livres div.meilleures_ventes li p.prix {border-bottom: 1px solid #dbe5c1; width: 192px; }
div.home_livres div.meilleures_ventes li p.last, div.home_livres div.nouveautes li p.last {border-bottom: 0}
div.home_livres div.meilleures_ventes {float: left; border-top: 1px solid #bfdb7c; width: 287px; margin-right: 2px; background: url(../img/meilleures_ventes_vert_degrade.gif) left bottom repeat-x; margin-bottom: 19px}
div.home_livres div.meilleures_ventes span.num {background: url(../img/onglet_num_vert.gif) no-repeat left bottom; width: 13px; height: 28px; padding: 12px 0 0 5px; float: left; color: #fff; font-weight: bold}
div.home_livres div.meilleures_ventes span.bas {background: url(../img/meilleures_ventes_vert_bas.gif) no-repeat left bottom; display: block; clear: both; font-size: 0; height: 5px} 

div.w288 ul.aparaitre {padding: 0 0 0 5px; font-weight: bold; line-height: 1.6em; margin: -0.35em 5px 0}
div.w288 ul.aparaitre li {padding: 12px 0 }
div.w288 div.h245 {min-height: 245px; margin: 0}
div.bord_tope9dfeb {border-top: 1px solid #e9dfeb}

/** home normes ***/
div.normes_etrangeres {background: #fcfcfc url(../img/degrade_gris_238.gif) left bottom repeat-x; border-top: 1px solid #e6dce8}
div.normes_etrangeres span.bas {background: url(../img/bloc_gris_578_bas.gif) no-repeat left bottom; display: block; clear: both; font-size: 0; height: 3px}
div.normes_etrangeres img {margin: 0 35px 0 12px;}
div.normes_etrangeres a.fle_violet {display: block; margin: 20px 0 0 14px}
div.normes_etrangeres ul {width: 356px; padding: 0 0 10px 9px; float: left}
div.normes_etrangeres li {border-bottom: 1px solid #ddd; padding: 7px; width: 100%}
div.normes_etrangeres li.last {border-bottom: 0}
div.normes_etrangeres li span.gauche, div.normes_etrangeres li span.droit {float: left; width: 52%; font-weight: bold; font-size: 1.15em; color: #000}
div.normes_etrangeres li span.droit {width: 38%;}
div.normes_etrangeres li a {background: url(../img/fle_violet.gif) left 5px no-repeat; padding-left: 7px;}
div.normes_etrangeres li a.gauche {float: left; width: 45%;}
div.normes_etrangeres li a.droit {float: right; width: 45%}

/*** FICHE livre/norme ***/

div.livre p, div.norme p {padding: 18px 10px 0;   }
div.livre p.infos, div.norme p.infos {width: 366px; background: url(../img/degrade_gris_w386.gif) left bottom no-repeat; float: left; margin-right: 2px; line-height: 1.5em}
div.livre p.prix, div.norme p.prix {width: 170px; background: url(../img/degrade_gris_w190.gif) left bottom no-repeat; float: left; text-align: center}
div.livre p.prix span.prix, div.norme p.prix span.prix {display: block}
div.livre p.prix span.livraisond, div.norme p.prix span.livraisond {display: block; font-size: 0.92em; margin: 1em 0 0 0}


/*** FICHE Norme***/
div.detail_norme {background: url(../img/degrade_gris_w578.gif) no-repeat left bottom; margin-bottom: 9px;  color: #4c4c4b; padding: 2em 10px 1em; line-height: 1.5em}
div.detail_norme span.norm_alert {background: url(../img/norm_alert.gif) no-repeat left 0.5em; padding-left: 25px; display: block; margin: 2em 0 0 0}
div.norme {border-top: 1px solid #e9dfeb; margin-top: 10px}
div.norme p {padding: 18px 10px 0 10px;  }

div.norme p.infos label {float: left; color: #703e86; font-size: 1.15em; font-weight: bold; width: 12em; margin: 0.8em 0 }
div.norme p.infos select {border: 1px solid #e4e4e4; width: 160px; font-size: 1em;  color: #666; margin: 0.8em 0 }
div.infosacc p.norme {font-weight: bold}
div.infosacc p.norme span.ref {font-weight: normal; display: block; margin-top: 0.5em}
div.infosacc table.ics {margin: 4px 10px 8px; width: 560px; padding: 0}
div.infosacc table th {border-bottom: 4px solid #dadada; padding: 0.5em 0}
div.infosacc table td {border-bottom: 1px solid #dadada; padding: 0.5em 0}
div.infosacc table th.code {width: 20%}
div.infosacc table th.theme {width: 80%}

/***  resultat recherche norme ***/
div.resultat_recherche_norme {border-top: 4px solid #f78516; background: #f8f8f8; padding-bottom: 2em; margin: 1.5em 0 9px 0}
div.resultat_recherche_norme h3 {margin: 1em 0;font-size:14px;}
div.resultat_recherche_norme div.gauche {width: 329px; padding-left: 19px; float: left}
div.resultat_recherche_norme div.gauche h3 {color: #f78516; font-size: 1.15em}
div.resultat_recherche_norme div.droit {width: 334px; padding-left: 46px; float: left}
div.resultat_recherche_norme ul {height: 160px; overflow: auto; line-height: 1.5em}
div.resultat_recherche_norme ul ul {height: auto; margin: 0 0 0 1.5em}
div.resultat_recherche_norme ul span.nombre {color: #f78516; font-weight: bold}
div.resultat_recherche_norme ul a.ferme {background: url(../img/fle_orange_ferme.gif) left 6px no-repeat; padding-left: 10px;}
div.resultat_recherche_norme ul a.ouvert {background: url(../img/fle_orange_ouvert.gif) left 6px no-repeat; padding-left: 10px;}
div.resultat_recherche_norme h3 a {color: #f78516; font-size: 1em}

/***  resultat recherche livre ***/
div.resultat_recherche_livre {border-top: 4px solid #88B02A; background: #f8f8f8; padding-bottom: 2em; margin: 1.5em 0 9px 0}
div.resultat_recherche_livre h3 {margin: 1em 0}
div.resultat_recherche_livre div.gauche {width: 329px; padding-left: 19px; float: left}
div.resultat_recherche_livre div.gauche h3 {color: #88B02A; font-size: 1.15em}
div.resultat_recherche_livre div.droit {width: 334px; padding-left: 46px; float: left}
div.resultat_recherche_livre ul { overflow: auto; line-height: 1.5em}
div.resultat_recherche_livre ul ul {height: auto; margin: 0 0 0 1.5em}
div.resultat_recherche_livre ul span.nombre {color: #88B02A; font-weight: bold}
div.resultat_recherche_livre ul a.ferme {background: url(../img/fle_verte_ferme.gif) left 6px no-repeat; padding-left: 10px;}
div.resultat_recherche_livre ul a.ouvert {background: url(../img/fle_verte_ouvert.gif) left 6px no-repeat; padding-left: 10px;}
div.resultat_recherche_livre h3 a {color: #88B02A; font-size: 1em}


/*** pagination***/
div.pagination {text-align: right; border-bottom: 4px solid #f2f2f2; padding: 0.5em 0; }
div.pagination_bas {border-bottom: none}
div.pagination ul {float: right; margin-left: 2em}
div.pagination ul li {display: inline; padding: 0 0.25em; }
div.pagination ul li a {color: #8e8e8e}
div.pagination ul li a:hover {color: #733581}
div.pagination ul span.on {color: #733581; font-weight: bold; }

table.resultats_norme {padding: 0; width: 750px; margin-bottom: 1.5em}
table.normes_etrangeres {margin-bottom: 0}
table.resultats_norme select {border: 1px solid #e4e4e4; font-size: 1em;  color: #666; margin: 0.8em 0 }
table.resultats_norme th {border-bottom: 4px solid #f2f2f2; padding: 0.5em 0;}
table.resultats_norme th.centred {text-align: center}
table.resultats_norme td {padding: 1em 0}
table.resultats_norme td {border-bottom: 1px solid #f2f2f2}
table.resultats_norme td.type, table.resultats_norme th.type  {width: 594px;  padding: 1em 20px 1em 8px}
table.resultats_norme td.typen, table.resultats_norme th.typen  {text-align:left;width: 378px;  padding: 1em 20px 1em 8px}

table.resultats_norme td.langue {width: 115px;}
table.resultats_norme td.format {width: 125px;}
table.resultats_norme td.prix {width: 132px; background: #f8f8f8; text-align: center}

table.resultats_norme td.type p.couv {width: 75px; float: left}
table.resultats_norme td.type div.illustre {width: 300px; float: left}
table.resultats_norme td.typen p.couv {width: 75px; float: left}
table.resultats_norme td.typen div.illustre {width: 230px; float: left}

table.resultats_norme a.bt {background: red url(../img/bt_or.gif) left top no-repeat; color: #fff; padding: 2px 0 3px 10px; display: inline-block; text-decoration: none; font-weight: bold; margin-top: 1em}
table.resultats_norme a.bt span {background: url(../img/bt_or.gif) right top no-repeat; padding : 2px 7px 3px 0;}
table.resultats_norme h3,table.resultats_norme h3 a, table.resultats_norme span.date {color: #6a2879;font-size:14px;}
table.resultats_norme h3 a {text-decoration: underline;font-size:14px;}
table.resultats_norme span.date {display: block; margin-bottom: 1em}
table.resultats_norme span.prix {display: block;margin-top:0;}
p.application {margin-top: 1em; font-weight: bold;}
p.application span {color: #fff; background:  url(../img/bg_application.gif) left top no-repeat; padding: 0 0 2px 5px;  font-size: 11px; line-height: 11px; height: 15px}
p.application span strong {background: url(../img/bg_application.gif) right top no-repeat; padding: 0 5px 2px 0;  height: 15px}
p.application a {margin-left: 1em; color: #6a2879}

table.resultats_norme td.typen  span {display: block; margin-top: 0.5em}

table.resultats_norme td div.illustre span {display: block; margin-top: 0.5em}

table.resultats_norme td div.illustre span.date {margin-top: 0.2em}
table.resultats_norme td.typen span.date {margin-top: 0.2em}


/*** partie droite***/
div#droit {width: 180px; float: right; padding-top: 10px}

div.offres_internet span.bas {background: #f2edf4 url(../img/offre_speciale_web_bas.gif) no-repeat left bottom; display: block; clear: both; font-size: 0; height: 5px}  
div.offres_internet ul {padding: 100px 15px 0}
div.offres_internet li {border-bottom: 1px solid #dcdcdc; padding: 10px 0; font-size: 0.92em; font-weight: bold; height: 1%}
div.offres_internet li.last {border-bottom: 0}
div.offres_internet li p.couv {width: 37px}
div.offres_internet li p.desc {float: left; width: 102px}
div.offres_internet li span.prix {font-size: 1.35em; display: block}
div.offres_internet li span.ancien_prix {display: block; float:left;margin-right:3px;padding-top:3px; font-size: 1.01em}

div.pub {margin-bottom: 20px}

/*** footer ***/
div#footer {background: #55186f; text-align: center; color: #fff; padding: 7px 0}
div#footer p.haut {text-transform: uppercase; font-weight: bold}
div#footer p.liens {font-size: 0.92em}
div#footer a {color: #fff}
div#footer a.xml {background: url(../img/xml.gif) left 2px no-repeat; padding-left: 30px; line-height: 1.6em}
div#footer a.en {background: url(../img/drapeau_anglais.gif) left 1px no-repeat; padding-left: 25px; line-height: 1.6em}

div#footer a.french {background: url(../img/drapeau_anglais.gif) left 1px no-repeat; padding-left: 25px; line-height: 1.6em}
div#footer a.english {background: url(../img/bt_french.gif) left 1px no-repeat; padding-left: 25px; line-height: 1.6em}
div#gauche  a:hover {color:#B28438;}

a.bt_rose {background: url(../img/bt_rose_gauche.gif) left top no-repeat;  height: 20px; text-decoration: none; color: #fff;  padding: 0 0 4px 0; float: left; cursor: pointer}
a.bt_rose span {background: url(../img/bt_rose_droit.gif) right top no-repeat; height: 20px; float: left; padding: 3px 10px 2px; font: bold 1em arial,sans-serif; }

/*** home veille ***/
div#haut_veille {background: url(../img/bg_home_veille.jpg) no-repeat; height: 177px; padding: 20px 40px 10px 280px; }
div#haut_veille h2 {color: #c3479e; padding: 0 0 0 0; margin-bottom: .5em; font-size: 1.5em}
div#haut_veille p {height: 98px; overflow: hidden; font-size: 1.075em}
div#centre h3.home_veille {cursor:pointer;background: url(../img/bg_tt_home_veille.gif) no-repeat; height: 51px; padding: 20px 65px 0 25px; overflow: hidden; font-size: 1.25em}
h3.home_veille a span {font-weight: normal; display: block} 
h3.home_veille a {padding-left: 90px; display: block;}
h3.home_veille a.loupe {background: url(../img/loupe_veille.gif) no-repeat;} 
h3.home_veille a.personnage {background: url(../img/personnage_veille.gif) no-repeat;} 
h3.home_veille a.rouages {background: url(../img/rouages_veille.gif) no-repeat;} 
h3.home_veille a.ecran {background: url(../img/ecran_veille.gif) no-repeat;} 
h3.home_veille a.fleche {background: url(../img/fleche_veille.gif) no-repeat;} 

/*** liste besoins ***/
div#centre h2.veille {color: #c3479e; font-size: 1.5em}
div#centre h2.loupe {background: url(../img/loupe_veille.gif) no-repeat; padding: 5px 0 5px 47px; margin: 10px 0 0 9px}

div#centre h2.personnage {background: url(../img/personnage_veille.gif) no-repeat; padding: 5px 0 5px 47px; margin: 10px 0 0 9px}
div#centre h2.rouages {background: url(../img/rouages_veille.gif) no-repeat; padding: 5px 0 5px 47px; margin: 10px 0 0 9px}
div#centre h2.ecran {background: url(../img/ecran_veille.gif) no-repeat; padding: 5px 0 5px 47px; margin: 10px 0 0 9px}
div#centre h2.fleche {background: url(../img/fleche_veille.gif) no-repeat; padding: 5px 0 5px 47px; margin: 10px 0 0 9px}

div#centre p.liste_besoins {margin: 0 0 1em 9px; font-size: 1.1em}
div.liste_besoins {border-top: 4px solid #f2f2f2; margin-bottom: 1em}
div.liste_besoins div {border-bottom: 1px solid #f2f2f2; padding: 15px 0 15px 0}
div.liste_besoins p.img {float: left; width: 134px; padding-left: 24px}
div.liste_besoins p.texte, div.liste_besoins h3, div.liste_besoins ul {margin-left: 158px}
div.liste_besoins ul {margin-top: 1em}
div.liste_besoins li {margin: 0.25em 0}
div.liste_besoins ul a {background: url(../img/fle_rose.gif) 0 4px no-repeat; padding-left: 9px;}
div#centre div.liste_besoins h3 {font-size: 1.45em}
a.liste_besoins {float: right}

div.home {
margin:0 0 0 20px;
}

a.ellipsis  {   
   overflow:hidden;
}

span.over {
float:right;
margin-top:0px;
text-align:right;
width:20px;
}