/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
 
/*#container {
	position:absolute; 
	left:5%;
	width: 50%;
	top:20%;
	height:100%
}
*/
#curpic{
	width:auto;
	margin-right:22px;
}

#curpic img{
	border:1px solid #495354;
}

#picnavtitre {
	width:230px;
	/*border:1px solid #767969;*/
	font-weight:bold;
	padding:4px;
}
#picnavdescription {
	width:226px;
	background-color:#CFD0C9;
	height:100px;
	border:1px solid #767969;
	padding:4px;
}
#picnav {
	width:245px;
	/*border:1px solid #767969;*/
	/*padding:4px;*/
	padding-top: 4px;
}

#picnavNoter {
	position:relative;
	left:95px;
	top:57px;
	width:130px;
	border:1px solid #767969;*/
	height:20px;
	padding:4px;
	background-color:#E8E8E5;
}
#picnavNoter a{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:url(../images/links.gif) left no-repeat;
	padding-left:15px;
	color:#000033;
	text-decoration:none;
}

#picnavNoter a:hover{
	color:#990000;
}

#picnavNoter2 {
	height:22px;
	margin-top:5px;
}

#picnavNoter2 a{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:url(../images/links.gif) left no-repeat;
	padding-left:15px;
	color:#000033;
	text-decoration:none;
}
#picnavNoter2 a:hover{
	color:#990000;
}



h1 {
	font-size:14px;
	font-family: arial,sans-serif;
	color:#7E8586;
	margin-right: 3px;
	text-transform:uppercase;
	font-weight:bold;

}
.carousel-component { 
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none; /* component turns it on when first item is rendered */

}
				
.carousel-component ul.carousel-list { 
	width:100000000px;
/*	height: 150px;
	overflow:hidden;*/
	position:relative;
	z-index:1; 
	float: left;
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
	
    
}

/**
 * VERTICAL CAROUSEL DEFAULTS
 **/
.carousel-component .carousel-vertical li { 
	margin-bottom:0px;

	/* Fix for extra spacing in IE */
	float:left;
    clear:left;  
	
	/* Force the LI to respect the HEIGHT specified */
	overflow:hidden;
	display:block;
	
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari... as in up/down button not working in some examples. */	 
.carousel-component ul.carousel-vertical {
/*	width:auto;*/

}

.carousel-component .carousel-clip-region { 
	overflow:hidden; /* Secret to the clipping */
	margin:0px auto;
	position:relative; 

}
.carousel-clip-region ul{ 
/*left: -400px;*/

}



/**
 * ==============================================================================
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component { 
	/*background:#495354;*/
	padding:0px;
	-moz-border-radius:6px;
	color:#618cbe;

}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px;
	line-height:0px;
}
.carousel-component .carousel-list li { 
	text-align:center;
	margin:0px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
	color:#FFFFFF;
	/*margin-right:20px;*/
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}


/* OVERIDE UD CAROUSEL PAR DÉFAUT */
.carousel-component { 
	/*padding:8px 16px 4px 16px;*/
	

}

.carousel-component .carousel-list li { 
margin-top:15px;
margin-left:10px;
margin-bottom:15px;

	/*width:179px; *//* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
	               img.border-left (1) + img.border-right (1)*/
	/*height:193px; /* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */
	/*	margin-left: auto;*/ /* for testing IE auto issue */
}
#mycarousel{
	/*border: 1px solid #00FF33;*/

}
.carousel-component .carousel-list li a { 
	display:block;
	/*border:1px solid #e2edfa;*/
	outline:none;
	width: 104px;
}

.carousel-component .carousel-list li a img {
border:1px solid #e2edfa;

}
.carousel-component .carousel-list li a:hover img, .carousel-component .carousel-list li a img.activeDefault {
border:1px solid #DD3832;
}

.carousel-component .carousel-list li a:hover { 
	/*border: 1px solid #DD3832; */
}
.carousel-component .carousel-list li img:hover { 
	/*border: 1px solid #DD3832; */
}
.carousel-component .carousel-list img { 
	border:1px solid #495354;
	display:block; 
}
								
.carousel-component .carousel-prev { 
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer; 
	left:0px; 
}
.carousel-component .carousel-prev:hover { 
background-color:#596363;
}

.carousel-component .carousel-next { 
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer; 
	right:0px; 
}

.carousel-component .carousel-next:hover { 
background-color:#596363;
}

/*PERMET DE MODIFIER LE MENU ////////////////////////////////////////////////////////////////////////////////////*/

#menu_wrapper {
	font-family: verdana, sans serif; 
	font-size: 10px; 
	width:200px; 
	padding-left:15px; 
	/*background-color: #CFD0C9;*/
}

#recherche {
	font-weight:bold;
	font-size:11px;
	width:180px; 
	margin-left:15px; 
	/*background-color: #CFD0C9;*/
	background-color:#DBDBD8;
	padding: 5px;
	text-align:left;
}
.menu_item {
	background-color: #CFD0C9;
	color:#495354;
	width: 180px;
	height:auto;
	
	
}
.produit{
	
	
}
.produit a {
	padding:3px;
	display:block;
	background-color: #CFD0C9;
	color:#495354;
	text-transform:uppercase;
	text-decoration:none;
}

.produit_active a{
	padding:3px;
	display:block;
	background-color: #495354;
	color:#FFFFFF;
	border-left:solid 6px #787E7A;
	text-transform:uppercase;
	text-decoration:none;
}

.produit a:hover{
	padding:3px;
	display:block;
	background-color: #495354;
	color:#FFFFFF;
	border-left:solid 6px #787E7A;
}


	

.categorie {
	font-size: 10px; 
	margin-left: 5px;

}
#menu_images {
margin-left: 15px;
margin-top: 15px;
}
#menu_images img{
 border:none;
 margin: 5px;
}
#menu_images a:hover{
display:block;
 border:solid 1px #333333; 
 float:left;
}
#menu_images a{
display:block;
 border:solid 1px #B8BAAE; 
  float:left;
}
#path {
color:#495354;
margin-left:5px;
font-family: verdana, sans serif; 
font-size: 10px; 
text-decoration:none
}
#path a{
color:#000000;
margin-left:5px;
font-family: verdana, sans serif; 
font-size: 10px; 
text-decoration:none
}
#path a:hover{
color:#000000;
margin-left:5px;
font-family: verdana, sans serif; 
font-size: 10px; 
text-decoration: underline;
}

#contenu {
margin: 45px;
margin-top:22px;
margin-bottom:5px;
text-align:justify;
}

#contenu a{
color:#000000;
}
#contenu a:hover{
color:#666666;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/



#minilightbox{
width: 180px;
height: 100px;
background-color:#DBDBD8;
padding: 5px;
overflow:auto;
margin-bottom:5px;
margin-left:15px;
}
#minilightboxtitre{
background-color: #B8BAAE;
text-align:left;
padding: 2px;
font-weight:bold;
font-size:11px;
margin-bottom:4px;
}
#click_light {
margin-left:15px;
width:180px;
}
#click_light a{
color:#495354;
font-size:10px;
margin-left:10px;
}


#grandlight{
width: auto;
height:auto;
background-color:#C4C5BD;
padding:10px;
margin-right:20px;
}

#switchLang {
text-align:left;
margin-left: 18px;
margin-top:3px;
}
#switchLang a{
color:#495354;
font-size:11px;
text-decoration:none;
font-weight:bold;
}
#switchLang a:hover{
color:#626B6C;
}

.picnum{
height: 35px;
width: 35px;
overflow: hidden;
float:left;
margin-right: 3px;
margin-bottom: 3px;
border: solid 1px #000000;
}


.picnum_active {
height: 35px;
width: 35px;
overflow: hidden;
float:left;
margin-right: 3px;
margin-bottom: 3px;
border: solid 1px #DD3832 ;
}

.picnum_active img{
margin: 0 0 0 0 ;
width: 50px;
/*opacity : .3;
filter : alpha(opacity=30);*/
}

.picnum img{
margin: 0 0 0 0 ;
width: 50px;
opacity : .6;
filter : alpha(opacity=60);
}
.picnum a:hover img{
margin: 0 0 0 0 ;
width: 50px;
opacity : 1.0;
filter : alpha(opacity=100);
}
.picnum a:visited img{
margin: 0 0 0 0 ;
width: 50px;
opacity : .25;
filter : alpha(opacity=25);
}