
/* GENERAL */


.rouge{
	color:red;
}

a{
	text-decoration:none;
}







/* STRUCTURE */
#page{
	
	/* width = 1003px */
	
	/*width:985px; /* 1003 -18 = 985 */
	padding-left:18px;
	
	width:986px;

	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	/*font-family: Times;*/
	font-family: verdana;
	
/*	background:pink;*/
}

#left{
	/* width = 191px */
	float:left;
	width:191px;
	
	
/*	background:yellow;*/
}

	h1#logo, h1#logo img{
		width:160px;
		height:71px;
	}
	
	ul#list_dapath{
		margin-top:77px;
		margin-bottom:14px;
		padding-bottom:6px;
		
		border-bottom:1px dotted red;
		
	}
	
	ul#list_dapath li{
		/* width = 191px */
		margin-bottom:5px;
		background: #ffffff url('../media/element_design/dapath.gif') ;
		padding-left:8px;
		padding-top:5px;
		
		height:15px; /* 20 - 5 = 15 */
	}
	
	ul#list_dapath li a{
		display:block;
		font-weight:bold;
		font-size:12px;
		font-family:"Myriad Pro";
		color:#808080;
	}
	
	
/**** LES 2 AUTRES ETATS POSSIBLE ! *****/
	ul#list_dapath li.selected a, ul#list_dapath li.ok a{
		color:#ffffff;
	}
	
/* EN COURS */
	
	ul#list_dapath li.selected{
		/* width = 191px */
		background-position:0px 40px;
	}
	

	
	
/* DEJA EFFECTUEE */
	
	ul#list_dapath li.ok{
		/* width = 191px */
		background-position:0px 20px;
	}
	
/*/////*/	
	
	h3#votrepanier, h3#votrepanier img{
		height:55px;
/*		background-color:red;*/
		
	}
	
#right{
	float:left;
	border-left:1px dotted #808080;
	min-height:890px;

}	
	

/***** PAGE : home.php *****/

#h_choisissez_cartes{
	background: #ffffff url('../media/element_design/h_choisissez_cartes.gif');
	width:793px;
	height:172px;
	position:relative;
}

#rouge_hover{
	color:#000000;
}
#rouge_hover:hover{
	color:red;
}	

#h_choisissez_cartes input{
	color:#000000;
	position:absolute;
	top:97px;
	left:617px;
	width:54px;
	background-color:#ffffff;
	border:none;
	border-bottom:1px solid #000000;
	margin:0px;
	padding:0px;
}
	
div#home_text_intro{
	font-weight:bold;
	font-size:12px;
	font-family:"Myriad Pro";
	color:#000000;
	padding-left:33px;
	margin-top:-1px;
	width:760px;
}

div#couleur_text_intro{
	font-weight:bold;
	font-size:12px;
	font-family:"Myriad Pro";
	color:#000000;
	padding-left:33px;
	margin-top:6px;

	width:760px;

}

ul#list_cart{
	display:block;
	width:793px;
 /* 793 - 33 = 760 */
/*	margin-left:33px;*/
	margin-left:-6px;
	margin-top:12px;
}
#list_cart li { display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top; word-wrap:break-word; }
* html #list_cart li { display:inline; }
* + html #list_cart li { display:inline; }
* html #list_cart li { width:254px; }
#list_cart li > * { display:table; table-layout:fixed; /*width:254px;*/ overflow:hidden; }


ul#list_cart span.elementlist1{
	display:block;
	float:left;
	padding:0 0 20px 0;
	margin-left:29px;
/*	height:200px;*/
/*	height:220px;*/
	margin-top:12px;

}

ul#list_cart>span.elementlist1{
	margin-left:39px;
}

ul#list_cart span.carte1{display:block; width:225px; background-repeat:no-repeat; padding-top:5px;}
ul#list_cart span.carte1 img{display:block; margin-left:5px;}

	/* CARRÉ */
ul#list_cart span.forme1{background: #ffffff url('../media/cartes/1vide.gif') no-repeat top left; width:161px; height:156px;}
ul#list_cart span.forme1 img{width:142px; height:142px;}

	/* RECTANGULAIRE HORIZONTAL */
ul#list_cart span.forme2{background: #ffffff url('../media/cartes/2vide.gif') no-repeat top left; width:225px; height:117px;}
ul#list_cart span.forme2 img{width:206px; height:103px;}

	/* RECTANGULAIRE VERTICAL */
ul#list_cart span.forme3{background: #ffffff url('../media/cartes/3vide.gif') no-repeat top left; height:225px; width:117px;}
ul#list_cart span.forme3 img{height:206px; width:103px;}



ul#list_cart span.description1{
	display:block;
	width:215px;
	padding-left:10px;
	margin-top:2px;
/*	background-color:green;*/
}

.form_selected{
	display:none;
}

.form_selected input.quantite{
	width:30px;
}

.form_selected input.ok1{
	background-color:white;
	border:0px solid;
	color:red;
	font-weight:bold;
	font-size:20px;
	background: #ffffff url('../media/element_design/bok_V2.gif');
	width:28px;
	height:20px;
}

/*** PAGE votreprix.php ***/

h2#h_votreprix{
	background: #ffffff url('../media/element_design/h_votreprix.gif');
	width:793px;
/*	height:172px;*/
	margin-top:-2px;
	height:149px;
}

div#votreprix_text_intro{
	font-weight:bold;
	font-size:12px;
	font-family:"Myriad Pro";
	color:#000000;
	padding-left:33px;
	/*margin-top:15px;*/
	/* AVANT : margin-top:-34px;*/
	margin-top:12px;
}

ul#list_prix{
	width:793px;
	margin-top:13px;
	border-bottom:1px dotted #808080;
	border-top:1px dotted #808080;
}

ul#list_prix li{
	display:inline;
	
}

ul#list_prix span{
	display:block;

}

ul#list_prix span.element_list_prix{
/*	background:pink;*/
	width:197px;
	border-right:1px dotted #808080;
	border-bottom:1px dotted #808080;
	float:left;
	padding-top:20px;
	height:280px;
}

ul#list_prix span.element_list_prix a{
	text-decoration:underline;
	color:#000000;
	font-size:10px;
	font-family:verdana;
}

ul#list_prix span.simoins{
	padding-left:15px;
	width:182px;
}

ul#list_prix span.simoins{
	padding-left:15px;
	padding-top:220px;
	width:182px;
	height:60px;
	border:none;
}

ul#list_prix span.simoins span.text{
	display:block;
	margin-top:3px;
}

ul#list_prix span.simoins a{
	display:block;
	margin-top:8px;
}


ul#list_prix li#term_perso span.element_list_prix{
/*	background-color:pink;*/
	border:none;
	width:180px;
}


#term_perso span.element_list_prix{
	padding-left:19px;

}
a.btn_terminer{
	display:block;
	margin-top:25px;
	margin-bottom:10px;
	margin-left:12px;
	background: #DDD url('../media/element_design/btn_terminer.gif') no-repeat top left;
	height:99px; width:133px;
}

a.btn_terminer:hover{
	background-position:bottom left;
}


a.btn_personnaliser{

	display:block;
	margin-left:12px;
	background: #DDD url('../media/element_design/btn_personnaliser.gif') no-repeat top left;
	height:99px; width:133px;
}

a.btn_personnaliser:hover{
	background-position:bottom left;
}


ul#list_prix span.selected{
	background:#f2f2f2;
}

ul#list_prix span.exemplaire_list_prix{
	font-family:"Myriad Pro";
	font-size:11px;
	font-weight:bold;
	color:red;
/*	background-color:yellow;*/
	width:100px;
	text-align:right;
	margin-left:65px;
	margin-top:-10px;
}


ul#list_prix span.plus3001{
	border-bottom:none;
}

ul#list_prix span.plus3001 span.exemplaire_list_prix{
	margin-top:13px;
}


ul#list_prix span.img_list_prix{
	padding-left:30px;
}

ul#list_prix span.unite_list_prix{
	font-family:"Rockwell bold";
	font-size:22px;
	font-weight:bold;
	color:red;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #b6b6b6;
	background-color:#ffffff;
	/*width:134px;*/
	width:114px; /* 134 -20 = 114 */
	padding-left:20px;
	height:60px;
	margin-top:8px;
} 

ul#list_prix span.ttc_list_prix{
	text-align:center;
	padding-top:4px;
}

ul#list_prix span.selected_ici{
	background-color:black;
	text-align:center;
	color:#ffffff;
	margin-top:6px;
	padding-top:3px;
	padding-bottom:4px;
}

ul#list_prix a.add{
	display:block;
	text-align:center;
	margin-top:4px;
	text-decoration:underline;
}

ul#panier{
	margin-top:12px;
	font-size:9px;
}	

ul#panier li{
	padding-left:19px;
	background: #ffffff url('../media/element_design/panier_puce.gif');
	background-repeat:no-repeat;
/*	background-color:pink;*/
	background-position:0px 3px;
	margin-bottom:12px;
}

ul#panier input{
	color:#ffffff;
	background-color:red;
	border:none;
	width:10px;
	height:10px;
}

ul#panier input.plus{
	background: #ffffff url('../media/element_design/plus.gif');
	width:12px;
	height:12px;
	
}

ul#panier input.moins{
	background: #ffffff url('../media/element_design/moins.gif');
	width:12px;
	height:12px;
}

ul#panier a.supprimer{
	color:#b6b6b6;
	text-decoration:underline;
}

div#total_exemplaires{
	padding-left:19px;
	background: #ffffff url('../media/element_design/panier_puce.gif');
	background-repeat:no-repeat;
	background-position:bottom left;
	background-position:0px -135px;
	color:red;
	font-size:10px;
	font-family:verdana;
		
	border-top:1px solid #000000;
	border-bottom:1px dotted red;
	padding-top:8px;
	padding-bottom:20px;
	margin-bottom:0px;

}

ul#spe{
	margin-top:5px;
	padding-left:19px;
}

ul#spe li{
	margin-bottom:8px;
}
ul#spe li a{
	text-decoration:underline;
	font-size:10px;
	font-family:verdana;
}

#h_personnaliser{
	background: pink url('../media/element_design/h_personnalisez.gif');
	background-repeat:no-repeat;
	width:793px;
	margin-top:45px;
	margin-bottom:24px;
/*	height:172px; -30 */
	height:102px;
}

ul#list_personalisation{
	width:763px;
	margin-top:12px;
	margin-left:30px;
}

ul#list_personalisation li{
	display:inline;
}

span.elementlist2{
	display:block;
/*	background-color:pink;*/
	height:230px;
	float:left;
	margin-right:15px;
}

div.description2{
	margin-top:5px;
}

#h_quelstyle{
	background: url('../media/element_design/h_quelstyle.gif');
	background-repeat:no-repeat;
	width:793px;
	margin-top:24px;
/*	height:172px; -30 */
	height:123px;
}

ul#ul_list_style{
	padding-left:21px;
	width:772px;
/*	background-color:yellow;*/
/*	height:120px;*/
}

#caract_option1{
	margin-top:12px;
	background-color:#ffffff;
	height:90px;
	border-bottom:1px dotted #808080;
	width:793px;
}

#caract_option1 div{
	background: #ffffff url('../media/element_design/style_option_1.gif');
	background-repeat:no-repeat;
	float:left;
	padding-top:32px;
	margin-left:23px;
	margin-right:8px;
	margin-top:3px;
}

#caract_option1 img#option1_img1{
	display:block;
	float:left;
	margin-top:14px;
	margin-right:12px;
}
#caract_option1 a#option1_img2{
	display:block;
	float:left;
	height:57px;
	width:63px;
	background: pink url('../media/element_design/btn_ok.gif');
	background-position:bottom;
}

#caract_option2{
	margin-top:12px;
/*	background-color:pink;*/
}

#caract_option2 div{
	background: #ffffff url('../media/element_design/style_option_2.gif');
	background-repeat:no-repeat;
	float:left;
	padding-top:32px;
	margin-left:23px;
	margin-right:8px;
	margin-top:3px;
	width:760px;
}


li.li_list_style{
	float:left;
}
li.li_list_style div.op_img2{
	display:block;
	width:384px;
/*	background-color:green;*/
	padding-top:10px;

}

li.li_list_style div.op_img2 a{
	display:block;
	width:63px;
	height:57px;
	float:left;
	background: blue url('../media/element_design/btn_ok.gif');
	
	margin-left:6px;
	margin-top:-10px;
	
}

li.li_list_style span.style{
	display:block;
	width:370px;
/*	background-color:pink;*/
	padding-top:4px;
	padding-bottom:8px;
}

ul#list_color{
	width:793px;
}

ul#list_color li{
	float:left;
}

ul#list_color div.name_color{
	padding-left:12px;
}

#h_choisissez_couleur{
	background: #ffffff url('../media/element_design/h_choisissez_couleur.gif');
	width:793px;
	height:136px;
}

#h_tapez{
	background: #ffffff url('../media/element_design/h_tapez.gif');
	width:793px;
	height:172px;
}

form#form_votre_text textarea{
	width:421px;
	height:124px;
	margin-left:32px;
	margin-top:8px;
	padding:12px;
	margin-bottom:12px;
}

#h_aveclogo{
	background: #ffffff url('../media/element_design/h_aveclogo.gif');
	width:793px;
	height:125px;
}

#aveclogo_illus{
	margin-left:23px;
	float:left;
	margin-top:22px;
}

div#one_left{
	float:left;
	/*background-color:yellow;*/
	width:255px;
}

div#two_left{
	float:left;
	/*background-color:green;	*/
	width:230px;
}

#part_left{
	display:block;
	float:left;
	margin-left:12px;
	margin-top:22px;
	
/*	width:295px;*/
	width:345px;

	/*background-color:pink;*/

}

#part_left h4{
	float:left;
	background-color:red;
	width:220px;
	height:13px;
	font-weight:bold;
	color:#ffffff;
	padding-left:5px;
	padding-bottom:3px;
	padding-top:3px;
}
#logo_text{
	display:block;
	font-size:12px;
	font-family:'Rockwell';
	font-size:bold;
	margin-top:6px;
}
#input_votrelogo{
	margin-top:8px;
	margin-bottom:8px;
	width:150px;
}
#inserer_logo_text{
	margin-top:0px;
	font-size:9px;
	color:#999999;
	margin-bottom:8px;
	width:220px;
}

#paslogo{
	margin-top:12px;
	margin-bottom:8px;
}

#radio_votrelogo{
	margin-left:-2px;
}

#text_paslogo{
	width:220px;
}

a.lien1_logo, a.lien2_logo{
	display:block;
	float:left;
	background: #ffffff url('../media/element_design/btn_ok.gif');
	width:63px;
	height:57px;
	
	margin-left:14px;
}

a.lien2_logo{
	margin-top:12px;
}

span#logo_ou{
	display:block;
	
	margin-top:12px;
	margin-bottom:12px;
	font-weight:bold;
	color:#999999;
}


#votre_textblock{
/*	background-color:yellow; */
	width:700px; 
	height:1200px;
}

#votre_textblock img{
	display:block;
	float:left;
}

#votre_texte_part1{
	width:224px;
	/*height:150px;*/
	margin-left:32px;
	float:left;
/*	background-color:pink;*/
	margin-top:12px;
	margin-right:24px;
	
}

#votre_texte_part2{
	margin-top:12px;
	width:224px;
	/*height:100px;*/
	float:left;
/*	background-color:green;*/
	padding-left:24px;
	border-left:1px dotted #808080;
}

#votre_texte_part1 img, #votre_texte_part2 img{
	display:block;
	float:left;
}

.votre_text_choix{
	float:left;
	/*background-color:red;*/
	margin-left:24px;
	width:135px;
	height:60px;
}

#votre_texte_part1 img, #votre_texte_part2 img, .votre_text_choix{
	margin-bottom:24px;
}

#h_recap{
	background: #ffffff url('../media/element_design/h_recap.gif');
	width:793px;
	height:170px;
	position:relative;
}

#h_recap a{
	position:absolute;
	text-decoration:underline;
	top:97px;
	left:620px;
	color:#000000;
}

/*#h_recap a:hover{
	color:red;
}*/

table#tableau1{
	border-top:1px dotted #808080;
	border-bottom:1px dotted #808080;
	
/* BARBARE A MODIFIER :*/
margin-bottom:50px;
margin-left:22px;
padding-top:2px;
}


table#tableau1 th span{
	
	display:block;
	margin:2px 2px 2px 0px;
	background-color:#737373;
	color:#ffffff;
	font-weight:bold;
	padding-left:5px;
	
	padding-top:3px;
	padding-bottom:3px;

}
table#tableau1 td{
	padding-top:3px;
	padding-bottom:3px;	
}


table#tableau1 tr{
	border-bottom:1px dotted #808080;

}

table#tableau1 a{
	text-decoration:underline;
	color:#808080;
}

/*** TAbleau 1 ***/

#tableau1_quantite{
	width:160px;
}
#tableau1_nbrmodele{
	width:146px;	
}
#tableau1_type_encart{
	width:119px;
}
#tableau1_text{
	width:88px;
}
#tableau1_logo{
	width:88px;
}
#tableau1_couleur{
	width:116px;
	margin-right:0px;
}

#tableau2{
	border-top:1px dotted #808080;
	border-bottom:1px dotted #808080;
	margin-left:22px;
	margin-bottom:24px;
}

#tableau2 th span{
	display:block;
	margin-top:2px;
	margin-left:2px;
	margin-bottom:2px;
	padding-left:5px;
	color:#ffffff;
	font-weight:bold;
	
}
#tableau2 th span, #tableau2 td span {height:17px;}
#tableau2 td span {margin-bottom:2px;}
#tableau2 th span#tableau2_quantite{
	background-color:#737373;
	width:200px;
	padding-top:4px;
}

#tableau2 th span#tableau2_prix_unitaire{
	background-color:#737373;
	width:200px;
	padding-top:4px;
}

#tableau2 th span#tableau2_total{
	background-color:#000000;
	width:340px;
	padding-top:4px;
}

span.tableau2_element{
	display:block;
	background-color:#b0b0b0;
	margin-bottom:1px;
	color:#ffffff;
	padding-top:4px;
}

#tableau2 span.tab2_champleft, #tableau2 span.tableau2_elementseul, #tableau2 span.tableau2_element{
	margin-left:2px;
	padding-left:4px;
}
div.block793{
	width:793px;
}
h3#h3fraisport{
	font-family:"Trade Gothic"; 
	font-size:23px; 
	color:#808080; 
	font-weight:bold;
	margin-left:22px;
	float:left;
	background: #ffffff url('../media/stitre/FRAISDENVOI.gif');
	background-repeat:no-repeat;
	height:23px;
	width:186px;
}

div#soush3fraisport{
	float:left;
	margin-left:21px;
	margin-top:12px;
}

div#soush3fraisport a{
	color:#808080;
	text-decoration:underline;
}

h3#h3fraisportdescript{
	font-family:Trade Gothic; 
	font-size:23px; 
	color:#808080; 
	font-weight:bold;
	margin-left:22px;
	margin-bottom:12px;
	background: #ffffff url('../media/stitre/descriptif.gif');
	background-repeat:no-repeat;
	height:23px;
}

ul#ul_list_frais_port{
	width:771px;
	/*background-color:pink;*/
	/*padding-left:22px;*/
	border-top:1px dotted #808080;
	margin-top:8px;
	margin-bottom:14px;
	margin-left:22px;
}

ul#ul_list_frais_port li{
	display:block;
	float:left;
	border-right:1px dotted #808080;
	border-bottom:1px dotted #808080;
	border-left:none;
	width:160px;
	padding-left:22px;
	padding-top:14px;

	/*height:238px;*/
}

ul#ul_list_frais_port li.selected{
	background-color:#f2f2f2;
}
ul#ul_list_frais_port li.no_padding_left{
	/* VOIR AVEC REMY G SI ON LE MET padding-left:0px;*/
}

ul#ul_list_frais_port li.no_border_right{
	border-right:none;
}

ul#ul_list_frais_port li.no_border_bottom{
	border-bottom:none;
}

ul#ul_list_frais_port li div.prix_htfrais{
	border:1px solid #b6b6b6;
	background-color:#ffffff;
	color:red;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	width:130px;
	margin-left:2px;
	height:25px;
	margin-top:6px;
}	

ul#ul_list_frais_port li.no_prix div.prix_htfrais{
	font-size:12px;
}

ul#ul_list_frais_port li span.ttcfrais{
	display:block;
	margin-top:2px;
	margin-left:40px;
	height:20px;
}

ul#ul_list_frais_port div.ici_frais{
	background-color:#ffffff;
	color:#FFFFFF;
	margin-left:-22px;
	padding-bottom:3px;
	padding-top:3px;
	height:32px;
}

ul#ul_list_frais_port li.selected div.ici_frais{
	background-color:black;
	font-family:Times;
}

ul#ul_list_frais_port li.no_padding_left div.ici_frais{
	/* A MODIFIER SI REMY G LE VEUT margin-left:0px;*/
}

ul#ul_list_frais_port div.ici_frais span.ici_f1{
	font-weight:bold;
	display:block;
	text-align:center;

}

ul#ul_list_frais_port div.ici_frais span.ici_f2{
	display:block;
	text-align:center;
	margin-top:2px;
}

h3#titre_tab_recap{ 
	margin-left:22px;
	font-family:"Trade Gothic"; 
	font-size:23px; 
	color:#808080; 
	font-weight:bold;
	margin-bottom:24px;
	background: #ffffff url('../media/stitre/recap.gif');
	height:29px;
	width:750px;
}

#h_identification{
	background: #ffffff url('../media/element_design/h_identification.gif');
	width:793px;
	height:136px;
	background-repeat:no-repeat;
}

div#identification_text_intro1, div#identification_text_intro2, div#identification_text_intro3{
	width:771px;

	color:#000000;
	font-weight:bold;
	font-size:12px;
	margin-left:22px;
}

div#identification_text_intro1{
	margin-top:12px;
}
div#identification_text_intro2{


}

div#identification_text_intro2 a{
	display:block;
	background: #ffffff url('../media/element_design/btn_encliquant.gif');
	width:133px;
	height:57px;
	float:left;
}

div#identification_text_intro2 a:hover{
	background-position:bottom;
}

div#identification_text_intro2 span{
	padding-top:15px;
	
	margin-right:3px;
	display:block;
	float:left;
}
div#identification_text_intro3 a{
	text-decoration:underline;
	color:#808080;
}

div.identification1{
	width:793px;
}

div#identification_text_intro1 span{
	font-weight:normal;
}

div#identification_part1, div#identification_part2{
	float:left;
	margin-top:24px;
}

div#identification_part1{
	/*background-color:green;*/
	
	margin-left:18px;
}

div#identification_part2{
	/*background-color:pink;*/
	margin-left:40px;
}

div#identification_part1 input, div#identification_part1 textarea, div#identification_part2 input{
	width:204px;
	height:12px;
	padding:2px;
	margin-bottom:7px;
	margin-top:-3px;
	margin-left:4px;
	border:1px solid #B6B6B6;
}

div#identification_part1 textarea{
	
	min-height:74px;
}

div#identification_part1 td, div#identification_part2 td{
	padding-top:4px;
	text-align:right;
	vertical-align:top;
}

div#identification_creer_bc{
/*	clear:both;
	width:793px;*/
/*	background-color:pink;*/
}
div#identification_creer_bc input{
	border:0px solid #ffffff;
	width:230px;
	height:57px;
	background: #ffffff url('../media/element_design/btn_creez.gif');
	margin-left:135px;
	margin-top:4px;

	
}

div#identification_creer_bc input:hover{
	background-position:bottom;
}

#form_home{
	position:relative;
	margin-top:-12px;
}

input#submit_home{
	position:absolute;
	color:#000000;
	border:0px;
	background-color:#ffffff;
	top:-105px;
	left:620px;
	border-bottom:1px solid #000000;
	width:65px;
}

ul#ul_list_frais_port li.no_prix div.prix_htfrais{
	padding-top:11px;
	font-size:12px;
}


.tip{width:118px; height:110px;}
div .tip{background: transparent url('../media/element_design/hov_clicpoursel.gif') no-repeat top left;}
div>.tip{background: transparent url('../media/element_design/hov_clicpoursel.png') no-repeat top left;}
.tip-text{display:none;}

#home_suivant{
	display:block;
	width:110px;
	height:99px;
	background: red url('../media/element_design/btn_etapesuivante.gif');
}

#home_suivant:hover{
	background-position:bottom;
}

.check{
	margin-left:-1px;
}
