/* -----------------------------------------------------------------------
 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.
----------------------------------------------------------------------- */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff; font-style:normal; font-family:Arial, Helvetica, sans-serif;/* font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;*/}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {/*font-weight:bold;*/ color:#8a8a8a;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0 0 0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:120px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.span-25, div.span-26, div.span-27 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24 {width:950px;}
.span-25 {width:990px;}
.span-26 {width:1030px;}
.span-27, div.span-27 {width:1046px;margin-right:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
input.span-1, textarea.span-1 {width:18px!important;}
input.span-2, textarea.span-2 {width:58px!important;}
input.span-3, textarea.span-3 {width:98px!important;}
input.span-4, textarea.span-4 {width:138px!important;}
input.span-5, textarea.span-5 {width:178px!important;}
input.span-6, textarea.span-6 {width:218px!important;}
input.span-7, textarea.span-7 {width:258px!important;}
input.span-8, textarea.span-8 {width:298px!important;}
input.span-9, textarea.span-9 {width:338px!important;}
input.span-10, textarea.span-10 {width:378px!important;}
input.span-11, textarea.span-11 {width:418px!important;}
input.span-12, textarea.span-12 {width:458px!important;}
input.span-13, textarea.span-13 {width:498px!important;}
input.span-14, textarea.span-14 {width:538px!important;}
input.span-15, textarea.span-15 {width:578px!important;}
input.span-16, textarea.span-16 {width:618px!important;}
input.span-17, textarea.span-17 {width:658px!important;}
input.span-18, textarea.span-18 {width:698px!important;}
input.span-19, textarea.span-19 {width:738px!important;}
input.span-20, textarea.span-20 {width:778px!important;}
input.span-21, textarea.span-21 {width:818px!important;}
input.span-22, textarea.span-22 {width:858px!important;}
input.span-23, textarea.span-23 {width:898px!important;}
input.span-24, textarea.span-24 {width:938px!important;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */



/* CSS Document */
body {/*background:#e6e6e6 url(img/bg.jpg) repeat-x top;*/ background-color:#e6e6e6;  }
html {overflow-y: scroll;}
h1 {color:#766763; font-size:20px;}
h2 {color:#c4122f; font-style:normal; line-height:1em; letter-spacing:0; font-size:1.5em; margin-bottom:3px;}
h2 a {color:#c4122f;}
h2 a:hover {color:#000;}
h3 {color:#c4122f; font-style:normal;}
h3.footerlinks {color:#aea6a4; font-size:25px;}
h4 {color:#766763; margin-bottom:0;margin-top:5px;}
h4.sommaireChapitre { font-weight:bold; margin-bottom:7px; color:#c4122f; }
h5 {color:#b9aba8; margin:0px 0 8px 0; line-height:1em; font-weight:normal;}

hr.bouton {background:#ddd; color:#ddd; clear:both; float:none; width:34%; height:.1em; margin:0 0 .6em 0; border:none; text-align:left;}
hr.boutonHs {background:#ddd; color:#ddd; clear:both; float:none; width:70%; height:.1em; margin:1em 0 1.2em 0; border:none;}

p {color:#8a8a8a; margin-bottom:5px; font-style:normal; }
.bold { font-weight:bold;}
.txtRight {text-align:right;}
.txtCenter {text-align:center;}

a { outline:none; text-decoration:none;}
a:hover { color:#ff0000; }

h2 a.blackOver:hover {color:#000;}

.grey {color:#766763; }
.lightgrey {color:#8a8a8a;}
.red {color:#ff0000;}
.darkRed {color:#C4122F;}
.black {color:#000000;}

.newsDate { font-size:0.8em; margin-bottom:5px;}
.main {background:#e6e6e6 url(img/bg-container.png) repeat-y top;}

#img30ans {position:absolute; top:-20px; left: 50%; margin-left: 400px;}

.marginTop { margin-top:7px;}
/* Navigation */
.navbar ul { margin:5px 0 5px 38px;}
.navbar ul li {display:inline; padding:0 5px 5px 5px; margin-bottom:5px;}
.navbar ul li a { text-decoration:none; font-weight:bold; color:#766763; letter-spacing:.07em;}
.navbar ul li a:hover {color:#C4122F;}


/* Accueil */
.homeRowsMargin { margin-right:10px; text-align:left;}
.homeRowsPaddingLeft5 { padding-left:5px;}
.homeBannerAbon {  /*border: solid 1px #e6e6e6;*/ background: url(img/couverture-abonnement.png) no-repeat right; height:90px; min-height:90px; margin-bottom:20px;}
.homeBannerLibr { /*background-color:#e6e6e6; border: solid 1px #e6e6e6;*/ height:20px; min-height:20px; margin-bottom:0px;}
.homeBannerAbon h3 a, .homeBannerLibr h3 a { color:#c4122f;}
.homeBannerAbon h3 a:hover, .homeBannerLibr h3 a:hover { color:#000;}
/* Bandeau */
.mainbandeau {
	/*background:#766763 url(img/bandeau-degra.png) repeat-x bottom;*/
	height:170px;
	min-height:170px;
	width:1090px;
	top:95px;
    margin-left:auto;
	margin-right:auto;
}
.carrecouleurCont {
	float:left;
	height:170px;
	min-height:170px;
	width:165px;
	}
.carrecouleurVar {
	height:170px;
	min-height:170px;
	width:165px;
	background:#09F url(img/bandeau-degra.png) repeat-x bottom;
	}
.carrecouleur {
	float:left;
	height:170px;
	min-height:170px;
	width:165px;
	background:#09F url(img/bandeau-degra.png) repeat-x bottom;
	}
.imgBandeau {
	float:left;
	width:540px;
	height:170px;
	min-height:170px;
	background-color:#766763;
	}
.imgBandeauSmall {
	float:left;
	width:305px;
	height:170px;
	min-height:170px;
	background-color:#766763;
	}
.imgBandeauTxt {
	position:absolute;
	z-index:9999;
	width:200px;
	text-align:right;
	color:#fff;
	top:5px;
	left:490px;
}

.bandeauNumText {position:absolute; top:5px; left:372px; z-index:100; color:#fff; text-align:right; width:150px;}



/*.sommaireChapitre
{ 
	font-weight:bold; margin-bottom:7px; color:#c4122f;
}*/


.rechBandeau { padding-left:15px;}
.rechBandeau h1{color:white; margin-top:20px;}
.detailMagazine {
	position:absolute;
	z-index:11;
	width:305px;
	color:#fff;
	top:125px;
	margin-left:0px;
}
.goToMagazine {
	position:absolute;
	z-index:13;
	width:250px;
	color:#fff;
	top:143px;

}
.detailMagazinePdfLigne, .detailMagazinePdf  {
	position:absolute;
	z-index:12;
	line-height:1em;
	width:100px;
	color:#fff;
	margin-left:200px;
	background-image:url(img/bt-orange.png);
	background-repeat:no-repeat;
	background-position:left 3px;
}
.detailMagazinePdf {
	top:135px;
	padding:0 0 0 25px;
}
.detailMagazinePdfLigne {
	top:137px;
	padding:6px 0 0 25px;
}
.detailMagazine span, .detailMagazinePdf span, .detailMagazinePdfLigne span { font-size:.9em;}
.spanPaddingTop { padding-top:6px; }

.imgBandeauTxtSmall {font-size:.8em;margin-top:1em;line-height:12px; text-align:right;}


#navBtBandeau { position:absolute; z-index:100; left:49px; top:18px; width:140px;}
.btBandeau { float:right; margin-left:10px; }

.textBandeau {
	float:left;
	width:305px;
	height:152px;
	min-height:152px;
	padding:18px 18px 0 18px;
	background:#766763 url(img/bg_bandeau.jpg) repeat-x bottom;
	}
.textBandeau h1 a, .textBandeau div a { color:#fff;	}
.textBandeau div p {color:#e6e6e6;}
/*.textBandeau div { background:none;}*/
.textBandeauBig {
	float:left;
	width:540px;
	height:152px;
	min-height:152px;
	padding:18px 18px 0 18px;
	background:#766763 url(img/bandeau-degra.png) repeat-x bottom;
	}
.textBandeauBig h1 { color:#fff;}
.textBandeau h1, .imgBandeauTxt h1 {
	color:#fff;
	margin-bottom:4px;
	margin-top:0px;
	font-size:1.8em;
	}
.textBandeau p {
	color:#fff;
	}
.bandeau {
	background:#e6e6e6 url(img/bg-container.png) repeat-y top;
	height:190px;
	min-height:190px;
}
.bgCover { background: url(img/bg-cover-280.gif) no-repeat left top;}
.bgCover img { margin-top:4px;}

/* ------------------------------------------------  Hors serie */
.contHorsSerie{ text-align:left;}
.hsLeft { float:left; width:125px; margin-right:25px; clear:both;}
.hsRight { float:left; width:125px;}
.imgHs { margin-bottom:5px;}
.hsTitle {font-size:1.2em; text-decoration:none; color:#766763;}
.hsTitle:hover { color:#000000}
.hsDetail { font-size:.8em; color:#000;}

/* ------------------------------------------------  Actualité */
.newsletterArchive ul { margin-left:13px; padding-left:0px}
.newsletterArchive ul li { font-size:.8em; color:#8a8a8a;}
.newsletterArchive ul li a { font-size:12px; color:#000;}
.newsletterArchive ul li a:hover { color:#C4122F; text-decoration:underline;}

/* ------------------------------------------------  Recherche */
.searchField { padding:3px; outline:none; line-height:20px; margin-bottom:10px; border:1px solid #bbbbbb; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.searchField { padding:0px; height:26px; font-size:12px; outline:none;margin-bottom:10px; }
}
.rechCoverGrille { float:left; width:120px; height:160px; margin:0 22px 20px 0;}
.cornerPdf {background: url(img/corner-pdf.png) no-repeat; position:absolute; z-index:10; width:55px; height:55px; margin:-3px 0 0 -3px;}
.searchResult h2 a { color:#766763; text-decoration:none;}
.searchResult h2:hover { color:#000000;}

.pagination { color:#766763; font-size:.8em; width:300px; margin-left:328px;}
.pagination a { margin:0 1px 0 1px; padding:0 3px 0 3px; background-color:#e6e6e6; text-decoration:none; color:#766763; border:1px solid #e6e6e6; }
.pagination a:hover { background-color:#766763; border:1px solid #766763; color:#fff; }

/* ------------------------------------------------  Tooltip */
div#vtip { display: none; position: absolute; text-align:left; height:70px; width:300px; left: 0px; font-size: 1em; background-color: #766763; color:#fff; z-index: 9999 }
div#vtip #vtipArrow { position: absolute; top: -15px; left: 75px; }
div#vtip #toolTipCouleur { position:absolute; top:0px; left:Opx; margin-left:0; height:70px; width:70px; }
div#vtip #toolTipText { padding:5px 0 5px 80px;}
div#vtip #toolTipDetail { position: absolute; top: 48px; left: 80px; font-size:.9em; color:#C2BCBB; }

/* ------------------------------------------------  Presentation Equipe Redaction */
.ulEquipe { margin-left:0px; padding:0;}
.ulEquipe li { margin-bottom:20px; padding-left:0px; list-style:none; color:#8a8a8a;}

.liensDiv p a { color:#000;}
.liensDiv p a:hover { color:#C4122F; text-decoration:underline;}



/* ------------------------------------------------  Bouton */
.bt-LireSuite { margin:8px 0 10px 0;}

a.btLireSuite, a.btMail, a.btLireSuiteBandeau, a.btSearchBandeau, a.btEraseBandeau, a.btSupprimer, a.btNext, a.btPdf {
	background-image:none;
	background-position:right;
	background-repeat:no-repeat;
	text-decoration:none;
	padding:4px 10px 4px 0;
	line-height:20px;
	color:#766763;
}
div.btLireSuite, div.btMail, div.btLireSuiteBandeau, div.btSearchBandeau, div.btEraseBandeau, div.btSupprimer, div.btNext, div.btPdf {
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
	padding:4px 0px 3px 25px;
	display:inline;
	font-size:11px;
	line-height:20px;	
}
/* ------------ Safari chrome hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
div.btLireSuite, div.btMail, div.btLireSuiteBandeau, div.btSearchBandeau, div.btEraseBandeau, div.btSupprimer, div.btNext, div.btPdf{
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
	padding:4px 0px 4px 25px;
	display:inline;
	font-size:11px;
	line-height:20px;	
}
}

/* */
div.btLireSuite { background-image:url(img/bt-bg-plus.png); }
div.btLireSuite:hover { color:#C4122F; }
a.btLireSuite:hover {background-image:url(img/bt-bg-gris.gif);}
/* */
div.btSupprimer { background-image:url(img/bt-gris-crois.png); }
div.btSupprimer:hover { color:#C4122F; }
a.btSupprimer:hover {background-image:url(img/bt-bg-gris.gif);}
/* */
div.btNext { background-image:url(img/bt-right-dark.png); }
div.btNext:hover { color:#C4122F; }
a.btNext:hover {background-image:url(img/bt-bg-gris.gif);}
/* */
div.btMail { background-image:url(img/bt-bg-mail.png); }
div.btMail:hover { color:#C4122F; }
a.btMail:hover {background-image:url(img/bt-bg-gris.gif);}
/* */
div.btPdf { background-image:url(img/bt-pdf.png); }
div.btPdf:hover { color:#C4122F; }
a.btPdf:hover {background-image:url(img/bt-bg-gris.gif);}
/* */
div.btCommande {
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
	padding:4px 0px 3px 25px;
	display:inline;
	font-size:11px;
	line-height:1em;
	color:#fff;
}

a.btCommande {
	background-image:none;
	background-position:right;
	background-repeat:no-repeat;
	text-decoration:none;
	padding:2px 10px 3px 0;
	color:#fff;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
div.btCommande {
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
	padding:5px 0px 5px 25px;
	display:inline;
	font-size:11px;
	line-height:20px;	
}
}
div.btCommande { background-image:url(img/bt-bg-plus.png); }
div.btCommande:hover { color:#C4122F; }
a.btCommande {background-image:url(img/bt-bg-neg-gris.png);}
/*a.btCommande:hover {background-image:url(img/bt-bg-gris.gif);}

 */
div.btLireSuiteBandeau { background-image:url(img/bt-bg-plus-bandeau.png); color:#fff; }
div.btLireSuiteBandeau:hover { color:#C4122F; }
a.btLireSuiteBandeau:hover {background-image:url(img/bt-bg-gris.png);color:#000;}
/* */
div.btSearchBandeau { background-image:url(img/bt-bg-search-bandeau.png); color:#fff; }
div.btSearchBandeau:hover { color:#C4122F; }
a.btSearchBandeau:hover {background-image:url(img/bt-bg-gris.png);color:#000;}
/* */
div.btEraseBandeau { background-image:url(img/bt-bg-croix-bandeau.png); color:#fff; }
div.btEraseBandeau:hover { color:#C4122F; }
a.btEraseBandeau:hover {background-image:url(img/bt-bg-gris.png);color:#000;}
/* */

/* ------------------------------------------------  Panier Slide Panel */
#panel {
	background:#cccccc url(img/bg-container.png) repeat-y center;
	height: 175px;
	display: none;
	border-bottom:4px solid #f7a800;
	

}
.slideCart {
	margin: 0;
	padding: 0;
	background-color:#f7a800;
}
.btn-slide {
	background: url(img/white-arrow.gif) no-repeat 5px -55px;
	text-align: left;
	height: 20px;
	padding: 0px 0px 0 20px;
	margin: 0 auto;
	display: block;
	color: #fff;
	text-decoration: none;
}
.btn-slide:hover {
	color: #OOO;
}
.active {
	background-position: 5px 5px;
}
/* ---------------------------------- Magazine */
ul#portfolio {
	margin:0;
}
ul#portfolio li{
	list-style:none;
	margin:0;
}
#backToList {text-align:right; margin-top:55px;}
#backToList a {font-size:.8em;margin-bottom:1.875em;line-height:1.0em; text-decoration:none; outline:none; color:#8a8a8a;}
#backToList a:hover {font-size:.8em;margin-bottom:1.875em;line-height:1.0em; text-decoration:none; color:#ff0000;}

/* Tabs */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {padding: .0em .0em 0; margin:0; }
/*.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0em .5em -1px 0; padding: 0; white-space: nowrap; }*/
.ui-tabs .ui-tabs-nav li {  position: relative; float: left; list-style: none; top: 1px; margin: 0 .5em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { color:#766763; float: left; text-decoration: none; padding: .3em 1em; }
.ui-tabs .ui-tabs-nav li h1 { font-size:1.5em;}
.ui-tabs .ui-tabs-nav li h1 a { color:#766763; outline:none; }
.ui-tabs .ui-tabs-nav li h1 a:hover{ color:#ff0000; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 1px; }
/*.ui-tabs .ui-tabs-nav li.ui-tabs-selected h1 a { color:#b7aca9; outline:none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected h1 a:hover { color:#ff0000; }*/
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1.8em 0em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* Component containers
----------------------------------*/

.ui-widget-content { border: 0px solid #aaaaaa; background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222;  }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #000000; background: #fff url(img/pixel-bab3b1.gif) 50% bottom repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/

.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #dadada; background-color:#e6e6e6; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #dadada; background-color:#dadada; font-weight: normal; color:#212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #bab3b1; font-weight: normal; color: #212121; background-color:#fff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

.commande li.tabUn {background-image: url(img/bt-blanc-1.png); background-position:6px 50%; background-repeat:no-repeat; width:270px;}
.commande li.tabDeux {background-image: url(img/bt-blanc-2.png); background-position:6px 50%; background-repeat:no-repeat; width:270px;}
.commande li.tabTrois {background-image: url(img/bt-blanc-3.png); background-position:6px 50%; background-repeat:no-repeat; width:270px;}
.commande .ui-state-default { border: 1px solid #ffffff; background-color: #e6e6e6; }
.commande li h1 { font-size:1.5em; padding-left:15px; color:#ffffff;}
.commande .ui-state-hover, .commande .ui-state-focus {background-color: #dadada; border:1px solid white;}
.commande .ui-state-active { border: 1px solid #fff; background-color: #ffc900; }



/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; }



/* ------------------------------------------------------ Commandes et Abonnement */
/*.boxEtapesOn {padding:0.6em 3em;;margin:1em 1em 1em 0em;background:#ffc900 url(img/bt-blanc.png) no-repeat 6px 6px; color:#fff; font-weight:bold; }
.boxEtapesOff {padding:0.6em 3em;margin:1em 1em 1em 0em;background:#e6e6e6 url(img/bt-blanc.png) no-repeat 6px 6px; color:#8a8a8a;}
.boxEtapesLigne { position:absolute; height:3px; min-height:3px; width:825px; background-color:#ffc900; margin-top:41px; margin-left:5px; z-index:7;}*/
.commLabel { margin:0; padding:0;}
.commInput { width:90%; padding:3px;}
.commTxtArea {width:95%; padding:3px;}
.tableHeader {background-color:#e6e6e6; color:#8a8a8a; }
.tableRow { border-bottom:1px solid #e6e6e6; background:#fff url(img/pixel-e6e6e6.gif) repeat-x bottom;}
.tableRow td { color:#8a8a8a;}
.dropDownTitre { width:405px; margin-right:5px;}

/* -------------------------------------------------------- Footer */
.footerTitle {color:#aea6a4;}
.footer{ background:#e6e6e6 url(img/bg-footer.png) no-repeat top; padding-top:15px;}
.footerNav {margin-left:0;}
.footerNav li { list-style-type:none; }
.footerNav li a{ text-decoration:none; color:#8a8a8a;}
.footerNav li a:hover{color:#000;}

.greylink {text-decoration:none; color:#8a8a8a;}
.greylink:hover {color:#000;}

/* -------------------------------------------------------- back to top */
#backToTop a {
	/* display: block before hiding */
	display: block;
	display: none;
	/* link is above all other elements */
	z-index: 999; 
	/* link doesn't hide text behind it */
	opacity: .8;
	/* link stays at same place on page */
	position: fixed;
	/* link goes at the bottom of the page */
	top: 100%;
	margin-top: -246px; /* = height + preferred bottom margin */
	/* link is centered */
	left: 50%;
	margin-left: -466px; /* = half of width */
	/* make it big and easy to see (size, style to preferences) */
	width: 60px;
	line-height: 1em;
	font-size:.8em;
	text-align: right;
	text-decoration:none;
	color:#8a8a8a;
}
#backToTop a:hover { color:#ff0000;}