/**

* style.css

* Feuille de style

* 

* @author Olivier BLAIS <contact@netdcom.com>

* @version 1.0

*/



/**

* Contenu général

*/



html, body {

	margin: 0;

	height: 100%;

}

	

body {

	margin: 0;
	padding: 0;
	width: 100%;
	color: #666;
	font-family: Arial;
	font-size: 12px;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

INPUT, TEXTAREA, SELECT {
	font-size: 11px;	
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
	
	
}

input.radio {
border: 0px solid #CCC; !important
}

.noborder { 
	border: 0px solid #CCC;
}

TR, TD {
	font-size: 11px;	
}

img {

	border: none;	

}



* {

	outline: none;

}



a {

	color: #666;
	text-decoration: underline;
	

}



a:hover {

text-decoration: none;
color: #999;
}




.clear {

	clear: both;

}



div#global {


	margin: 0 auto;
	padding: 0;
	width: 1002px;
	height: 100%;
	
	position: relative;	
	/*background-color: #FFF;*/


}

.borderError {
	border: 1px solid #FF6600;
}

/**

* Header

*/



div#header {

	margin: 0;

	padding: 0;

	width: 1008px;

	height: 150px;

	position: relative;

	background-color: #FFFFFF;
	
	/*border-left: 1px solid #000;*/
	/*border-right: 1px solid #000;*/
	background: url("../images/bandeau.png") no-repeat;


}



div#header h1 {

	margin: 0;

	padding: 0;

	top: 15px;

	left: 15px;

	text-indent: -9999px;

	position: absolute;

}



div#header h1 a {

	margin: 0;

	padding: 0;

	width: 420px;

	height: 106px;

	border: 0px solid #000;

	display: block;

		background-color: #FFFFFF;
		
	background: url("../images/boutique-des-pros.gif") no-repeat;

}



div#header h2 {

	margin: 0;
	padding: 0;
	text-indent: -9999px;

}

h3 {
	
	margin: 0;
	padding: 0;
	font-size:16px;	
	width:auto;
}

h4 {
	
	margin: 0;
	padding: 5px 0 3px 0;
	font-size:11px;	
	width:auto;
	
}



/**

* Zone central

*/



div#container {

	margin: 0px;

	padding: 0;

	min-height: 530px;

	border: 0px solid #000;

	position: relative;

		background-color: #FFFFFF;
	width: 1008px;
	/*border-left: 1px solid #000;*/
	/*border-right: 1px solid #000;*/
	background: url("../images/background.png");
}



/**

* Zone central / colonne de gauche

*/



div#leftColumn {

	margin: 1px;

	padding: 0 0 0 5px;

	width: 198px;

	min-height: 530px;

	border: 0px solid #000;

	float: left;

}



/**

* Zone central / colonne de gauche / menu

*/



div#vmenu {

	margin: 0;

	padding: 0 0 0 8px;

	width: 147px;

	position: relative;

}



div#vmenu a {

	color: #000;

	font-size: 12px;

}



ul#menu {

	margin: 0;

	padding: 18px 0 0 0;

	width: 147px;

	list-style-type: none;

}



ul#menu li {

	margin: 4px 0 0 10px;

}



ul#menu a {

	margin: 0;

	padding: 0;

	width: 147px;

	height: 20px;

	display: block;

}



/**

* Zone central / colonne de droite

*/



div#rightColumn {

	margin: 1px 1px 0 0;

	padding: 0;

	width: 590px;

	min-height: 530px;

	border: 0px solid #000;

	float: left;

	border: 0px solid #000;

}





div#rightColumnInfo {



	margin: 1px 1px 0 0;

	padding: 0 5px 0 0;

	width: 198px;

	min-height: 530px;

	border: 0px solid #000;

	float: right;

	border: 0px solid #000;

	

}



/**

* Zone central / colonne de droite / contenu

*/



div#content {

	margin: 0;

	padding: 0 20px;

	width: 550px;

	min-height: 530px;

	border: 0px solid #000;

}



/**

* Footer  

*/



div#footer {

	margin:0;

	padding: 5px 0 15px 0;

	width: 1008px;

	height: 43px;

	color: #FFFFFF;

	font-size: 11px;

	text-align: center;

	position: relative;

		background: url("../images/footer.png") no-repeat;



}

div#footer a {

	color: #FFFFFF;

}

/**

* Page [contact]  

*/



#infos {

	margin-top: 15px;

	text-align: center;

	font-size: 13px;

	font-weight: bold;

	font-family:Arial, Helvetica, sans-serif;

	color: #000;

}



.note {

	color: #000;

	font-size: 10px;

}

.contact_header {

	margin-bottom: 10px;

}

.contact_field_bloc, .contact_field_bloc_required {

	margin-bottom: 10px;

}

.contact_tag {

	display:block;

	float:left;

	margin: 0 10px 0 0;

	width: 130px;

}



#menuBoutique {

border-top: 0px solid #E6E6E6;
border-right: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
border-bottom:0px;
margin-left: 5px;
padding:5px;
font-size:12px;
width:173px;
line-height:20px;

color:#003399;
}

.menuTitre {
float:left;
border: 0px solid #000;
margin-left: 5px;
padding : 5px 0 0 8px;
width:185px;
height:20px;
background: url("../images/shop/blocMenuTop2.png") no-repeat;
color:#FFFFFF;
font-weight:bold;
}


.menuTitre2 {
float:left;
border: 0px solid #000;
margin-left: 5px;
padding : 5px 0 0 8px;
width:185px;
height:20px;
background: url("../images/shop/blocMenuTopRouge.png") no-repeat;
color:#FFFFFF;
font-weight:bold;
}

.menuTitre3 {
float:left;
border: 0px solid #000;
margin-left: 5px;
padding : 5px 0 0 8px;
width:185px;
height:20px;
background: url("../images/shop/blocMenuTopVert.png") no-repeat;
color:#FFFFFF;
font-weight:bold;
}

.menuContent {
float:left;
border-top: 0px solid #E6E6E6;
border-right: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
border-bottom:0px;
margin-left: 5px;
padding:5px;
font-size: 11px;
width:173px;
}

.menuContent a:hover {
text-decoration:underline;

}


.menuBorder {
float:left;
border: 0px solid #000;

margin-left: 5px;

width:185px;

height:18px;

background: url("../images/shop/blocMenu.png") no-repeat;

}

.sMenuBoutique {
border: 0px solid #000;
margin-top: 3px;
margin-left: 10px;
font-size: 11px;

}



.ssMenuBoutique {

border: 0px solid #000;
margin-top: 5px;
margin-left: 10px;
font-size: 11px;

}



.blocPageTitre {
float:left;
border-top: 1px solid #E6E6E6;
border-right: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
margin-left: 6px;
width:528px;
padding:10px;
min-height:15px;
font-size:14px;
background-color:#979892;
color:#FFFFFF;
}

.blocPageTitre2 {
float:left;
border-top: 1px solid #E6E6E6;
border-right: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
margin-left: 6px;
width:528px;
padding:10px;
height:20px;
font-size:14px;
font-weight:bold;
color:#CCCCCC;
}


.blocPageContent {
float:left;
border-right: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
margin-left: 6px;
width:528px;
padding:10px;
}



.blocPageBottom {
float:left;
border: 0px solid #000;

margin-left: 5px;

width:551px;

height:18px;

background: url("../images/shop/bottomCatBloc.png") no-repeat;

}

/*Page produit*/
.blocPageContentText {
float:left;
margin-top:10px;
border: 0px solid #000;
width:320px;
min-height:50px;
text-align:justify;
}

.blocPageContentImg {
float:left;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
border: 0px solid #000;
width:190px;
min-height:50px;
text-align:center;
}

.blocPageContentTask {
float:left;
border: 0px solid #000;
width:520px;
min-height:50px;
text-align:center;
}
.blocPageContentTaskLeft {
float:left;
border: 0px solid #000;
width:320px;
min-height:20px;

}
.blocPageContentTaskRight {
float:left;
text-align:center;	
border: 0px solid #000;
width:190px;
min-height:20px;
}

#blocPageContentPhoto {

position:absolute; 
margin: 130px 0 0 -200px;
padding:20px;
border: 1px solid #CCCCCC;
width:500px;
text-align:center;
background-color:#FFF;
z-index:10;

}

#prix {
	margin: 5px 5px 5px 5px;
	float:left;
	width:180px;
	border: 0px solid #000;
	font-size:16px;
	font-weight:bold;
	color:#d97321;
	min-height:20px;
}

#livraison {
	margin: 0 auto;
	float:left;
	width:320px;
	border: 0px solid #000;
	font-size:10px;
	margin: 5px 0 5px 0;
	text-align:center;
}


#prixListe {
	
	float:left;
	width:100px;
	margin: 5px 0 5px 0;
	border: 0px solid #000;
	font-size:15px;
	font-weight:bold;
	color:#d97321;
	min-height:20px;
	text-align:center;
}

#livraisonListe {
	float:left;
	width:100px;
	border: 0px solid #000;
	font-size:10px;
	text-align:center;
}

#addBasket {
	float:right;
	width:320px;
	border: 0px solid #000;
	margin-top: 10px;
	text-align:center;
	
}



/*Navigation de page en page*/

.navigation_results {

	float: left;

	padding-top: 5px;

	

	width: 500px;

	height: 25px;

	border: 0px solid #CCCCCC;

	text-align: left;

}



a.nav_liens:link, a.nav_liens:visited {

	position:	relative;

	display:	inline;

	margin:	1px 0px 1px 0px;

	font-size:	10px;

	text-decoration: none;

	border: 1px solid #CCCCCC;

	padding-top: 2px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 5px;

	

	background-color: #FFFFFF;

}



a.nav_liens:hover {

	text-decoration: underline;

	color: #CCCCCC;

}



.nav_selected {

	position:relative;
	display:inline;
	margin: 1px 0px 1px 0px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: #FFFFFF;
	background-color: #CCCCCC;

}

.nav_results_liste {

float:left;

}

.fileDArianne {
 
 font-size:10px;

}
.fileDArianne a {
color: #FFFFFF;
}

#window_infos {
position:absolute;
top:-10px;
left:0;
z-index:12;
background-color:black;
filter:alpha(opacity=50);-moz-opacity:0.5;
width: 1008px;
height: 40px;
text-align:center;
color:#FFFFFF;
font-size:12px;
padding-top:14px;
}
/*****MENU HORIZONTAL *******/
#menu_horizontal
{

	margin: 0;
	padding: 5px 0 5px 0;
	width: 1008px;
	height: 20px;
	position: relative;
	background: url("../images/background-top.png") no-repeat;

	
}
#ul-menu-horizontal {
float:right;
font-size:11px;
margin:0 0 0 0;
padding:0 50px 0 0;

width:700px;

}

ul.ul-menu-horizontal {
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;
margin:2px 50px 0 !important;
padding:0;
float:right;
border-bottom: 1px solid #CCC;
font-weight:bold;
}


ul.ul-menu-horizontal li {
display:inline !important;
list-style-type:none !important;
margin:0 !important;
padding:2px 15px 3px 12px !important;
cursor : pointer; 
	border: 1px solid #FFF;
}

ul.ul-menu-horizontal li:hover {
	border: 1px solid #CCC;
	background-color:#FFFFFF; 
	color:#979892;
}

ul.ul-menu-horizontal li a {
color:#979892;
text-decoration:none;
}

ul.ul-menu-horizontal li a:hover {
text-decoration:none;


}

.ul-menu-horizontal_active {
	background-color:#979892; 
	color:#FFF;
	border: 0px solid #CCC;
}

/*****MENU CATALOGUE *******/

}
#ul-menu-catalogue {
float:left;
font-size:11px;
margin:0 0 0 0;
padding:0 30px 0 0;
width:150px;

}


ul.ul-menu-catalogue  {
padding:0;
margin:0;
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;

}

ul.ul-menu-catalogue a {
text-decoration: none;
width:170px;

}

ul.ul-menu-catalogue a:hover {
}



ul.ul-menu-catalogue  li {
padding:0 5px 10px 7px;
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;
cursor : pointer; 
text-decoration: none;
border-top: 1px solid #CCC;


}

ul.ul-menu-catalogue  li a {

text-decoration:none;
}

ul.ul-menu-catalogue li a:hover {
text-decoration:none;

}

ul.ul-menu-catalogue  ul  {
padding:0;
margin:0;
}

ul.ul-menu-catalogue  ul li {
border-top: 1px dotted #CCC;
line-height:16px;
}

ul.ul-menu-catalogue  ul li a {
height:20px;
color:d97321;

}

ul.ul-menu-catalogue  ul ul  {
padding:0;
margin:0;
}

ul.ul-menu-catalogue  ul ul li a {
color:#666666;
}

ul.ul-menu-catalogue  li:hover {
background-color:#ebebeb; 

}



.ul-menu-catalogue_active {
	background-color:#CCC; 
	color:#FFF;
	font-size:12px;
}

#basket_content_info {
float:left;
padding:5px;
border: 1px dotted #CCC;
width:138px;
height:25px;
background-color:#efb03f;

color:#FFFFFF;
margin-top: 3px;
margin-left: 15px;
text-align:center;
}

#basket_content_info a {
color:#FFFFFF;
}

#total_basket {
float:left;
width:120px;
height:14px;
}