/*
// GENERAL ////////////////////////////////////////////////////////
*/

body
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #27A72E;
	font-size: 16px;
}



/*
// STRUCTURE ////////////////////////////////////////////////////////
*/

#site {
	position: relative;
	width: 950px;
	margin: 0 auto;
	margin-top: 7px;
	background-color: #FFFFFF;
}

#centre {
	margin-left: 35px;
	margin-right: 35px;
	width: 660px;
}



/*
// CENTRE ////////////////////////////////////////////////////////
*/

#produit-photo {
	float: left;
	width: 495px;
}
#pourquoi-pieges {
	text-align: right;
	margin-right: 70px;
}
#explication-pieges {
	margin-top: 10px;
}
#produit-prix {
	float: left;
	margin: 50px 0px 0px 5px;
	padding: 15px 0px 20px 15px;
	border-left: 1px solid #333333;
	width: 144px;
	text-align: center;
}
#produit-quantite {
	padding-top: 20px;
	padding-left: 35px;
}

#produit-infos {
	margin-top: 20px;
	margin-left: 15px;
}
#produit-infos-photo {
	float: left;
	margin-right: 15px;
	width: 150px;
}
#produit-infos-texte {
	float: left;
	margin-top: 20px;
	margin-bottom: 25px;
	width: 315px;
}

#coffret-photos {
	float: left;
	margin-right: 10px;
	margin-left: 2px;
	padding: 10px 10px 25px 0px;
	width: 100px;
	border-right: 1px solid #CCCCCC;
	display: inline;
	text-align: right;
}

#coffret-photo {
	float: left;
	width: 575px;
}

.commande-etape {
	margin-bottom: 25px;
	padding: 18px 30px 25px 30px;
	width: 598px;
	background-color: #EFEFEF;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.commande-etape-titre {
	margin-bottom: 20px;
	padding-bottom: 5px;
	width: 598px;
	border-bottom: 1px solid #CCCCCC;
}

#commande-livraison-pays {
	float: left;
	width: 255px;
}
#commande-livraison-colissimo {
	float: left;
	width: 200px;
	text-align: center;
}
#commande-livraison-frais {
	float: left;
	width: 120px;
	text-align: center;
}

.commande-paiement-choix {
	float: left;
	width: 199px;
	text-align: center;
}
#truffaut-magasins ul {
	margin: 0px;
	margin-top: 10px;
	margin-left: 50px;
	padding: 0px;
	text-align: left;
}

#total-payer {
	float: left;
	margin-top: 15px;
	margin-left: 65px;
	width: 135px;
	display: inline;
}
#montant-total {
	float: left;
	margin-top: 15px;
	width: 200px;
}
#valider-commande {
	float: left;
	width: 200px;
}

#cgv {
	margin-top: 20px;
	margin-left: 65px;
}

#paiement-instructions {
	margin-left: 30px;
	padding: 20px;
	width: 560px;
	border: 1px solid #CCCCCC;
	text-align: center;
}



/*
// FORMULAIRES ////////////////////////////////////////////////////////
*/

form {
	margin: 0;
	display: inline
}

.formulaire {
	margin-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border:1px solid #CCCCCC;
	background-color: #FFFFFF;
	/*background: url(Images/Formulaire_fond.gif) repeat;*/
}
.formulaire-quantite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	border:1px solid #CCCCCC;
	background-color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	height: 23px;
	line-height: 23px;
	background: url(Images/Formulaire_fond_quantite.gif) repeat;
}
.formulaire-erreur {
	margin-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border:1px #CC0000 solid;
	background-color: #FFD7D7;
}

.bouton-valider-commande {
	border: none;
	background: transparent url(Images/Valider_commande.gif) no-repeat top left;
	width: 195px;
	height: 60px;
	cursor: pointer;
}



/*
// POLICES PREDEFINIES ////////////////////////////////////////////////////////
*/

/* Arial 11 noir */
#produit-coffret, #produit-prix, #produit-infos, #coffret-photos, .commande-etape, #paiement-instructions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #000000;
}
#produit-coffret a, #produit-infos a:hover, .commande-paiement-choix a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #000000;
	text-decoration: underline;
}
#produit-coffret a:hover, #produit-infos a, .commande-paiement-choix a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #000000;
	text-decoration: none;
}

/* Arial 18 noir */
.commande-etape-titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
    color: #000000;
}

/* Arial 20 noir */
#total-payer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
    color: #000000;
}

/* Arial 20 vert */
#produit-prix-unitaire, #produit-prix-total, #commande-frais-port, .commande-paiement-choix span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
    color: #27A72E;
}

/* Arial 25 vert */
#montant-total {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
    color: #27A72E;
}

/* Verdana 10 noir */
#cgv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    color: #000000;
}
#cgv a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    color: #000000;
	text-decoration: underline;
}
#cgv a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    color: #000000;
	text-decoration: none;
}



/*
// DIVERS ////////////////////////////////////////////////////////
*/

.clear {
	clear: both;
}

.cadre-ok {
	padding: 15px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	border: 1px #39AE2A solid;
	background-image: url(Images/Fond_ok.gif); 
}
.cadre-erreur {
	padding: 15px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px #ED1A21 solid;
	background-image: url(Images/Fond_erreur.gif); 
}


#quantite-choix {
	width: 15px; 
	height: 27px;
	cursor: pointer;
}

#quantite-plus {
	width: 15px;
	height: 14px;
	background:url('Images/Commande_quantite_choix.gif') no-repeat;
}
#quantite-plus:hover {
	background-position:-15px 0;
}
#quantite-plus:active {
	background-position:-30px 0;
}

#quantite-moins {
	width:15px;
	height:13px;
	background:url('Images/Commande_quantite_choix.gif') 0 -14px;
	background-repeat:no-repeat;
}
#quantite-moins:hover {
	background-position:-15px -14px;
}
#quantite-moins:active {
	background-position:-30px -14px;
}



/*
// LOOPED SLIDER ////////////////////////////////////////////////////////
*/

.container { width:450px; height:215px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:450px; display:none; }



/*
// COLORBOX ////////////////////////////////////////////////////////
*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#333333;}

#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(Images/Colorbox_controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(Images/Colorbox_controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(Images/Colorbox_controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(Images/Colorbox_controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(Images/Colorbox_controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(Images/Colorbox_controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(Images/Colorbox_border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(Images/Colorbox_border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#FF0000;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(Images/Colorbox_controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(Images/Colorbox_controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingGraphic{background:url(Images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(Images/Colorbox_controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}



.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/colorbox_ie/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/colorbox_ie/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/colorbox_ie/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/colorbox_ie/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/colorbox_ie/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/colorbox_ie/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/colorbox_ie/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/colorbox_ie/borderMiddleRight.png, sizingMethod='scale');}