/* CSS Document */
body
 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(images/bg.jpg)  #340e00 repeat-x;
	color:#cccccc;
	}
#bodyconatct 
{
	background: url(images/bg2gauche.jpg) #340e00  repeat-x;
	}
 p
 {
		display:block;
}
*{
    margin:0;
	padding:0;
}

ul li
{
	list-style:none; 

}

a
 {
	text-decoration:none;
	color:#FFFFFF;
	}


a:hover
 {
	text-decoration:none;
}

.clr 
{
	clear:both;
	font-size:0;
	height:0;

}
/************************/
#page 
{
	width:955px;
	margin:0 auto;
}

#header
 {

	width:955px;
	background:url(images/header.jpg) 0 0px no-repeat;
	float: left;
	height: 206px;
}
.logo 
{
	margin:13px 0 0 26px;
	float: left;
}

.femme1
{
	position:absolute;
	left: 722px;
	top:-172px;

}
.femme2
{
	position:absolute;
	left: 680px;
	top:-172px;
	z-index: 0;
	
}
.femme3
{
	position:absolute;
	left: 622px;
	top:-172px;

}
/**********************************************MENU************************************************/
#menu
{
	width:400px;
	padding:42px 0px 0 29px;
	float: left;
	}
#menu li
{
	width: 306px;
	margin-bottom:8px;
	}
#menu li a
{
	width: 306px;
	cursor:pointer;
	height:31px;
	display:block;
}

#menu1 a
{	
	background:url(images/accueil.jpg) no-repeat 0 0;
}
#menu  #menu1 a:hover , #menu  #menu1 .active
{	
	background:url(images/accueil-hover.jpg) no-repeat 0 0;

}

#menu #menu2  a
{	
	background:url(images/actualite.jpg) no-repeat 0 0;
}
#menu  #menu2 a:hover , #menu  #menu2 .active
{	
	background:url(images/actualite-hover.jpg) no-repeat 0 0;
}
#menu #menu3  a
{	
	background:url(images/chaussur.jpg) no-repeat 0 0;
}
#menu  #menu3 a:hover , #menu  #menu3 .active
{	
	background:url(images/chaussur-hover.jpg) no-repeat 0 0;
}
#menu #menu4  a
{	
	background:url(images/conact.jpg) no-repeat 0 0;
}
#menu  #menu4 a:hover , #menu  #menu4 .active
{	
	background:url(images/conact_hover.jpg) no-repeat 0 0;
}
/***********************************Fin Menu********************************************/
.content
 {
	width:931px;
	padding: 0px 0 10px 24px;
	background: url(images/contenu.jpg) #340e00  top no-repeat;
	color: #FFFFFF;
	float: left;
	position: relative;
	z-index: 0;

}



.pres
{
	width: 314px;
	float:left;
	background:#371001;
	padding: 0 0px 20px 0px;
}
.pres p.noussomm
{
padding:0 0 5px 0;
}
.pres .act
{	
    width: 309px;
	padding:7px 0 8px 5px;
	margin: 0px 0 4px 0px;
	border-bottom: #661a00 2px solid;
	text-align: center;
}
.pres .act span
{
font-size:18px;
}

.pres .puc {
	background: url(images/puc.gif) 19px 5px no-repeat;
	padding:3px 0 2px 53px;
	width: 260px;
	display: block;
	color: #fec975;
	font-style: italic;
}

.pres .puc span {
	color:#FFFFFF;
	display: block;
	padding: 5px 0;
}

.pres .puc span img {
	float:left;
	margin:0 10px 0 0;
}

.pres a {
	display:block;
	color:#fec975;
	background:url(images/ligne.gif) 0 bottom no-repeat;
	padding: 5px 18px 10px 0px;
	width: 294px;
	text-align: right;
	font-style: italic;
	font-size: 11px;
	margin: 0 0 6px 0;
}

.pres a:hover {
	color:#FFFFFF;
}

.present {
	width:544px;
	float: left;
	padding:0px 0 0px 30px;
	text-align: justify;
}

.present .sold {
	width:134px;
	background:url(images/pxsold.jpg) repeat-y;
	padding:0px 0 0px 0px;
	margin:5px 0px 0 10px;
	text-align: justify;
	font-size: 11px;
	color: #bc3829;
	float: left;
}

.present .ssold
{
	width:128px;
	background:url(images/topsolde.jpg) 0 0  no-repeat;
	padding: 1px 0 0px 6px;
	
}
.present .ssold p
{
	width:128px;
	font-weight: bold;
	font-style: italic;
	padding: 2px 0 0 0;
	
}
.present .ssold a
{
	color:#bc3829;
	
}
.present .ssold a:hover
{
	color:#000;
	
}
.boitedialog p
{
	padding:10px 10px 10px 30px;
	color: #CCCCCC;
	
}
.present p.ppuc
{
	width: 240px;
	float: left;
	padding: 8px 0 0 0;
}
.present  span.puc
{
	background: url(images/puc1.gif) 2px 3px no-repeat;
	padding:0px 0 3px 25px;
	margin: 0 5px 0 0px;
	border-bottom: none;
	color: #FFCB77;
	display:block;
	font-size: 11px;
	clear: both;
	
}.present  span.puc1
{
	background: url(images/puc1.gif) 2px 3px no-repeat;
	padding:0px 0 3px 20px;
	margin: 0 0px 0 0px;
	border-bottom: none;
	color: #FFCB77;
	display:block;
	font-size: 11px;
	clear: both;
	}
.present .presenttite
{
	padding:0px 10px 1px 0px;
	margin: 0px 0 5px 0px;
	color: #FFFFFF;
	width: 252px;
	float: left;
	text-align: left;
	font-size: 11px;
}
.present .presenttite span
{
	border-bottom: #fec975 2px solid;
	margin:0px 0 10px 0;
	display:block;
	width: 245px;
	padding: 6px 0 1px 5px;
}
.imgpreset
{
	float:left;
	margin:0 10px 0 0px;
	border: #fec975 solid 1px;


}
.imgpreset1
{
	float:left;
	margin: 6px 10px 20px 1px;
	border: #fec975 solid 1px;
}
.choix
{
	background:url(images/choix.jpg) no-repeat;
	width:460px;
	padding: 7px 0 20px 84px;
	font-weight: bold;
	margin: 0px 0 15px 0;
	position: relative;

}
.sac
{
	float:left;
	position: absolute;
	left: -6px;
	top: -16px;

}
.sacjpg
{
	float:left;
	margin: 0px 0 0 35px;


}
.sacjpg2
{
	float:left;


}
.imgchaus
{
	position:absolute;
	left: 37px;
	top: -6px;
}
.txtchoi
{
	padding:0px 0 4px 0px;
}
.txt_chaussure
{
	padding:0px 10px 1px 0px;
	margin: 0px 0 5px 0px;
	color: #FFFFFF;
	width: 252px;
	text-align: left;
	font-size: 11px;
	clear:both;
}
/******************************************************************/
.chaussur
 {
	padding:0px 0 7px 0px;
	font-size:12px;
	margin: 0px 0 5px 0px;
	color: #FFFFFF;
	width: 691px;
	float: left;
	position: relative;
}
.chaussures
 {
	padding:7px 0 7px 143px;
	font-size:12px;
	margin: 0px 0 11px 0px;
	color: #FFFFFF;
	width: 544px;
	float: left;
	position: relative;
	border-bottom: #fec975 2px solid;
}
.pchauss
{
	padding:10px 0 5px 185px;
	width: 500px;
	font-size: 11px;
}
.chaus
{
	padding:7px 0 8px 0px;
	width: 365px;
	margin: 0px 0 12px 2px;
	border-bottom: #fec975 2px solid;
	float: left;
}
.sactitre
{
	padding:158px 0 8px 2px;
	width: 338px;
	margin: 0px 0 8px 10px;
	border-bottom: #fec975 2px solid;
	float: left;
}
.imgchauss
{
	width: 900px;
	float: left;
	padding: 0 0 0 2px;
	color:#000;
}
.imgchauss img
{
	margin:0 5px 8px 0px;
	float: left;
	border: #fec975 1px solid;
}
.imgchauss2
{
	width:240px;
	float: left;
	padding: 0 10px;
}
.encour
{
	width:380px;
	font-weight: bold;
	font-size: 11px;
	padding: 0 0 10px 0;
	float: left;


}
.encour1
{
	width:520px;
	float:right;
	margin: 0px;
	font-weight: bold;
	font-size: 11px;


}
/**************************************************************/

/*-----------------------Actualités----------------------*/
.ouvert 

{
	color:#fec975;
	padding:5px 0 10px 30px;
	background: url(images/puc.gif) 5px 5px no-repeat;
 }
.act-top-left
 {
 float:left;
 width:349px;
 padding:0 0 120px 10px;
 margin:0;

 
}
.act-top-left img
 {
margin:0 10px 0 0;
float:left;

}
.act-txt
 {
color:#fff;
} 
.act-top-left-titre
 {
    padding:7px 0 24px 0px;
	margin: 0px 0 4px 0px;
	border-bottom: #fec975 2px solid;
	text-align: center;
 
}
.rightactu 
{
 width:240px;
 float:left;
 margin:20px 0 80px 20px;
 padding:0 0 0px 20px;
 border-left:1px #fec975 solid;
 color:#FFFFFF;
}
.rightactu a
 {
 color:#FFFFFF;
}
.rightactu a:hover 
{
 color:#fec975;
}

/*-------------------------------Contact----------------------*/


.cordo
{
	width:270px;
	float:left;
	padding: 0 0 0 2px;
}
.cordo .cor1
{
	padding:6px 0 2px 2px;
	width: 266px;
	margin: 0px 0 12px 0px;
	border-bottom: #fec975 2px solid;
}
.cordo .adress
{
	width:270px;
	padding:12px 0px 0px 0px;
	text-align: center;
	color: #fec975;
	background:url(images/ambrecart1.jpg) no-repeat;
	font-size: 12px;
}
.cordo .adress span
{
	text-transform:uppercase;
}
.cordo1 .adress
{
	width:270px;
	padding:12px 0px 0px 0px;
	text-align: center;
	color: #fec975;
	background:url(images/ambrecart2.jpg) no-repeat;
	font-size: 12px;
}
.cordo1
{
	width:270px;
	float:left;
	padding:0 0px 0px 34px;
	}
.cordo1 .adress span
{
	text-transform:uppercase;
}

.cordo1 .cor1
{
	padding:6px 0 7px 2px;
	width: 266px;
	margin: 0px 0 12px 0px;
	border-bottom: #fec975 2px solid;
}


.cordonne
{
	background:url(images/cordone.jpg)  no-repeat;
	
	
	width:220px;
	float:right;
	z-index:2;
	position: absolute;
	top: 238px;
	left: 679px;
	padding: 15px 0 60px 20px;


}
.cordonne p
{
padding: 0 0 20px 0px;

width:220px;
}
.cordonne p img
{
padding: 0 0 4px 0px;
}
.cordonne object
{


}
.ligne
{
	float: left;
	margin: 85px 0 0 62px;



}
/*------------------------------------CSS formulaire-----------------------------------*/

.formulaire 
{
	float:left;
	width:350px;
	color: #00496e;
	padding: 23px 0 0px 2px;
	background: url(images/bg-formu.jpg) no-repeat 0 0;
}

.formulaire .formcon
{
	padding:0px 0 3px 0px;
	font-size:16px;
	width: 268px;
	margin: 0px 0 13px 0px;
	font-style: italic;
	border-bottom: #fec975 2px solid;
}
.formulaire  .puc
{
	background:url(images/puc1.gif) 0 0px no-repeat;
	padding:5px 0 5px 30px;
	color:#f53801;
	font-size:16px;
	width: 216px;
	line-height: 14px;

}
.formulaire p
 {
	width:339px;
	margin-bottom:7px;
	padding:0 0 0 7px;
	float:left;
    color:#fec975;
	border-top: 1px #59597e;
	letter-spacing:-1px;
	
}
.formulaire span
 {
	float:left;
	font-size:12px;
	width:85px;
	display:block;
}

.formulaire span.rouge {
	float:left;
	font-size:12px;
	width:320px;
	display:block;
}

.formulaire p.info {
	text-align:right;
	width:225px;
	color: #fec975;
	
}
.formulaire .info 
{
	text-align:right;


}

.formulaire em
 {
	color:#d45744;
}
.formulaire span.ob 
{
	color:#d45744;
	float:left;
	width:10px;
}

.formulaire input 
{
	float:right;
	width:250px;
	height:20px;
	color:#330d00;
	border:#fec975 1px solid;
}
.formulaire p.radio
{
	color:#fec975;
	padding: 0 0 2px 10px;
	}

.formulaire p.radio input
 {	

	border:none;
	float:left;
	height:10px;
	width: 10px;

}
.formulaire p.radio span
{
	width:75px;
	float:left;
	display:block;
	padding: 0 0  0 0px;
}
.formulaire p.radio .Mme
{
	width:75px;
	float:left;
	display:block;
	padding: 0 0  0 20px;
}
.formulaire p.radio .Mlle
{
	width:80px;
	float:left;
	display:block;
	padding: 0 10px 0 15px;
}
.formulaire .bout
 {
	width:103px;
	height:24px;
	border:none;
	background:none;
	float:right;
	padding:2px 0 0 0;
	margin: 12px 0 0 0;
}

.formulaire p .champs
{
width:120px;
color:#fec975;
float:left;

}
.formulaire p.form-bout
 {
	width:158px;
	float: right;
	margin: 0 5px 0 0;

}
.formulaire p.rouge
 {
	color: #FF0000;
	font-weight:bold;
	padding-top:5px;
	width:250px;

}
/*---------------Mentions Légales------------*/
.contenu3 
{
	font-size:15px;
	padding:3px 0 8px 30px;
	font-weight:bold;
	color:#b88649;
	width:800px;
	background: url(images/puc.gif) 0 8px no-repeat;
	font-style: italic;
}
.prestation1
{	
    width: 100%;
	padding:7px 0 8px 0px;
	margin: 0px 0 4px 0px;
	border-bottom: #fec975 2px solid;
}



.txtmen
{
line-height:20px;

}


/*-----------------------CSS footer------------------------*/

#footer1
 {

	color:#fec975;
	text-align:center;
	padding: 0px 0 0px 0;
	width:100%;
	margin:0 auto;
	float: left;
	clear: both;
}
#footer
 {
	color:#fec975;
	text-align:center;
	padding: 0px 0 0px 0;
	width:100%;
	margin:0 auto;
	float: left;
	clear: both;
	background-color: #340E01;
	background-image: url(images/pxfooter.jpg);
	background-repeat: repeat-x;
	background-position: 0 17px;
}
.fot
{
	background:url(images/footer.jpg) #340e00 no-repeat  bottom;
	margin:0 auto;
	color:#fec975;
	padding: 23px 0 42px 0;
	font-size:11px;
	width: 955px;
	height: 40px;
}

.fot span
{
	color:#622606;
	text-align:center;
	z-index: 1000;
	}
 .fot  object
{
	top:8px;
	position:relative;
}

  .mini_logo
{
	float:left;
	padding:10px 45px 0 60px;
}
.fot  a
{
	padding:0 3px 0 3px;
	font-size:10px;
	color:#622606;
	z-index: 1000;
	
}
 .fot  a:hover{
	color:#fec975;
	
}
#navigation a:hover
{
	color:#A90808;	
}
#toptech
 {
	text-align:center;
	background: #340e00;
	width: 955px;
	clear: both;
	margin: 0 auto;

} 


#toptech a
{
	font-size:9px;
	border:none;	
	color:#552409;
	

}

#toptech a:hover
{
	color: #FEC975;
}