#contenu h1{font-size:1em; color:#000;}
#contenu .td_produit p{margin-top:0pt;}

.move a{line-height:1.6em;background:transparent url(/img/puce.jpg) no-repeat 0% 50%; padding:3px 0 3px 10px;}
.move a:hover{background:transparent url(/img/puce2.jpg) no-repeat 0% 50%; padding-left:25px;text-decoration:none;font-style:italic;}
.produit_move a{line-height:1.6em;padding:3px 0 3px 0;}
.produit_move a:hover{background:transparent url(/img/couvs.jpg) no-repeat 0% 50%; padding-left:21px;text-decoration:none;font-style:italic;}
.td_produit{padding-top:15px;}
.panier:hover{
	background : #fff;
	opacity : .6;
	filter : alpha(opacity=60);

/* pour IE 6 */
	height : 1px;
}
/* pour les autres navigateurs */
* > .panier:hover {
	height: auto;
}
/* pour IE 7 */
*+html .panier:hover {
	min-height : 1px;
}
.panier {
	float : left;
	margin-bottom:10px;
}


#libraires td{padding:5px 0pt;}
.movie {
				width: 100%;
				height: 100%;
			}
			div.movie {
				width: 720px;
				height: 500px;
				text-align: center;
			}
			
			

#centrer{text-align:center;}


h1, h2, h3, h4, h5, h6{color:#444;}
/* example_3 css */
#example_3 {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 780px; /* important */
	height: 137px; /* important */
	margin: 0 10px;
	background: #333;
}

#example_3_frame {position: relative;cursor: pointer;}
#example_3_previous {float: left;position:absolute;}
#example_3_next {float: right;position:absolute;left:760px;}
#example_3_content {
	position: absolute;
	top: 0;
	margin-left: 20px;
}

#example_3_content
#example_3_content li {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#example_3_content {
		width: 5418px;
	}
	#container_bd #example_3 ul li {
		display: block;
		float: left;
		margin: 4px 6px 5px;
		background-color: #333;
		height:127px;
		width:80px;
		position:relative;
	}

#container_bd #example_3 ul li img {
	display: block;
	position:absolute;
	bottom:0;
}
#container_bd {
	clear:both;
}
			
/* 
 * Copyright (c) 2007 Copyright (c) Octolys Development
 * Ce template a �t� r�alis� par http://www.scopika.com & http://www.fredodo.com
 * Il est soumis � la licence GPL
 */

/* Ce fichier d�finit le style visuel pour les diff�rents �l�ments des pages.
 * Dans l'ordre, vous trouverez les r�gles qui d�finissent l'apparence pour:
 * - El�ments HTML en g�n�ral
 * - Page
 * - Ent�te
 * - Chemin
 * - Produit petit & grand
 * - Pied de page
 * - Menu g�n�ral
 * - Signature
 * - Nombre de pages
 * - les styles particuliers pour les pages int�rieures
 */


/* El�ments HTML en g�n�ral
-------------------------------------------------------- */
html {font-size: 100%;}
body {
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #E6E5D0;
	font-size: 0.8em;
}
mark
{
    /* La couleur de fond est prioritaire à celle de toute la page */
    background-color: #333333;
}
h1, h2, h3{
	font-family: "Trebuchet MS", sans-serif;
}

h1{
	font-size: 1.6em;
	margin: 0;
	padding: 0;
}
h2{
	font-size: 1.5em;
	padding: 0;
	margin:0pt 0pt 10px;
}
h3{
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

a {
	color: #666;
	text-decoration: none;
}


a:hover {
	text-decoration: underline;
	color: #333;
}

img {
	border: 0
}
.presse p{margin:2px 0;}
/*index----------------------------------------------*/

.accueil_calendrier{
	height:142px;
	padding:0 10px;
	margin-right:5px;
	text-align:center;
	width:390px;
}
.accueil_calendrier h2{
	color:#FFFFFF;
	font-size:13px;
}

.accueil_calendrier a{
	color:#333;
	text-decoration:none;
}

/*recherche______________________________________________*/
.contenu_recherche{
	margin-left:auto;
	margin-right:auto;
	width:760px;
	background:#333 url(img/grand_logo.jpg) no-repeat scroll right top;
	padding:10px;
}
.contenu_recherche a{
	text-decoration:none;
	color:#aaa;
	padding:7px 0pt 5px;
}

.contenu_recherche .recherche_titre {
	font-size:17px;
	color:#fff;
}
.recherche{
	margin:0;
	padding:6px 0 1px 0;
}

.contenu_recherche a:hover{
	padding-left:15px;
	font-style: italic;
}

.rech{color:#fff;}
.rech:hover{color:#666;text-decoration:none;}

/* Page
-------------------------------------------------------- */

.form td{
	text-align: left;
	}
	
#wrapper {
	width: 800px;
	text-align: justify;
	overflow: visible;
	position: relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	margin-top:15px;
}

#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 800px;
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
}

#content {
	padding: 0;
	clear: both;
	margin: 0;
}

#contenu {
	padding: 15px;
}

.titrePage {
	color: #333;
	text-align: left;
	font-weight: bold;
	width: 750px;
	padding-top: 10px;
	padding-bottom: 5px;
}

.sousTitrePage {
	color: #333;
	text-align: left;
	font-weight: bold;
	width: 750px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.textePage {
	color: #141414;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.separation {
	height: 1px;
	width: 775px;
	background-color: #7f8eb9;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow:hidden;
	zoom:1;
}




/* Ent�te
-------------------------------------------------------- */

#entete {
	float: left;
	background-color: #fff;
	width: 800px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	color: #333;
}

.logo {
	float: left;
	width: 450px;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

.logo h1 {
	color: #333;
	font-size: 30px;
	margin:12pt;
}
.logo h1 a{
	text-decoration:none;
}

.logo img {
	float: left;
	margin-right:12px;
}

#monCompte {
	margin-right:11px;
	padding-left:10px;
	padding-bottom:3px;
	width:283px;
}


.formMonCompte {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
}

.blocMonCompte {
	float: left;
	padding:0;
	margin: 0;
}

.champFormMonCompte {
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	color: #333;
	background-color: #fff;
	border: 1px solid #333;
	overflow: hidden;
	zoom: 1;
}

.menuMonCompte {
	float: left;
	color: #333
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 100%;
	padding: 0;
}

#monPanier {
	padding-top:5px;
	float: left;
	width: 100%;
	margin: 0;
}

.boutonMonCompteEntete {	
	float: left;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.boutonMonCompteEntete input {
	color:#000;
	background-color:#E6E5D0;
	font-size:0.9em;
	border: 1px solid #000000;
	width:5em;
	text-align:center;
	padding:0pt;
}

.boutonMonCompteEntete input:hover {
	background-color:#333;
	color:#E6E5D0;
}

a.LIEN_entete:link {
	font-size: 0.8em;
	color: #333
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_entete:visited {
	font-size: 0.8em;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_entete:hover {
	font-size: 0.8em;
	color: #333;
	text-decoration: underline;
	font-weight: bold;
}


/* Chemin
-------------------------------------------------------- */

#chemin {
	float: left;
	width:800px;
	color: #333;
	font-size: 0.9em;
	font-weight: bold;
	background-color: #0066CC;
	margin: 0;
	padding: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

a.LIEN_chemin:link {
	color: #333;
	text-decoration: none;
}

a.LIEN_chemin:visited {
	color: #333;
	text-decoration: none;
}

a.LIEN_chemin:hover {
	color: #333;
	text-decoration: underline;
}

/*catalogue-----------------------------------------------*/

.catalogue_img {
	margin-left:auto;
	margin-right:auto;
	width:772px;
}

.aleatoire {
	margin-left:auto;
	margin-right:auto;
	width:770px;
- � finaliser (avec anim sur fonds noir) ;
}

.presse {
	padding: 0 14px 15px 15px;
	width:330px;
}
/* Produit petit & grand
-------------------------------------------------------- */

.ListeProduitsPetits {
	float: left;
	width: 780px;
	margin: 0 0 15px 0;
	padding: 0;
}

.produitPetit {
	float: left;
	width: 156px;
	height: 238px;
	margin: 0;
	padding: 0;
	background: transparent url(img/img_fond_petit.jpg) no-repeat top left;
}

.produitPetit2 {
	float: left;
	width: 156px;
	height: 238px;
	margin: 0;
	padding: 0;
	
}

.contourImage {
	border: none;
	margin-bottom: 5px;
	float: left;
}

.ImageProduit {
	border: none;
	margin: 0px 10px;
	float:left;
	margin:0;
}

.titreProduit {
	color: #333;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

.chapoProduit {
	color: #333;
	text-align: justify;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 5px;
	width: 100%;
}



.prixProduit {
	color: #333;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
}

.ficheProduit {
	float:left;
	width: 470px;
	margin-left: 10px;
}


a.LIEN_commander:link {
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_commander:visited {
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_commander:hover {
	text-decoration: underline;
	font-weight: bold;
}

/* Nombre de pages
-------------------------------------------------------- */

#pages {
	float: left;
	width: 730px;
	text-align: right;
	font-size: 0.9em;
	padding-top: 20px;
	margin: 0;
	padding-bottom: 10px;
	color: #333;
}

a.LIEN_pages:link {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:visited {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:hover {
	color: #333;
	text-decoration: underline;
	font-weight: bold;
}


/* Pied de page
-------------------------------------------------------- */

#footer{
}

a.LIEN_footer:link {
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_footer:visited {
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_footer:hover {
	color: #0066CC;
	text-decoration: underline;
	font-weight: bold;
}

/* Divers �l�ments de formulaires & tableaux
-------------------------------------------------------- */


.enteteTableau {
	color: #333;
	font-weight: bold;
	background-color: #C0C0C0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.ligneTableau {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0C0C0;
	font-size: 0.9em;
}

.footerTableau {
	color: #333;
	font-weight: bold;
	background-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.inputVotreCompteContenu {
	font-weight: bold;
	width: 410px;
	text-align: right;
}
.boutonMonCompteContenu {
	font-weight: bold;
	width: 765px;
	text-align: right;
	margin: 10px;
}

.zoneDeSaisie {
	color: #333;
	font-weight: bold;
	font-size: 0.9em;
	width:200px;
}

.obligatoire {
	color: #FF0000;
}

.commentaires {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #333;
}

/* Menu principal
-------------------------------------------------------- */

#menu-principal {
list-style-type: none;
width: 780px; /* pr�cision pour Opera */
margin-left:auto;
margin-right:auto;

}

#menu-principal ul {
height:18px;
}
#menu-principal li {
float: left;
}

#menu-principal a {
float: left;
margin: 0px;
padding:0px;
text-align: center;
text-decoration: none;
padding:0px;
line-height:18px;
display:block;
height:18px;

}


#menu-principal a:hover { 
	background-position:right top;
}

#menu-principal .accueil { 
	background: transparent url(img/menu-principal/accueil.jpg) no-repeat top left;
	padding-left:89px;
}

#menu-principal .qui { 
	background: transparent url(img/menu-principal/qui.jpg) no-repeat top left;
	padding-left:163px;
}

#menu-principal .catalogue { 
	background: transparent url(img/menu-principal/catalogue.jpg) no-repeat top left;
	padding-left:104px;
}

#menu-principal .evenements { 
	background: transparent url(img/menu-principal/evenements.jpg) no-repeat top left;
	padding-left:112px;
}

#menu-principal .contacts { 
	background: transparent url(img/menu-principal/contacts.jpg) no-repeat top left;
	padding-left:96px;
}

#menu-principal .boutique { 
	background: transparent url(img/menu-principal/boutique.jpg) no-repeat top left;
	padding-left:111px;
}

#menu-principal .libraires { 
	background: transparent url(img/menu-principal/librairies.jpg) no-repeat top left;
	padding-left:105px;
}
/* Menu g�n�ral
-------------------------------------------------------- */

#menu {
list-style-type: none;
width: 780px; /* pr�cision pour Opera */
margin-left:auto;
margin-right:auto;

}

#menu ul {
height:18px;
}
#menu li {
float: left;
}

#menu a {
float: left;
margin: 0px;
padding:0px;
text-align: center;
text-decoration: none;
padding:0px;
line-height:18px;
display:block;
height:18px;

}


#menu a:hover { 
	background-position:right top;
}

#menu .accueil { 
	background: transparent url(img/menu/accueil.jpg) no-repeat top left;
	padding-left:100px;
}

#menu .qui { 
	background: transparent url(img/menu/qui.jpg) no-repeat top left;
	padding-left:180px;
}

#menu .catalogue { 
	background: transparent url(img/menu/catalogue.jpg) no-repeat top left;
	padding-left:130px;
}

#menu .calendrier { 
	background: transparent url(img/menu/calendrier.jpg) no-repeat top left;
	padding-left:130px;
}

#menu .contacts { 
	background: transparent url(img/menu/contact.jpg) no-repeat top left;
	padding-left:120px;
}

#menu .libraires { 
	background: transparent url(img/menu/libraires.jpg) no-repeat top left;
	padding-left:120px;
}


#menu-aide /* Propri�t�s qui s'appliquent au cadre en g�n�ral */
{
padding:0;
color:#fff;
width: 230px;
background-color: #555;
}
#menu-aide div.center {font-size:1.5em;}
div.center {text-align:center;}

.hautgauche
{
background-image: url('img/arrondi/hautgauche.jpg');
height: 13px;
width: 13px;
background-repeat: no-repeat;
}

.basgauche
{
background-image: url('img/arrondi/basgauche.jpg');
height: 13px;
width: 13px;
background-repeat: no-repeat;
background-position:bottom;
}

.hautdroit
{
background-image: url('img/arrondi/hautdroit.jpg');
float: right;
height: 13px;
width: 13px;
background-repeat: no-repeat;
}

.basdroit
{
background-image: url('img/arrondi/basdroit.jpg');
float: right;
height: 13px;
width: 13px;
background-position:bottom;
background-repeat: no-repeat;
}


dl, dt, dd, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	list-style-image:none;
	list-style-position:outside;
}


dl#menu2 {
	width: 175px;
}


dl#menu2 dt {
	cursor: pointer;
}

dl#menu2 dt a {
	font-size: 1.2em;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	overflow: hidden;
	zoom: 1;
}

dl#menu2 dt a:hover, dl#menu2 dt .selected {
	color: #FFFFFF;
	background-color: #333;
}

dl#menu2 dd {
}

dl#menu2 li {
}

dl#menu2 li a {
	font-size: 1em;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin:0;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	zoom: 1;
}

dl#menu2 li a:hover, dl#menu2 li .selected {
	color: #FFFFFF;
	background-color: #333;
}

.invisibleW3C {
	width: 0; 
	height: 0;
	padding: 0; 
	margin: 0;
}

/* Signature
-------------------------------------------------------- */

#signature {
	padding: 0;
	width: 800px;
	color: #808185;
	font-size: 0.8em;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 50px;
	margin-left: 0;
	font-weight: bold;
}




.LIEN_signature_gauche {
	color: #808185;
	text-decoration: none;
	font-weight: bold;
	float:left;
}

.LIEN_signature_gauche:hover {
	text-decoration: underline;
}

.LIEN_signature_droite {
	color: #808185;
	text-decoration: none;
	font-weight: bold;
	float:right;
}

.LIEN_signature_droite:hover {
	text-decoration: underline;
}


/* autre
-------------------------------------------------------- */
#contenu #plan ul{margin:2px 20px;padding:0;}



/* jcarousel
-------------------------------------------------------- */
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 740px;
    padding: 0 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
height: 130px;
    width: 740px;
}


/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 137px;
    cursor: pointer;
    background: transparent url(img/ex3_next.gif) no-repeat 0 0;
}


.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background: transparent url(img/ex3_next_on.gif) no-repeat 0 0;
}


.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 137px;
    cursor: pointer;
    background: transparent url(img/ex3_previous.gif) no-repeat 0 0;
}


.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-horizontal:active  {
    background: transparent url(img/ex3_previous_on.gif) no-repeat 0 0;
}





.tooltip{
position:absolute;
left:-2000px;
padding:5px;
border:1px solid #ccc;
width:200px;
color:#fff;
background-color:#333;
text-align:center;
-moz-border-radius: 10px;
border-radius: 10px;
}
.tooltip p{
    background-color: #333333;
    bottom: 5px;
    margin: 0;
    opacity: 0.8;
    position: absolute;
    width: 200px;
}

/* BUTTONS */
.buttons a, .buttons button{
	float:none;
	width:50%;
    margin:0 7px 0 0;
    background-color:#666666;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
	font-family:"trebuchet ms";
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#CCCCCC;
    cursor:pointer;
    padding:5px 7px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */button:hover, .buttons a:hover{
    background-color:#999999;
    border:1px solid #333333;
    color:#666666;
}
.buttons a:active{
    background-color:#333333;
    border:1px solid #999999;
    color:#fff;
}/* POSITIVE */button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}/* NEGATIVE */.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}