/* base carousel - le complement en css par resolution */

.jcarousel-container { position: relative;}
.jcarousel-clip { z-index: 200; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-list { z-index: 100; overflow: hidden; position: relative; top: 0; left: 0;  margin: 0; padding: 0;}
.jcarousel-item { float: left; list-style: none; display: block}

.jcarousel-skin-tango .jcarousel-container { -moz-border-radius: 10px; border: 1px solid #C6C07D;}
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 100%; padding: 10px 10px;}
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000;}
#mycarousel li img {border-left: 3px double #C6C07D; border-right: 3px double #C6C07D}
#mycarousel li img.bordneutre {border-left: 0px solid #000000; border-right: 0px solid #000000;}


/* slider grandes img  */

#wrapslide {text-align:left; padding:0; position:relative; z-index:500; background: transparent url('../image/anim3.gif') no-repeat 0px 0px;  
width: 570px; height: 432px; overflow: hidden;}
#slider {padding:0; width: 552px; height: 414px; position: relative; left: 9px; top: 9px; overflow: hidden;}
li.sliderImage {padding-left: 0px; line-height: 100%; text-align:left}
#sliderContent {width: 552px; position: absolute; top: 0; margin-left: 0;}
.sliderImage {float: left; position: relative; display: none;}
.sliderImage span {position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 0; 
width: 552px; color: #fff; display: none;}
div.msk, div.msdark { display: block; position: absolute; padding: 5px 10px 5px 10px; width: 552px; height:100%; 
background-color: #000; filter: alpha(opacity=20);  -moz-opacity: 0.2;	-khtml-opacity: 0.20; opacity: 0.20; zoom:1;}
div.msdark { filter: alpha(opacity=40);  -moz-opacity: 0.4;	-khtml-opacity: 0.40; opacity: 0.40;}
.clear {clear: both;}
.sliderImage span strong {font-size: 14px;}
.top {top: 0; left: 0; height:45px}
.bottom {bottom: 0; left: 0;}
#slider ul { list-style-type: none; padding:0; margin:0}
.sliderImage div.tex {position: relative; height:100%; z-index:100; line-height:2em; padding: 5px 10px 2px 10px; zoom:1;}
#compteur {font-size: 13px; position:absolute; width:60px; height:25px; z-index:150; top:17px; right:60px;}


/* Dual sliding door */
.box_container2{ position:relative; width:398px; height:268px; overflow:hidden; color:white; 
background: url('../image/montana_arplan1b.jpg') no-repeat left top; 
font:bold 1.1em tahoma, verdana, arial, "sans serif"; text-align:justify;}
.images_holder2{position:absolute;}
.image_div2 { position:relative; overflow:hidden; width:50%; float:left;}
/* .right2 img{ margin-left: -100%;} affecte aux styles par navigateurs ou bien modifier le doctype pour ie6 */