/* ************************************************************************ *
 * Rolland - Artisan du meuble : Feuille de style - Design déposé           *
 * http://www.rolland-dessertes-et-chariots.com/                            *
 * ************************************************************************ *
 * Creation : OC Technologies - http://www.oc-t.info/ - 2006-08-20          *
 *                                                                          *
 * ************************************************************************ */

body {	margin: 0px 0px 10px 0px;
		padding: 0px 0px 10px 0px;
		font-family: arial, helvetica, sans-serif;
		font-size: small;
		color: #FFFFFF;
		background-color: #000000;
		text-align: center ;
}

a:link    {color:#CF8E30;text-decoration: none;font-weight: bold;}
a:visited {color:#CF8E30;text-decoration: none;font-weight: bold;}
a:hover   {color:#CF8E30;text-decoration: underline;;font-weight: bold;}


.shrinkborder { margin:0; padding:0; border:0; }

/* ------------------------------------------------------------------------ 
 * Slide show elements
 * ------------------------------------------------------------------------ 
 * .slideshow{display:block;position:relative;z-index:0; border:1px solid red;}
 * ------------------------------------------------------------------------ */
.slideshow{display:block;position:relative;z-index:0; }
.slideshow-images{display:block;overflow:hidden;position:relative;}
.slideshow-images img{display:block;position:absolute;z-index:1;}
.slideshow-thumbnails{overflow:hidden;}
.slideshow-images{height:226px;width:226px;}
.slideshow-images-visible{opacity:1;}
.slideshow-images-prev{opacity:0;}
.slideshow-images-next{opacity:0;}
.slideshow-images img{float:left;left:0;top:0;}
.slideshow{height:226px;margin:0;width:226px;}
.slideshow a img{border:0;}
.slideshow-captions{background:#000;bottom:0;color:#FFF;font:normal 12px/22px Arial,sans-serif;left:0;overflow:hidden;position:absolute;text-indent:10px;width:100%;z-index:10000;}
.slideshow-captions-hidden{height:0;opacity:0;}.slideshow-captions-visible{height:22px;opacity:.7;}
.slideshow-controller{background:url(controller.png) no-repeat;height:42px;left:50%;margin:-21px 0 0 -119px;overflow:hidden;position:absolute;top:50%;width:238px;z-index:10000;}
.slideshow-controller *{margin:0;padding:0;}.slideshow-controller-hidden{opacity:0;}
.slideshow-controller-visible{opacity:1;}
.slideshow-controller a{cursor:pointer;display:block;height:18px;overflow:hidden;position:absolute;top:12px;}
.slideshow-controller a.active{background-position:0 18px;}.slideshow-controller li{list-style:none;}
.slideshow-controller li.first a{background-image:url(controller-first.gif);left:33px;width:19px;}
.slideshow-controller li.last a{background-image:url(controller-last.gif);left:186px;width:19px;}
.slideshow-controller li.next a{background-image:url(controller-next.gif);left:145px;width:28px;}
.slideshow-controller li.pause a{background-image:url(controller-pause.gif);left:109px;width:20px;}
.slideshow-controller li.play a{background-position:20px 0;}.slideshow-controller li.play a.active{background-position:20px 18px;}
.slideshow-controller li.prev a{background-image:url(controller-prev.gif);left:65px;width:28px;}
.slideshow-loader{height:28px;right:0;position:absolute;top:0;width:28px;z-index:10001;}
.slideshow-loader-hidden{opacity:0;}.slideshow-loader-visible{opacity:1;}
.slideshow-thumbnails{bottom:-65px;height:65px;left:0;position:absolute;width:100%;}
.slideshow-thumbnails *{margin:0;padding:0;}
.slideshow-thumbnails ul{height:65px;left:0;position:absolute;top:0;width:10000px;}
.slideshow-thumbnails li{float:left;list-style:none;margin:5px 5px 5px 0;position:relative;}
.slideshow-thumbnails a{display:block;padding:5px;position:relative;}
.slideshow-thumbnails a:hover{background-color:#FF9!important;opacity:1!important;}
.slideshow-thumbnails img{display:block;}
.slideshow-thumbnails-active{background-color:#9FF;opacity:1;}
.slideshow-thumbnails-inactive{background-color:#FFF;opacity:.5;}
/* ------------------------------------------------------------------------ */



/* Containing blocks  (Start) --------------------------------------------- */
#overcontainer  { position: absolute;
		top: Opx;
		left: 50%;
		width:755px;
		margin-left: -375px ;
		margin-top: 10px ;
		margin-bottom: 10px ;
        padding:5px 10px 10px 10px;
		border:   0px solid #FFFFFF;
		color: #000000;
		background-color: #E5C890;
}

#container  { margin:  0px ;
        padding: 0;
		border-top:    0px solid #FFFFFF;
		border-bottom: 4px solid #D5BA85;
		border-right:  4px solid #D5BA85;
		border-left:   0px solid #FFFFFF;
		color: #000000;
		background-color: #FFFFFF;
}
/* Containing blocks  (End) ----------------------------------------------- */

/* Header  (Start) -------------------------------------------------------- */
#headerbox { 
        color:#FFFFFF;
		background-color:#CF8E30;
		margin: 0; 
		padding: 5px; 
		border:Opx  solid #CC0000;
		text-align:left;
}
/* Header  (End) ---------------------------------------------------------- */

#aide {	float:right;
		margin:0px;
		padding:0px;
		color: #FFFFFF;
		background-color: #CF8E30;
		text-align:right;

}

p.aide { margin:0; padding:0; border:0;
}

.lienclair:link   { color:#FFFFFF; background-color:inherit;text-decoration: none; font-weight: normal}
.lienclair:visited{ color:#FFFFFF; background-color:inherit;text-decoration: none; font-weight: normal}
.lienclair:hover  { color:#FFCC00; background-color:inherit;text-decoration: underline; font-weight: normal}


#mainmenu {color: #000000;
		margin:0px 0px Opx 5px;
		padding:0px 0px Opx 5px;
		border: 0px solid #B90303;
		background-color: #FFFFFF;
		text-align:left;
		font-size: 1.1em;
		font-weight: bold;
}

strong.newfocus {font-size: 1.1em;color:#CF8E30;font-weight: bold;}
a.newfocus:link    {color:#CF8E30;text-decoration: underline;font-weight: bold;}
a.newfocus:visited {color:#CF8E30;text-decoration: underline;font-weight: bold;}
a.newfocus:hover   {color:#CF8E30;text-decoration: underline;font-weight: bold;}

p.mainmenu { margin:0; padding:0px 0px 0px 10px ; border:0; color:#CF8E30;}
a.mainmenu:link    {color:#000000;text-decoration: none;font-weight: bold;}
a.mainmenu:visited {color:#000000;text-decoration: none;font-weight: bold;}
a.mainmenu:hover   {color:#CF8E30;text-decoration: underline;;font-weight: bold;}


/* Footer area  (Start) --------------------------------------------------- */
#footer { 
		margin: 0px; 
		padding: Opx; 
		border:0px  solid #003163;
		text-align:center;
		font-size: 0.7em;
}
/* Footer area  (End) ---------------------------------------------------------- */

/* Footer area  (End) ---------------------------------------------------------- */

/* Content area  (Start) ------------------------------------------------------- */
#contentarea { margin: 5px; padding: 0; border:  O; 
			text-align:justify;
}

#leftsubmenu {
		float:left;
		width: 150px;
		margin:0px;
		padding:0px;
		background-color: #FFFFFF;
		border: 0px solid #EA8B2E;
		text-align:left;
}

#rightcontent { float:right;
		width: 570px;
		margin: Opx;
		padding:0px;
		background-color: #FFFFFF;
		border:    0px solid #EA8B2E;
		text-align:left;
}
/* Content area  (End) --------------------------------------------------------- */

/* Headers  (Start) ------------------------------------------------------------ */
h1 {color:#EA8B2E; 
	background:#FFFFFF url(/images/rolland-icon-titre.gif)  no-repeat 0% 0%;
	font-size: 1.5em;
	display:block;
	text-align:left;
	padding-left:32px;
	margin-left:10px;
	line-height:30px;
	position:relative;
}

h2 {display:block;
	color:#EA8B2E; 
	background:#FFFFFF;
	font-size: 1.2em;
	text-align:left;
	padding:Opx;
	margin-left:0px;
	font-weight: bold;
}

ul.submenu { margin:0; padding:0; border:0; }

li.submenu { 
	display:block;
	color:#EA8B2E;
	border-bottom: 1px solid #EA8B2E;
	font-size: 1.0em;
	text-align:left;
	padding:Opx;
	margin:Opx Opx 3px 0px;
}

a.submenu:link    {color:#EA8B2E;text-decoration: none;font-weight: normal;}
a.submenu:visited {color:#EA8B2E;text-decoration: none;font-weight: bold;}
a.submenu:hover   {color:#EA8B2E;text-decoration: none;font-weight: bold;}


/* Headers  (End) -------------------------------------------------------------- */


img        { border:  0px solid #000000;
		   }

img.illus        { border:  2px solid #000000; margin: 2px}
img.illus:hover  { border:  2px solid #EA8B2E; margin: 2px} /* #EA8B2E #B90303 */

img.illusswap        { border:  2px solid #000000; margin: 2px}
img.illusswap:hover  { border:  2px solid #EA8B2E; margin: 2px} /* #EA8B2E #B90303 */