@charset "UTF-8";
/* CSS Photobook */

/*---------- Global ------------------*/

body {
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
h3 {
	margin:0px 0px 0px 0px;
	padding-left: 20px;
	display: block;
	width: 550px;
	float: right;
}
p {
	margin:0;
	padding-left: 20px;
	display: block;
	float: right;
	color: #333333;
	font-size: 12px;
	width: 300px;
}
.titre-finition {
	width: 520px;
	float: left;
	text-align: justify;
	font-size: 14px;
}
a {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}

a:hover {
	color:#FF3333;
}
#lignes input {
	float:left;
	margin-left:5px;
	margin-right:15px;
	width:150px;
	height:22px;
	font-size:16px;
	margin-top:2px;
}
img {
	border:0;
}

/*------------ Header ----------- */

#header {
	position: relative;
	background-image: url(../images/fd-header.gif);
	border-bottom: solid 1px #cccccc;
}
#header-content {
	height: 90px;
	width: 850px;
	margin: auto;
}
#logo {
	background-image:url(../images/fd-logo.gif);
	width : 850px;
	height : 90px;
	background-repeat: no-repeat;
}
#marge {
	width:270px;
	height:90px;
	float: left;
}
#lignes {
	width:580px;
	height:90px;
	float:left;
}
#ligne-1 {
	width:580px;
	height:31px;
	margin-top:15px;
	text-align: right;
}
#ligne-1 p {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	float:left;
	margin:0px;
	font-size:12px;
	line-height:30px;
}
#bt-ok {
	background-image: url(../images/bt-ok.gif);
	width:45px;
	height:35px;
	float:left;
	margin:0px;
	line-height:5px;
}
#ligne-2 {
	width:580px;
}
.onglet {
	float:left;
	display:block;
	background-image: url(../images/bt-onglet.gif);
	width: 95px;
	height: 41px;
	float: left;
	text-align: center;
	font-size: 12px;
	line-height: 40px;
	background-repeat: no-repeat;
	margin-top:4px;
}
.onglet-1 {
	float:left;
	display:block;
	background-image: url(../images/onglet-produit/bt-onglet-2.gif);
	width: 95px;
	height: 41px;
	float: left;
	text-align: center;
	font-size: 12px;
	line-height: 40px;
	background-repeat: no-repeat;
	margin-top:4px;
}
.onglet-2 {
	float:left;
	display:block;
	background-image: url(../images/onglet-produit/bt-onglet-3.gif);
	width: 95px;
	height: 41px;
	float: left;
	text-align: center;
	font-size: 12px;
	line-height: 40px;
	background-repeat: no-repeat;
	margin-top:4px;
}
.onglet-3 {
	float:left;
	display:block;
	background-image: url(../images/onglet-produit/bt-onglet-4.gif);
	width: 95px;
	height: 41px;
	float: left;
	text-align: center;
	font-size: 12px;
	line-height: 40px;
	background-repeat: no-repeat;
	margin-top:4px;
}
.onglet-4 {
	float:left;
	display:block;
	background-image: url(../images/onglet-produit/bt-onglet-1.gif);
	width: 95px;
	height: 41px;
	float: left;
	text-align: center;
	font-size: 12px;
	line-height: 40px;
	background-repeat: no-repeat;
	margin-top:4px;
}
.onglet-5 {
	float:left;
	display:block;
	background-image: url(../images/onglet-produit/fd-onglet-5.gif);
	width: 95px;
	height: 41px;
	float: left;
	text-align: center;
	font-size: 12px;
	line-height: 40px;
	background-repeat: no-repeat;
	margin-top:4px;
}
.onglet-6 {
	float:left;
	display:block;
	background-image: url(../images/onglet-produit/fd-onglet-6.gif);
	width: 95px;
	height: 41px;
	float: left;
	text-align: center;
	font-size: 12px;
	line-height: 40px;
	background-repeat: no-repeat;
	margin-top:4px;
}
.marge-onglet {
	width:2px;
	float: left;
	height: 20px;
}
#panier {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	color: #ffffff;
	display: block;
}
a:hover#panier {
	color:#FFCC00;
	}
.clear {
	clear: both;
}
#soft-barre {
	width:850px;
	margin: auto;
	text-align: right;
	margin-bottom: 0px;
}
.menutop {
	font-size:12px;
	color:#FFFFFF;
}
a:hover.menutop {
	color:	#99FF33;
}
#tire {
	margin:0;
	padding:0;
	color:fffff;
}
/*----------- Main --------*/

#main-content {
	width: 850px;
	margin: auto;
	min-height: 700px;
	position: relative;
}
#box-1 {
	height: 220px;
}
#box-2 {
	margin-top: 0px;
	float: left;
}
#visu-livre {
	background-image: url(../images/ban-photobook.gif);
	float: left;
	height: 200px;
	width: 427px;
	margin-top: 20px;
	border: solid 1px #ccc;
}
.marge-box-1 {
	height: 150px;
	width: 10px;
	float: left;
	margin-top: 20px;
}
#tarifs {
	float: right;
	top: 200px;
	right: 500px;
	height: 146px;
	width: 412px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/im-tarifs.gif);
	background-repeat: no-repeat;
}
#download {
	float:left;
	top: 200px;
	right: 500px;
	height: 55px;
	width: 408px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/im-download.gif);
	}
#etape {
	height: 200px;
	width: 850px;
	background-image: url(../images/im-etapes.gif);
	margin-top: 10px;
}
#logo-autres {
	margin-top:6px;
	width:850px;
	background-image:url(../images/footer-fd-logo.gif);
	float: left;
	padding: 0;
	height: 55px;
}
/*------------- Onglet produit -----------*/

#onglets-a {
	margin-top: 10px;
	width: 849px;
	height: 39px;
}

#onglet-1.TabbedPanelsTab {
	float: left;
	height: 39px;
	width: 208px;
	background-image:	url(../images/onglet-produit/Onglet-produit-2_01.gif);
	text-align: center;
	line-height: 39px;
}
#onglet-1.TabbedPanelsTabSelected {
	float: left;
	height: 39px;
	width: 208px;
	background-image:	url(../images/onglet-produit/Onglet-produit-1_01.gif);
	text-align: center;
	line-height: 39px;
	display: block;
	margin: 0;
	padding: 0;
}
#onglet-2.TabbedPanelsTab {
	float: left;
	height: 39px;
	width: 210px;
	background-image:	url(../images/onglet-produit/Onglet-produit-1_02.gif);
	text-align: center;
	line-height: 39px;
	display: block;
	margin: 0;
	padding: 0;
}
#onglet-2.TabbedPanelsTabSelected {
	float: left;
	height: 39px;
	width: 210px;
	background-image:	url(../images/onglet-produit/Onglet-produit-2_02.gif);
	text-align: center;
	line-height: 39px;
}
#onglet-3.TabbedPanelsTab {
	float: left;
	height: 39px;
	width: 211px;
	background-image:	url(../images/onglet-produit/Onglet-produit-1_03.gif);
	text-align: center;
	line-height: 39px;
	display: block;
	margin: 0;
	padding: 0;
}
#onglet-3.TabbedPanelsTabSelected {
	float: left;
	height: 39px;
	width: 211px;
	background-image:	url(../images/onglet-produit/Onglet-produit-3_03.gif);
	text-align: center;
	line-height: 39px;
}
#onglet-4 {
	float: left;
	height: 39px;
	width: 215px;
	background-image:	url(../images/onglet-produit/Onglet-produit_04.gif);
}
#content-onglet-a {
	width: 848px;
	border-bottom:solid 0px #afafb0;
	border-right:solid 0px #afafb0;
	border-left:solid 0px #afafb0;
}

/*----------------------------*/
#onglets-b {
	margin-top: 10px;
	height: 39px;
	width: 853px;
}
#content-onglet-b {
	width: 848px;
	border-bottom:solid 1px #afafb0;
	border-right:solid 1px #afafb0;
	border-left:solid 1px #afafb0;
	height: 550px;
}
/*---------- Produit ---------*/
#onglets-c {
	margin-top: 10px;
	height: 39px;
	width: 853px;
}
#content-onglet-c {
	height: 550px;
	width: 848px;
	border-bottom:solid 1px #afafb0;
	border-right:solid 1px #afafb0;
	border-left:solid 1px #afafb0;
}
.produit {
	width: 257px;
	float: left;
	background-color: fff;
	margin-top: 20px;
}
.marge-produit {
	float: left;
	height: 200px;
	width: 20px;
}
.image {
	width: 200px;
	margin: auto;
	margin-top: 25px;
	background-color: #FFFFFF;
	font-size: 18px;
	text-align: center;
}


/*---------- 1 er achat ---------*/

.etape-achat {
	height: 225px;
	width: 850px;
}
.view {
	margin-top: 20px;
	float: left;
	background-color: fff;
}
.marge-achat {
	height: 200px;
	width: 15px;
	float: left;
	margin-top: 20px;
}
.number {
	height: 200px;
	width: 100px;
	float: left;
	margin-top: 20px;
}
.texte {
	float: left;
	height: 200px;
	margin-top: 20px;
	width: 420px;
	text-align: justify;
}



/*---------- Telechargement ---------*/

#telechargement {
	height: 475px;
	width: 378px;
	margin-top: 20px;
	background-image: url(../images/im-telechargez.gif);
	background-repeat: no-repeat;
	float: left;
}
#view {
	float: left;
	height: 200px;
	width: 200px;
	background-color: #CC6666;
}
#texte {
	float: left;
	width: 450px;
	margin-top: 20px;
}
#bt-download {
	float: left;
	height: 200px;
	width: 200px;
	background-color: #0099FF;
}
.marge-download {
	float: left;
	height: 200px;
	width: 15px;
}
#ads {
	width: 200px;
	height:450px;
	float:left;
	height: 420px;
	background-image: url(../images/im-contact.gif);
	margin-top: 20px;
}


/*---------- Contact ---------*/

#global-formulaire {
	width: 850px;
	margin: auto;
}
#formulaire {
	width: 620px;
	margin: auto;
	float: left;
	margin-top: 0px;
	background-image: url(../images/fd-form.gif);
	background-repeat: no-repeat;
	height: 500px;
}
.ligne-1 {
	width: 600px;
	margin: auto;
	height: 28px;
	margin-bottom: 10px;
	float: left;
}
.ligne-1 p {
	float: left;
	width: 120px;
	margin: 0;
	text-align: right;
	margin-top: 5px;
}
.ligne-2 {
	width: 600px;
	margin: auto;
	margin-bottom: 0px;
	float: left;
}
.ligne-2 p {
	float: left;
	width: 120px;
	margin: 0;
	text-align: right;
	margin-top: 5px;
}
.form   {
	float: left;
	width: 400px;
	height: 22px;
}
.form-2   {
	float: left;
	width: 400px;
	height: 125px;
	margin-left: 5px;
}
.bt-send {
	margin-right: 70px;
	margin-top: 20px;
	float: right;
	text-align: center;
	line-height: 0px;
	font-size: 12px;
	width: 100px;
}
#bt-soft img {
	border: 0px none #FFFFFF;
}
#block-center {
	float: left;
	width: 850px;
}
#bt-download {
	background-image: url(../images/bt-download.gif);
	height: 33px;
	width: 291px;
	float: right;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
}
#telechargement h2 {
	float: left;
}
#marge-form {
	float: left;
	height: 50px;
	width: 450px;
}
#marge-contact {
	float: left;
	height: 150px;
	width: 30px;
	margin-top: 20px;
}
/*-------------Panier -----------------*/
#tableau-panier {
	float: right;
}
#titre-panier {
	height: 35px;
	width: 660px;
	float: left;
}
#marge-panier {
	height: 35px;
	width: 190px;
	float: left;
}
#bt-validez {
	/*background-image: url(../images/confirmation/bt-validez-empty.jpg);*/
	height: 28px;
	width: 140px;
	float: right;
	background-repeat: no-repeat;
	border: 0;
	background-color: transparent;
	background-position: 0;
	font-size: 14px;
	margin: 0;
	padding-left: 10px;
	text-align: left;
	font-weight:bold;
	cursor:pointer;
	color: #fff;
	background-image: url(../images/bt-validez.gif);
}
#bouton-valider {
	float: right;
	height: 40px;
	background-repeat: no-repeat;
	width: 250px;
}
#marge-bt-validez {
	float: left;
	height: 35px;
	width: 660px;
	margin-top: 25px;
}
#bt-validez img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*------------- Livraison -----------------*/

#tableau-livraison {
	width: 680px;
	float: right;
}
#adresse-livraison {
	width:680px;
	float: right;
}
#adresse-livraison p {
	margin: 0px;
}
.marge-p {
	display: block;
	padding-top: 15px;
	border-bottom: solid 1px #CCCCCC;
}
#titre-recap {
	margin-top: 20px;
}
/*------------- Paiement -----------------*/

.block-paiement {
	width: 200px;
	float: left;
	text-align: center;
	margin-top: 20px;
}
#paiements {
	width: 850px;
	margin-top: 20px;
	float: left;
}
/*------------- Option produit -----------------*/

.ligne-titre1
 {
	height: 150px;
	width: 150px;
	float: left;
}
.product-choise
 {
	float: left;
	margin-left: 12px;
	width: 200px;
}
.home-product-title {
	font-size: 22px;
	margin: 20px 0px 0px 20px;
	width: 550px;
	float: right;
}
.home-product {
	font-size: 14px;
	margin: 0;
	color: #6E5295;
}
#options-produit {
	float: left;
	width: 850px;
	margin: 75px;
	margin-top: 30px;
	border: 1px solid #ccc;
	border-radius : 10px;
	-moz-border-radius : 10px;
	-webkit-border-radius : 10px;
}

.option-produit
{
	width: 850px;
	margin: auto;
	margin-top: 30px;
}

#options-produit .option-produit {
	margin: 0;
	float: left;
}


#options-cover {
	float: left;
	width: 500px;
}

#options-cover .titre {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	float: left;
	width: 480px;
	padding: 10px;
	background-color: #bcbe00;
	color: #fff;
	margin: 0;
	border-radius : 10px 0 0 0;
	-moz-border-radius : 10px 0 0 0;
	-webkit-border-radius : 10px 0 0 0;
}

#options-produit .product-choise {
	width: 350px;
	margin: 10px;
}

.option-cover {
	margin-top: 8px;
	text-align: center;
}

#options-cover .option-cover {
	float: right;
	margin-top: 70px;
}

#options-cover .label-desc {
	float: right;
	margin-top: 62px;
}

.marge-product {
	height: 150px;
	width: 16px;
	float: left;
}
#option-vernis {
	width: 800px;
	float: right;
}
.option-clear {
	margin-left: 5px;
}
#option-vernis p {
	width: 65px;
	float: left;
	height: 50px;
	line-height: 50px;
}

#option-vernis select {
	width: 80px;
	font-size: 14px;
	margin-top: 12px;
}

#options-qty {
	width: 350px;
}

#options-qty .titre {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	float: left;
	width: 330px;
	padding: 10px;
	background-color: #bcbe00;
	color: #fff;
	margin: 0;
	border-radius : 0 10px 0 0;
	-moz-border-radius : 0 10px 0 0;
	-webkit-border-radius : 0 10px 0 0;
}

#select-qty {
	margin-top: 90px;
}

#formulaire-coordonnees/*------------- Coordonnées -----------------*/
{
	width: 550px;
	margin: auto;
}

.bouton-validez {
	background-image: url(../images/confirmation/bt-validez-empty.jpg);
	height: 40px;
	width: 200px;
	background-repeat: no-repeat;
	border: 0;
	background-color: #FFFFFF;
	background-position: 0;
	font-size: 14px;
	margin: 0;
	padding-left: 10px;
	text-align: left;
}
.ligne-c {
	background-color: #E8F6FF;
	height: 30px;
	width: 550px;
	text-align: right;
	float: right;
}
.ligne-d {
	background-color: #F3FDFF;
	height: 30px;
	width: 550px;
	text-align: right;
	float: right;
}
#email {
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
}
#email2 {
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
}
#passwd_client {
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
}
#passwd_client2 {
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
}
.ligne-a {
	background-color: #E8F6FF;
	height: 30px;
	width: 550px;
	text-align: right;
	float: right;
}
.ligne-b {
	background-color: #F3FDFF;
	height: 30px;
	width: 550px;
	text-align: right;
	float: right;
}
.partner label {
	float: right;
	width: 550px;
}
.partner {
	float: right;
}
.ligne-e {
	background-color: #E8F6FF;
	height: 30px;
	width: 550px;
	text-align: right;
	float: right;
}
.ligne-f {
	background-color: #F3FDFF;
	height: 30px;
	width: 550px;
	text-align: right;
	float: right;
}
.ligne-titre-coordonnees {
	background-color: #FFFFFF;
	float: right;
	width: 530px;
	margin-top: 20px;
}

#empty {
	background-image: url(../images/im-empty.jpg);
	height: 68px;
	width: 631px;
	font-size: 28px;
	color: #ffffff;
	line-height: 68px;
	font-weight: bold;
	text-align: center;
	padding-left: 0px;
}
#aide-captcha {
	position: relative;
	left: 250px;
	top: 10px;
	width: 100px;
}
.caracteristic-cover {
	color: #BB44C6;
	margin: 0;
}
.block-txt {
	float: left;
	width: 250px;
}
.produits-tab {
	float: none;
	margin-left: 15px;
	margin-top: 5px;
	font-size: 12px;
	color: #53415E;
}
.produits-tab tr td {
	border: solid 1px #cccccc;
	padding: 0 0 0 0px;
	text-align: center;
}
.titre {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 0px;
}
.titre {
	float: none;
	margin: 40px 0 0 20px;
	border: 0;
	border-bottom: solid 0px #cccccc;
	font-weight: bold;
}
.titre-1 {
	font-style: italic;
	padding: 0;
	width: 520px;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
}
.block-produit {
	float: left;
	width: 100%;
	margin-left: 0px;
	margin-bottom: 40px;
}
.titre-2 {
	font-style: italic;
	font-size: 16px;
	padding: 0 0 0 0px;
	width: 550px;
	margin: 110px 0px 0px 0px;
	font-weight: bold;
	color: #53415E;
}
.titre-3 {
	font-style: italic;
	font-size: 16px;
	padding: 0 0 0 0px;
	width: 700px;
	margin: 40px 40px 0 0;
	font-weight: bold;
	color: #53415E;
}
.titre-finition-2 {
	width: 700px;
	margin-right: 40px;
	text-align: justify;
	font-size: 14px;
}
.titre-4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	padding: 0;
	margin: 40px 0 0 0;
	float: left;
	font-weight: bold;
	color: #53415E;
}
.block-etape {
	float: left;
	width: 420px;
	margin-left: 0px;
	padding: 5px 0 0 0;
	font-size: 14px;
}
.chapo {
	width: 500px;
	float: right;
	margin-bottom: 40px;
	margin-top: 20px;
	font-size: 14px;
	color: #666666;
}
#block-2 {
	width: 410px;
	float: right;
}
.texte-accueil-1 {
	float: left;
	width: 400px;
	margin-left: 0px;
	padding: 20px 0 5px 0;
	font-size: 14px;
	line-height: 22px;
	text-align: justify;
	height: 120px;
	margin-top: 10px;
}
.texte-accueil-2 {
	float: left;
	width: 410px;
	margin-left: 0px;
	padding: 10px 0 10px 0;
	font-size: 13px;
	line-height: 18px;
	text-align: justify;
}
.titre-accueil {
	font-size: 24px;
	color: #53415E;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 30px;
}
.nuage {
	font-size: 14px;
	line-height: 20px;
}
.tarifs {
	height: 23px;
	font-size: 12px;
	padding: 10px 0 0 20px;
	display: block;
	text-decoration: underline;
}
.capcha {
	text-align: left;
	padding-top: 5px;
	width: 80px;
}
#titre-formulaire {
	height: 20px;
	width: 550px;
	float: right;
	border-bottom: solid 1px #cccccc;
	margin-top: 20px;
	margin-right: 20px;
}
#adresse-fact-boleen {
	float: left;
}
.marge-colonne-produit {
	height: 50px;
	width: 20px;
	float: left;
}
.colonne-produit-1 {
	height: 500px;
	width: 180px;
	float: left;
	background-color: #CCCCCC;
	margin-top: 20px;
	margin-bottom: 20px;
}
.colonne-produit-2 {
	height: 500px;
	width: 600px;
	float: left;
	background-color: #CCCCCC;
	margin-top: 20px;
	margin-bottom: 20px;
}
#main-confirmation {
	position: relative;
}