html,body{
	margin:0;
	padding:0;
	font-family: Arial, sans-serif;
	height: 100%;
}

body{
	background-color:#FFB402;
	background-position:top center;
	background-repeat: no-repeat;
	background-image:url(../images/fond_site.png);
}


#container{
	background:#FFF;
	width:770px;
	margin:155px auto 0 auto;
	position:relative;
	padding-bottom:5px;
}

#mainBloc{
	width:auto;
	background:#5e0707 url(../images/fond_contenu.png) repeat-x 0 0;

	margin:0 15px 40px;
	position:relative;
	top:30px;
	min-height:400px;
	padding:1px;
}

/* top menu */

#topMenu{margin:0 15px;position:absolute;top:1px;left:0;width:872px;}

#topMenu ul{
	height:30px;
	list-style-type:none;
	width:730px;
	margin:0;
	padding:0;
}

#topMenu .firstList{
	color:#5b2613;
	height:16px;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	font-size:12px;
	padding:7px 0;
	background: url(../images/menu_separateur.png) no-repeat 0 5px;
}

#topMenu li{
	float:left;
	position:relative;
	width:104px;
}

#topMenu .firstItem{
	background:none;
}

#topMenu li ul{
	position:absolute;
	top:-999px;
	left:5px;
	width:250px;
}
#topMenu li:hover ul,#topMenu li.sfHover ul{
	top:30px;
}

#topMenu ul li li{float:none;}

#topMenu li li a{
	background:#FFF none;
	display:block;
	float:none;
	width:100%;
	padding:4px 12px;
	border-top:1px solid #FDD;
	border-bottom:1px solid #FCC;
	text-transform:none;
	text-decoration:none;
	font-size:12px;
	color:#5b2613;
}
#topMenu li li a:hover{
	background:#FDD none;
}
#topMenu li li ul{
	top:-999px;
	left:100%;
	padding-left:24px;
}
#topMenu li li.sfHover ul{
	top:0;
}
#topMenu li a.twolines{
	height:22px;
	padding-top:0pt;
}

/* footer */
#footer ul{
	height:15px;
	list-style-type:none;
	padding:0;
	text-align:center
}
#footer ul li{
	display:inline;
	padding:7px 0;
}
#footer ul li,#footer ul li a{
	color:#5b2613;
	font-size:12px;
}
#footer ul li a{
	padding:0 16px;
}

/* la base est posée on entame le centre */

#mainBloc hr{
	margin:0;
	clear:both;
	visibility: hidden;
	padding:8px;
}
#mainBlocDroit{
	width:240px;
	float:right;
	position:relative;
	top:10px;
	right:10px;
	height:100%;
/*	border:1px solid;*/
}

#mainBlocGauche{
	width:600px;
	float:left;
	position:relative;
	margin:8px;
	top:10px;
	width:721px;
}

/* Home page */

#blocVideo{
	height:509px;
	width:736px;
	background:#8f0807 url(../images/blocVideoHome.jpg) no-repeat 0 0;
	position:relative;
	margin:1px;
}
#videoFlash{
	z-index:2;
	position:absolute;
	bottom:1px;
	left:1px;
	width:413px;
	height:326px;
}
#blocVideoSpectacle #videoFlash h2{
	margin :0;
	color:#FFF;
	font-size:34px;
	text-indent:6px;
}

#homePresentation{
	background:#000 url(../images/fond_bloc.png) repeat-x 0 0;
	width:721px;
	height:314px;
	float:left;
	padding:1px;
	margin:8px;
	position:relative;
}

#firstCol{
	width:350px;
	float:left;
}
#secondCol{
	float:left;
	padding-top:15px;
	width:350px;
}

#blocSpectacle,#blocChateau{
	padding:1px;
}
#blocSpectacle img,#blocChateau img{
	width:360px;
	border:none;
}
#blocSpectacle{
	margin:0pt 0pt 8px 8px;
}
#homePresentation h2,#blocDiaporama h2{
	color:#FFF;
}
#homePresentation p, #blocDiaporama p{
	margin:15px 7px;
	color:#FFF;
	font-size:12px;
}
#homePresentation p a{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

#blocDiaporama{
	width:238px;
	height:150px;
	background:#8a0c0d url(../images/fond_diaporama.png) no-repeat 0 0;
	margin:8px 3px;
	position:relative;
	padding:1px;
}
#blocDiaporama p{
	position:relative;
	top:30px;
	width:115px;
}
.homeBloc{
	float:left;
}
#blocNewsletter{
background:#FFFFFF url(../images/fond_bloc_newsletter.jpg) no-repeat scroll right bottom;
height:145px;
margin:8px 3px;
padding:1px;
position:relative;
width:238px;
}
#blocNewsletter h2{
	color:#8A0C0D;
}
#blocNewsletter p{
	position:relative;
	left:10px;
	width:140px;
	font-size:12px;
	color:#8A0C0D;
	top:30px;
}
#blocNewsletter a, #blocDiaporama a{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	text-indent:-5000px;
}

#blocLiens{
	width:240px;
	background:#8a0c0d url(../images/fond_bloc.png) repeat-x 0 0;
	margin:8px 3px;
	position:relative;
	padding:1px;
	color:#FFF;
}
#blocLiens ul{
	margin:5pt 0pt;
	padding:0pt 30px;
}
#blocLiens ul a{
	font-size:12px;
	color:#FFF;
}

#blocAsso{
	background:transparent url(../images/bloc_coord.png) no-repeat scroll left top;
	height:85px;
	margin:1px;
	position:relative;
}
#blocAsso p{
	position:absolute;
	font-size:10px;
	color:#FFF;
	left:99px;
	line-height:11px;
	bottom:0;
}
#homePub{
	padding:5px;
	clear:both;
	width:590px;
	height:60px;
	color:#FFA706;
	background-color:#5F0101;
}
#bancg55{
	margin:0 60px;
}
/* divers */

.bloc h2{
	margin:7px 10px;
	font-size:16px;
}

#diapoImages{
	list-style-type:none;
	margin:1px;
	padding:0;
}
#diapoImages li{
	display:inline;
}
#diapoImages li img{
	max-width:150px;
	max-height:150px;
	border:none;
}


/* page contenu */
#topImage{
	position:relative;
	top:10px;
	left:10px;
	margin-bottom:5px;
}

#pageContenu{
	background-color:#FFF;
	border:4px solid #aaa;
	margin-top:8px;
	padding-bottom:10px;
	height:100%;
}

#pageContenu h1{
	height:91px;
	margin:0;
	position:relative;
}
h1#contenuTop{
	height:120px;
	line-height:34px;
	margin:1px;
	position:relative;
}
h1#contenuTop span{
	position:absolute;
	bottom:10px;
	left:10px;
	color:#FFFFFF;
	font-size:45px;
}

#pageLibrairie h1{
	background:#666 url(../images/fond_degrade_noirgris.png) repeat-x 0 0;
}

#pageContenu h1 span,#pageLibrairie h1 span{
	bottom:15px;
	display:block;
	font-size:45px;
	left:15px;
	line-height:45px;
	position:absolute;
	width:675px;
	color:#000;
}
#pageContenu h1#contenuTop span,#pageLibrairie h1 span{
	color:#8F1811;
}
#pageLibrairie h1 span{
	width:550px;
}
/* détail du contenu, les styles */
#detailContenu{
	margin:0 15px;
	font-size:12px;
}
#detailContenu table{
	font-size:12px;
}
#detailContenu h2, #detailContenu h3,#detailContenu h4, #detailContenu h5,#detailContenu h6{
	color:#8e0403;
	margin:7px 0;
	padding:1px 0;
}
#detailContenu h2{
	font-size:21px;
}
#detailContenu h3{
	font-size:18px;
	font-weight:normal;
}
#detailContenu h4{
	font-size:17px;
	font-weight:normal;
}
#detailContenu h5{
	font-size:16px;
	font-weight:normal;
}
#detailContenu h6{
	font-size:15px;
	font-weight:normal;
}

#detailContenu ul {
	margin:7px 0 7px 15px;
	padding-left:15px;
	list-style-image: url("url-de-limage");
}
#detailContenu p {
	text-align:justify;
	margin:7px 0;
	padding:1px 0;
}
#detailContenu a {
	color:#666;
}
#detailContenu a img {
	border: none;
}

/* librairie */

#pageLibrairie hr {
	clear:both;
	visibility:show;
	padding:0;
}

#pageLibrairie #linkBoutique{
	font-size:13px;
	font-weight:bold;
	text-align:center;
	margin:10px 0;
}

#pageLibrairie #linkBoutique a{
	color:#8F0807;
}

#firstArticle{
	margin:15px;
	font-size:12px;
	background:#000 url(../images/fond_bloc_blog.png) repeat-x 0 -35px;
	color:#FFF;
	position:relative;
	width:560px;
}

#firstArticle a.bigimage{
	float:left;
	display:block;
	width:135px;
	margin:15px 15px 15px 15px;
	|margin-bottom:5px;
}
#firstArticle a.bigimage img{
	display:block;
	margin:0 auto;
	border:0;
}
#firstArticle .contenu{
	float:left;
	margin:15px;
	width:350px;
}
#firstArticle .contenu .texte p{
	margin:3px 0;
	font-size:12px;
}
#firstArticle .contenu .titre{
	color:#ffa706;
	font-size:26px;
	display:block;
}
#firstArticle .contenu .titre span{
	color:#F00;
	font-size:24px;
	text-transform:uppercase;
}
#firstArticle .contenu .prix{
	font-size:14px;
}
#firstArticle .liens{
	margin-top:15px;
	/*display:inline;
	width:450px;*/
}
#firstArticle .liens a{
	display:block;
	float:left;
	padding:2px 0pt;
	height:19px;
	color:#ffa706;
	font-size:10px;
}
#firstArticle .liens a:hover{
	text-decoration:none;
}
#firstArticle .liens a.image{
	background:#000 url(../images/icone_loupe_noirjaune.png) no-repeat top right;
	width:80px;
	margin-right:30px;
}
#firstArticle .liens form a{
	background:#000 url(../images/icone_panier_noirjaune.png) no-repeat top right;
	width:105px;
}
#pageLibrairie a.linkBack{
	font-size:12px;
	margin:0 15px;
	padding:10px 15px;
	display:block;
	color:#000;
}
#pageLibrairie .element{
	font-size:12px;
	position:relative;
	margin:15px;
	width:560px;
}
#pageLibrairie .element a.bigimage{
	float:left;
	display:block;
	width:80px;
	margin:15px 15px 15px 15px;
	|margin-bottom:5px;
	overflow:hidden;
}
#pageLibrairie .element a.bigimage img{
	display:block;
	margin:0 auto;
	border:0;
	height:100px;
}
#pageLibrairie .element .contenu{
	float:left;
	margin:15px;
	color:#3b3b3b;
	font-size:12px;
	width:415px;
}
#pageLibrairie .element .contenu p strong{
	display:block;
	font-size:16px;
	color:#8e0403;
}
#pageLibrairie .element .contenu p strong span{
	font-size:14px;
	font-weight:normal;
	color:#3b3b3b;
}
#pageLibrairie .element hr{
	padding:0;
	margin:0;
}
#pageLibrairie .element .liens{
	margin-top:15px;
}
#pageLibrairie .element .liens a{
	display:block;
	float:left;
	padding:2px 0pt;
	height:19px;
	color:#3b3b3b;
	font-size:10px;
}
#pageLibrairie .element .liens a:hover{
	text-decoration:none;
}
#pageLibrairie .element .liens a.image{
	background:#FFF url(../images/icone_loupe_blancnoir.png) no-repeat top right;
	width:80px;
	margin-right:30px;
}
#pageLibrairie .element .liens form a{
	background:#FFF url(../images/icone_panier_blancnoir.png) no-repeat top right;
	width:105px;
}
#pageLibrairie .noStock{
	font-size:11px;
	color:#F00;
}
#panier{
	margin:15px auto;
	width:560px;
}
#panier table{
	margin:0;
	border-collapse:collapse;
	width:560px;
	border:1px solid #333;
	font-size:14px;
	color:#575757;
	font-weight:bold;
}
#panier table thead tr{
	color:#FFF;
	height:30px;
	background:#000000 url(../images/fond_degrade_grisnoir.png) repeat-x 0 0;
}
#panier table th{
	padding:0pt 5px;
}
#panier table td{
	vertical-align:middle;
	text-align:center;
	padding:3px;
	border:1px solid #999;
}
#panier table a.suppr{
	display:block;
	width:30px;
	height:30px;
	background:transparent url(../images/btn_suppr.png) no-repeat center center;
	overflow:hidden;
	text-indent:-2000px;
	margin:0 auto;
}
#panier table .pSubmit{
	font-size:11px;
}
#panier table .pInput{
	font-size:14px;
	color:#000;
	font-weight:bold;
	width:30px;
	text-align:center;
	height:14px;
	margin:2px;
}
/*
#panier table th.suppr, #panier table th.qute, #panier table th.pxunit,#panier table th.article{
	background:transparent url(../images/relief_noirgris.png) repeat-y right;
}
*/
#panier table th.suppr{
	width:40px;
}
#panier table th.qute{
	width:65px;
}
#panier table th.pxunit{
	width:85px;
}
#panier table th.pxtotal{
	width:95px;
}
#panier table td.image{
	width:60px;
	border-right:none;
}
#panier table td.description{
	text-align:left;
	padding-left:5px;
	border-left:none;
}

dl#total{
	font-size:14px;
	color:#666;
	font-weight:bold;
	width:230px;
	height:94px;
	border:1px solid #999;
	padding:3px 8px;
	position:relative;
	left:328px;
}
dl#total dd,dl#total dt{
	float:left;
	display:block;
	padding:3px;
	height:16px;
	margin:4px;
}
dl#total dd.separator{
	width:100%;
	border-top:1px solid #aaa;
	height:1px;
	margin:0;
	padding:0;
}
dl#total dt{
	border-right:4px solid #ccc;
	width:130px;
}
#pageLibrairie h2{
	font-size:18px;
	color:#FFF;
	background:#000000 url(../images/fond_degrade_grisnoir.png) repeat-x 0 0;
	margin:15px 15px 0px;
	padding-left:15px;
}
#message_erreur{
	font-weight:normal;
	color:#F00;
	margin:0 15px;
}
#frmcomm{
	font-size:14px;
	color:#666;
	font-weight:bold;
}
#frmcomm .submit{
	text-align:center;
	margin:10px 0;
}
#frmcomm .submit input{
	width:auto;
}
#frmcomm fieldset{
	width:250px;
	float:left;
	border:none;
	padding:0 10px;
}
#frmcomm fieldset legend{
	margin:0 0 15px 0;
}
#frmcomm fieldset label{
	display:block;
	float:left;
	width:100px;
}
#frmcomm fieldset div{
	height:28px;
}
#frmcomm input.errinput{
	background-color:#FEA606;
}
#frmcomm input{
	width:130px;
}
#frmcomm input.copyButton{
	width:230px;
}
#livrfield{
	margin:15px 15px 15px 0;
}
#factfield{
	margin:15px 0 15px 15px;
}
#frmcgv{
	clear:both;
	margin-left:15px;
}
#frmcgv input{
	width:15px;
}
#frmcgv a{
	color:#79a2ff;
}
#frmcgv span.errinput{
	font-weight:normal;
	color:#F00;
	font-size:12px;
}
.form p.message{
	margin:15px 30px;
	font-weight:bold;
}
.form form{
	margin:0 15px;
}
.form form label{
	display:block;
	float:left;
	width:120px;
}
.form form label.long{width:145px;}
.form form div.unit{
	height:28px;
}
.form form textarea{
	height:70px;
	width:385px;
	margin-bottom:7px;
}

/**/

.slideShow{
	width:560px;
	height:150px;
}















