@charset "utf-8";
/* CSS Document */

html,body{
	background:#000 url(../images/bg.jpg) repeat-x;
	color:#aaa;
	font-family:comic sans ms, arial, sans serif;
	font-size:14px;
}

.clearer { clear:left; }

#doc{
	background:transparent url(../images/bg-doc.jpg) top left no-repeat;
	min-height:1024px;
}

#doc #menu{
	width:261px;
	height:1024px;
	float:left;
}

#doc #main {
	margin-left:261px;
}

#doc #header {
position:relative;
height:360px;
}

#doc #header h1 a{
	position: absolute;
	width:298px;
	height:195px;
	text-indent:-9999px;
	left: 380px;
	top: 26px;

}

#doc #header #espaceclient {
	position:absolute;
	top: 80px;
	width:203px;
	height:195px;
}

#doc #header #powered a{
	background:url(../images/powered.png) no-repeat;
	display:block;
	width:112px;
	height:49px;
	position:absolute;
	text-indent:-9999px;
	top:250px;
	left:570px;
}
#doc #main #container{
	width:660px;
	padding:10px;
	padding-left:30px;
	position:relative;
	min-height:600px;
  height:expression(this.scrollHeight > 600 ? "auto":"600px");
}

#container #cat1{
	display:block;
	width:445px;
	height:220px;
	position:absolute;
}

#container #philo{
	display:block;
	position:absolute;
	top:88px;
	left:448px;
	width:200px;
	color:#d8d5d5;
}

#container #cat2{
	display:block;
	width:316px;
	height:221px;
	position:absolute;
	top:217px;
	left:342px;
}

#container #accueil{
	display:block;
	position:absolute;
	width:300px;
	top:250px;
	line-height:18px;
}

#container #accueil-suite{
	display:block;
	position:absolute;
	top:480px;
	width:630px;
	line-height:18px;
}

#container #left{
	float:left;
	display:block;
	width:346px;
	background:url(../images/sep.png) right repeat-y;
}

#container #left img{

}

#container h2{
	color:#F4CA21;
	background:url(../images/h2.png) top no-repeat;
	width:365px;
	height:28px;
	font-size:16px;
	text-indent:-999px;
	margin-bottom:10px;
	margin-top:10px;

}

#container p.engagement{
	/*background:url(../images/engagement.png) top no-repeat;*/
	padding:5px;
	margin-bottom:20px;
	width:620px;
}

#container #right{
	margin-left:350px;
	width:300px;
	/*padding:20px;
	padding-top:0px;*/

}

#container #right h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#f1d375;
	text-indent:-9999px;
	margin:0 auto;
	margin-bottom:10px;

}

.center{
	text-align:center;
}

#container #right p{
	line-height:15px;
	font-size:13px;
}

#container #right p.textright{
	padding:10px;
	width:270px;
	line-height:18px;
}

#container #right p.textright a{
	color:#f4ca21;
}

#container #left p.engagement{
	color:#ddd;
	margin-bottom:20px;
	margin-top:20px;
	padding:8px;
}

.produit{
	height: 150px;
	margin-bottom:20px;
}

.produit h3{
	margin-bottom:10px;
	text-indent:-9999px;
}

.pdt1{
	background:url(../images/presentation-pdt.png) top no-repeat;
	display:block;
	width:163px;
	height:12px;
}

.pdt2{
	background:url(../images/album-digitaux.png) top no-repeat;
	display:block;
	width:127px;
	height:18px;
}

.pdt3{
	background:url(../images/graphisme.png) top no-repeat;
	display:block;
	width:83px;
	height:17px;
}

.pdt4{
	background:url(../images/presse.png) top no-repeat;
	display:block;
	width:125px;
	height:12px;
}

.produit a{
	float:left;
	display:block;
	width:167px;
	height:110px;
}

#container #left div.produit p{
	margin-left: 180px;
	width:150px;
	margin-top:20px;
	background:none;
}

#container #jour-j{
	margin:0 auto;
}

#container #jour-j h3.title{
	margin:0 auto;
	background:url(../images/jourj.png) top no-repeat;
	margin-top:15px;
	text-indent:-9999px;
	width:157px;
	height:62px;
}

#container #jour-j #text{
	margin:0 auto;
}

#container #prestations{
	margin-bottom:30px;
}

#container #prestations h3.title2{
	margin:0 auto;
	background:url(../images/prestations.png) top no-repeat;
	margin-top:15px;
	margin-bottom:40px;
	text-indent:-9999px;
	width:247px;
	height:35px;
}

.presta{
	float:left;
	width:230px;

	margin-left:50px;
}

.presta p{
	float:right;
}

#container #contact .form{

}

#container #contact h3.contact{
	background:url(../images/contact.png) top no-repeat;
	width:145px;
	height:25px;
	margin-top:20px;
	margin-bottom:20px;
	text-indent:-9999px;
}

#container #contact #jeremy{
	font-family:verdana, sans serif;
	margin-bottom:20px;
	padding:15px;
	font-size:12px;
	line-height:18px;
}

#container #contact #michele{
	margin-left:15px;
	font-family:verdana, sans serif;
	font-size:12px;
	line-height:18px;
}


#container #contactform h3.ecoute{
	background:url(../images/ecoute.png) top no-repeat;
	width:260px;
	height:30px;
	text-indent:-9999px;
	margin-top:10px;
	margin-bottom:20px;
}

#container #contactform p{
	font-family:comic sans ms, verdana, sans serif;
	font-size:14px;
	line-height:15px;

	padding-bottom:5px;
	width:610px;
}

#container #cart_summary{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	margin-top:20px;
}

#container .std{
	border: 1px solid #ffcc34;
}

#container .std tr{
	border-bottom:1px solid #ffcc34;
}

a.commander  {
	color:#fff;
	text-decoration:none;
	border:1px solid #ffcc34;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}

a:hover.commander {
	color:#ffcc34;
}

#main #menu-bottom ul{
	width:630px;
	padding-left:30px;
	padding-top:20px;
	list-style-type:none;
}

#main #menu-bottom ul li{
	float:left;
	text-decoration:none;

}

#main #menu-bottom ul li a{
	padding-right:15px;
	color:#aaa;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#main #menu-bottom ul li a:hover{
	padding-right:15px;
	color:#f5d75e;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

#main #menu-bottom ul li a.active{
	padding-right:15px;
	color:#f5d75e;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

#main #acces-galerie a{
	margin-left:250px;
	color:#aaa;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;

}

#main #acces-galerie a:hover{
	color:#f5d75e;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;

}

.form {
	padding:5px;
	margin-top:30px;
	margin-bottom:20px;
	float:right;
	margin-right:20px;
  width: 340px;
}

.form fieldset {
	border:0;
}

.form legend {
	display:none;
}

.form div {
	clear:both;
}

.form span.label {
	display: block;
	float:left;
	width:100px;
	color:#aaa;
	/*text-align:right;*/
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 10px;

}

.form input {
	margin-top:10px;
	width:213px;
}

.form select {
	margin-top:15px;
}
.form .submit {

	margin-left:150px;
}
.form .submit input {
	width:100px;
	font-weight:bold;
	font-size:100%;
	margin-top:10px;
	border: 1px solid #fff;
	background:#fff;
	cursor:pointer;
}

.form em{ color:#E6B217}

.form textarea{
	height:100px;
	width:213px;
  /*margin-top: 10px;*/
}

#contact .form .jforms-required, #contact .form .jforms-required { font-weight: normal; }
#contact .form label.jforms-required:after, #contact .form span.jforms-required:after { content:""; }

#jforms_contact_contact_dateevenement_year {
  width: 45px;
}

strong {
	font-weight:bold;
}

.espaceclient{
	padding:5px;
	margin-top:30px;
}

.espaceclient div {
	clear:both;
}

.espaceclient label {
	display: block;
	float:left;
	width:285px;
	color:#FFFFFF;
	text-align:right;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-top: 10px;

}

.espaceclient input {
	width:300px;
}
.espaceclient .submit {
	text-align:center;
	margin-left:30px;
}
.espaceclient .submit input {
	width:100px;
	font-weight:bold;
	font-size:80%;
	margin-top:10px;
}

#gallery {
  width:640px;
}

#gallery td.photos {
  text-align: center;
}

#gallery td.photos table.photohandler {
  width: 190px;
  margin: 0 auto;
  padding:0px 5px;
}

#gallery td.photos table.photohandler td.pic{
  height:120px;
  width:120px;
  text-align: center;
  /*background: url(../images/cadre3.jpg) no-repeat;*/
  vertical-align: middle;
}

#gallery td.photos table.photohandler td.buy{
  padding: 10px 0px;
}

#gallery .basketinputs {
  font-size: 11px;
  padding-left: 5px;
  padding-top:20px;
  width: 90px;
  color:#fff;
}

#gallery .basketinputs input {
  border:1px solid #ffcc34;
}

#gallery .basketinputs a {
  color: #ffcc34;
  text-decoration: none;
}

#gallery .basketinputs td {
  padding-top: 1px;
  padding-bottom: 1px;
}

h1.gallery{
	text-align:center;

	color:#FFCC34;
	/*font-family:Geneva, Arial, Helvetica, sans-serif;*/
	font-size:25px;
}

.paginate {
  padding: 10px 0px;
  text-align: center;
  width:640px;
  padding-bottom: 50px;
}

.paginate li {
  display: inline;
  /*border:1px solid #fff;*/
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding: 2px 4px;
  margin-right: 5px;
}

.paginate span{
	color:#ffcc34;
}

.paginate li a {
  color: #ffcc34;
  font-size: 11px;
  text-decoration: none;
}

#cart {
  color: #FFCC34;
  /*text-align: right;*/
  /*padding-right: 30px;*/
  width: 100%;
  font-size: 100%;
  background-color: #000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  line-height:normal;
  height: 25px;
  padding-top: 3px;
  padding-bottom: 3px;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  border-collapse:collapse;
  margin: 0;
  position: fixed;
  left: 0px;
  bottom: 0px;
  z-index: 10;
  font-weight: lighter;
}

#cart a{
	color:#ffcc34;
}

.bordure {
  border: #FFCC34 2px solid;
}
div.form-container { width: 630px;}
div.form-container form fieldset { margin: 10px 0;_margin: 0;padding: 10px; border: #FFCC34 1px solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
div.form-container form legend { color: #FFCC34; border: 1px solid #FFCC34;padding: 2px 5px 2px 5px;margin-left:210px;}
div.form-container form fieldset p { padding: 0.25em 0;text-align:center; }
div.form-container label,
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 200px; display: block; float: left; text-align: right; position: relative; color:#aaaaaa;}
div.form-container label.error,
div.form-container span.error { color: #C00; }
div.form-container label em,
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input { background-color: #FFC; border: 1px solid #FC6;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;padding:3px;}
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus,
div.form-container textarea:focus {  background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label,
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 120px; }
div.form-container div.buttonrow { margin-left: 130px; }
div.form-container input.jforms-submit { background-color: #FFC; border: 1px solid #FC6;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;padding:3px;margin-left:0px; }
div.form-container label.jforms-required:after, #contact .form span.jforms-required:after { content:""; }
div.form-container label.jforms-required { font-weight: normal; }

.paypalform {
text-align:center
}

.paypalform form{
	display:inline;
}

.paypalform input {
	display:inline;
}

#chequeform {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}

#chequeform .jforms-table {
  width: 250px;
  margin: 0 auto;
}

#chequeform .jforms-table td {
  padding: 5px 0px;
}

#chequeform .jforms-submit-buttons {
  width: 250px;
  margin: 0 auto;
  margin-top: 10px;
  padding-left: 170px;
}

#chequeform label.jforms-required:after { content:""; }
#chequeform label.jforms-required { font-weight: normal; }