h1{
  margin-bottom: 30px;
  text-align: center;
  color: rgba(114, 73, 187, 0.87);
  text-shadow: 0 1px 1px rgba(35,35,303,0.2);
  font-size: 26px;
}

h2{
  padding: 10px 0 0 10px;
  text-align: center;
  color:rgba(0, 0, 0, 0.71);
 /* background-color:#f6f5f3;*/
  font-size: 21px;
  font-weight: 700;
}

input[type="radio"]{
	margin-right:16px;
}


  
/*----------- PANIER ------------*/
#panier_entete, .odd{
	background-color: rgba(208, 208, 209, 0.13);
	color:rgba(0, 0, 0, 0.66);
}
#product_img{
	max-height:80px;
	max-width:80px;
	border:0;
}

#panier_img{
	background-color:#FFF;
	text-align:center;
	border:0;
}
#panier_desc{
	padding-left:12px;
	font-size: 13px;
}
#panier_aide{
	text-align:center;	
	font-size:14px;
}
#panier_aide h3{
	color: rgba(68, 68, 68, 0.95);
font-size: 18px;
text-align: center;
font-weight: 700;
margin:12px 0 6px 0;
}
#panier_aide div{
	margin:10px 0 40px 0;
	font-weight:500;
	color:#999;
}



.small_btn_panier img{
	border:0;
}






u{
	font-weight: bold;
font-size: 20px;
color: #444;
margin-left: -40px;}


/*----------------------------- FUNNEL ---------------------------------- */
#funnel, #espace_client {
	margin: 0 auto;
	width: 98%;
	  position: relative;
	  min-height:680px;
	  display:inline;
}
#funnel form, #espace_client form {
	margin: 0;
}
#funnel legend, #espace_client legend {
  font-size: 18px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
    margin-left: 20px;
}

@-moz-document url-prefix() {  #funnel legend, #espace_client legend { font-weight:600; }   }

#funnel fieldset, #espace_client fieldset {
	padding-bottom: 8px;
  border: 1px rgba(51, 51, 51, 0.28) solid;
  background-color: #E6E6FB;
	background: #ffffff;
}
#funnel label, #espace_client label {
	width: 25%;
font-size: 16px;
font-weight: 500;
color: #333;
line-height: 31px;
vertical-align: middle;
float: left;
margin: 0 16px 0 0;
text-align: right;
white-space: nowrap;
}
#funnel p {
	color: #333;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin: 12px 0 0 0;
	text-align: center;
	
	clear:both;
	line-height:1.5em;
	vertical-align:middle;
	font-size:13px;
	/*color:#555;
	margin:0;*/
}
#funnel a {
	color: #333;
	margin: 12px 0 0 0;
	text-align: center;
	
	clear:both;
	line-height:1.5em;
	vertical-align:middle;
	font-size:15px;
}
#funnel input[type="text"], #espace_client input[type="text"], #funnel_password {
	border: 1px #999 solid;
	padding-left: 5px;
	background-color: white !important;
	font-size: 18px;
	  color: rgba(0, 0, 0, 0.65);
	    height: 31px;
}
#funnel li, #espace_client li {
	list-style-type: none;
}

#funnel > form > fieldset {
	background-color:white;
}

#funnel_g{
	width:40%;
	float:left;
}
#funnel_d{
	width:60%;
	float:right;
}
#funnel_gc{
	width:25%;
	float:left;
}
#funnel_dc{
	width:70%;
	float:right;
	margin-left:16px;
}





.explication {
	font-size: 13px;
	color: rgb(97, 51, 207);
	text-align: -webkit-center;
	display: block;
}


#funnel .saisie{
	text-align: left;
	margin: 10px;
	height:30px;
	position: relative;
}

#funnel .mdp{
	text-align: center;
	  display: block;
	  margin: 10px;
	  clear:both;
}

#btn_choix{
	margin:16px 0;
text-align:center;	
}
	

#espace_client .saisie {
	clear:both;
	
}
#espace_client input {
	float:left;
}
#espace_client label.error,#funnel label.error {
	float:none;
	color: #FF0000;
	font-weight:bold;
	font-size:12px;
	white-space:inherit;

}
#mdp_oublie {
	text-align:center;
	width:50%;
	margin:0 auto;
}

/* page.funnel.adresse.tpl */
.saisie2 {
	text-align: left;
	margin: 10px;
	clear: both;
	height:30px;
}
.saisie2>a {
	font-size: 12px;
}
.saisie2 input {
	font-size: 15px;
	height: 26px;
}



/*-------------- LOGIN ------------------*/
#login_form fieldset {
margin-right: 16px;
}
#login_form label {
	width: 110px;
	
}
select {
	padding: 1px;
	margin: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	background: #f8f8f8;
	color: #888;
	border: none;
	outline: none;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	font-size: 17px;
}








#livraison3 {
	text-align:left;
	margin: 0 120px;
}
#livraison3 h2{
	color:#8700BE;
}
#livraison3 form{
	font-size:16px;
}

#block_debit_expedition{
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 2px solid rgba(128, 28, 221, 0.51);
	padding: 5px;
	font-size: 17px;
	display: block;
	margin-left: -65px;
	width: 680px;
	}

#block_debit_expedition .inputbox {
	width:180px;
	font-size: 15px;
	height: 26px;
}
.input_CCV{
	width:36px;
	font-size: 15px;
	height: 26px;
}
.input_DATE{
	width:105px;
	font-size: 15px;
	height: 26px;
}
.payment_box{
	padding-bottom:20px;
	text-align:left;
	
}




























/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
select {
	padding-right: 18px
}
}
#span_funnel {
	position: relative
}


.inputbox {
	width: 93px;
}

#span_funnel:after {
	content: '<>';
	font: 11px "Consolas", monospace;
	color: #aaa;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 8px;
	top: -2px;
	padding: 0 0 2px;
	border-bottom: 1px solid #ddd;
	position: absolute;
	pointer-events: none;
}
#span_funnel:before {
 background: none repeat scroll 0 0 #F8F8F8;
    content: "";
    display: block;
    height: 22px;
    pointer-events: none;
    position: absolute;
    right: 2px;
    width: 20px;
	
}
#differentShippingAddress, #sameShippingAddress{
background: rgba(213, 140, 184, 0.32);
margin-bottom: 16px;
border: 1px rgb(179, 138, 231) solid;
}



/*------------ FORMULAIRE ADRESSE ------------------*/







.centered{text-align:center;}

#submit1, #validFunnelBt {
	margin-top: 16px;
}
#checkbox {
	width: 50% !important;
}
/*------------------ LIVRAISON 2 ------------------------------------*/

#livraison2 {
	text-align: left;

}

#livraison2 a{
	margin-left:68px;
	text-align:center;
}
#livraison2 table{
	margin-left: 15px;
	text-align:left;
}
#livraison2 th{
	text-align:left;
	padding-left:20px;
	color:#333;
	line-height: 18px;
	vertical-align: top;
}
#livraison2 td{
	  text-align: left;
  /*padding-left: 20px;*/
  color: #666;
  line-height: 20px;
  vertical-align: top;
  height: 40px;
}
#livraison2 form{
	padding-left:40px;
	line-height: 18px;

}
#livraison2 h2 {	text-align:left;  margin-bottom: -10px;
}
#livraison2 ul{
	margin: 0 70px;
	width: 50%;
	float: left;
	list-style:none;
}
#livraison2 span {
	  font-weight: 600;
}
#livraison2 p {
	clear: both;
	position: relative;
left: -110px;
}
#livraison2 td {
	color: rgba(51, 51, 51, 0.8);
}
#livraison2 .checked {
	background-color: rgba(215, 215, 215, 0.18);
}

#msgdestinataire{
	text-align:center;
	display:block;
}




.information{
	padding: 40px;
}

.information p{
	margin: 16px 0 16px 40px;
}


.information ul{
	margin: 16px 0 16px 40px;
}




#regler_commande {
	position: relative;
left: 170px;
}

#contact {
    text-align: center;
    font-size: 15px;
   /* width: 35%;*/
    left: 50%;
  /*  position: absolute;*/

}
#btn {
	left: 0;
	position: absolute;
}
#btn:hover {
	color: rgba(51, 51, 51, 0.65);/*border:1px red solid;*/
}

.lien{
	text-align:center !important;
}
.lien_modifier {
	color: rgba(0,0,0,.6);
  text-shadow: 0 1px 1px rgba(35,35,303,0.1);
  font-size: 14px;
  margin-left: 0 !important;
}
.lien_modifier:visited {
	color: rgba(0,0,0,0.7);
	text-shadow: 0 1px 1px rgba(35,35,303,0.1);
}
.lien_modifier:hover {
	text-decoration: underline;
	color: rgb(69, 69, 255);
}
small {
	font-size: 12px;
	font-family:arial;
}

/*---------------------------- AIDE ---------------------------------*/
#colonne_aide {
	text-align: center;
	font-size: 14px;
}
#colonne_aide h3 {
	color: rgba(68, 68, 68, 0.95);
	font-size: 18px;
	text-align: center;
	font-weight: 700;
}
#colonne_aide div {
	margin: 10px 0 40px 0;
	font-weight: 500;
	color: #999;
}
/*------------------------------------------------------------*/
#espace_client h2 {
	margin: 10px 0 10px 0;
	text-align: left;
	color: rgba(118, 63, 216, 0.87);
	/*text-shadow: 0 1px 1px rgba(35,35,303,0.2);*/
	font-size: 22px;
}
#espace_client div  {
	text-align: left;
	clear: both;
	position:relative;
}
#espace_client p span {
	text-align: right;
	right: 0;
	position: absolute;
	font-size:12px;
	margin-bottom:16px;
}
#espace_client p ul {
	text-align: right;
	right: 0;
	position: absolute;
}
#espace_client .btn {
	font-size: 19px;
	padding: 3px 14px 5px 14px;
	text-decoration: none;
	font-weight: 500;
}

.carnet_adr_liv{
	float:left;
	width: 49%;
padding: 0;
margin-bottom:20px;
clear:none !important;
}

/*-------------- LISTE ----------------------*/
#gestion_listes{
	width:100%;
}
#gestion_listes th{
	background-color:	rgba(204, 204, 255, 0.39);
}
#gestion_listes td{
	text-align:center;
}
#choix_liste p{
	font-size:14px;
	margin:0;
	padding:0;
}
#choix_liste span{
	font-size:12px;
	margin:0;
	padding:0;
}
/*- PAGE EDITION MA LISTE ----------*/
#listeForm{
	/*border:1px silver solid;*/
}
#listeForm div{
	clear:both;
	margin:16px;
}

#listeForm label{
	font-weight: normal;
display: inline;
white-space: nowrap;
line-height: 31px;
font-size: 15px;
text-align: right;
float: left;
margin: 0;
width: 32%;
padding-right: 16px;
}
#listeForm  input{
	padding-left:16px;
	height: 31px;
	font-size: 17px;
}
/*---------------- MON COMPTE --------------------*/
/*#mon_compte{
	position:absolute;
}
#mon_compte form{
	margin:0 auto;
	position:relative;
}*/
.defaultText{
border: 1px #999 solid;
padding-left: 5px;
background-color: white !important;
left: 0;
position: absolute;
font-size:18px;
margin:0 0 12px 12px;
}



/*------------- PAIEMENT --------------------*/
.payment_cancel {
	font-size: 17px;
color: rgba(0,0,0,0.7);
text-align: center;
}

/*----------- COMPTE ---------------------*/
.container {
width: 320px;
margin: 10px 25px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
background-color: #ccccff59; /*#dde1e2;*/
-webkit-box-shadow: #bdc3c7 0 5px 5px;
-moz-box-shadow: #bdc3c7 0 5px 5px;
box-shadow: #bdc3c7 0 5px 5px;
float: left; }

.bg_cmd_S {
  border-bottom: 8px solid #5cc0ff; }
.bg_cmd_X {
  border-bottom: 8px solid #ee0000; }
.bg_cmd_C {
  border-bottom: 8px solid #00ee00; }
.bg_cmd_N {
  border-bottom: 8px solid #ff0000; }
.bg_cmd_R {
  border-bottom: 8px solid #000000; }
.bg_cmd_M {
  border-bottom: 8px solid #EC7A3A; }
.bg_cmd_B {
  border-bottom: 8px solid #972EF8; }
  
  
.bio:hover > .desc {
  cursor: pointer;
  opacity: 1; }

.hover {
  position: absolute;
cursor: pointer;
width: 100%;
height: 57px;
background-color: #3498db;
top: 0;
font-size: 1.8em;
text-align: center;
color: white;
padding-top: 18%;
opacity: 0;
font-family: 'FontAwesome';
font-weight: 300;
border: 8px solid #5cc0ff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.data {
  margin-top: .6em;
  color: #81878b; }
  .data ul{
	  padding:0;}
  .data li {
    width: 32%;
    text-align: center;
    display: inline-block;
    font-size: 1em;
    border-right: solid 1px #bdc3c7; }
    .data li:last-child {
      border: none; }
    .data li span {
      display: block;
      text-transform: uppercase;
      font-size: 1em;
      margin-top: .6em;
      font-weight:700;}
	  
.data2{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
clear: both;
margin-left: 80px;
}





.form_cmd{
margin:auto;
width:100%;
text-align:center;
}

#pa_action{
	margin:20px;
	text-align: center;
}


.panier_td_4{
	text-align: right;
    height: 30px;
    padding-right: 10px;
    font-size: 1.2em;	
}
.panier_td_2{
	text-align:center;
	white-space:nowrap;
	font-weight:600;
}

.message_important{
	color:#FF0000;
}
.message_vert{
color:#090;
font-weight: 600;
}


.port_gratuit{
	font-size:14px;
	text-align:right;
	font-weight:600;
}



#mappemonde{
	width:300px;
	height:200px;
	background:url("/sites/DDP/img/panier/mappemonde.jpg") no-repeat top left;
	text-align:center;
	top: 20px;
	position: relative;
	margin:20px auto 0 auto;
}
#mappemonde h2{
position: relative;
top: -22px;
font-size: 16px;
color: #555;
}
.calcul{
	position:relative;
	width: 124px;
	text-align: center;
	font-weight: 600;
	font-size:16px;
}

.fdp_1{
	left: 24px;
	top: 25px;
}
.fdp_2{
	left: 150px;
	top: 76px;
}
.fdp_3{
	left: 148px;
	top: -15px;
}
.fdp_4{
	left: 25px;
	top: 37px;
}
@-moz-document url-prefix() {   .fdp_1{	left: 25px;	top: 22px;}   }
@-moz-document url-prefix() {   .fdp_2{	left: 146px;top: 70px;}   }
@-moz-document url-prefix() {   .fdp_3{	left: 146px; top: -23px;}   }
@-moz-document url-prefix() {   .fdp_4{	left: 25px;	top: 28px;}   }


.error{
	font-weight:600;
	color:red;
	clear: both;
}

.twig_error{
	color:red;
	font-size:17px;
	font-weight:600;	
}
	


.bouton_gris {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:rgba(0, 0, 0, 0.69);
	text-shadow:1px 1px 0px #ffffff;
	padding: 4px 8px;
	
}.bouton_gris:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	cursor:pointer;
	color: rgb(0, 0, 0);
}.bouton_gris:active {
	position:relative;
	top:1px;
	color: rgb(0, 0, 0);
}
.bouton_gris a:hover {
	text-decoration:none;
	color: rgb(0, 0, 0);

}
.btn_panier{
font-size: 20px;
padding: 12px 24px;
text-decoration: none;
font-weight: 500
}
.btn_panier_petit{
font-size: 14px;
color: #ffffff;
padding: 7px 13px;
text-decoration: none;
font-weight: 250
}
.bouton_vert{
  -moz-box-shadow: inset 0 1px 0 #0CD449,0 1px 1px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 1px 0 #0CD449,0 1px 1px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 0 #0CD449,0 1px 1px rgba(0,0,0,0.3);
  background-color: #309B26;
  background-repeat: no-repeat;
  background-image: -ms-linear-gradient(top, #0FBF47 0, #309B26 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0FBF47), to(#309B26));
  background-image: -webkit-linear-gradient(#0FBF47, #309B26);
  background-image: -moz-linear-gradient(#0FBF47, #309B26);
  background-image: -o-linear-gradient(top, #0FBF47, #309B26);
  background-image: -khtml-gradient(linear, left top, left bottom, from(#0FBF47), to(#309B26));
  background-image: linear-gradient(top, #0FBF47 0, #309B26 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0FBF47', EndColorStr='#309B26', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0FBF47', EndColorStr='#309B26', GradientType=0))";
  filter: none;
  color: white;
  border-radius:8px;
  border:none;
}
.bouton_vert:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #309B26), color-stop(1, #0FBF47) );
	background:-moz-linear-gradient( center top, #309B26 5%, #0FBF47 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#309B26', endColorstr='#0FBF47');
	background-color:#309B26;
	color: white;
	
}.bouton_vert:active {
	position:relative;
	top:1px;
	color:#ff0;
}
.btn_funnel , .btn_popup {
font-size: 17px;
padding: 12px 24px;
text-decoration: none;
font-weight: 500;
border:none;
  margin: 16px;
}