/* CSS 2.0 Standard Strict
* Création Fabien Pamelard - Février 2009
*/


/*************/
/*  GENERAL */
/*************/
body{
	font-family: Georgia, "DejaVu Serif", Norasi, serif;
	color: #65645f;
	font-size: 0.75em;
	text-align:center; /* horizontal centering for IE Win quirks */   	
	background-image: url('../images/Home/background.jpg');
}

a img{ border:0px }

p{
	line-height:1.1em;
}

.orangeText{
	font-weight: bold;
	color: #cb3100;
}

.orangeBg{
	margin-top:5px;
	font-size: 1.2em;
	color: #fff;
	padding: 0px 5px 0px 5px;
	background-image: url('../images/Home/bgBtn.png');
}

.titreBox{
	float:left;
	margin-bottom: 5px;
	clear: both;
	width: 96.7%;
	color: #000;
	font-size: 1.3em;
	background: #e9e9e9;
	padding: 5px;
}

#content, #footer{
	text-align:left;
	padding:1em;
	/*border: 1px solid #fefefe;*/
	
	/*float:left;*/
	width:900px;
    margin-left:auto;
    margin-right:auto;
}


#footer{
	clear:both;
	text-align:center;
	padding:0em;
	font-size:0.9em;
}

#footer a{
	color:#707070;
}

#footer span{
	margin-left:0.1em;
}

#footerInformations{
	float:left;
	margin-bottom : 10px;
	text-align:center;
	background: #fff;
	padding: 5px;
	width: 60%;
	margin-left: 15em;
	margin-right: 15em;
}

#footerImage{
    margin-bottom : 10px;
	float:left;
	text-align:center;
	width:100%;
}


a {
	font-family: "Georgia", serif;
	color: #65645f;
	text-decoration:none;
	font-weight: normal;
}

a:hover {
	font-weight: normal;
}


#garantie24H{
	float:right;
	margin-right:-15px;
}

#paiementPaypal{
	float:left;
    margin-top:5px;
	margin-left:-25px;
	margin-right:-2px;
}

label{
	font-weight:bold;
}

h1{
	font-size: 1.3em;
	font-weight:normal;
}

h2{
	width:100%;
	color: #65645f;
	border-bottom:1px solid #65645f;
}

h3{
	width:100%;
	color: #65645f;
	border-bottom:1px solid #65645f;
	padding-left:20px;
	background: transparent url('../images/Home/bonhomme.png') no-repeat left center;
}

hr{
	border-top:1px solid #000;
	margin-left:10em;
	margin-right:10em;
}

#etapeBox, #homeProducts, #homeImage, #choixLogo, #choixPolice, #choixAlignement, #choixMarque, #choixCouleur, #choixCouleurBoitier, #choixQuantite, #choixCouleurStylo, #choixLogo, #choixTexteBox, #contentInformation, #choixFichier, #choixCommentaire{
    -moz-box-shadow: 2px 2px 6px #aaa;  
    -webkit-box-shadow: 2px 2px 6px #aaa;  
    box-shadow: 2px 2px 6px #555; 
	
	background:#fff;
}

#etapeBox{
	text-align:center;
	margin-top:-20px;
	width:900px;
	height: 28px;
}

.center{
	text-align:center;
    margin-bottom:0em;
}

.centerBtn{
	margin-left: 40%;
	margin-right: 40%;
}

.spacer{
	text-align:center;
	clear:both;
} 

/*************/
/* HOMEPAGE */
/*************/
#header{
	text-align:left;
    -moz-box-shadow: 2px 2px 6px #aaa;  
    -webkit-box-shadow: 2px 2px 6px #aaa;  
    box-shadow: 2px 2px 6px #555;       
	margin-bottom:10px;
	width: 900px;
	height: 75px;
	background: #fff;
	margin: auto;
}

#headerlogo{
	float:left;
}

#headerlivraison{
	float:left;
	margin-top:8px;
}

#homeinformations
{
	text-align:center;
}

#homeinformations h1{
	font-size: 0.9em;
	font-weight: normal;
}

#homeImage{
	text-align:center;
	background: #fff;
	height: 210px;
	margin-top: 10px;
	padding-top: 5px;
}

#homeImage span{
	margin-left:0em;
}

#homeProducts{
 	height: 585px;
	background: #fff;
	margin-top: 10px;
	text-align: center;
}

#homeBandeau{
	padding-top: 10px;
}

#homeArticles{
	float: left;
	width: 880px;
	height: 535px;
	margin-top:-3px;
	margin-right: 10px;
	margin-left: 10px;
	background: #efeee9;
}

.homeArticle{
	color: #707070;
	float:right;
	font-size:0.9em;
}

.homeBox{
	float:left;
	font-size:0.9em;
	margin-bottom:1em;
}

#homeGratuit{
   float:right;
   margin-top:-35px;
   margin-bottom:-75px;
}

#homeInformations{
	border-top: 1px solid #cdcdcd;
	margin-left:30px;
	margin-right: 30px;
}

#homeAccessRapide{
	float:right;
}

#homeAccessRapide a{
	margin-left:0px;
	padding-left:0px;
}

ul{
	margin-left: -38px;
	margin-top: 5px;
	list-style-type: none;
	line-height: 1.4em;
}

li{
	margin:5px;
	background: #fff;
	float:left;
	height: 165px;
	width: 165px;
}


/***************/
/* VALIDATION  */
/***************/
#validationBox{
	text-align:center;
	width:100%;
}

/*************/
/*  FACTURE  */
/*************/
.commandeTable{
	border:1px solid #dcdcdc;
	border-collapse:collapse;
	background:#f7f7f7;
	
}

.odd td{
	background:#fff;
} 

.commandeTable td, .commandeTable th{
	padding:5px;
	border:1px solid #dcdcdc;
}

.commandeTable th{
	font-size: 1.2em;
	color: #fff;
	padding: 0px 5px 0px 5px;
	background-image: url('../images/Home/bgBtn.png');
	text-align:center;
}

.commandeTable th, .commandeTable tfoot{
	border:1px solid #dcdcdc;
}

#commandeBox, #destinataireBox{
	float:left;
}

#destinataireBox{
	margin-left:2em;
	width:290px;
}

.remarqueBox{
	border:1px solid #dcdcdc;
	background:#f7f7f7;
	padding:0.8em;
	width:100%;
}

#destinataireBox span{
	/*text-decoration:underline;*/
	font-weight:bold;
	float:left;
	width:140px;
}


/*************/
/*DESTINATAIRE*/
/*************/
#formDestinataire{
	padding:1em;
	float:left;
	width:450px;
	margin-right:auto;
}

#facturationDifferente{
	margin-top:-13px;
}

#formDestinataire label, #formFacturation label{
	float:left;
	width:160px;
	margin-bottom:10px;
}

#formFacturation label
{
	width:130px;
}

#footerDestinataire{
	clear:both;
	text-align:center;
}

#modePaiementBox{
	margin:auto;
	width:83%;
}

.paiementBox{
	float:left;
	text-align:center;
	width:200px;
	height:180px;
	background: #fff;
	margin:20px;
}


/****************/
/* INFORMATIONS */
/***************/

#contentInformation{
	background: #fff;
	text-align: justify;
	padding: 3em;
}

#garantie24Box{
	clear:both;
	float:left;
	text-align:center;
	width:100%;
}

#listeArtiste ul{
	list-style-type: none;
}

#cgv{
	font-size:0.95em;
}

/*************/
/* COMMERCE */
/*************/

#artisteImage{
	text-align:center;
}

#artisteImage span{
	margin-right:20px;
}

#choixExemple{
	float:right;
	margin-top: 15px;
	margin-right: 30px;
}

#choixPolice
{
	margin-top: 10px;
	float:left;
	width: 730px;
	height: 150px;
	margin-top:10px;
	background: #fff;	
}

#choixPolice div 
{
	margin-left:0.2em;
	width: 169px;
	height: 30px;
	float:left;
	margin-bottom:0.2em;
}

#choixPolice input 
{
	float:left;
	margin-top:4px;
}

#choixAlignement{
	clear:both;
}

#choixAlignement, #choixMarque, #choixCouleur, #choixCouleurBoitier, #choixQuantite, #choixCouleurStylo, #choixLogo, #choixFichier, #choixCommentaire{
	width: 290px;
	background: #fff;	
	margin-top:10px;
	float:left;
	margin-right: 10px;
	height: 100px;
}


#choixFichierArtiste{
	margin-top:2em;
}

.alignBox{
	float:left;
	width:33px;
	text-align:center;
	margin:0.6em;
}

#choixCouleur .alignBox{
	width:1.8em;
}

#choixMarque .alignBox{
	text-align:center;
	width:6.5em;
}

#choixTexteBox{
	text-align:center;
	padding-top:5px;
	margin-top: 10px;
	float:left;
	background: #fff;
}

#choixTexte{
	background: #efeee9;
	clear:both;
	float:left;
	width:430px;
	height: 500px;
	margin-left:10px;
	margin-top: -2px;
	margin-bottom:35px;
}

#choixTexte table, #choixTexte td, #choixTexte tr{
	padding:2px;
	margin:0px;
}

#ligneBox p{
	margin:0;
	margin-bottom:0.4em;
}

#ligneBox{
	clear :both;
	float:left;
	margin:0;
	width:100%;
}

#styleBox{
	float:right;
	margin-top:-1.5em;
    width:73px;
	/*margin-left:331px;*/
}

#choixPrevisualisation{
	width:390px;
	height: 500px;
	margin-top: -2px;
	padding-left:40px;
	background: #efeee9;
	float:left;
	text-align:center;
	margin-bottom:2em;
}

#choixLogo{
	float:left;
	text-align: center;
	margin-top: 10px;
	width:150px;
	height:150px;
	background: #fff;
}

#choixPrevisualisation h1{
	text-align:left;
}

#previsuBox img{
	border: 1px dashed #cdcdcd;
}


#choixValidation{
	float:left;
	width: 60%;
	margin-top:-42px;
	margin-left:14%;
	margin-right:auto;
	clear:both;
	text-align:center;
}

.blackBox, .redBox, .blueBox, .purpleBox, .greenBox, .noColorBox, .darkblueBox, .orangeBox, .whiteBox, .blueredBox{
	-moz-box-shadow: 1px 1px 2px #aaa;  
    -webkit-box-shadow: 1px 1px 2px #aaa;  
    box-shadow: 1px 1px 2px #555; 
	width:30px;
	height:30px;	
}

.noColorBox{
}

.blueredBox{
	width:23px;
	height:23px;	
	border:4px solid #0032ff;
	background-color:  #ff2803;
}

.orangeBox{
	background-color: #e16f00;
}

.whiteBox{
	background-color: #fff;
}

.darkblueBox{
	background-color: #13136b;
}

.blackBox{
	background-color:#000;
}

.redBox{
	background-color:#ff2803;
}

.blueBox{
	background-color:#0032ff;
}

.purpleBox{
	background-color:#88539b;
}

.greenBox{
	background-color:#408b30;
}

/*************/
/* BOUTONS */
/*************/

button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-image: url('../images/Home/bgBtn.png');
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
button img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
	background-image: none;
    background-color:#fff;
    border:1px solid #c2e1ef;
    color:#65645f;
}
a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}