@import url(optavis.css);
@import url(optavis_Contact.css);
@import url(optavis_Catalog.css);
@import url(optavisAdmin.css);
@import url(admin.css);
@import url(radEditor.css);
@import url(jq_fade.css);
@import url(shadowbox.css);
@import url(galleria.css);


* { margin: 0; padding: 0; font-family: "verdana" , "arial" , "helvetica" , sans-serif; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; list-style-type: none !important; }

img { border: 0; }
html { overflow-y: scroll; }
body { background: #46c9ff url("images/fond.gif") repeat-x; }

.ControlPanel { width: 900px; margin: auto; }

.ext_wrap { width: 978px; margin: 0 auto; }
.wrapper { width: 900px; margin: 0 auto; }


.float_right { float: right; left: 86px; position: absolute; top: 300px; }
.float_center { text-align: center; }
.float_left { float: left; }

.clear { clear: both; height: 1px; }
.signature { text-align: center; width: 100px; margin-top: 10px; margin-left: auto; margin-right: auto; }



/* ENTETE */
.entete { height: 215px; }

/* ACCUEIL */
.accueil_top { background: url("images/accueil_top.gif"); height: 40px; }
.accueil_0 { float: left; background: #9337b5; width: 640px; }
.accueil_1 { height: 159px; }
.accueil_1_1 { background: #9337b5; width: 450px; float: left; height: 159px; }
.accueil_1_1 img { display: block; }
.accueil_1_2 { background: #f97500; width: 190px; float: left; }
*html .accueil_1_2 { margin-top: -3px; }
.accueil_2 { height: 262px; background: #9337b5; padding-bottom: 4px; }
.accueil_2_1 { background: #9337b5; width: 450px; float: left; }
.accueil_2_2 { background: #f97500; width: 190px; float: right; text-align: center; padding-bottom: 6px; }
.accueil_nav { width: 190px; height: 159px; float: right; position: relative; }
.accueil_nav li { display: block !important; height: 38px; list-style-type: none; margin: 7px 0 23px; }
.accueil_nav .mi0 { margin-top: 10px; }
.accueil_nav .mi0 span { padding-top: 10px !important; }
.accueil_nav .mi3 span { padding-top: 7px !important; }
.default_nav li { height: 38px; list-style-type: none; margin: 7px 10px 23px; }
.accueil_nav span, .default_nav span { background: none repeat scroll 0 0 #9337B5; color: White; font-size: 35px; letter-spacing: 2px; padding: 6px 12px 0; }
.accueil_nav .mi6 span, .default_nav .mi6 span, .default_nav .mi7 span, default_nav .mi8 span, .accueil_nav .mi7 span, .accueil_nav .mi8 span { font-size: 30px; }
.accueil_nav .hov span, .default_nav .hov span, .default_nav .sel span { color: yellow; }
.accueil_nav .spacer, .default_nav .spacer { margin-bottom: 9px; }

.accueil_2_2 img { margin-bottom: -2px; }
.accueil_3 { width: 260px; height: 422px; float: left; background: #f97500; padding-bottom: 3px; }

.rollover-video { background: url("images/btn-galerie.gif") no-repeat scroll 0 0 transparent; display: block; height: 88px; width: 174px; }
.rollover-video:hover { background: url("images/btn-galerie_active.gif") no-repeat scroll 0 0 transparent; display: block; height: 88px; width: 174px; }


/* PAGE DEFAULT */
.default_0 { float: left; background: #f97500; width: 640px; }
.default_nav span { background: none repeat scroll 0 0 #9337B5; color: White; font-size: 30px; letter-spacing: 2px; padding: 7px 12px 0; }
.default_nav .mi6 span, .default_nav .mi7 span, default_nav .mi8 span { font-size: 30px; }
.default_nav .hov span { color: yellow; }
.default_nav .spacer { margin-bottom: 9px; }

.accueil_2_2 img { margin-bottom: -2px; }
.accueil_3 { width: 260px; height: 422px; float: left; background: #f97500; padding-bottom: 3px; }
.rightPane { width: 190px; margin: 0 auto; float: left; position: relative; }

.default_nav ul { margin-top: 7px; position: relative; }
.default_nav { width: 900px; height: 159px; }

/* NAVIGATION */
.menu_1 { height: 41px; }
.menu_1_1 { background: url("images/menu_1_spacer.gif"); float: left; height: 41px; width: 450px; }
.menu_1_2 { background: url("images/background-menu.gif") repeat scroll 1px 1px transparent; float: left; height: 41px; width: 450px; }
.menu_2 { height: 40px; }
.menu_2_1 { float: left; height: 40px; background: #9337B5; width: 450px; }
.menu_2_2 { background: url("images/menu_2_spacer.gif"); float: left; height: 40px; width: 450px; }

.accueil_nav .mi3, .accueil_nav .mi4, .accueil_nav .mi5 { position: relative; right: 190px; text-align: right; }
.default_nav .mi3, .default_nav .mi4, .default_nav .mi5 { bottom: 14px; float: right; position: absolute; text-align: right; }
.default_nav .mi3 { right: 305px; }
.default_nav .mi4 { left: 590px; }
.default_nav .mi5 { right: 0; }

.mi3 span, .mi4 span, .mi5 span { background: #F97500; }
.default_nav .mi3 span, .default_nav .mi4 span, .default_nav .mi5 span { background: transparent; }
.default_nav .mi4 { }
.accueil_nav .mi2 { margin: 7px 0 11px !important; }

.infosBas { background: url("images/pied.gif") repeat scroll 0 0 transparent; display: block; height: 60px; }

a.menuBas:hover { background: #F97500; color: yellow !important; }
a.menuBas div { display: inline; position: absolute; right: 2px; font-size: 16px; }
a.menuBas .d1 { top: 6px; }
a.menuBas .d2 { top: 17px; }
a.Last { padding: 0 30px 0 8px; margin: 0; }

#dnn_NAV1_ctlNAV1sub141, #dnn_NAV1_ctlNAV1sub537, #dnn_NAV1_ctlNAV1sub7 { background: #9337B5; border: 1px solid #fff; z-index: 400; }
#dnn_NAV1_ctlNAV1sub141 li, #dnn_NAV1_ctlNAV1sub537 li, #dnn_NAV1_ctlNAV1sub7 li { margin: 3px; height: 30px; }
#dnn_NAV1_ctlNAV1sub141 span, #dnn_NAV1_ctlNAV1sub537 span, #dnn_NAV1_ctlNAV1sub7 span { font-size: 20px; }

/* CONTENT */
.content_top { background: url("images/content_top.gif"); height: 30px; position: relative; }
.content_stretch { background: url("images/content_fond.gif"); padding: 10px 57px 10px 52px; min-height: 400px; }
.content { font-size: 12px; line-height: 180%; }
.content_bottom { background: url("images/content_bottom.gif"); height: 37px; padding-top: 13px; padding-left: 5px; }
.topContentPane { max-width: 580px; float: left; line-height: 180%; }
#dnn_ctr1646_ModuleContent { width: 540px; }
#dnn_ctr1647_ModuleContent, #dnn_ctr1647_ModuleContent img { width: 259px !important; }
#dnn_ctr1649_ModuleContent { width: 482px; }
#dnn_ctr581_ContentPane td { vertical-align: top; }
.contentPane { }
.bottomRightPane { float: right; height: 30px; }
.bottomContentPane { float: right; width: 100%; }
.bottomContentPane div { float: left; display: block; width: 270px; }


.rollover1:hover { background: url("images/btn_vip_active.gif"); display: block; width: 66px; height: 277px; }
.rollover2:hover { background: url("images/btn_vip_inscription_active.gif"); display: block; width: 66px; height: 87px; }

.lang_pad { margin: 5px; }

/* ENVIRONNEMENT */
.picto { float: left; margin: 0 5px; text-align: center; width: 160px; }
.picto span { display: block; text-align: center; }
.itemEnv { border: 1px dashed #FF008A; float: left; margin: 10px; padding: 15px; width: 210px; }
.itemEnv .titreEnv { text-align: center; padding-bottom: 10px; }
.itemEnv h1 { display: inline; text-align: center; color: #F6811A; font-size: 27px; }
.itemEnv a.detail { clear: both; color: #000000; display: block; text-align: center; }
.itemEnv a:hover { background: #A0DA06; }
.itemEnv .box { background: none repeat scroll 0 0 #D0F374; height: auto; padding: 0 10px; }
.itemEnv .box p { font-size: 11px; padding: 5px; }
.titreEnv .t1 { color: #F6811A; font-size: 27px; }
.titreEnv .t2 { color: #9337B5 !important; }
.itemEnv .box a { color: #FF008A; }

/* CONFIDENCES */
.itemRecette .item { margin: 15px 0; padding: 15px; background: none repeat scroll 0 0 #FF008A; }
.itemRecette h1 { color: #1CAAF0; display: block; height: 35px; margin-bottom: 5px; width: 550px; font-size: 28px; }
.itemRecette a { color: #FEEB12; }
.itemRecette a.detail { margin-top: 5px; background: url("images/tab.gif") repeat scroll 0 0 transparent; clear: both; color: #000000; display: block; font-size: 11px; padding: 7px 3px; text-align: center; width: 130px; }
.itemRecette .active { background: url("images/tab-on.gif") repeat scroll 0 0 transparent !important; }
.itemRecette .boxTop { background: url("images/event-top.gif") repeat scroll 0 0 transparent; height: 28px; }
.itemRecette .boxBottom { background: url("images/event-bottom.gif") repeat scroll 0 0 transparent; height: 28px; }
.itemRecette .box2 { line-height: 180%; background: url("images/event.gif") repeat scroll 0 0 transparent; height: auto; padding: 0 25px; }

/* AMBIANCES */
.accordion { clear: both; }
.hrzContainer { width: 100%; }
.hrzContainer ul { list-style-type: none; margin: 0; padding: 0; }
.hrzContainer li { display: block; margin: 0; padding: 0; }
.handle { float: left; height: 185px; text-align: center; width: 130px; }
.accordion p { margin-left: 10px; }
.contentInnerWrapper .resume { margin-left: 10px; }
.contentStart { float: left; height: 185px; overflow: hidden; width: 0; }

/* COULEURS GALERIE */
.p507 { background: #4DAAF5; }
.p510 { background: #FD4E22; }
.p512 { background: #9ED900; }

.l507 a { color: #4DAAF5; }
.l510 a { color: #FD4E22; }
.l512 a { color: #9ED900; }
.l644 a { color: #7515E9; }
.l645 a { color: #EEEA14; }
.l646 a { color: #63B39C; }
.l647 a { color: #F319B3; }
.l648 a { color: #C032A0; }
.l649 a { color: #4DAAF5; }
.l650 a { color: #FD4E22; }
.l651 a { color: #9ED900; }
.l652 a { color: #7515E9; }
.l653 a { color: #EEEA14; }

.contentInnerWrapper span em { font-size: 22px; color: White; margin-top: 15px; }
.liste-galerie-ambiance { float: left; width: 100%; margin-top: 30px; }
.liste-galerie-ambiance div { width: 200px; margin: 10px 0 0 50px; float: left; text-align: center; }
.liste-galerie-ambiance div a { font-size: 11px; }


/* ON EN PARLE */
.onenparle { margin: 20px 0; text-align: center; }
.onenparle a { max-width: 251px; margin: 0; padding: 0; }
.article { border: 1px dashed #0163DC; margin: 15px auto; padding: 15px; width: 600px; }
.article h1 { color: #9337B5; font-size: 30px; width: 400px; margin-bottom: 5px; margin-top: 3px; }
.article p { line-height: 180%; }
.article .src { color: #0062DB; font-size: 25px; }
.article .source { color: #F97500; font-size: 25px; }
.float_center { text-align: center; margin-left: 43%; }
.float_center .rollover { background: url("images/btn_retour.gif") no-repeat scroll 0 0 transparent; display: block; height: 40px; width: 100px; }
.float_center .rollover:hover { background: url("images/btn_retour_active.gif") no-repeat scroll 0 0 transparent; }
.bottom { position: relative; top: 470px; }
.itemLivreOr { margin: 0 0 20px 0; text-align: center; }

/* EVENEMENTS */
.evenementCadreJauneFond, .evenementCadreBleuFond, .evenementCadreMauveFond { display: block; }
.evens { width: 750px; margin: 0 auto; text-align: center; }
.evens h3 { color: #000; font-style: italic; font-weight: normal; }
.evens p { font-size: 11px; line-height: 180%; color: #000; }
.evens h2 { margin-top: 0; }
.even2 p, .even2 h3 { color: White; }
.even1 h2 { color: #eb7b18; font-size: 35px; }
.even2 h2 { color: Black; font-size: 35px; }
.even3 h2 { color: yellow; font-size: 35px; }
.picto1 { background: url("images/picto1.gif") no-repeat scroll 0 0; }
.picto2 { background: url("images/picto2.gif") no-repeat scroll 0 0; }
.picto3 { background: url("images/picto3.gif") no-repeat scroll 0 0; }


.even1Top { background: url("images/even1-top.gif") repeat scroll 0 0 #FEEB12; height: 30px; }
.even1 { background: url("images/even1-fond.gif") repeat scroll 0 0 #FEEB12; padding: 0 30px; padding-bottom: 2px; }

.even2Top { background: url("images/even2-top.gif") repeat scroll 0 0 #3575EA; height: 30px; }
.even2 { background: url("images/even2-fond.gif") repeat scroll 0 0 #3575EA; color: #C3E3FF; padding: 0 30px; padding-bottom: 2px; }

.even3Top { background: url("images/even3-top.gif") repeat scroll 0 0 #FF00DE; height: 30px; }
.even3 { background: url("images/even3-fond.gif") repeat scroll 0 0 #FF00DE; padding: 0 30px; padding-bottom: 2px; }

.galerie-default {clear:both;height:500px;position:relative;}

/* CONTACT */
.form { clear: both; display: block; margin-left: 45px; }
.col { float: left; width: 350px; }
.form #input, .form #file, .form .select, .form .disabled, .form #comment, .form #commentBig { background: none repeat scroll 0 0 #FFFFDA; border: 1px solid #FEEB12; color: #000000; font-family: arial; font-size: 14px; padding: 3px; width: 170px; margin-top: 14px; }
.form label { clear: both; color: #FF008A; display: block; float: left; font-weight: normal; height: 16px; margin-right: 15px; padding-left: 0; padding-top: 2px; text-align: right; width: 150px; }
.form #file { border: 0 solid #AAAAAA; float: left; width: auto; }
.form .cp { margin-right: 4px; width: 50px !important; }
.form .ville { width: 112px !important; }
.form h4 { text-align: right; }
.form td { vertical-align: top; }
#comment { height: 150px !important; width: 520px !important; }
#chmpoblg { color: #333333; font-size: 11px; font-style: italic; margin-top: 15px; text-align: center; }
.form .select, .form .disabled { font-size: 11px; margin: 0; padding: 1px; }
.form .disabled { color: #CCCCCC; }
.small { font-size: 11px; font-style: italic; }
.loading { background: url("images/ajax-loader.gif") no-repeat scroll 50% 50% transparent; height: 100px; }
#message { font-size: 14px; margin: 50px auto; text-align: center; width: 400px; }
#errors { font-size: 11px; margin: 0 auto 10px; padding: 0 0 5px; text-align: center; width: 400px; }
#errors li { color: #666666; display: inline; list-style-type: none; padding: 3px 5px; }
.bouton { border: 0; background: url("images/btn_envoyer.gif") no-repeat scroll 0 0 transparent; clear: both; cursor: pointer; display: block; height: 46px; margin: 10px auto; text-align: center; width: 136px; }
.optavisContact span {font-size: 25px;}

/* FOOT */
.foot { clear: both; height: 30px; }
.foot_1 { float: left; width: 150px; height: 30px; }
.foot_2 { float: left; width: 450px; height: 30px; }
.foot_1 p { color: #1795ff; font-size: 11px; margin: 7px 0 0 7px; }
.foot_1 a { color: white; text-decoration: none; }
.foot_1 a:hover { color: #feeb12; text-decoration: underline; }

/* PIED */
.pied h1 { display: block; width: 600px; }
*html .pied h1 { width: 450px; }
.pied #tel { width: 150px; display: block; float: right; margin-right: 70px; }
*html .pied #tel { margin-right: 30px; }
.phrase { padding: 10px 0 0 0; margin: 10px 0 0 0; }
.phrase h1 { }

.accesVip { width: 65px; position: absolute; top: 350px; }
*html .accesVip { margin-left: -39px; }
*:first-child + html .accesVip { margin-left: -39px; }

.sig { float: right; font-size: 10px; padding: 0 55px 0 0; color: white; }
.sig a { color: darkblue; }
.sig a:hover { color: red; text-decoration: underline; }
.legal { font-size: 10px; color: darkblue; line-height: 150%; }
.legal em { color: white; }
.musik { font-size: 10px; color: white; }
a.dp-choose-date { float: left; width: 16px; height: 16px; padding: 0; margin: 3px 3px 0; display: block; text-indent: -2000px; overflow: hidden; background: url("../media/calendar.png") no-repeat; }
a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; }
input.dp-applied { width: 78px; float: left; }


.gutter, .gutter a { color: White; font-size: 11px; padding-bottom: 5px; }
.gutter a:hover { text-decoration: underline; }

.music { bottom: 6px; position: relative; }

.pagination {bottom:0;left:20px;position:absolute;width:300px;}
.pagination a { display: block; float: left; width: 15px; }

.Optavis_CatalogContent { position: relative; }

.logInscription { border: 1px dashed #0163DC; margin: 0 20px 0 290px; text-align: center; width: 200px; padding: 15px 5px; }
.logInscription a { padding: 15px 5px; font-size: 30px; }


/* Newsletter */
.optaNewsSubscribe input { width: 350px; height: 25px; margin-top: -10px; }

.optaNewsSubscribe .btnSubscribe { background: url(images/btn_inscrire.gif) no-repeat scroll 0 0 #EEEEEE; border: 0; color: #000000; display: block; font-size: 12px; height: 42px; margin: -20px 0 0 527px; padding: 2px 5px; position: absolute; width: 126px; }

.listing { clear: both; }
.box { display: none; }

.oh_btnEdit { padding-left: 25px; display: inline !important; }
.admin-onglet { display: block; clear: both; }


/* Login */

/*.login {width: 50%;}*/

.login h2 { color: #FF008A; font-size: 25px; margin: 20px 0 }

.optaTiersLogin, .optaEcomECCreate { float: left; }
.optaTiersLogin { width: 350px; }
.optaEcomECCreate { width: 400px; margin: 90px 0px 0px 0px; }

.lEcAccountAlreadyExist { position: absolute; margin: 0px 0 0 0; }
.lEcCreateAccount { position: absolute; margin: 0px 0 0 330px; }

.modeLogin, .modeSendPass { width: 100px; height: 100px; }
/*.lEcAccountAlreadyExist { display: none; }*/

.modeLogin .lEcCreateIdent, .modeLogin .lEcCreatePass { color: #9337b5; font-size: 20px; position: absolute; }
.modeLogin .lEcCreateIdent { margin: 100px 0px 0px 0px; }
.modeLogin .lEcCreatePass { margin: 170px 0px 0px 0px; }

.modeLogin .tOptaEcomUsername-watermark, .modeLogin .tOptaEcomPassword-watermark { font-style: italic; color: #777; }
.modeLogin .tOptaEcomUsername-watermark, .modeLogin .tOptaEcomUsername, .modeLogin .tOptaEcomPassword-watermark, .modeLogin .tOptaEcomPassword { position: absolute; height: 20px; }
.modeLogin .tOptaEcomUsername-watermark, .modeLogin .tOptaEcomUsername { margin: 130px 0 0 0px; }
.modeLogin .tOptaEcomPassword-watermark, .modeLogin .tOptaEcomPassword { margin: 200px 0 0 0px; }
.modeLogin .btnOptaEcomLogin { position: absolute; margin: 200px 0px 0px 160px; font-size: 35px; color: #f00; }
.modeLogin .btnOptaEcomPwdRequest { position: absolute; margin: 240px 0px 0px 0px; }
.modeLogin .btnOptaEcomCreate { display: none; }

.modeSendPass .lEcCreateIdent, .modeSendPass .lEcCreatePass { display: none; }
.modeSendPass .optaSendPassword { width: 350px; position: absolute; margin: 95px 0px 0px 0px;}
.modeSendPass .lMessageSendPassword { font-size: 20px; color: #9337b5; }
.modeSendPass .btnSendPassword { font-size: 30px; }

.modeLogin .lEcLoginInfo, .modeSendPass .lEcLoginInfo { position: absolute; color: #f00; margin: 60px 0px 0px 0px; }


.optaEcomECCreate th { text-align: right; padding: 5px 5px; font-size: 15px; }
.optaEcomECCreate th span { font-size: 20px; color: #9337b5; }
.optaEcomECCreate .optaEcomBtn { text-align: right; font-size: 20px; color: #f00; float: right; }

.cpSelectBox { width: auto !important; height: 150px; overflow: auto; background: #fff; border: 1px solid #9337b5; }
.cpSelectBox li { width: 400px; padding: 2px 2px; }


.oTiersFiche .optaEcomAdresseButtonBar { display: none; }
.oTiersFiche { float: left; }
.oTiersFiche th { text-align: right; padding: 5px 5px; font-size: 15px; }
.oTiersFiche th span { font-size: 20px; color: #9337b5; }
.oTiersFiche .optaForm td { border: 1px solid #9337b5; }
.oTiersFiche .optaEcomButtonBar { float: right; margin: 5px 5px 5px 5px; }
.oTiersFiche .optaEcomButtonBar a { float: right; font-size: 30px; color: #f00; padding: 5px; }
.oTiersFiche .optaEcomButtonBar a:hover { text-decoration: underline; }
.oTiersFiche .btnUpdatePwd { color: #FF008A !important; }