/* @override http://www.libre-cours.org/default.css */

/* @override http://www.libre-cours.org/default.css */

/* @override 
	http://www.libre-cours.org/default.css
	http://www.libre-cours.org/blog/default.css
*/

/*

	zenlike1.0 by nodethirtythree design
	http://www.nodethirtythree.com

*/

*
{
padding: 0em;
margin: 0em;
}

body
{
background: rgb(243, 243, 243);
padding: 5px 0px 0px;
}

body,input
{
font-size: 10pt;
font-family: Arial, Helvetica, Geneva, sans-serif;
}

p
{
line-height: 1.5em;
margin-bottom: 1.0em;
text-align: justify;
}

a
{
color: rgb(105, 4, 82);
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}


h3 span
{
font-weight: normal;
}

h3,h4
{
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-position: right;
	color: rgb(105, 4, 82);
}

h3
{
font-size: 1.4em;
padding-right: 34px;
background-image: url('images/db1.gif');
}

h4
{
font-size: 1.2em;
padding-right: 28px;
background-image: url('images/db2.gif');
}

h5 {
margin-top: 10px;
font-size: 1em;
}

ul
{
list-style: none;
}

.contentarea
{
padding-top: 1.3em;
}

img
{
border: solid 1px #73ae3f;
}



img.left
{
position: relative;
float: left;
margin: 1em 1.8em 1.4em 0em;
}

img.right
{
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
}

img.none, .savoir-plus img {
	border-style: none;
}

.divider1
{
position: relative;
background: #fff url('images/border2.gif') repeat-x;
height: 14px;
margin: 2.0em 0em 1.5em 0em;
clear: both;
}

.divider2
{
position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
margin: 2.0em 0em 2.0em 0em;
	clear: none;
}

div.post {
	clear: left;
}

.divider3
{
position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
	margin: 0;
	clear: both;
}

.padding-bottom {
	margin-bottom: 40px;
}

.clear { clear: both; }



.post .details
{
position: relative;
top: -1.5em;
font-size: 0.8em;
color: #787878;
}

.post ul.controls
{
clear: both;
}

.post ul.controls li
{
display: inline;
font-size: 0.8em;
}

.post ul.controls li a
{
background-repeat: no-repeat;
background-position: left;
padding: 0em 1.0em 0em 20px;
}

.post ul.controls li a.printerfriendly
{
background-image: url('images/icon-printerfriendly.gif');
}

.post ul.controls li a.comments
{
background-image: url('images/icon-comments.gif');
}

.post ul.controls li a.more
{
background-image: url('images/icon-more.gif');
}

.post ul.star li {
	padding: 0 0 0 20px;
	margin: 0 0 20px;
	background: no-repeat left top url(images/star.gif);
	line-height: 1.2em;
}

.box
{
position: relative;
background: rgb(241,253,231) url(images/boxbg.gif) repeat-x;
left: -1.5em;
padding: 1.5em;
border-bottom: solid 1px rgb(205, 228, 240);
margin-bottom: 1.0em;
margin-top: 1em;
}

#noel.box {
	background: url(images/box-coupcoeur-bg.gif) no-repeat 0 bottom;
padding: 0em;
border-bottom: 0px;
margin-bottom: 0em;
margin-top: 0em;	
	}
#noel.box h2 {
	margin: 0;
	background: transparent url(images/box-coupcoeur-top.gif) no-repeat center top;
	text-align: center;
	padding: 20px 20px 5px;
}

#noel.box img {
	margin-left: 20px;
}

#noel.box p {
	margin: 0 20px 2em;
	text-align: center;
	line-height: 1.2em;
	padding-bottom: 1em;
}



ul.linklist li
{
line-height: 2.0em;
}

ul.linklist li a.menu-on
{
	font-weight: bold;
	text-decoration: none;
	color: rgb(105, 4, 82);
}

#upbg
{
position: absolute;
top: 0px;
left: 0px;
width: 800px;
height: 589px;
background: #fff url(images/sky.jpg) no-repeat;
z-index: 1;
}

#downbg
{
background: url(images/logo.gif) no-repeat fixed left bottom;
	padding-bottom: 35px;
}

#outer
{
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 790px;
border: 1px solid #b36ea3;
background-color: #fff;
margin: 0 auto 20px;
	padding: 7px;
	color: rgb(18,5,9);
}

#toptabs{
font-size:0.8em;
width: 790px;
	z-index: 1;
	height: 15px;
	margin: 0 auto;
}

* html #toptabs{
	margin: 0 auto -10px;
}

#toptabs p{
text-align:right;
color:#ccccc;
}

.toptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
background:#73ae3f url(images/corner2.gif) top right no-repeat;
color:#fff;
border-bottom:1px solid #e0e0e0;
}

.toptab:hover{
background:#fafafa url(images/corner2.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#505050;
text-decoration:none;
}

.activetoptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
color:#505050;
text-decoration:none;
background:#2492eb url(images/corner2.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

.activetoptab:hover{
text-decoration:none;
}


#header
{
position: relative;
width: 100%;
height: 6.0em;
background: rgb(105, 4, 82) url(images/ete/deco.gif) no-repeat right;
margin-bottom: 2px;
}

#headercontent
{
bottom: 0em;
width: 450px;
	padding: 1em 0 0 2.0em;
}

#headercontent h1
{
font-weight: normal;
color: rgb(178, 243, 121);
font-size: 2.5em;
	padding-top: 1px;
}

#headercontent h1 span
{
color: rgb(255, 255, 255);
font-size: 0.7em;
}

#headerpromo
{
	margin-left: 570px;
	display: block;
	width: 200px;
	height: 50px;
}

#headerpromo span
{

}


#headercontent h2
{
font-size: 1.0em;
font-weight: normal;
color: rgb(255,255,255);
}

#search
{
position: absolute;
right: 0.5em;
	top: 0.5em;
}

#search img
{
border: 0px;
}

#headerpic
{
position: relative;
height: 158px;
background: rgb(157, 216, 246);
margin-bottom: 2px;
}

#menu
{
position: relative;
background: rgb(105, 4, 82);
height: 3.5em;
padding: 0em 1.0em 0em 1.0em;
margin-bottom: 2px;
}

#menu ul
{
position: absolute;
top: 1.1em;
}

#menu ul li
{
position: relative;
display: inline;
}

#menu ul li a
{
padding: 0.5em 1.0em 0.9em 1.0em;
color: #fff;
text-decoration: none;
}

#menu ul li a:hover
{
text-decoration: underline;
}

#menu ul li.current_page_item a
{
background: rgb(59, 56, 54) url('images/ete/menuactive.gif') repeat-x top left;
	font-weight: bold;
}

#menubottom
{
background: #fff url('images/border1.gif') repeat-x;
height: 14px;
margin-bottom: 0.5em;
}

#content
{
padding: 0em 2.0em 0em 2.0em;
}

#primarycontainer
{
float: left;
margin-right: -18.0em;
width: 100%;
}

#primarycontent
{
margin: 1.5em 22.0em 0em 0em;
}

#secondarycontent
{
float: right;
width: 18.0em;
}

#secondarycontent img
{
border: 0px;
}

#footer
{
position: relative;
height: 2.0em;
clear: both;
padding-top: 5.0em;
background: #fff url('images/border2.gif') repeat-x 0em 2.5em;
font-size: 0.8em;
_width: 788px;
_margin-right: auto;
_margin-left: auto;
}

#footer .left
{
position: absolute;
left: 2.0em;
bottom: 1.2em;
}

#footer .right
{
position: absolute;
right: 2.0em;
bottom: 1.2em;
}

#map

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


/* boutons */

.bouton-boutique { 
padding-top: 0px; padding-right: 0px; width: 130px; margin-top: 10px;
}

.bouton-boutique span {
display: none;
}

.bouton-boutique em {display:block; width:130px; height:60px; background:url('geode.gif') no-repeat 0 0 ;}
.bouton-boutique a:hover em {background:url('geode.gif') no-repeat 0 -60px ;}

.bouton-info a, .bouton-panier a, .bouton-commande a, .bouton-acces a, .bouton-meteo a  { border-bottom: medium none ! important; background: transparent url('images/bouton-info.gif') no-repeat; display: inline-block; width: 120px; line-height: 28px; color: rgb(255,255,255); font-weight: normal; font-size: 1em; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-decoration:none; margin-left: 10px;
text-align: center;
padding: 5px 100px 10px 28px !important;
padding: 0px 100px 10px 28px;
}
.bouton-panier a { background: transparent url(images/bouton-panier.gif) no-repeat; width: 50px; padding: 5px 50px 10px 40px !important;
padding: 0px 60px 10px 40px;
}

.bouton-commande a { background: transparent url(images/bouton-commander.gif) no-repeat; width: 90px; padding: 5px 50px 10px 40px !important;
padding: 0px 60px 10px 30px;
}
.bouton-meteo a { background: transparent url(images/bouton-meteo.gif) no-repeat; width: 130px; padding: 5px 100px 10px 40px !important;
padding: 0px 100px 10px 30px;
}
.bouton-acces a { background: transparent url(images/bouton-acces.gif) no-repeat; width: 130px; padding: 5px 100px 10px 40px !important;
padding: 0px 100px 10px 40px;
}


.bouton-info a:hover { color: rgb(255, 255, 255) ! important; text-decoration: underline;
}

/* Flash intro */

.intro-flash{
width: 720px;
}

.intro-flash .floatbox{
float: left;
width: 310px;
}

* html .somediv p{ /* IE 3px jog hack*/
height: 1%;
}

.intro-flash p{
margin-top: 5px;
margin-left: 310px;
}

.intro-flash h4{
padding-right: 0px;
background-image: none;
}

/* Diaporama */


		#slideshow {
			position:relative;
			width:500px;
			height:400px;
			background:#b8ce83;
			border:1px solid #000;
	margin-bottom: 20px;
	margin-left: 100px;
}

		.slideimg {
			position:absolute;
			top:10px;
			left:10px;
			padding:0px;
			background:#b8ce83;
		}

		.slideimg img {
			width:480px;
			height:350px;
			background:#fff;
			border:0px;
		}

		.slidemore {
			position:absolute;
			top:370px;
			left:5px;
	margin-left: 10px;
}


/* Boutique */

body#boutique
{
	background: rgb(243, 243, 243) url(images/bg.jpg) repeat-x center top;
}

#annonce-haut{
	width:700px;
	margin: 2px auto 20px;
    padding:0 0 5px 0;
	text-align:left;
	padding-left: 20px;
    line-height: 1.2em;
	font-size: 0.9em;
}

#small{
background: url(images/visa.gif) no-repeat;
padding-left: 25px;
	color: rgb(255,255,255);
}

#annonce-haut a:link, #annonce-haut a:visited{
	color: white;
}

#annonce-haut a:hover, #annonce-haut a:active{
	color:#cccccc;
}


#boutique ul.linklist li { line-height: 2em;
	padding-left: 10px;
	text-decoration: none;
}

a.sous-menu, a.TXT {
	text-decoration: none;
}

.titre-groupe {
	margin-top: 20px;
	color: #040404;
	font-weight: bold;
}

.titre-groupe a.TXT {
	color: #060606;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}

.titre-rubrique{
	color: #080808;
	font-weight: bold;
	font-size: 1.5em;
}

.description{
	text-align: left;
	font-size: 0.9em;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 1.5em;
}

.designation{
	color: rgb(105, 4, 82);
	font-size: 1.3em;
}

.prix {
	font-weight: bold;
	text-align: center;
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	line-height: 2em;
	font-size: 1.2em;
}


.lien-retour img, .prix img
{
border: none;
}

tr.ligne-panier { background: rgb(235, 235, 235) none repeat;
	text-align: center;
}

tr.total-panier { text-align: center;
	font-size: 1.5em;
	line-height: 2em;
}

table { width: 100%; margin-top: 20px;
	margin-bottom: 10px;
}

table p {
	text-align: center;
}

input.BOUT, input.ajout-panier, input.BOUT2 { background: rgb(115, 174, 63); vertical-align: middle; text-align: center; color: rgb(255, 255, 255); cursor: pointer;
border: 1px solid rgb(115, 174, 63);
font: 11px Verdana, sans-serif;
margin-left: 50px;
}

input.ajout-panier {
margin-left: 0px;
	padding: 5px;
}

input.BOUT2 { 
margin-left: 120px;
}



input.BOUT:hover, input.BOUT2:hover, input.ajout-panier:hover { background-image: none;
	background-color: rgb(105, 4, 82);
}
input.BOUT:active, input.BOUT2:active, input.ajout-panier:active{ background-image: url('images/buttonbg.gif'); }

.cssform {
width: 450px;
}

.center {
	width: 350px;
	margin-right: auto;
	margin-left: auto;
}

*:first-child+html {} * center {
	width: 400px;
}


#Flash {
  text-align: left;
  border: 1px solid #ccc;
  font-size: 14px;
  padding: 5px 5px 5px 30px;
	margin: 10px 150px 30px;
}

div#Flash.good {
  border-color: #9c9;
  color: #060;
  background: url(images/alertgood_icon.gif) #E2F9E3 left no-repeat;
}

div#Flash.bad {
  border-color: #c99;
  color: #fff;
  background: #c00 url(images/alertbad_icon.gif) no-repeat 5px;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

fieldset {padding-left:5px}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}



blockquote {
padding:.5em;
padding-left:5em;
background-color: #F1F1F1;
background-position:left top;
background-repeat:no-repeat;
border-top:1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
width: 100%;
margin: 5em 1em 1em;
}



.BOUTON {
	margin-right: auto;
	margin-left: auto;
	width: 400px;
}

blockquote.warning {
background-image: url(images/warning.gif);
}

blockquote.info {
background-image: url(images/info.gif);
padding-left:3em;
width: 650px;
}


.solde {
	color: rgb(106, 102, 99);
	text-decoration: line-through;
}

.latest { margin: 0pt 0pt 20px; padding: 0pt; }
.latest .time { margin: 0pt 10px 0pt 0pt; padding: 6px 0pt; background: transparent url('images/date_bg.gif') no-repeat scroll left top; float: left; text-align: center; width: 45px; }
.latest .time .month { margin: 0pt; padding: 0pt; text-transform: uppercase; font-size: 75%; color: rgb(160, 160, 160); letter-spacing: 1px; }
.latest .time .day { margin: 1px 0pt 0pt; padding: 0pt; font-size: 140%; color: rgb(105, 4, 82); }
.latest h1.newstitle { margin: 0pt; padding: 6px 0pt 0pt; font-size: 95%; font-weight: normal; }
.latest h1.newstitle a { margin: 0pt; padding: 0pt; text-decoration: none; color: #0a0a0a; }
.latest h1.newstitle a:hover { color: #0c0c0c; text-decoration: underline; }
.latest h1.newstitle a strong, .latest h1.newstitle a:hover { color: rgb(105, 4, 82); text-decoration: none }

ul.entrynav, ul.entrynav li { padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside;
	margin: 0;
}
ul.entrynav { float: left; width: 100%; text-align: center; }
ul.entrynav li { float: left; margin-right: 10px;
	padding-left: 0;
}
ul.entrynav a { background: transparent url('images/bouton-panier.gif') no-repeat 5px 4px; display: block; width: 130px; height: 35px; line-height: 35px; text-decoration: none; color: rgb(248, 246, 225);
	padding-left: 0;
}

ul.entrynav a:hover, ul.entrynav li { background: transparent url('images/bouton-panier.gif') no-repeat 5px 4px; color: rgb(255, 255, 255); }

ul.entrynav li#commande a { background: transparent url('images/bouton-commander.gif') no-repeat 5px 4px; width: 130px;
	padding-left: 15px;
}

.document li {
background: url(images/page.png) left center no-repeat;
padding-left: 20px;
margin-bottom: 10px;
	line-height: 2em;
}

.document li.pdf {
background-image: url(images/page-acrobat.png);
}