#title{
	background: url(../img/img_conception/bg-title.png) no-repeat;
	height : 75px;

}

#recherche_bases{

padding: 20px;
}

#groupes {
background: #fff;
border: 1px solid gray;
padding: 10px;
}

#groupes label{
margin-right: 30px; 
}

#filter_groupes, #prix_select,#submit_groupes	{
background: #1A1A1A;
color: #fff;
padding: 10px;
}

#submit_groupes_bloc{
text-align: center;
margin-top: 10px;
}
/* Gestion du design pour le choix des bases */

#titre-base{
	text-align : center;
	background: url(../img/img_conception/titre-h2.png) no-repeat;
	height : 61px;
	margin-left : 95px;

}

.infos-base{
	width:137px; 
	height:90px;
	background: #2A2A25 no-repeat;
	font-size: 11px;
	font-style : Arial;
	color : #999B98;
	padding : 0 0 0 5px;
		cursor:pointer;
}

.details{
	background: url(../img/img_conception/details.png) no-repeat;
	width: 74px;
	height: 61px;
	margin : -25px 78px;
		cursor:pointer;
}

.details a{
	width: 74px;
	height: 21px;
	cursor:pointer;
	display:block;
}

.image{
	background: #C3C3C3 no-repeat;
	height: 113px;
	width: 142px;
		cursor:pointer;
}

.img_milkbox{
	max-height: 113px;
	max-width: 142px;
}

.choix-base{
	background: url(../img/img_conception/choix-base.png) no-repeat;
	width: 140px;
	height: 19px;
	text-decoration: none;
	border: none;
	cursor: pointer;
}

.choix-base:hover{
	background: url(../img/img_conception/choix-base-hover.png) no-repeat;
	width: 150px;
	height: 24px;
	margin : -5px 0 0 -5px;
	text-decoration: none;
	border: none;
	cursor: pointer;
}

.choix-base-none{
	width: 140px;
	height: 19px;
	text-decoration: none;
	border: none;
}

.coin{
	background: url(../img/img_conception/coin-box.png) no-repeat;
	width: 34px;
	height: 33px;
	margin:-69px 0 5px 118px;
}

.stock_img{
	background: #FFF;
	width: 142px;
	height: 15px;
}

.base{
	float:left; 
	margin : 40px 25px 0 25px; 		
	width: 150px;
	height:230px;
}

#bases{
margin-left : 70px
}

/* Fin bases */

/* Gestion des elements */

.element{
float:left;
height:219px;
margin:42px 27px 17px;
padding:13px 27px 40px 12px;
width:133px;
}

.active{
float:left;
height:215px;
margin:42px 27px 17px;
padding:13px 27px 40px 12px;
width:129px;
border : #fff solid 2px;
}


.select{
	border: dashed #fff 2px;
margin:40px 25px 15px;
}

.bouton{
	margin:6px 0 0 62px;
}


.sous-cat-titre{
background:url("../img/img_conception/sous-cat-title.png") no-repeat scroll 50% 0 transparent;
color:#C3C3C3;
font-size:13px;
height:18px;
margin-top:40px;
padding-left:44px;
width:66%;
}

.sous_categ{
margin-left : 70px
}

.titre-conception{
background:url("../img/img_conception/titre.png") no-repeat scroll 50% 0 transparent;
color:#FFFFFF;
height:61px;
margin:28px 0 0 0;
padding:20px 0 0;
text-align:center;
width:98%;
}

.titre-conception-text{
	text-align:center;
	font-size : 12px;
}


/* Gestion du menu Etapes */

#etapes{
	margin-left: 38px;
}

#btns_etapes{
	margin-left: 18px;
}

.select_etape{
	float:left;  
	width:94px; 
	height:60px;
	background : url(../img/img_conception/etape.png) no-repeat;
	color: #858958;
	text-align: center;
	padding-top: 15px;
	margin : auto;
	cursor:pointer; 
}

.select_etape:hover , .etape_active{
	background : url(../img/img_conception/etape-cur.png) no-repeat;
	color: #FFF;
}

.select_etape_lien{
	height: 9px;
}


#prev_step{
	background : url(../img/img_conception/prev-step.png);
	width: 175px;
	height: 18px;
	margin : 50px 20px 0 20px;
	border : none;
	float: left;
}

#next_step{
	background : url(../img/img_conception/next-step.png);
	width: 175px;
	height: 18px;
	margin : 50px 20px 0 20px;
	border : none;
	float: right;
}

#prev_fleche{
	width: 8px;
	height: 14px;
	float:left;
	background: url(../img/img_conception/fleche-prev.png) no-repeat;
	margin: 20px 10px 0 0;
}

#next_fleche{
	width: 8px;
	height: 14px;
	float:left;
	background: url(../img/img_conception/fleche-next.png) no-repeat;
	margin: 20px 0 0 10px;
}

#prev_fleche:hover{
	width: 8px;
	height: 14px;
	background: url(../img/img_conception/fleche-prev-hover.png) no-repeat;
}

#next_fleche:hover{
	width: 8px;
	height: 14px;
	background: url(../img/img_conception/fleche-next-hover.png) no-repeat;
}

#finalisation{
	background : url(../img/img_conception/final.png);
	width: 175px;
	height: 18px;
	margin : 50px 20px 0 20px;
	border : none;
	float: right;
}

.champText{
	background:none repeat scroll 0 0 transparent;
font-weight:bold;
height:30px;
margin-top:20px;
text-align:center;
}

/* Fin Etapes */

/* Finalisation */

#informations_produit{
	text-align: center;
	font-weight: bold;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
background-color:#F8F8F8;
border:1px solid #87986D;
height:85px;
margin-bottom:-1px;
}

#ajouteraupanier{
margin-right:180px;
padding-left:68px;
text-align:center;
}

.element-final{
	float:left; 
	margin : 40px 25px 15px 25px; 		
	width: 150px;
	height:230px;
}
`
.coin-final{
	background: url(../img/img_conception/coin-box.png) no-repeat;
	width: 34px;
	height: 33px;
	margin:-69px 0 5px 118px;
}

.bouton_options{
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
background-color:#F8F8F8;
border-bottom:1px solid #87986D;
border-left:1px solid #87986D;
border-right:1px solid #87986D;
padding: 10px;
height:60px;
width :27%;
font-size: 18px;
}

#recap{
background: none;
color: #fff;
padding:40px 0 45px 28px;
}

/***** Galerie MooFlow *****/


.mf{
	visibility: hidden; 
	z-index:1; color:#fff; 
	font-size:14px;
	height: 350px;
	margin-top:60px;
}
.mf * {
	outline:none;
	border:none;
	padding:0;
	margin:0;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select:none;
	-o-user-select:none
}
.mf div.loader{
	position:absolute;
	text-align:center;
	z-index:10000;
	margin:0 auto;
	top:45%;
	width:100%;
	background:url(../img/mooflow/ajax_loader.gif) no-repeat 50% 0;
	padding:50px 0;
}
.mf div.caption {
	position:absolute;
	text-align:center;
	z-index:98;
	margin:1em auto;
	bottom:50px;
	width:100%;
}
.mf div.mfNav{
	position:absolute;
	z-index:99;
	margin:0 auto;
	text-align:center;
	width:100%;
	bottom:20px;
	font-size:1px;
	line-height:1px;
	width:100%;
}
.mf div.autoPlayCon{
	float:left;
	width:10%;
	padding-left:3%;
	height:24px;
}
.mf a.play, .mf a.stop{
	width:27px;
	height:24px;
	float:left;
	cursor:pointer;
}
.mf a.play{
	background:url(../img/mooflow/play.gif) no-repeat;
}
.mf a.stop{
	background:url(../img/mooflow/stop.gif) no-repeat;
}
.mf div.sliderCon{
	margin-top:5px;
	float:left;
	width:74%;
}
.mf a.sliderNext{
	background:url(../img/mooflow/left.gif) no-repeat;
}
.mf a.sliderPrev{
	background:url(../img/mooflow/right.gif) no-repeat;
}
.mf a.sliderNext, a.sliderPrev{
	text-decoration:none;
	width:25px;
	height:16px;
	cursor:pointer;
	float:left;
}
.mf div.resizeCon{
	float:right;
	width:10%;
	padding-right:3%;
	height:24px;
}
.mf a.resize{
	width:34px;
	height:24px;
	float:right;
	cursor:pointer;
	background:url(../img/mooflow/resize.gif) no-repeat;
}
.mf div.slider{
	background:url(../img/mooflow/middle.gif) repeat-x;
	height:16px;
	position:relative;
	text-align:left;
	float:left;
}
.mf div.knob{
	height:16px;
	background:url(../img/mooflow/middle-slider.gif) repeat-x right center;
}
.mf div.knobleft{
	background:url(../img/mooflow/left-slider.gif) repeat-x center;
	width:8px;
	height:16px;
}

/***** Formulaire Perso *****/

.form_perso{
color:#FFFFFF;
margin-left:14%;
text-align:justify;
vertical-align:middle;
width:550px;
}

.formulaire_line{
	margin : 10px 0;
}

.slider{

}

.statut{
float:left;
margin-left:38px;
margin-top:32px;
}