/* CSS Document */

/*color used*/
/*bleu foncé : #245169
bleu clair : #88C9EA
rouge : #F82500
orange : #E58303*/

/* Body
---------------------------------*/
*{
	margin:0;
	padding:0;
}

body {
	width:100%;
	margin: 0;
	padding: 0;
	text-align:center;
	background-color : #E58303;
}

body { 
font-family: helvetica, arial, verdana, sans-serif;  

 }

/* Structure
---------------------------------*/

#container {
	width:848px;
	margin:0 auto;
	background-color:#fff;
	background : url(./images/bg.gif) repeat-y ;
}

#header {
	margin : 0;
	height: 206px;
	padding: 0;
	background : url(./images/header.jpg)  no-repeat ;
	text-align:left;
	
}
#nav {
	position :absolute ;
	top :  187px;
	width: 790px;
	text-align:right;
	
	
}

#main {
	float: left;
	text-align:left;
	width: 480px;
	padding: 10px 30px 10px 5px;
	margin-top: 15px;
	margin-left: 15px;
	/*border-left: 1px solid #E58303;*/
}

#bigmain {
	float: left;
	width: 848px;
	padding: 10px 30px 10px 30px;
	margin: 5px;
}

#sidebar {
	float: left;
	width: 255px;
	padding: 25px 0px 10px 10px;
	margin-top:10px;
	margin-left: 20px;
	margin-bottom:10px;
	text-align :left;
	/*border-right: 1px solid #cccccc;*/
	
}



#footer {
clear:both;
height:35px;
width:770px;
margin-top:10px;
margin-left:20px;
padding:10px 20px 0 20px;
text-align:right;
/*background-color:#7A5873; */
border-top: 1px solid #88C9EA;
/*background : url(./images/bg-lines.gif) 60px 0px repeat-x ;*/
}
/*links
---------------------------------*/
a {
	color: #E58303;
	text-decoration: none; 
}
a:link { 
	color: #E58303; 
}
a:hover { 
	text-decoration: none; 
	color: #88C9EA; 
}

 ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

li.plus{
 background-image: url(images/sigle2.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
}

/* main(menu)
---------------------------------*/
.productHome {
	text-align:right;
	width:212px;
	height:200px;
	float:right;
	margin-top:4px;
	margin-right: 15px;
}

.product {
	text-align:right;
	/*width:170px;*/
	float:left;
	margin-top:9px;
	/*for IE*/
	margin-right: 22px;
	margin-bottom:10px;
	border : 1px solid #cccccc;
	/*border:1px solid #A9CF57;*/
	
	
}
/*for the other browsers*/
/*html>body .product{  margin-right: 55px;}*/
html>body .product{  margin-right: 23px;}

.intro {
	
	width :650px;
	color:#7A5873;
	padding: 10px 30px 10px 30px;
	
}

.product img{
	clear:both;
	display:block;
}
.product a{
	font-family: Arial , sans-serif;
	color: #E58303;
	font-size: 12px;
	font-weight :900;
	text-align: left;
	text-decoration: none;
}
/*for the other browser but not IE5*/
html>body .product a{  padding-top: 30px;}

.product a:hover{
	color:#cccccc;
	/*background : url(./images/buy.gif) no-repeat bottom left;*/
}



/* navigation bar (menu)
---------------------------------*/


#nav ul {
	list-style:none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav li {
padding: 0;
margin: 0;
display: inline; 
}

#nav a {
	padding-left :10px;
	font-family: Arial , sans-serif;
	color: #245169;
	font-size: 16px;
	font-weight :900;
	text-align: left;
	text-decoration: none;
	
}

#nav a.repere {
	color: #E58303;
}

#nav a:hover {
	color : #E58303;
}


/* navigation bar pour la sidebar  navigation dans les produits
---------------------------------*/


#sidebar ul {
	list-style:none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sidebar li {
padding: 0;
margin: 0;
/*display: inline; */
}

#sidebar a {
	padding-left :10px;
	font-family: Arial , sans-serif;
	color : #E58303;
	font-size: 12px;
	font-weight :900;
	text-align: left;
	text-decoration: none;
	
}

#sidebar a.repere {
	color :#245169;
}

#sidebar a:hover {
	
	color: #245169;
}



/* Typography
---------------------------------*/
img {border:0;}
img.right {float:right;}
img.left {float:left;}
img.clear {both:clear;}

p {
	font-size:small;
	color:#666666;
}
p.right {float:right; text-align:right;}
p.left{
float:left;
border-top:1px solid  #88C9EA;
padding-top:5px;
margin-bottom:15px;
display:block;
}
.souligne{
text-decoration:underline;
}
h3 {color:#245169;
padding-left:15px; }
h4 {
	font-size:15px;
	font-weight:800;
	margin: 0;
	text-align:left;
	margin-top:10px;
	padding:7px 0px 10px 30px;
	color:#245169;
	clear:both;
	/*border-bottom : 1px solid #88C9EA;*/
	background : url(./images/sigle.gif) no-repeat top left;
	}
h5 {
width:480px;
color:#245169;
background-color:#88C9EA;
padding-left: 10px;
/*text-align:center;*/
}
h6 {
font-size:small;
color:#245169;
margin :10px;
border-top: 1px solid #666666;
}

#sidebar h4{
border-bottom :1px solid #88C9EA;
border-top :1px solid #88C9EA;
margin-bottom :5px;
}
#bigmain h3 {
	width:770px;
	font-family:'Arial',  sans-serif;
	font-size:18px;
	margin:  0 ;
	padding:0 0 8px;
	text-align:left;
	color:#E58303;
	clear:both;
	/*border-bottom : 3px solid #88C9EA;*/
	background : url(./images/bg-lines.gif) repeat-x bottom;
	}
	#main h3{
	width:500px;
	font-family:'Arial',  sans-serif;
	font-size:18px;
	margin:  0 ;
	padding:0 0 8px;
	text-align:left;
	color:#E58303;
	clear:both;
	/*border-bottom : 3px solid #88C9EA;*/
	background : url(./images/bg-lines.gif) repeat-x bottom;
	}
	/*for the other browsers*/
/*html>body .product{  margin-right: 55px;}*/
html>body #main h3{{  width:510px;}
	
#sidebar h3{
	margin: 0 0 0 0;
	text-align:right;
	border-bottom : 0px;
}

.copyright{
	
	font-size:x-small;
	color:#666666;
}

/* page shop product
---------------------------------*/

.product1 {
text-align:left;
clear:both;

}

.product1 h4{
text-align:left;
color: #7A5873;
/*background-color: #7A5873;*/
border-top : 1px solid #A9CF57;
border-bottom : 3px solid #B6EDE9;
}

p.condensed { 
float: right;
padding-top :10px;
width:450px;
}

/* sidebar news
---------------------------------*/
.date{
	color:#A9CF57;
	border-bottom:1px solid #A9CF57;
}

.news{
	padding:5px 5px 5px 5px;
	border-bottom:1px dotted #A9CF57;
	
}

/* snazzy border for rounded corner 
by :  http://www.cssplay.co.uk/boxes/snazzy.html
---------------------------------*/
.xboxcontent h1, .xboxcontent h2, .xboxcontent p {padding:2px 5px 2px 5px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#FBDEE8; border-left:1px solid #7A5873; border-right:1px solid #7A5873;}
.xb1 {margin:0 5px; background:#7A5873;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#FBDEE8; border:0 solid #7A5873; border-width:0 1px;}
.xboxcontent2 {display:block; background:#ffffff; border:0 solid #7A5873; border-width:0 1px;}

.color_a {background:#ffffff; color:#000;}


/*Page contact

---------------------------*/

.groupe1 {
font-size:x-small;
/*background-color:#88C9EA;*/
margin-top:15px;
padding-top:25px;
padding-bottom:10px;

}



/*
display of qtip "title"
--------------------------------------------*/
div#qTip {
  padding: 3px;
  border: 1px solid #666;
  border-right-width: 2px;
  border-bottom-width: 2px;
  display: none;
  background: #ffffff;
  color: #7A5873;
  font: bold 9px Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  position: absolute;
  z-index: 1000;
}