@import url("css/administration.css");
@import url("css/optavis.css");
@import url("css/optavisAdmin.css");
@import url("css/optavis_Catalog.css");
@import url("css/optavis_Contact.css");
@import url("css/catalog-baronrouge.css");
@import url("css/horinaja.css");
@import url("css/hevoq.css");
@import url("css/jquery.fancybox-1.3.1.css");
@import url(radEditor.css);


body { background: #000 url(images/pageBck.jpg) center 350px repeat-y; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }
ul, li { margin: 0; padding: 0; }

.controlPanelBack { background: #fff; }
.controlPanel { width: 990px; margin: 0 auto; }

.page { background: url(images/pageBck.png) no-repeat center top; padding: 0; }
.pageBackTop { background: url(images/pageBackTop.png) repeat-x center -20px; }
.pageBackTopSlider { background: url(images/pageBackTopSlider.png) no-repeat center -20px; }
.pageBackBottom { background: url(images/pageBackBottom.png) repeat-x center bottom; }

.gabarit { margin: 0 auto; width: 990px; position: relative; }

.pageBackContentTop { background: url(images/pageBackContentTop.png) repeat-x center top; padding: 40px 0 110px;}
.pageBackContentTop > table { border-spacing: 20px;}
.pageBackContentBottom { background: url(images/pageBackContentBottom.png) repeat-x center bottom;  }

.header { position: relative; height: 343px; }
.topPane { position: absolute; top: 0px; height: inherit; left: 30px; width: 350px; }
.topSliderPane { position: absolute; top: 0px; height: inherit; right: 0px; width: 620px; }

.contentPane { min-height: 500px; vertical-align: top; }
.pageBackContentTop > table { width: 100%; }
.rightPane { width: 400px; vertical-align: top; }

.menu { padding: 4px 10px 0; }
.menu li { float: left; height: 60px; }
.menu a:hover { text-decoration: none; }
/*.menu li.last {float: none; height: 60px;}*/
.menu li + li { background: url(images/menuSeparator.png) repeat-y; }
.menu li a { display: table-cell; padding: 0 10px; height: inherit; vertical-align: middle; color: #fbD59C; font-family: Verdana, Arial, helvetica; font-size: 15px; text-transform: uppercase; text-shadow: #222 1px 1px 0; }
.menu ul ul { background: url(images/menuBackSubOpac.png); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 7px; }
.menu ul ul li { width: auto; height: 20px; background: none; padding: 2px; float: none; }
.menu ul ul li img { vertical-align: middle; padding: 2px; }
.menu ul ul li a { width: auto; height: auto; color: #fff; font-size: 11px; }
.menu ul span { display: block; float: left; padding: 10px; border: 1px solid transparent; }
.menu div > ul > li:hover span { text-shadow: #ca7 1px 1px 0; border: 1px solid #a18864; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-shadow: inset 0px 0px 2px 1px #000000; -webkit-box-shadow: inset 0px 0px 2px 1px #000000; box-shadow: inset 0px 0px 2px 1px #000000; background-image: -moz-linear-gradient(top, #967c51, #d2ad7c); background-image: -webkit-gradient(linear, center top, center bottom, from(#967c51), to(#d2ad7c)); background-image: -o-linear-gradient(top, #967c51, #d2ad7c); background-image: linear-gradient(top, #967c51, #d2ad7c); -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; color: #483B27; }



/*.ctBckOpacArrondi { background: url(images/bckOpac.png); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 20px 2px; padding: 10px; }*/

.foot { height: 344px; position: relative; background: url(images/flagFooter.png) no-repeat right 50px; }
.foot h2 { display: table-cell; padding: 0; height: inherit; vertical-align: middle; color: #877458; font-family: Verdana, Arial, helvetica; font-size: 15px; text-shadow: #222 1px 1px 0; }

.footTop { height: 60px; padding: 10px 0 0; }
.footLeft { position: absolute; top: 65px; left: 0px; bottom: 5px; width: 520px; }
.footMenu { position: absolute; top: 70px; left: 540px; bottom: 0px; }
.footMenu ul ul { display: none; }
.footMenu li { list-style: none; height: 15px; }
.footMenu a { font-family: arial, Verdana, helvetica; font-size: 12px; color: #806f55; }
.footMenu ul li:hover ul { display: block; }
.footMenu ul ul a { display: none; }

.mentions { position: absolute; top: 70px; left: 750px; bottom: 0px; }
.mentions a { display: block; margin: 0 0 10px; width: 50px; font-family: arial, Verdana, helvetica; font-size: 12px; color: #806f55; }

.copyright { position: absolute; left: 540px; bottom: 20px; font-family: arial, Verdana, helvetica; font-size: 12px; color: #806f55; }
.copyright a { display: block; font-family: arial, Verdana, helvetica; font-size: 12px; color: #806f55; }


/* Editeur */
.oh_btnEdit { display: block; line-height: 20px; position: absolute; margin: 0 0 0 40px !important; color: #000 !important; font-family: verdana, arial, helvetica; font-size: 11px; background-position: 5px center !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 15px 0 25px; text-indent: 0px !important; background-image: url(../../../../images/edit.gif) !important; }
.oh_btnEdit:hover { opacity: 1; background-color: #eee; }
.reContentCell, .reContentCell iframe, .RadEditor { background: transparent !important; }


/*-----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------- SLIDER ----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*
div.containerSlider ul#slider { position: relative; width: 790px; height: 350px; margin: 30px auto; padding: 0px; float: none; clear: both; }
div.containerSlider ul#slider li { list-style: none; }

div.containerSlider div.containerPagination { position: absolute; margin-top: -244px; height: 31px; width: 790px; background: url('images/sliderPaginationBackground.png') left top repeat; }
div.containerSlider div.containerPagination ul.hevoqPagination { float: left; height: 31px; padding: 0px; margin: 0px; }
div.containerSlider div.containerPagination ul.hevoqPagination li { position: relative; float: left; height: 21px; list-style: none; padding: 10px 5px 0px 5px; }
div.containerSlider div.containerPagination ul.hevoqPagination li a { width: 10px; height: 10px; background: url('images/sliderPuce.png') left top no-repeat; display: block; }
div.containerSlider div.containerPagination ul.hevoqPagination li a:hover, div.containerSlider div.containerPagination ul.hevoqPagination li.hevoqSelPagination a { background: url('images/sliderPuceSelected.png') left top no-repeat; }

div.containerSlider div#masqueSlider { position: absolute; width: 790px; height: 350px; margin-top: -244px; background: url('images/masqueSlider.png') left top no-repeat; }

*/

/*-----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------- SLIDER MENU -----------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/


div.backSliderMenu, div.containerSliderMenu { position: relative; top: 0px; left: 1px; width: 614px; height: 290px; }

div.containerSliderMenu ul#sliderMenu, div.containerSliderMenu ul#sliderMenu li { width: 500px; height: 265px; }

div.backSliderMenu { position: absolute; opacity: 0.15; }
div.containerSliderMenu { position: relative; clear: both; }
div.containerSliderMenu ul#sliderMenu { position: relative; top: 33px; left: 60px; }
div.containerSliderMenu ul#sliderMenu li { list-style: none; background-position: center center; }
div.containerSliderMenu a { position: absolute; display: block; top: 53px; bottom: 21px; background: transparent; width: 42px; z-index: 50; }
div.containerSliderMenu a:hover { background: #000; opacity: 0.2; }
div.containerSliderMenu a.previous-hevoq { left: 2px; border-radius: 3px 0 0 3px; width: 44px; }
div.containerSliderMenu a.next-hevoq { right: 0px; border-radius: 0 3px 3px 0; }


/* Container */
.ctBckTransparent {background: url(images/backTexte.png); border-radius: 8px;padding:10px;}

/*----------------------------------------------------------*/
/*---------------------- CONTACT ---------------------------*/
/*----------------------------------------------------------*/


.ctContact { background: url(images/backFormContact.png) no-repeat; width: 454px; height: 550px; position: relative; }
.ctContact * { font-family: KootenayRegular, Verdana; }

.ctContact .lk-fl-email, .ctContact .lk-fl-subject, .ctContact .lk-fl-message { position: absolute; color: #000; text-indent: 15px; font-size: 23px; left: 0px; text-transform: uppercase; text-shadow: 1px 1px #FFF; }
.ctContact .lk-ft-email, .ctContact .lk-ft-subject, .ctContact .lk-ft-message { position: absolute; color: #fff; background: transparent; width: 250px; left: 180px; font-size: 16px; border: none; }

.ctContact .lk-fl-email { top: 15px; }
.ctContact .lk-ft-email { top: 15px; line-height: 35px; height: 35px; }
.ctContact .lk-fl-subject{ top: 95px; }
.ctContact .lk-ft-subject { top: 95px; line-height: 35px; height: 35px; }
.ctContact .lk-fl-message { top: 175px; }
.ctContact .lk-ft-message { top: 175px; height: 200px; }
.ctContact .lk-f-buttonBar { position: absolute; bottom: 55px; width: 350px; }
.ctContact .lk-f-buttonBar input { background: #f00; background: url(images/backButton.png) no-repeat; border: none; width: 169px; height: 69px; color: #000; padding: 0 0 10px 0; font-size: 30px; text-shadow: 1px 1px #666, 1px 1px #FFF; }

.ctContact .validationSummary { position: absolute; bottom: 160px; left: 5px; color : #f00; }

.ctContact .contact-merci { color: #fff; font-size :18px; }

/***/






div.footLeft div.optavisContact { position: relative; }
div.footLeft div.optavisContact span { display: block; margin: 0px 0 2px 0; color: #99bc45; font-size: 12px; text-transform: uppercase; }
div.footLeft div.optavisContact input, div.footLeft div.optavisContact textarea { width: 100%; height: 21px; background-color: #99bc45; color: #000; margin: 0 0 8px 0; padding: 2px; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
div.footLeft div.optavisContact textarea { width: 100%; height: 80px; overflow: auto; }
/* Hack webkit */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.footLeft div.optavisContact textarea { width: 240px; }
}
div.footLeft div.optavisContact div.optaButtonBar input { background: #32291f; height: 38px; width: auto; padding: 0 15px; color: #99bc45; font-size: 16px; font-weight: bold; }
div.footLeft div.optavisContact div.optaButtonBar input:hover { cursor: pointer; }

.optaButtonBar + div { position: absolute; bottom: 10px; }
.optaButtonBar + div, .optaButtonBar + div * { font-family: verdana, arial, helvetica; font-size: 11px; }
.optaButtonBar + div li { margin: 0 0 0 30px; }