h1
 {
 font-family: 'Felixti';
 font-size:32px;
 font-weight:bold;
 text-align:center;
 margin:0 0 2px;
  }
.sousTitre
 {
 font-family: 'AvenirMedium';
 font-size: 18px;
 text-align:center;
 margin-bottom:15px;
 }
 img[src*='coche']
 {
 height:16px;
 }
 .btn
 {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:44px;
 cursor:pointer;
 }
 .btn:hover
 {

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); 
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); 
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); 
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
 }
 .bords
 {
 border-top:solid 1px #5a4a4a;
 }
 section[id*='etape']
 {
 position:relative;
 overflow:hidden;
 height:44px;
 }
section[id*='etape'] #rond
{
position:relative;
margin:2px 10px;
}
.sectionActive
{
background-color:#fff !important;
}
 h2
 {
 font-family:Felixti; /*Felixti*/
 font-size:18px; /*25px*/
 font-weight: bold;
 line-height:44px;
 min-height:44px;
 margin:0;
 }
 h2 p
 {
 font-family:AvenirMedium;
 font-size:14px;
 line-height:14px;
 color:#000000;
 margin:3px 0;
 position: absolute;
 }
 .bgFait
 {
 background-color:#ffffff;/*#f0e6c8*/
 }
 .prix_entete
 {
 font-family:AvenirMedium;
 font-size:26px;
 line-height:44px;
 margin-right:10px;

 }
 #details
 {
 position:relative;
 /*width:100%;*/
 /*overflow:hidden;*/
 height:auto;
 font-family:AvenirMedium;
 text-align:center;
 padding-bottom:15px;
 }
 #etape2 #details
 {
	padding-bottom:25px; 
 }
/*
#details > div
 {
 width:500px;
 }
 */
 #details div:nth-child(1)
 {
  width:499px;
  border-right: 1px solid #5a4a4a;
  height:auto;
 }
 #details form span
 {
 display:block;
 font-family: AvenirLight;
 font-size:20px;
 margin:20px 0 10px;
 }
 #details .h3Gris
 {
	 background-color: #cccccc;
	 font-family: AvenirMedium;
	 font-size: 16px;
	 width:450px;
	 padding:0;
	 margin:0;
	 text-align:center;
	 font-weight:normal;
 }
#details .pInfos
{
	display:block;
	text-align:justify;
	color:#666;
	padding:10px 5px 5px;
	border:1px solid #ccc;
	font-size:12px;
	width:438px;
	height:auto;
	overflow:hidden;
}
#details .pInfos p
{
	margin:0;
}
#details .pInfos img
{
	max-height:35px;
	margin-right:5px;
}
#lostPass
{
	font-family:AvenirMedium !important;
	font-size : 14px !important;
	margin:10px auto 0 !important;
	cursor:pointer;
	width:225px;
}
#details input[type='text'], #details input[type='password'], select
{
display:block;
width:240px; /*218px*/
height:35px; /*25px*/
line-height:25px;
margin:4px auto;
padding:3px 5px;
border-radius:4px;
background-color:#fff;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border:solid 1px #5a4a4a;
}
select option
{
	line-height:25px;
	height:23px;
}
#details input[type='text']:hover, #details input[type='password']:hover
{
box-shadow:0 0 24px #a2dfd1;
}
#details input[type='text']:focus, #details input[type='password']:focus
{
box-shadow:0 0 24px #a2dfd1;
border-color:red;
}
#details button
{
/*
position:absolute;
font-family:Felixti;
font-size:21px;
vertical-align:top;
padding:10px 85px 20px; 85px;
background:url(../images/submit_vert.png) no-repeat;
text-align:center;
margin:15px auto 0;
color:#fff;
border:none;
cursor:pointer;
bottom:30px;
left:50%;
margin-left:-122px;
*/
}
#etape2 #details button
{
	position:relative;
	top:0;
	left:0;
	margin:15px auto 0;
}
#etape3 #details button
{
	bottom:-60px!important; /*AC -2px*/
}
form[name=conn] button
{
	margin-top:65px !important; /*50px*/
}
#details button:hover, #diagLostPass button:hover
{
/*background:url(../images/submit_rose.png) no-repeat;*/
}
.contFloat 
{
  float:left;
  height: auto;
  overflow: hidden;
  position: relative;
  width:250px !important;
  border:none !important;
  margin-bottom:20px;
}
.contFloat  h2 {
  font-family: Felixti;
  font-size: 25px;
  line-height: 33px;
  margin: 0;
  text-align: center;
  vertical-align: bottom;
  width: 244px;
}
.BlockBordure 
{
  cursor: pointer;
  margin: 0 3px;
  width: 224px;
  height:185px;
  background-color:#fff;
}
.BlockBordure  img:nth-child(1)
{
position:relative;
}
.BlockBordure:hover
{
	box-shadow: 0 0 0 3px #FF3399 inset;
}
.BlockBordure p {
  color: red;
  font-weight: bold;
  position: absolute;
  text-align: center;
  top: 159px; /*143px*/
  width: 219px;
}
.produitActif
{
	box-shadow: 0 0 0 3px #FF3399 inset;
}
#decoPrix 
{
  background: rgba(0, 0, 0, 0) url("../images/fondPrix.png") no-repeat scroll 0 0;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  height: 56px;
  padding-top: 26px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 15px;
  width: 81px;
}
.disabled
{
	cursor:not-allowed !important;
	color:#999 !important;
}
.errForm
{
	border-color:red !important;
	box-shadow: 0 0 24px #ffbcbc;
}
form span[id*='err']
{
	font-size:12px !important;
	font-family:AvenirMedium !important;
	color:red;
	margin:0 !important;
}
form[name='coor']
{
	display:block;
	width:100%;
	margin:0;
}
form[name='coor'] button
{
	position:absolute;
	bottom:10px;
	left:35%;
	margin-left:-124px !important;
}
form[name='coor'] .dn
{
	font-size:14px !important;
	font-family:AvenirMedium !important;
	margin:0 !important;
	color:#000 !important;
	text-align:right;
	padding-right:60px;	
}
form[name='coor'] input:not([name=code_promo]), form[name='coor'] select
{
	margin:4px !important;
}
form[name='coor'] input[name='telephone']
{
	margin-left:18px !important;
}
/* form[name='coor'] select */
form[name='coor'] select[name='datej'],form[name='coor'] select[name='datem'],form[name='coor'] select[name='datea'],form[name='coor'] select[name='civ'],form[name='coor'] select[name='datej2'],form[name='coor'] select[name='datem2'],form[name='coor'] select[name='datea2'],form[name='coor'] select[name='civ2']
{
	height: 43px; /*33px*/
	width : 60px;
	margin-left:18px !important;
	padding-left:0 !important;
}
form[name='coor'] select[name*='date']
{
	margin-left:4px !important;
	text-align:center;
}
form[name='coor'] select[name='datej']
{
	margin-left:28px !important;
}
form[name='coor'] select[name='idc2']
{
	width:459px;
}
form[name='coor'] input[name='prenom'], form[name='coor'] input[name='nom'], form[name='coor'] input[name='prenom2'], form[name='coor'] input[name='nom2']
{
	width : 180px !important;
}
form[name='coor'] input[name='adresse'], form[name='coor'] input[name='adresse2'], form[name='coor'] input[name='adresse3'], form[name='coor'] input[name='adresse4']
{
	width : 449px !important;
}
form[name='coor'] input[name='cp'], form[name='coor'] input[name='cp2']
{
	width:90px !important;
}
form[name='coor'] input[name='ville'], form[name='coor'] input[name='ville2']
{
	/* width:340px !important; */
}
form[name='coor'] select[name='pays'], form[name='coor'] select[name='pays2']
{
	height: 43px; /*33*/
	width: 115px;
}
form[name='coor'] input[name='adresse'], form[name='coor'] input[name='adresse2'], form[name='coor'] input[name='cp'], form[name='coor'] input[name='cp2'], form[name='coor'] input[name='adresse3'], form[name='coor'] input[name='adresse4']
{
	margin-left:18px !important;
}
#details h3
{
	color:#000;
	text-align:left;
	padding-left:60px;
}
#etape3 #details
{
	padding:20px 0 !important;
	min-height:370px;
}
#etape3 label
{
font-size:12px;
color:#000;
margin-left:18px;
}
.blackG
{
	color:#000000;
	font-family:AvenirMedium !important;
	font-size: 14px;
	margin-top:0 !important;
}
.black
{
	color:#F7B9B0;
	font-family:AvenirLight !important;
	font-size: 12px;
	margin-top:0 !important;
}
.blackO
{
	color:#F7B9B0; /*FF7200*/
	font-family: AvenirLight !important;
	font-size:20px !important;
	font-weight:normal!important;
	margin-top:0 !important;
}
.formWarning
{
color:red;
font-family:AvenirMedium !important;
font-size:15px; /*14px*/
font-weight:bold;
/*margin-bottom:73px !important;*/
margin-left:15px !important;
}

/*	Nouveaux ids pour choix mode d'expédition -- 2016/11/25 - Geraud	*/

/*Arthur
#etape4  	
	{
    height: 523px !important;
	}
Fin Arthur*/

#etape4 input[type=radio][name=mode_livraison],input[name=frais_transport]{
	display:none;
}
#etape4  .livraison{
	display: inline-block;
	float: left;
	width: 75%; /*40%*/
	padding: 10px;
	border: 1px solid #CCC;
	-webkit-border-radius: 6px; /*3*/
	-moz-border-radius: 6px; /*3*/
	border-radius: 6px; /*3*/
	text-align: center;
}

#etape4 .livraison:hover{
	cursor: pointer;
	border:3px solid #FF3399;
}

#etape4 .livraison.active{
	border:3px solid #F7B9B0;
}

#etape4 .livraison h3{
	margin: 10px auto;
	padding: 0;
	text-align: center;
}

#etape4 .livraison h3.express{
	color: #FF3399;
	font-style: italic;
}


#etape4 #details
{
	padding-top:20px;
	/*min-height:346px;*/
	
	min-height:256px; /*256px*/
}
#etape4 #details div[class='left']
{
	width: 60%; /*370px*/
	border:none !important;
	text-align:left;
	font-size: 15px;
}
#etape4 #details div[class='left'] .blackG, .vcgv, .Warnvcgv
{
	margin-left:20px;
}
.selection, .selection1, .selection15, .selection2, .selectionTotal
{
	width: 65%; /*370px*/
	margin:15px auto 0;
	padding:8px 0; /*3px*/
	border-bottom:1px solid #F7B9B0;
	color: #000000;
	text-align: left;
}
.selection15,.selection2,.selectionTotal
{
	margin:0 auto;
	border-bottom:2px solid #F7B9B0;
}
.selectionTotal
{
	position:relative;
	font-weight:bold;
	border:none;
	overflow:hidden;
}
.selectionTotal .ligneTotal
{
	float:none;
	position:absolute;
	height:18px;
	bottom:3px;
}
#loadingBb
{
	width:100% !important;
	padding-bottom:90px; /*60px 80px*/
}
form[name='btPaiement'] button
{
	padding:15px 43px 15px !important; /*10px 43px 20px*/
}
.vcgv
{
	padding-top:20px;
	width:75% !important;
}
.Warnvcgv
{
	color:red;
}
#adLiv
{
	margin-top:58px;
}
#btConnFB
{
	max-width:246px;
	cursor:pointer;
}
.titreFB
{
	height:25px !important;
	width:100% !important;
	text-align:center;
	margin:15px 0 10px;
	border: none !important;
}
.moyenPaiement
{
	width:400px !important;
	text-align:left !important;
	font-size:14px;
	margin-left: 25px;
	margin-top:10px;
	color:#000;
}
.moyenPaiement img {
  background-color: #fff;
  border: 3px solid #04d1a3;
  box-shadow: 0 0 12px #ccc;
  margin: 13px 60px; /*13px 10px*/
  transition: all 0.2s ease 0s;
  cursor:pointer;
}
.moyenPaiement img:hover, .pmSel
{
transform: scale(1.09);
transition: all 0.2s ease 0s;
border-color:#ff3399 !important;
}
.infosCom
{
	width:450px !important;
	margin:20px 0 0 70px;
}
.offreul {
  border-collapse: collapse;
  display: block;
  height: 90px;
  list-style: outside none none;
  margin: 0 auto;
  padding:0;
  position: relative;
  width: 100%;
}
.offreul li {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #cecece 0%, #ffffff 38%, #ffffff 100%) repeat scroll 0 0;
  border: 1px solid #5a4a4a;
  cursor: pointer;
  display: block;
  height: auto;
  left: 0;
  top: 10px;
  overflow: hidden;
  padding: 8px 0;
  position: absolute;
  transition: all 0.2s ease 0s;
  width: 245px;
  font-size: 12px;
  text-align:left;
  z-index: 1;
}
.offreul a:nth-child(1) li
{
  left:8px;
}
.offreul a:nth-child(2) li
{
left:253px;
}
.offreul a:nth-child(3) li
{
	left:499px;
}
.offreul a:nth-child(4) li
{
	left:746px;
}
.offreul li:not([class*='boxCadeauSel']):hover
{
	background: #ffcece; /* Old browsers */
	background: -moz-linear-gradient(top, #ffcece 0%, #ffffff 38%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcece), color-stop(38%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffcece 0%,#ffffff 38%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffcece 0%,#ffffff 38%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffcece 0%,#ffffff 38%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffcece 0%,#ffffff 38%,#ffffff 100%);
	z-index:2;
	transform:scale(1.03);
	transition: transform 0.2s ease 0s;
}
.boxCadeauSel
{
	background: #ffcece !important; /* Old browsers */
	background: -moz-linear-gradient(top, #ffcece 0%, #ffffff 38%, #ffffff 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcece), color-stop(38%,#ffffff), color-stop(100%,#ffffff)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffcece 0%,#ffffff 38%,#ffffff 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffcece 0%,#ffffff 38%,#ffffff 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffcece 0%,#ffffff 38%,#ffffff 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #ffcece 0%,#ffffff 38%,#ffffff 100%) !important;
	z-index:2 !important;
	transform:scale(1.03) !important;
	transition: transform 0.2s ease 0s !important;
}
.offreul li .check {
  background: rgba(0, 0, 0, 0) url("../images/checkOff.png") no-repeat scroll 0 0;
  display: block;
  border:none !important;
  height: 32px !important;
  margin: 10px !important;
  width: 32px !important;
}
.offreul li p {
  margin: 0;
}
.offreul li p {
width:193px;
}
.offreul a {
  color: inherit;
}
.offreul li p span
{
	text-decoration:line-through;
}
.txtrouge
{
	font-size:14px !important;
	font-family:AvenirMedium !important;
	font-weight:bold;
	text-align:left;
	padding-left:20px;
	margin-bottom:10px !important;
	width: 60% !important; /*95%*/
	color:#F7B9B0;
}
input[name=code_promo]
{
	text-align:center;
	position:absolute;
	bottom:20px;
	left:50px; /*50px*/
	/*width:100px !important;*/
	background-color: #e84d92 !important;
	color:white;
	font-weight:bold;
	border-color:#FF3399 !important;
}
.txtpromo
{
	position:relative;
	text-align:center;
	font-size:12px !important;
	width:100px;
	padding-top:5px;
	padding-bottom:5px;
	color:black;
}
 #concours
 {
 position:relative;
 width:100%;
 overflow:hidden;
 font-family:AvenirMedium;
 text-align:center;
 }
 .form-container {
 margin-left: 12%;
 display: flex;
 /* justify-content: center; */ /* Center items horizontally */
 gap: 60px; /* Space between the two columns */
 margin-top: 40px; /* Optional: spacing from top */
}

.form-container > div {
 display: flex;
 flex-direction: column;
 align-items: center; /* Center form elements inside each column */
}
.CoordForm
{
display:flex;
top: 42px;
}
.labeloffre
{
display:block;
width: 500px;
font-family: AvenirLight !important;
font-size: 9px;
}
.prixposition
{
position: absolute;
left: 83%;
top: 15%
}
.right 
{
    position: relative;
    left: 18%;
}
.logpos
{
    position: absolute !important;
    left: 10%;
}
.fbconnect 
{
    position: relative;
    left: 60%;
}
.optinpos
{
	position: relative !important;
	left: 30.5%; /*25%*/
	font-size: 13px;
}
.optinpos_et3
{
	position: relative !important;
	left: 0%;
}	
.polconfpos
{
	position: relative !important;
	left: 4.5%;
}
.fdpac
{
	left: 27% !important;
}
.totalgac
{
	width: 82% !important;
}