#site{ width: 1020px; padding-left: 10px; padding-right: 10px; background: url(data/image/y-shadow.png) repeat-y top center; margin: auto; position: relative; overflow: hidden; } #global{ margin: 0 auto; position: relative; } #page{ padding: 25px 25px 25px 25px; width: 970px; overflow: hidden; } @font-face { font-family: 'Vera'; src: url('data/css/fonts/vera-webfont.eot'); src: url('data/css/fonts/vera-webfont.eot?#iefix') format('embedded-opentype'), url('data/css/fonts/vera-webfont.woff') format('woff'), url('data/css/fonts/vera-webfont.ttf') format('truetype'), url('data/css/fonts/vera-webfont.svg#vera') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'WCManoNegra'; src: url('data/css/fonts/wcmanonegrabta-webfont.eot'); src: url('data/css/fonts/wcmanonegrabta-webfont.eot?#iefix') format('embedded-opentype'), url('data/css/fonts/wcmanonegrabta-webfont.woff') format('woff'), url('data/css/fonts/wcmanonegrabta-webfont.ttf') format('truetype'), url('data/css/fonts/wcmanonegrabta-webfont.svg#wcmanonegrabta') format('svg'); font-weight: normal; font-style: normal; } body { margin: 0px; padding: 0px; font-family: 'Vera'; font-size: 13px; } ul, li { margin: 0 0 0 20px; padding: 0; } ul.menu, ul.menu li, ul.menu ul, div.element div.description p, body.mceContentBody p, form fieldset, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } #sitemap ul { padding-left: 20px; } H1 { font-size: 1.8em; margin-left: 10px; margin-bottom: 10px; } H2 { font-size: 1.4em; margin-left: 25px; margin-bottom: 10px; } H3 { font-size: 1.0em; margin-bottom: 10px; margin-left: 50px; } H1 a, H2 a, H3 a { font-size: 1em; } img { border: 0px; vertical-align: bottom; } a:link, a:visited { text-decoration: none; font-weight: normal; } a:hover{ text-decoration: underline; font-weight: normal; } #error{ background: #fee; padding: 10px; border-bottom: 1px solid #fdd; border-right: 1px solid #fdd; } .element div.element.actions { float: left; margin-right: 7px; } .element div.element.actions div { float: left; clear: none; } .element div.element.actions div a { padding: 3px; display: block; } .element div.element.actions div.actions-content { display: none; position: absolute; margin-left: 36px; margin-top: -23px; background: #ffffff; height: 22px; font-style: italic; border: 1px #ddd solid; border-bottom: 1px solid #777; border-right: 1px solid #aaa; } .element div.element.actions div.element.actions img, .element div.element.actions div.actions-content a { cursor: pointer; text-decoration: none; } .element div.element.actions.list { float: none; overflow: hidden; } .element div.element.actions.published { border: 1px solid #afa; background: #dfd; } .element div.element.actions.created, .element div.element.actions.saved { border: 1px solid #faa; background: #fdd; } .element.pictureLike div.element.actions { position: absolute; } .element.pictureLike div.element.actions.list { position: static; } div.element .pictureLike { float: left; clear: none; margin: 5px; } .element div.description { overflow: hidden; } .element.list div.content { clear: both; overflow: hidden; } span.deleted, span.sent { color: #438700; font-weight: bold; padding-left: 25px; line-height: 20px; background-image: url(data/image/icon/accept.png); background-position: left center; background-repeat: no-repeat; display: inline-block; } div.element.meta { position: absolute; top: 0; min-width: 60px; min-height: 30px; padding-left: 10px; background: url(data/image/icon/bg_meta.png) scroll repeat left top transparent; } div.aclrcontrol table thead th { text-align: center; } div.aclrcontrol table th { width: 200px; text-align: left; } div.aclrcontrol table td { width: 200px; text-align: center; } div.aclrcontrol div.module { margin-bottom: 20px; background: url(data/image/icon/transparent.png) scroll repeat top left #AAAAFF; } div.aclrcontrol div.action { margin-left: 30px; margin-bottom: 20px; background: url(data/image/icon/transparent.png) scroll repeat top left #8888FF; } div.aclrcontrol div.type { margin-left: 30px; margin-bottom: 20px; background: url(data/image/icon/transparent.png) scroll repeat top left #5555FF; } div.aclrcontrol table.content { border-collapse: collapse; } div.aclrcontrol table.content tbody tr { background: #DDDDDD; } div.aclrcontrol table.content tbody tr.even { background: lightgray; } div.aclrcontrol table.content tbody tr:hover { background: lightgoldenrodyellow; } div.action { display: inline-block; overflow: visible; position: relative; line-height: 20px; } div.action img { vertical-align: middle; } div.action span.actionDetails { display: none; position: absolute; z-index: 14; top: 0; left: 26px; background: #FFFFFF; border: 1px outset gray; padding: 0 5px; white-space: nowrap; font-size: 12px; font-weight: normal; } div.action:hover span.actionDetails { display: inline; } ul.pagination li { list-style: none; display: inline; } ul.pagination li.current a { font-weight: bold; } .error { color: #CC0000; }/*#modulebox-top-center, #modulebox-bottom-center { height: 30px; } */ #modulebox-top { background: url("data/image/icon/modulebox-circle.png") 0 0 no-repeat; padding-left: 30px;} #modulebox-top-right { background: url("data/image/icon/modulebox-circle.png") 100% -30px no-repeat; padding-right: 30px;} #modulebox-top-center { background: url("data/image/icon/modulebox-circle.png") 0 -120px repeat-x; padding-bottom: 30px;} #modulebox-middle { background: url("data/image/icon/modulebox-circle.png") 0 -3090px no-repeat; padding-left: 30px;} #modulebox-middle-right { background: url("data/image/icon/modulebox-circle.png") 100% -180px no-repeat; padding-right: 30px;} #modulebox-middle-center { background: #eeeeee; height: 100%; } #modulebox-bottom { background: url("data/image/icon/modulebox-circle.png") 0 -60px no-repeat; padding-left: 30px; } #modulebox-bottom-right { background: url("data/image/icon/modulebox-circle.png") 100% -90px no-repeat; padding-right: 30px; } #modulebox-bottom-center { background: url("data/image/icon/modulebox-circle.png") 0 -150px repeat-x; padding-top: 30px; } #modulebox-close { position: absolute; height: 30px; width: 30px; top: 10px; left: 100%; margin-left: -40px; cursor: pointer; background: url("data/image/icon/modulebox-close.png") center center no-repeat transparent; } #modulebox-box { position: absolute; z-index: 100; top: 0; left: 0; /*min-width: 600px; min-height: 200px; */margin: 0; overflow: hidden; } #modulebox-overlay { background: url("data/image/icon/modulebox-overlay-verydark.png") top left repeat transparent; width: 100%; height: 100%; position: absolute; z-index: 100; top: 0; left: 0; } #modulebox-container { overflow: auto; background: #FFFFFF; padding: 20px; position: relative; } #modulebox-loader { background: url(data/image/icon/modulebox-loader.gif) scroll no-repeat center center transparent; position: fixed; width: 100px; height: 100px; margin-left: -50px; left: 50%; top: 30%; } #modulebox-overlay.verylight { background-image: url("data/image/icon/modulebox-overlay-verylight.png"); } #modulebox-overlay.light { background-image: url("data/image/icon/modulebox-overlay-light.png"); } #modulebox-overlay.neutral { background-image: url("data/image/icon/modulebox-overlay-neutral.png"); } #modulebox-overlay.dark { background-image: url("data/image/icon/modulebox-overlay-dark.png"); } #modulebox-overlay.verydark { background-image: url("data/image/icon/modulebox-overlay-verydark.png"); } #modulebox-overlay.verylight #modulebox-loader, #modulebox-overlay.light #modulebox-loader, #modulebox-overlay.neutral #modulebox-loader { background-image: url(data/image/icon/modulebox-loader-dark.gif); } #modulebox-overlay.square #modulebox-top, #modulebox-overlay.square #modulebox-top-right, #modulebox-overlay.square #modulebox-top-center, #modulebox-overlay.square #modulebox-middle, #modulebox-overlay.square #modulebox-middle-right, #modulebox-overlay.square #modulebox-bottom, #modulebox-overlay.square #modulebox-bottom-right, #modulebox-overlay.square #modulebox-bottom-center { background-image: url("data/image/icon/modulebox-square.png"); } form { height: auto; z-index: 9; position: relative; clear: left; } form div { margin-bottom: 10px; display: block; text-align: left; } form fieldset { padding-top: 5px; width: 100%; border: 0px; } form input, form textarea, form select { width: 98%; } form legend { padding-left: 5px; padding-right: 5px; } form label { display: block; font-weight: bold; clear: right; width: 200px; margin-bottom: 3px; } form textarea { height: 200px; } form div.advancedtextarea, form div.simpletextarea { clear: right; float: left; width: 100%; } form div.submit, form div.button { text-align: center; width: auto; clear: none; float: left; margin-right: 10px; } form div.submit input, form div.button input { width: auto; clear: left; padding-left: 5px; padding-right: 5px; } form div.hidden, form div.token { display: none;} form span.error { display: block; margin-bottom: 5px; clear: left} form div.file { display: block; clear: right; min-height: 80px; } form div.file input { width: auto; margin: 10px 10px 10px 0px; float: left; clear: none; } form div.file iframe { display: none; } form div.file div.fileResult { background-color: #fff; padding: 0px; margin: 0px; width: 70px; height: 70px; border: 1px dashed #aaa; text-align: center; clear: none; overflow: hidden; } form div.file div.fileResult img { width: auto; height: auto; max-width: 70px; max-height: 70px; } form.edit form { padding: 0px; } form.edit form div { margin: 0px; } form.edit div.element.list.saveList { border: 1px solid #AAAAAA; overflow: hidden; padding: 5px; } form div.checkbox span, form div.radio span { display: inline-block; } #menu { float: left; width: 200px; z-index: 10; overflow: hidden; } #menu ul { float: left; list-style : none; line-height : 36px; text-align : left; margin: 0; } #menu ul li { float : left; margin: 0; } #menu ul a { display : block; text-decoration : none; width: 200px; color: #000000; } #menu ul a:hover { color: #555555; } #menu ul a.active { font-weight: bold; } #menu ul li ul { width: 100%; display: none; } #menu ul li ul li { } #menu ul li ul a { width : 200px; color: #000000; background: #ffffff; } #menu ul li ul a:hover { color: #555555; } #menu ul li ul ul { width: 200px; margin: 36px 0 0 200px; } #menu ul li:hover ul, #menu ul li li:hover ul, #menu ul li.sfhover ul, #menu ul li li.sfhover ul { display: block; min-height: 0; } #menu ul li:hover ul ul, #menu ul li.sfhover ul ul { display: none;} #footer ul { list-style : none; line-height : 24px; text-align : center; margin: 0px; padding: 0px; } #footer ul li { display: inline; margin: 0; padding: 0 30px; } div.calendar { font-size: smaller; color: #000; } div.calendar.popup { margin-left: -40px; margin-top: -100px; } div.calendar table { background-color: #eee; border: 1px solid #aaa; border-collapse: collapse; } div.calendar thead { background-color: white; } div.calendar td, div.calendar th { padding: 3px; text-align: center; } div.calendar td.title { font-weight: bold; } div.calendar th { background: #ddd; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-weight: bold; color: #555; } div.calendar tr.days td { width: 2em; color: #555; text-align: center; cursor: pointer; } div.calendar tr.days td:hover, div.calendar td.button:hover { background-color: #34ABFA; cursor: pointer; } div.calendar tr.days td:active div.calendar td.button:active { background-color: #cde; } div.calendar tr.days td.selected { font-weight: bold; background-color: #fff; color: #000; } div.calendar tr.days td.today { font-weight: bold; color: #D50000; } div.calendar tr.days td.otherDay { color: #bbb; } #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } #prevLink:hover, #prevLink:visited:hover { background: url(data/image/icon/lightbox_prevlabel.gif) left no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(data/image/icon/lightbox_nextlabel.gif) right no-repeat; } #lightbox * { color: #000000; } body.mceContentBody { background: url("data/image/icon/transparent.png") repeat scroll left top transparent; } div.element.unpublished > div.actions { border: 1px solid #FFAAAA; background: #FFDDDD; } div.element.published > div.actions { border: 1px solid #AAFFAA; background: #DDFFDD; } div.containerSeparator { overflow: hidden; width: 100%; height: 0; margin: 0; padding: 0; clear: both; float: none; } .waitingWrap { background: url(data/image/icon/modulebox-overlay-verydark.png) scroll repeat top left transparent !important; } .waitingWrapWrap { background: url(data/image/icon/modulebox-loader.gif) scroll no-repeat center center transparent !important; } div.element.editWeightList { overflow: hidden; } div.product.sort, div.element.editWeight { border: 2px dashed gray; cursor: move; padding: 5px; margin: 5px; } /*div.element.editWeightList { background: url(data/image/sort-bg.png); } div.element.editWeight { cursor: move; }*/ div.product.sort div.actions, div.element.editWeight div.actions { display: none; } a.stopEditWeight { display: block; clear: both; } div.element.pictureLike.list { float: none; } .bx-wrapper { margin: 0 0 30px; } .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; border: 0; left: 0; background: none; } .bx-wrapper img { width: auto; } ul.pagination li { list-style: none; display: inline; } ul.pagination li.current a { font-weight: bold; } #page { min-height: 350px; } #banner div.headlines { display: none; } form.edit div.saveList { border: 1px solid; padding: 5px; overflow: hidden; } form.edit div.saveList form { float: left; clear: none; margin: 0 10px 10px 0; } form.edit div.saveList form div.buttons, form.edit div.saveList form a.removeFile { display: none; } form.edit div.saveList div.actions { position: absolute; } form.edit div.saveList div.actions div.save { display: none; } form.edit div.saveList div.editview { margin: 5px; } form.edit div.saveList div.alt { display: none; } form.edit div.saveList div.editview { float: left; margin: 5px; clear: none; } form div.radio p span, form div.checkbox p span { display: block; } form div.radio p span input, form div.checkbox p span input { width: auto; } form div.radio p span label, form div.checkbox p span label { width: auto; display: inline-block; } /* A REPORTER */ div.actions { position: absolute; margin-left: -20px; } div.pictureLike div.actions { margin-left: 0; } div.actions div.action { clear: left; display: block; } div.actions.actionsList { position: static; margin-left: 0; width: auto; margin-bottom: 10px; } div.actions.actionsList div.action { display: inline-block ; } form.editProductCustom label { width: auto; } form.editProductCustom div.option { height: 32px; overflow: hidden; } form.editProductCustom div.option > * { display: inline-block; width: auto; vertical-align: middle; margin: 0 4px; } form.editProductCustom div.option > label { width: 80px; } form.editProductCustom div.options span { cursor: pointer; display: inline-block; height: 16px; width: 16px; background: url(data/image/icon/delete.png); } form.editProductCustom div.options span.add { background: url(data/image/icon/create.png); } form.editProductCustom div.options span.sort { cursor: move; background: url(data/image/icon/move.png); } /* ================================ TESTS ================================ */ /*.actions, .action {display:none;}*/ /* ================================ DEFAUT ================================ */ /* Z-INDEX => Slider : 10, Fleches slider : 20, Sous-menu: 30 */ #prevLink:hover, #prevLink:visited:hover { background: url(data/image/icon/lightbox_prevlabel.gif) left no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(data/image/icon/lightbox_nextlabel.gif) right no-repeat; } #lightbox * { color: #000000; } body.mceContentBody { background: url("data/image/icon/transparent.png") repeat scroll left top transparent; } div.element.unpublished > div.actions { border: 1px solid #FFAAAA; background: #FFDDDD; } div.element.published > div.actions { border: 1px solid #AAFFAA; background: #DDFFDD; } div.containerSeparator { overflow: hidden; width: 100%; height: 0; margin: 0; padding: 0; clear: both; float: none; } .waitingWrap { background: url(data/image/icon/modulebox-overlay-verydark.png) scroll repeat top left transparent !important; } .waitingWrapWrap { background: url(data/image/icon/modulebox-loader.gif) scroll no-repeat center center transparent !important; z-index: 9;} #outerImageContainer {overflow:hidden;} .element div.element.actions div.actions-content {z-index:999;padding:2px 5px;} div.footer div.action, div.footer div.actions {position:absolute;top:2px;} #ui-datepicker-div { z-index: 101 !important; } /* ================================ GENERAL ================================ */ #page { min-height: 660px; width:775px;padding:0;float: left; text-align: justify; } div.divPage > div.clear, .clear {padding:0;clear:both;} a.logo {float:left;width:155px;height:100px;} div.breadcrumb {font-style: italic;margin:10px 0;} h1 {margin:10px 0; font-family: WCManoNegra; font-weight: normal;} .bx-wrapper .bx-viewport { -moz-box-shadow: 0 !important; -webkit-box-shadow: 0 !important; box-shadow: 0 !important; border: none !important; left: 0 !important; background: none !important; } /*.bx-wrapper .bx-pager { padding-top: 10px; }*/ #menu { /*width:175px;*/ width: 280px; margin-right: 50px; } #menu ul { width:175px; } #menu ul ul { left: 135px; margin-top: -36px; } #menu ul.menu > li > a { text-align: center; } #menu ul li a.active{font-weight: normal} #menu ul{ /*width: 247px;*/ width: 280px; height: 300px; padding: 25px 0px 0px 0px; } #menu ul li{ /*width:212px;*/ width:250px; margin: 0 14px; padding: 3px 15px 0 0; line-height: 26px; margin-bottom: 7px; } #menu ul.menu > li > a{ /*width:205px;*/ width:240px; text-align: right; } #page > div:first-child, div.divPage { min-height: 610px; padding: 25px; max-width: 1400px; overflow: hidden; } #page div.divPage.divWelcome {min-height: 431px} div.divPage>div, /***** Footer *****/ #footer {clear: both;position: relative;} /***** Banner *****/ #banner { height: 185px; width: 100%; float: right; } #banner a.logo{ margin-left: 17%; padding-left: 40px; padding-right: 20px; text-align: center; } #modulebox-container div.divPage { min-height: 0; } div.element.description > div.description { text-align: justify; } div.bottom { text-align: right; } div.bottom a {display: inline-block; width: 129px; height: 24px; padding: 5px 0 0 11px; text-align: center; margin: 20px 0 0 0;} div.element.description form.editDescription div.advancedtextarea textarea { height: 800px; } /* ================================ ACCUEIL ================================ */ div.divWelcome div.encart-description { overflow: hidden; } /*div.divWelcome div.encart-photo { width: 434px; float:right; margin-left: 50px; margin-top: 80px; }*/ div.divWelcome div.encart-photo img{ width: 100%;} div.divWelcome div.encart-description div.description.key-welcome { display: inline-block; vertical-align: top; width: 68%; margin-right: 2%; margin-bottom: 20px; } div.divWelcome div.encart-description div.nouvelleAdresse { display: block; margin: auto; text-align: center; } div.divWelcome div.encart-description div.nouvelleAdresse div.nouvelleAdresseContent {display: inline-block; text-align: left;} div.divWelcome div.encart-description div.description ul { margin-left: 0; } div#background-accesrapide {padding: 20px 0; overflow: hidden; max-width: 1400px; } div.encart-accesrapide { width: 300px; float: left; } div.encart-accesrapide > div { margin: 5px 0; } div.encart-accesrapide > div.cartes { padding: 20px 0 0px 0; text-align: left;} div.encart-accesrapide > div.cartes > span { font-size: 22px; } div.encart-accesrapide > div.cartes > a {background: none; color: #000;} div.encart-accesrapide > div.cartes > a:hover { text-decoration: underline; } div.encart-accesrapide a { padding: 10px 30px 10px 0; margin: 0 auto 5px; display: block; width: 270px; text-align: center; } div.encart-accesrapide a:hover { text-decoration: none; } div.divWelcome div.encart-accesrapide{width: 290px;} div.divWelcome div.encart-accesrapide, div.divWelcome div.encart-actualites { display: inline-block; width: 48%; margin: 0 1%; } div.divWelcome div.encart-actualites { min-width: 404px; } div.encart-actualites { float: right; margin-right: 100px; } div.element.actualites.previewList { /*width: 424px;*/ height: 164px; /*padding: 0 6px 6px 0;*/ overflow: hidden; } div.element.actualites.preview { padding: 0 10px 10px 10px; } div.element.actualites.preview h4{text-align: center; font-size: 1em; overflow: hidden; height: 38px; line-height: 19px; padding: 0 30px; margin: 0 0 18px 0; } div.element.actualites.preview h4 a {font-weight: bold;} div.element.actualites.preview div.description{ height: 130px; line-height: 18px; overflow: hidden; } div.element.actualites.preview div.picture { float:right; margin-left: 10px; } div.element.actualites.preview div.picture img { width: 100px; height: 100px; border: 3px solid #FFF; } div.divWelcome div.encart-description{margin-left: 30px;} div.divWelcome div.encart-description div.element.title.view h1{margin-bottom: 30px;} div.divWelcome div.faq { margin: 10px; } /* .bx-wrapper {margin: 0px !important; width: 424px !important;height: 115px !important;} .bx-viewport, div.slidesOK{width: 410px;} .bx-viewport {height: 147px !important; } div.bx-wrapper div.bx-pager{bottom: -32px !important;} div.bx-wrapper div.bx-controls-direction a{margin-top: -16px !important;} div.bx-wrapper div.bx-controls-direction a{margin-left: -11px !important;} div.bx-wrapper div.bx-controls-direction a{margin-right: -14px !important;} */ /* ================================ ACTUALITES ================================ */ div.element.actualites.listview { width: 786px; height: 200px; overflow: hidden; margin-bottom: 40px; padding: 0 30px; } div.element.actualites.listview h2 { margin-bottom: 20px; margin-left: 0; } div.element.actualites.listview h2 a { line-height: 33px; height: 33px; display: block; font-size: 20px; overflow: hidden; } div.element.actualites.listview div.picture{ float: left; width: 110px; height: 110px; margin-right: 20px; } div.element.actualites.listview div.picture img { width: 104px; height: 104px; border: 3px solid #FFF; } div.element.actualites.listview div.description{ height: 96px; line-height: 16px; overflow: hidden; } div.element.actualites.listview div.bottom a{ width: 105px; height: 23px; padding: 2px 0 0 5px; } div.element.actualites.listview div.actions { margin-top: 35px; margin-left: -25px; } div.element.description.view.key-actualites div.description {margin-bottom: 30px;} div.element.actualites.view div.bottom {margin-top: 30px;} div.element.actualites.view div.bottom a{ width: 129px; height: 24px; padding: 5px 0 0 11px; } div.element.actualites.view div.element.actualitesPicture.viewList{float: none; margin-top: 25px; overflow: hidden;} form.editActualites div.list.preview { overflow: hidden; clear: both; } form.editActualites div.list.preview div.previewInputs { width: 400px; margin-right: 50px; float: left; } form.editActualites div.list.preview div.previewList { overflow: hidden; } form.editActualites textarea.description { height: 300px; } form.editActualites textarea.shortDescription { height: 80px; } /* ================================ CONTACT ================================ */ div.encart-coordonees { float: left; width: 45%; } div.encart-coordonees .left { display: inline-block; vertical-align: top; width: 60%; } div.encart-coordonees .right { display: inline-block; vertical-align: top; margin-left: 10px; width: calc(40% - 10px); text-align: right; } div.encart-form { float: right; width: 50%; } div.encart-map { clear: both; } form.editContact.partpro-particulier div.l22 > div{ display: none; } form.editContact fieldset.fieldset > div.list { overflow: hidden; } form.editContact fieldset.fieldset > div.list > div { width: 195px; margin: 6px 15px; float: left; clear: none; } form.editContact fieldset.fieldset > div.textarea { width: 420px; float: none; margin: 0 15px; } form.editContact div{margin-bottom: 0;} /* ================================ BALLADES VITICOLES ================================ */ div.divBallades-Viticoles div.element.description.view div.description{margin-bottom: 25px;} div.worldmap { text-align: center; margin: 0px 0px; width: 950px; height: 480px; } div.element.secteurBallade.listview { margin-bottom: 10px; } div.element.secteurBallade.view { margin-bottom: 0; } /*div.element.secteurBallade.listview div.ballade.viewList { display: none; }*/ /*div.element.secteurBallade.listview:hover div.ballade.viewList { display: block; }*/ div.element.ballade.listview { margin-bottom: 25px; } div.element.ballade.listview h2 { margin: 0; } div.element.station.listview { overflow: hidden; margin-bottom: 10px; } div.element.station.listview div.picture { float: left; margin-right: 10px; } /* ================================ Product ================================ */ div.product.listview { margin-left: 40px; } div.product.listview h2 { margin-left: 0; } /* ================================ Section Pierre Leduc ================================ */ body{width: auto;} #site{width: auto;padding-left:0px;padding-right: 0px; min-width: 1260px; } #banner h1{font-size: 42px; overflow: hidden;} #banner div.title-banner{width: 379px; height: 105px; margin-left: 660px; margin-top: 40px;} #banner div.drapeau{width: 123px;height: 62px; overflow: hidden; position: absolute; left: 1250px;} #banner div.drapeau a.france{display: inline-block; width: 33px;height: 22px; margin: 20px 0 0 20px;} #banner div.drapeau a.english{display: inline-block; width: 33px; height: 22px; margin: 20px 0 0 13px;} #page{width: 70%;margin-top: 0px;float: right; min-width: 1010px; } #footer{width: 70%;float: right; min-width: 1010px; } a.logo{height: 150px;width: 130px;margin: 10px 0px 0px 90px;vertical-align: bottom;} .barre{height: 23px;width: auto;margin: 0;} #menu{float: right; /*width: 247px;*/ width: 280px; margin: 0px;} #menu ul {float: none; overflow: hidden;} #footer ul{ padding-top: 5px; width: 1000px;} #footer ul li{ padding: 0 60px; } #footer div.alertAlcool { text-align: center; font-style: italic; font-size: 0.75em; } #page > div.view hr, body.mceContentBody hr, div.divPage hr { height: 8px; margin: 10px 0 ; } /*** ACCUEIL ****/ div.divPageContent, div.divPageContent2 {overflow: hidden;} /********* ACTUALITE ************/ /* --------- COFFRET --------- */ div.productList.coffret { margin: 25px 0; overflow: hidden; } div.product.coffret.listview{overflow: hidden; width: 275px; height: 105px; float: left; padding: 10px 20px 20px 10px; margin: 0 15px 10px 0 } div.product.coffret.listview div.picture{width: 100px; height: 100px; float: left; margin-right: 10px; margin-top: 2px;} div.product.coffret.listview div.picture img { max-width: 100%; max-height: 100%; } div.product.coffret.listview h2 {font-size: 16px; display: block; overflow: hidden; margin-bottom: 10px; text-align: center; height: 48px; line-height: 48px;} div.product.coffret.listview h2 a {display: inline-block; line-height: 16px; vertical-align: middle; margin-left: 15px;} div.product.coffret.listview div.prix{overflow: hidden; text-align: center;} div.product.coffret.listview div.readmore {overflow: hidden; text-align: center; margin-top: 10px; font-size: 12px;} div.product.coffret.listview div.readmore a {display: inline-block; width: 105px; height: 23px; padding-top: 2px; font-size: 14px; padding-left: 5px;} div.product.coffret.listview.largeView, div.product.coffret.listview{width: 462px; height: 186px; background-size: cover;} div.product.coffret.listview.largeView div.picture, div.product.coffret.sort div.picture{width: 180px; height: 180px; background: #FFF;} div.product.coffret.listview.largeView div.picture img, div.product.coffret.sort div.picture img{width: 100%; height: auto;} div.product.coffret.view{padding: 25px; overflow: hidden;} div.product.coffret.view div.top{float: left; width: 600px; margin-right: 100px;} div.product.coffret.view div.picture { text-align: center; margin-bottom: 10px;} div.product.coffret.view div.right{overflow: hidden; width: 210px; text-align: center; } div.product.coffret.view div.amount{overflow: hidden; width: auto; text-align: center; font-size: 18px; margin-bottom: 10px;} div.product.coffret.view div.bottom{width: auto; height: 126px; overflow: hidden; text-align: center; } div.product.coffret.view div.bottom.notAllow{padding-top: 30px;} div.product.coffret.view div.bottom form label {text-align: center; width: auto; margin-top: 10px;} div.product.coffret.view div.bottom form select {margin-top: 0; margin-bottom: 7px; width: 200px; height: 19px; height: 25px; } div.command.pay form input, div.product.coffret.view div.bottom form input {margin: 0 0 4px 0; width: 140px; height: 28px; border: none; padding: 0 0 2px 10px; font-size: 14px;} div.product.coffret.view div.bottom form input:hover{text-decoration: underline; cursor: pointer;} div.product.coffret.view div.bottom a{display: inline-block; width: 144px; height: 25px; padding-top: 5px; padding-left: 21px; margin-top: 0; } div.product.coffret.listview div.actions { margin-left: -10px; } form.editProductCoffret label { width: auto; } form.editProductCoffret div.text.title {width: 300px;} form.editProductCoffret textarea.description { width: 600px; height: 400px; } form.editProductCoffret div.text.amountTtc, form.editProductCoffret div.text.amountTtc2 { width: 285px; float: left; clear: none; margin-right: 20px; } form.editProductCoffret div.text.amountTtc input, form.editProductCoffret div.text.amountTtc2 input{text-align: center;} form.editProductCoffret div.select select { width: auto; } form.editProductCoffret:not(.key-coffret) div.prefix { display: none; } form.editProductCoffret div.prefix label, form.editProductCoffret div.prefix input { width: 90px; } div.product.coffret.sort.listview { margin: 0 11px 6px 0; } /* -------------- Calendrier ----------------*/ span.notice { display: block; font-size: 0.9em; font-style: italic; text-align: center; color: #333; } div.calendar {width: 687px; margin: auto; clear: both;} div.calendar div.month{width: 194px; float: left; margin-right: 35px;} div.calendar div.month h1{text-align: center; font-size: 2.2em; } div.calendar div.element.creneau.listview {width: 194px; height: 140px; margin: 0 auto 20px auto;text-align: center;} div.calendar div.element.creneau.listview div.date{width: 194px; height: 22px; line-height: 22px;} div.calendar div.element.creneau.listview div.content{width: 174px; padding: 10px 10px 0px 10px; } div.calendar div.element.creneau.listview h2{font-size: 16px; text-align: center; margin: 10px 0; height: 48px; overflow: hidden;line-height: 48px; display: block;} div.calendar div.element.creneau.listview h2 *{display: inline-block; vertical-align: middle; line-height: 16px; font-weight: normal; } div.calendar div.element.creneau.listview h3{font-size: 14px; margin: 0; line-height: 30px; font-weight: normal; font-style: italic;} div.calendar > div.actions { text-align: center; margin-top: 25px; } div.calendar > div.actions > a { padding-left: 25px; line-height: 25px; background: url(data/image/icon/create.png) center left no-repeat; } div.calendar-nav{margin: 25px 0; text-align: center; } a.calendar-nav{display: block; } a.calendar-nav.nextMonth{float: right; width: 200px; text-align: center; padding: 0; position: relative; height: 40px; line-height: 40px;} a.calendar-nav.nextMonth:before{content: ""; position: absolute; left: -25px; top: 0; height: 37px; width: 25px; display: block;} a.calendar-nav.lastMonth{float: left; width: 200px; text-align: center; padding: 0; position: relative; height: 40px; line-height: 40px} a.calendar-nav.lastMonth:before{content: ""; position: absolute; right: -25px; top: 0; height: 40px; width: 25px; display: block;} div.element.creneau.view{width: 750px;} div.element.creneau.view h2{font-family: WCManoNegra; font-size: 36px; margin-bottom: 0px; text-align: center; margin: 0; font-weight: normal;} div.element.creneau.view h3{text-align: center; font-size: 14px; font-weight: normal; font-style: italic; margin: 0 0 15px 0;} div.element.creneau.view div.description{min-height: 150px;} div.element.creneau.view div.picture {float: left;} div.element.creneau.view div.link{text-align: center; margin-left: 150px;} div.element.creneau.view div.link a.command-link{margin-left: 25px;} div.element.creneau.view div.date{font-size: 16px;} div.element.creneau.view div.logoCoffrets{text-align: center; margin: 10px;} div.element.creneau.view div.document{text-align: center; padding: 10px;} /*div.element.creneau.view div.document a.download{display: inline-block; vertical-align: top; width: 48%; margin: 1%; padding: 10px; box-sizing: border-box;}*/ /* ---------- Formulaire edition créneau ---------- */ div.element.creneau.edit form.editCreneau:not(.isEvent-1) div.specificEvent{display: none;} div.element.creneau.edit form.editCreneau:not(.isEvent-0) div.id_product{display: none;} form.editCreneau label { width: 100%; } /* ---------- Panier ---------- */ div.encartCart {height: 219px; /*height: 240px;*/ margin-top: 20px; overflow: hidden; position: relative;} div.encartCart img.logoCa{position: absolute; bottom: 16px; /*left: 54px;*/ left: 50%; transform: translateX(-50%); } div.encartCart h2 { font-size: 1.4em; font-weight: normal; margin: 0; margin-top: 12px; text-align: center; } div.encartCart p{text-align: left; text-align: center; margin: 12px 0 0 ;} div.encartCart a.cart-list-link{display: block; width: 247px; text-align: center; } div.encartCart a.cart-command-list{ font-size: 0.65em; } div.cart.full h1{margin-left: 30px; margin-bottom: 30px; margin-top: 30px;} table.cartcommand{ width: 820px; margin-left: 30px; border-collapse: collapse;} table.cartcommand tbody th, table.cartcommand thead th { text-align: left;} table.cartcommand tr { text-align: center; min-height: 40px;} table.cartcommand td.actions a { padding: 0 5px; } table.cartcommand thead tr th, table.cartcommand thead tr td {text-align: center;} table.cartcommand th, table.cartcommand td {padding: 10px 5px;} div.cart a.cartAction {display: inline-block;width: 16px;height: 16px;font-size: 0;} div.cart a.cartAction.sub {background-position: -16px 0px;} div.cart a.cartAction.remove {background-position: -32px 0px;} div.cart.full p.cart-empty{margin-left: 30px;} div.cart span.cadreLimite { display: block; text-align: center; margin-top: 10px; width: 820px; margin-left: 30px; } a.confirm-cart-link {display: inline-block; margin: 15px 30px; width: 190px; height: 22px; padding: 5px 0 0 15px; text-align: center;} a.confirm-cart-link.valider { display: inline-block; padding: 2px 10px 6px 0px; position: relative; height: 22px; line-height: 22px; } a.confirm-cart-link.valider:before { content: ""; position: absolute; left: -25px; top: 0; height: 30px; width: 25px; display: block; } div.command.pay div.userInfo{margin-left: 30px;} div.command.pay form input{margin-left: 360px;} div.command.pay form input:hover{cursor: pointer;} div.command.pay div.image-CA{margin-left: 358px;} /* ------------ mariage ------------ */ /* ----------------- Jeux -----------------*/ div.divPage.divJeux-oenantiques a.contact {display: inline-block; width: 129px; height: 24px; padding: 5px 0 0 11px; text-align: center; margin: 20px 0 0 0;} /* ---------------- Animation entreprise -------------- */ div.divAnimation-Entreprise div.acces{text-align: center;} div.divAnimation-Entreprise div.acces h4 { display: inline-block; vertical-align: top; width: 46%; margin: 1%; font-family: WCManoNegra; font-weight: normal; font-size: 1.7em; } div.divAnimation-Entreprise div.acces a{display: inline-block; vertical-align: top;text-decoration: none;} div.divAnimation-Entreprise div.acces a span{width: auto; display: block; text-align: center; background: #DEA941; padding: 4px;} div.divAnimation-Entreprise div.acces a:hover span{background: #672C22; color: white; } div.divAnimation-Entreprise div.acces a img{width: 100%;} /* ---------------- Animation -------------- */ div.divAnimation div.acces{text-align: center;} div.divAnimation div.acces h4 { display: inline-block; vertical-align: top; width: 46%; margin: 1%; font-family: WCManoNegra; font-weight: normal; font-size: 1.7em; } div.divAnimation div.acces a{display: inline-block; vertical-align: top;text-decoration: none;} div.divAnimation div.acces a span{width: auto; display: block; text-align: center; background: #DEA941; padding: 4px;} div.divAnimation div.acces a:hover span{background: #672C22; color: white; } div.divAnimation div.acces a img{width: 100%;} /* ---------------- Ballade -------------- */ a.btnDevis { display: inline-block; padding: 2px 10px 6px 0px; position: relative; height: 22px; line-height: 22px; margin-left: 25px; } a.btnDevis:before { content: ""; position: absolute; left: -25px; top: 0; height: 30px; width: 25px; display: block; } div.element.secteurBallade.view div.worldmap{ margin-bottom: 50px; } #site #page div.element.secteurBallade.view {padding: 0;} div.element.secteurBallade.listview { overflow: hidden; } div.element.secteurBallade.listview div.ballade.viewList { margin: 0 0 30px 40px; } div.element.ballade.listview { overflow: hidden; width: 737px; padding: 9px 16px 16px 10px; margin-bottom: 20px; } div.element.ballade.listview div.description { height: 15px; overflow: hidden;} div.element.secteurBallade.listview div.ballade.listview hr {display: none;} div.element.ballade.listview div.picture {float: left; margin-right: 50px; width: 100px; height: 75px; } div.element.ballade.listview div.picture img { vertical-align: middle; border: 4px solid; width: 92px; height: 67px; } div.element.ballade.listview div.readmore{text-align: right;} div.element.ballade.listview div.readmore a {display: inline-block; width: 105px;height: 23px; font-size: 14px;padding:2px 0 0 5px; text-align: center;} div.element.ballade.edit{padding: 50px 50px;} div.element.ballade.edit div.text.title input{width: 200px;} div.element.ballade.edit table.mceLayout{width: 900px;} div.element.ballade.edit div.color input.color{width: 50px; } div.element.ballade.edit div.color input.color-picker{width: 150px; margin-right: 10px; } div.element.ballade.edit div.color div.sp-replacer{height: 22px;} div.element.ballade.edit div.color div.sp-preview div.sp-preview-inner{margin-bottom: 0px;} div.element.ballade.edit div.color div.sp-dd {clear: none;} div.element.station.listview div.bottom {margin-top: 15px; text-align: right;} div.element.station.listview div.bottom div.link, div.divPage div.description a.catalogue { display: inline-block; padding: 2px 10px 6px 0; position: relative; height: 22px; line-height: 22px; margin-left: 25px; } div.element.station.listview div.bottom div.link:before, div.divPage div.description a.catalogue:before{content: "";position: absolute; left: -25px; top: 0; height: 30px; width: 25px; display: block;} div.element.ballade.view {padding: 0;} div.element.ballade.view div.bottom a { margin: 0; padding: 0; width: auto; } /* -------------- PARTENAIRE --------------- */ div.element.partenaires.list { text-align: left; } div.element.partenaires.listview { overflow: hidden; width: 154px; display: inline-block; margin: 0 30px 20px 0; vertical-align: top; } div.element.partenaires.listview div.picture { width: 154px; height: 154px; line-height: 150px; text-align: center; } div.element.partenaires.listview div.picture a { line-height: 20px; vertical-align: middle; display: inline-block; } div.element.partenaires.listview div.description { margin-bottom: 10px; } div.element.partenairesPicture.list { clear: both; } div.element.partenairesPicture.listview { float: left; } div.element.partenairesPicture.listview div.actions { position: absolute; } div.divNos-Partenaires div.element.description.view{margin-bottom: 25px;} div.element.partenaires.editWeight { margin: 0 16px 6px 0; } div.element.partenaires.listview h2 { font-size: 1em; margin: 10px 0 0 0; max-height: 36px; line-height: 18px; padding: 0 10px; text-align: center; } div.element.partenaires.view {overflow: hidden; padding: 25px;} div.element.partenaires.view div.description {width: 600px; margin-bottom: 25px;} div.element.partenaires.view div.element.partenairesPicture.listview {margin: 0 15px 15px 0; overflow: hidden; } div.element.partenaires.view div.element.partenairesPicture.listview > a img { width: 120px; } div.element.partenaires.view div.element.partenairesPicture.editWeight {margin: 0 1px 1px 0; overflow: hidden; } div.element.partenaires.view div.bottom{clear: both; margin: 25px 0 0 0;} div.element.partenaires.view div.bottom a{display: inline-block; width: 129px; height: 24px; padding: 5px 0 0 11px; text-align: center;} form.editPartenaires div.texte.title, form.editPartenaires div.text.link{width: 250px;} div.element.partenaires.editWeightList > a, div.element.partenairesPicture.editWeightList > a {display: block;} /* -------------- ACTION ---------------- */ div.element.partenairesPicture.listview div.actions{margin-left: 0px; width: 32px;} /* -------------- COMMANDE ---------------- */ form.commandUserInfo { width: 600px; } form.commandUserInfo legend { max-width: 100%; } form.commandUserInfo fieldset.linfos > div { overflow: hidden; margin-bottom: 10px; } form.commandUserInfo fieldset.linfos > div div { width: 280px; float: left; clear: none; margin-bottom: 0; margin-right: 20px; } form.commandUserInfo fieldset.linfos input.adresse { width: 575px; } form.commandUserInfo.no-coffret-1 div.lplabel, form.commandUserInfo.no-coffret-1 div.lp1, form.commandUserInfo div.lp2, form.commandUserInfo div.lp3, form.commandUserInfo div.lp4, form.commandUserInfo div.lp5 { display: none; } form.commandUserInfo.nbp-2 div.lp2, form.commandUserInfo.nbp-3 div.lp2, form.commandUserInfo.nbp-3 div.lp3, form.commandUserInfo.nbp-4 div.lp2, form.commandUserInfo.nbp-4 div.lp3, form.commandUserInfo.nbp-4 div.lp4, form.commandUserInfo.nbp-5 div.lp2, form.commandUserInfo.nbp-5 div.lp3, form.commandUserInfo.nbp-5 div.lp4, form.commandUserInfo.nbp-5 div.lp5 { display: block; } a.command-link{ display: inline-block; padding: 2px 10px 6px 0; position: relative; height: 22px; line-height: 22px; margin-left: 25px; } a.command-link:before{content: "";position: absolute; left: -25px; top: 0; height: 30px; width: 25px; display: block;} /********** CONTACT ***************/ div.fieldset.buttons fieldset.buttons div.submit.send{margin-left: 190px;} form.editContact { width: 450px; } form.editContact div.id_creneau, form.editContact div.coffret, form.editContact div.codeCoffret1, form.editContact div.codeCoffret2, form.editContact div.codeCoffret3, form.editContact div.codeCoffret4, form.editContact div.codeCoffret5, form.editContact div.nombrePersonnes, form.editContact div.date, form.editContact div.prestation, form.editContact div.lieu, form.editContact div.nbConvive, form.editContact div.typeActivite, form.editContact div.codePartenaire, form.editContact div.photoCode, form.editContact div.partenaireType, form.editContact fieldset.fieldset > div.list > div.id_ballade{display: none;} form.editContact.objet-2 div.id_creneau, form.editContact.objet-2 div.coffret{display: block;} form.editContact.objet-2.coffret-1 div.codeCoffret1, form.editContact.objet-2.coffret-1.nombrePersonnes-2 div.codeCoffret2, form.editContact.objet-2.coffret-1.nombrePersonnes-3 div.codeCoffret2, form.editContact.objet-2.coffret-1.nombrePersonnes-3 div.codeCoffret3, form.editContact.objet-2.coffret-1.nombrePersonnes-4 div.codeCoffret2, form.editContact.objet-2.coffret-1.nombrePersonnes-4 div.codeCoffret3, form.editContact.objet-2.coffret-1.nombrePersonnes-4 div.codeCoffret4, form.editContact.objet-2.coffret-1.nombrePersonnes-5 div.codeCoffret2, form.editContact.objet-2.coffret-1.nombrePersonnes-5 div.codeCoffret3, form.editContact.objet-2.coffret-1.nombrePersonnes-5 div.codeCoffret4, form.editContact.objet-2.coffret-1.nombrePersonnes-5 div.codeCoffret5, form.editContact.objet-2.coffret-1 div.nombrePersonnes {display: block;} form.editContact.objet-2.coffret-2 div.nombrePersonnes {display: block;} form.editContact.objet-4 div.date, form.editContact.objet-4 div.prestation, form.editContact.objet-4 div.lieu, form.editContact.objet-4 div.nbConvive, form.editContact.objet-4 div.typeActivite{display: inline-block;} form.editContact.typeActivite-balade.objet-4 fieldset.fieldset > div.list > div.id_ballade{display: block; width: 424px;} form.editContact.objet-6 div.codePartenaire, form.editContact.objet-6 div.partenaireType, form.editContact.objet-6 div.photoCode { display: inline-block; } form.editContact:not(.objet-specific-1) div.specifcDetails, form.editContact:not(.objet-specific-1) div.otherlist{display: none;} form.editContact div.specifcDetails{text-align: center; font-style: italic;} form.editContact div.otherlist{background: #f1e7ce; padding: 10px; position: relative; z-index: 0;} form.editContact div.otherlist label{width: 100%;} form.editContact div.otherlist div.otherItem{display: inline-block; vertical-align: top; width: 48%; margin: 1%; box-sizing: border-box;} form.editContact div.otherlist div.otherItemLine{position: relative; z-index: 0; padding-right: 20px; padding-bottom: 10px; border-bottom: 2px solid #6C3026;} form.editContact div.otherlist span.clickable{cursor: pointer;} form.editContact div.otherlist span.otherItemRemove{position: absolute; z-index: 1; right: 2px; top: 48%;} form.editContact div.otherlist span.otherItemRemove:hover{cursor: pointer;} form.editContact div.otherlist span.otherItemAdd{display: block; margin: 6px auto; text-align: center;} form.editContact div.otherlist span.otherItemAdd:hover{cursor: pointer;} /* Formualire de contact en fiche sur certaines pages */ div.element.ballade.view form.editContact, div.divJeux-oenantiques form.editContact, div.divAnimation-Entreprise form.editContact { width: auto; margin: 20px auto; padding: 10px; background: #DEA941; } div.element.ballade.view form.editContact fieldset.fieldset > div.list, div.divJeux-oenantiques form.editContact fieldset.fieldset > div.list, div.divAnimation-Entreprise form.editContact fieldset.fieldset > div.list { display: inline-block; vertical-align: top; } div.element.ballade.view form.editContact fieldset.fieldset > div.textarea, div.divJeux-oenantiques form.editContact fieldset.fieldset > div.textarea, div.divAnimation-Entreprise form.editContact fieldset.fieldset > div.textarea { width: 85%; } div.element.ballade.view form.editContact fieldset.fieldset > div.textarea textarea, div.divJeux-oenantiques form.editContact fieldset.fieldset > div.textarea textarea, div.divAnimation-Entreprise form.editContact fieldset.fieldset > div.textarea textarea { height: 120px; } div.element.ballade.view form.editContact div.fieldset.buttons fieldset.buttons div.submit.send, div.divJeux-oenantiques form.editContact div.fieldset.buttons fieldset.buttons div.submit.send, div.divAnimation-Entreprise form.editContact div.fieldset.buttons fieldset.buttons div.submit.send { margin-left: 15px; ; } /************** CONNEXION ************/ div#divLogin{width: 279px;} div.divPage.divLogin form.login legend{font-size: 18px; margin:0 0 20px 0; padding: 0;} /************** NOUVELLE ADRESSE ************/ div.nouvelleAdresseContent { border: 2px solid #9da6c3; padding: 10px; background: wheat; box-sizing: border-box; margin-bottom: 10px; font-style: italic; } div.divCalendrier-cours div.nouvelleAdresse { text-align: center; } div.divCalendrier-cours div.nouvelleAdresseContent { display: inline-block; text-align: left; } div.product.coffret.view div.nouvelleAdresse { margin-top: 10px; } /************** ANNULATION SEANCE ************/ .annulationSeance .msgFlash { padding: 10px; border-radius: 10px; color: #fff; background-color: #434347; } .annulationSeance .recapSeance { margin-top: 10px; } .editAnnulationCompleteSeance label { width: 100%; } /************** Caret Poster ************/ div.element.cartePicture.viewList{text-align: center;} div.element.cartePicture.listview{display: inline-block; vertical-align: top; margin: 4px;} div.element.cartePicture.listview a{display: block; border: 1px solid transparent;} div.element.cartePicture.listview a:hover{border: 1px solid #662B21;} div.element.cartePicture.listview a img{width: 100%;} div.element.cartePicture.editWeightList{text-align: center;} div.element.cartePicture.editWeight{display: inline-block; vertical-align: top; margin: 4px; width: 150px;} div.element.cartePicture.edit{display: inline-block; vertical-align: top; margin: 4px; max-width: 300px; background: #FFDDDD; padding: 10px;} form.editProductCoffret div.placesMin{max-width: 200px;} @media print { #banner { display: none; } #menu { display: none; } #page { width: 100%; } #footer { display: none; } } .alert-cookies { box-sizing: border-box; padding: 10px; position: fixed; bottom: 0; left: 0; width: 100%; color: #fff; background-color: #333; z-index: 999; } .alert-cookies.hide { display: none; } .alert-cookies .bottom { float: right; margin-bottom: 0; } .alert-cookies .bottom a { margin: 0 5px; padding: 5px; color: #fff; background-color: darken(#333, 10%); } div.grecaptcha-badge{ z-index: 998 !important; opacity: 0.2; transition: 200ms; } div.grecaptcha-badge:hover{opacity: 1;} div.rgpd input, div.rgpd label{width: auto; display: inline !important;} /* -------------- Accès rapide ----------------*/ .element.accesRapide .actions { margin-left: 0; z-index: 10; } form.editAccesRapide:not(.linkType-intern) div.internLink { display: none; } form.editAccesRapide:not(.linkType-extern) div.externLink { display: none; } .element.accesRapide.listview { display: inline-block; vertical-align: top; width: calc(33.33% - 20px); margin: 10px; } .element.accesRapide .text { margin-bottom: 10px; } .element.accesRapide h3 { margin-left: 0; margin-bottom: 5px; font-size: 1rem; } .element.accesRapide .wrap { position: relative; } .element.accesRapide .acces-content { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; bottom: 0px; left: 0px; right: 0px; color: #fff; background: rgba(0, 0, 0, .6); } .element.accesRapide .acces-content-content { box-sizing: border-box; padding: 7px; max-width: 80%; margin: auto; text-align: center; } .element.accesRapide img { width: 100%; height: auto; } /* -------------- Diners obscurs ----------------*/ .divPage.divDiners-obscurs .element.creneau.listview { display: inline-block; margin: 0 15px 20px; } /* -------------- Element image ----------------*/ .element.image.view img { max-width: 100%; height: auto; } div.informations.readmore { text-align: center; } div.informations.readmore a { display: inline-block; width: 105px; height: 23px; padding-top: 2px; font-size: 14px; padding-left: 5px; background: url(data/image/bouton-details.png) no-repeat; } /* -------------- Liste inscrits à un cours ----------------*/ .listeInscrits ul { list-style-type: none; display: flex; flex-wrap: wrap; margin: 0; } .listeInscrits ul li { box-sizing: border-box; margin: 20px; min-width: 280px; padding: 18px; color: #fff; background: #3A5363; border-radius: 25px; width: calc(50% - 40px); } .listeInscrits .flex { display: flex; justify-content: space-between; } .listeInscrits .top { text-align: right; } .listeInscrits .line { margin-bottom: 3px; } .listeInscrits form { display: flex; align-items: center; } .listeInscrits form div { margin-bottom: 0; } .listeInscrits div { flex: 1; } @media print { .listeInscrits ul li { color: #000; } } /* ================================ DEFAUT ================================ */ a:link, a:visited{ color: #000000; } div.action, div.actions {color:#ffffff;font-weight:normal;font-size:13px;} div.action:hover, div.actions:hover {cursor: pointer;} .element div.element.actions div.actions-content {border-radius:2px;border:none;background-color: #111111;} #modulebox-container { background: url(data/image/site-h.png) no-repeat top left #f7edd4; color: #000000; } #modulebox-container div.divPage { background: none; } div.picture img, div.description img{} /* ================================ GENERAL ================================ */ body {font-size:14px; background: url(data/image/background.jpg) scroll repeat top left transparent;} h1 {font-size:2.4em;} h2 {font-size:1.8em;} h3 {font-size:1.6em;} h4 {font-size:1.4em;} hr{ height: 21px; margin: 0; border: none; background: url(data/image/barre.png); clear: both;} #site{ color: #f7edd5; background: url(data/image/verre-bg.png) scroll top left transparent no-repeat; background-position: 17% 0; } #banner{background: url(data/image/bandeau1.png) bottom right no-repeat;} /* #banner{background: url(data/image/bandeau2.png) bottom right no-repeat;} */ /* #banner div.title-banner {background:url(data/image/banner.png) no-repeat;} */ #banner div.title-banner {background:url(data/image/bandeau.png) no-repeat;} #banner div.drapeau{background: url(data/image/drapeau-bg.png);} #banner div.drapeau a.france{background: url(data/image/FRA.png);} #banner div.drapeau a.english{background: url(data/image/GBR.png);} #menu{/*background: url(data/image/menu.png) no-repeat transparent;*/font-family: 'WCManoNegra'; font-size: 1.6em;} #menu .menu.principal {background: url(data/image/menu-foire.png) no-repeat transparent; } #menu ul li a{color: #ffffff;} #menu ul li a:hover{color: #000000;} #menu ul li {background: url(data/image/menu-hover-13.png) no-repeat 300px 0;} #menu ul li:hover{background-position: 0px 0px;} #menu ul li.itemCount-2:hover{background-position: 0px -36px;} #menu ul li.itemCount-3:hover{background-position: 0px -72px;} #menu ul li.itemCount-3 a{font-size: 0.8em;} #menu ul li.itemCount-4:hover{background-position: 0px -108px;} #menu ul li.itemCount-5:hover{background-position: 0px -144px;} #menu ul li.itemCount-6:hover{background-position: 0px -180px;} #menu ul li.itemCount-7 a{font-size: 0.9em;} #menu ul li.itemCount-7:hover{background-position: 0px -216px;} #menu ul li.itemCount-8:hover{background-position: 0px -252px;} #menu ul li.itemCount-9:hover{background-position: 0px -288px;} #menu ul li.itemCount-10:hover{background-position: 0px -324px;} #menu ul li.itemCount-11:hover{background-position: 0px -360px;} #menu ul li.itemCount-12:hover{background-position: 0px -396px;} #menu ul li a.active{color:#FBBB00;} #menu ul li.itemCount-2 a.active{color:#BE6F1C;} #menu ul li.itemCount-3 a.active{color:#14B4FF;} #menu ul li.itemCount-4 a.active{color:#E7701D;} #menu ul li.itemCount-5 a.active{color:#D23329;} #menu ul li.itemCount-6 a.active{color:#cb8429;} #menu ul li.itemCount-7 a.active{color:#A9CA29;} #menu ul li.itemCount-8 a.active{color:#BC9026;} #menu ul li.itemCount-9 a.active{color:#EAC3A2;} #menu ul li.itemCount-10 a.active{color:#F63B3B;} #menu ul li.itemCount-11 a.active{color:#737BA7;} #menu ul li a.active:hover{color: #000000;} #background-accesrapide { background-color: #f7edd4; } div#page{ background: url(data/image/site-h.png) no-repeat top left #f7edd4;} div.divPage{ background: url(data/image/site-b.png) no-repeat bottom left; color: #000000;} #footer{ background-color: #3a3b3d;} #footer a{color: #FFF;} #footer a:hover{color: #000;} /* ================================ ACCUEIL ================================ */ div.encart-accesrapide a { background: url(data/image/boutons-home.png) no-repeat transparent; font-weight: bold; color: #ffffff;} div.encart-accesrapide a.balades {background-position: -2px 0;} div.encart-accesrapide a.jeux { background-position: 0 -52px; } div.encart-accesrapide a.atelier { background-position: 0 -104px; } div.encart-accesrapide a:hover { background: url(data/image/boutons-home.png) no-repeat transparent; font-weight: bold; color: #ffffff;} div.encart-accesrapide a.balades:hover {background-position: -307px 0;} div.encart-accesrapide a.jeux:hover { background-position: -305px -52px; } div.encart-accesrapide a.atelier:hover { background-position: -305px -104px; } div.element.actualites.previewList { background: url(data/image/encart-actus-new.png) no-repeat; background-size: cover; } div.bx-pager.bx-default-pager{background: url(data/image/encart-actus-navig.png) bottom center no-repeat; bottom: 0 !important; } div.element.actualites.preview div.description{color: #000000;} .bx-wrapper .bx-controls-direction a{background-image: url(data/image/encart-actus-fleches.png) !important; top: 26px !important; } .bx-wrapper .bx-prev { left: 0 !important; } .bx-wrapper .bx-next { right: 0 !important; } /* ================================ ENTREPRISE ================================ */ /* ================================ VALEURS ================================ */ /* ================================ COFFRET ================================ */ div.product.coffret.listview{background: url(data/image/encart-formation.png) no-repeat; background-size: cover;} div.product.coffret.listview div.readmore a{background: url(data/image/bouton-details.png) no-repeat;} div.product.coffret.view {background: url(data/image/site-b.png) no-repeat bottom left;} div.product.coffret.view div.bottom{background: url(data/image/encart-reservation-fond.png) repeat-x;} /*div.product.coffret.view div.bottom form select {background: url(data/image/encart-reservation-selection.png) no-repeat; color: #FFF;}*/ /*div.product.coffret.view div.bottom form select option {background-color: #882a19;}*/ div.command.pay form input, div.product.coffret.view div.bottom form input {background: url(data/image/encart-reservation-panier.png) no-repeat;} div.product.coffret.view div.bottom a{background: url(data/image/encart-reservation-retour.png) no-repeat;} div.product.coffret.view div.picture img { border: 2px solid #9da6c3; } /* =============Calendrier ============= */ div.calendar div.element.creneau.listview div.content { background: url(data/image/calendrier.png) no-repeat bottom center; } div.calendar div.element.creneau.listview div.date{background: url(data/image/calendrier-titre.png) no-repeat;} div.divFormation-oenologie div.calendar > div.actions{background: url(data/image/icon/create.png) top left no-repeat;} div.divFormation-oenologie div.bottom i{display: block; text-align: center; background: rgba(255, 255, 255, 0.6); padding: 10px;} a.calendar-nav.nextMonth{background: url(data/image/encart-month-next.png) scroll bottom right no-repeat transparent;} a.calendar-nav.nextMonth:before{background: url(data/image/encart-month-next.png) scroll top left no-repeat transparent;} a.calendar-nav.lastMonth{background: url(data/image/encart-month-last.png) scroll top right no-repeat transparent;} a.calendar-nav.lastMonth:before{background: url(data/image/encart-month-last.png) scroll bottom right no-repeat transparent;} div.creneau.status-old a{color: grey; text-decoration: line-through; font-style: italic;} div.creneau.status-old h3, div.creneau.status-full h3, div.creneau.status-full a{color: grey;} div#modulebox-container div.creneau.status-old a{color: #000; text-decoration: none; font-style: normal;} div#modulebox-container div.creneau.status-full a{color: #000;} /* ============== BALADES =============== */ div.element.ballade.listview{background: url(data/image/encart-formation-long.png) no-repeat} div.element.ballade.listview div.readmore a{background: url(data/image/bouton-details.png) no-repeat;} div.element.station.listview div.bottom div.link {background: url(data/image/encart-paiement.png) scroll bottom right no-repeat transparent;} div.element.station.listview div.bottom div.link:before {background: url(data/image/encart-paiement.png) scroll top left no-repeat transparent;} /* ================================ ACTUALITES ================================ */ div.worldmap { background: url(data/image/worldmap.png) top left no-repeat;} div.worldmap a{font-size: 0.8em; font-weight: bold; color: #ffffff; display: block; position: absolute; cursor: pointer; background: url(data/image/worldmap.png) no-repeat; background-position: 500px 500px;} div.worldmap a img{visibility:hidden;} div.worldmap a:hover img{visibility:visible;} div.worldmap a span{position:absolute;} div.worldmap a:hover{text-decoration: none; color:#000000;} a#a-n{top:1%; left:9%;} a#a-n span{top:38%; left:24%;} a#a-s{top:41%; left:24.5%;} a#a-s span{top:30%; left:30%;} a#af{top:26%; left:42%;} a#af span{top:26%; left:30%;} a#eu{top:4%; left:42.5%;} a#eu span{top:47%; left:57%;} a#as{top:1.5%; left:54%;} a#as span{top:35%; left:43%;} a#oc{top:49%; left:76.5%;} a#oc span{top:48%; left:20%;} a.btnDevis { background: url(data/image/encart-paiement2.png) scroll bottom right no-repeat transparent; } a.btnDevis:before { background: url(data/image/encart-paiement2.png) scroll top left no-repeat transparent; } a.btnDevis2 { background-image: url(data/image/encart-paiement.png); } a.btnDevis2:before { background-image: url(data/image/encart-paiement.png); } div.element.actualites.listview{background: url(data/image/encart-page-actualite.png) no-repeat;} div.element.actualites.listview div.bottom a{background: url(data/image/bouton-details.png) no-repeat;} div.element.actualitesPicture.listview {border: 2px solid #9DA6C3;} div.element.actualitesPicture.editWeight {border-style: dashed; } div.element.actualites.view div.bottom a{background: url(data/image/encart-reservation-panier.png) no-repeat;} /* ================== Jeux ==================== */ div.divPage.divJeux-oenantiques a.contact{background: url(data/image/encart-reservation-panier.png) no-repeat;} div.divPage.divJeux-oenantiques .description a { color: #a43227; text-decoration: underline; } /* =================== Salon mariage ============== */ div.bottom a.contact{background: url(data/image/encart-reservation-panier.png) no-repeat;} /* =================== FOIRE ================= */ div.divPage div.description a.catalogue{background: url(data/image/encart-paiement2.png) scroll bottom right no-repeat transparent;} div.divPage div.description a.catalogue:before{background: url(data/image/encart-paiement2.png) scroll top left no-repeat transparent;} /* ================================ CONTACT ================================ */ div.encart-coordonees div.key-contact{ text-align: left;} div.key-contact-map div.actions{position: absolute;} div.encart-map iframe{border: 2px solid #9DA6C3;} /* =========== PARTENAIRS ======== */ div.element.partenaires.view div.bottom a{background: url(data/image/encart-reservation-panier.png) no-repeat;} div.element.partenaires.listview div.picture img, div.element.partenairesPicture.listview > a img {border: 2px solid #9DA6C3;} /* ================================ LIVRE D'OR' ================================ */ /* ================================ DROITS ================================ */ /* @todo a enlever après mais c'est pour voir ce que je fais pendant mes tests */ #page { color: #000000; } /* ========================== PANIER ====================== */ div.encartCart{background: url(data/image/panier.png) no-repeat; /*background-size: cover;*/ color: #FFF;} div.encartCart a.cart-list-link{color: #FFF;} table.cartcommand {color: #FFF; border-collapse: separate; } table.cartcommand thead, table.cartcommand tfoot th, table.cartcommand tfoot td { background-color: #904F40; } table.cartcommand tfoot tr.odd *, table.cartcommand thead .even { background-color: #E3A652; } table.cartcommand tbody { background-color: #D8BDA6; color: #000000; } table.cartcommand tbody .even { background-color: #F3D6A7; } div.cart a.cartAction {background: url(data/image/buttons.png) no-repeat 0px 0px transparent;} div.cart a.vider, div.cart a.continue{background: url(data/image/encart-reservation-panier2.png) no-repeat; color: #FFF;} a.confirm-cart-link.valider { background: url(data/image/encart-paiement.png) scroll bottom right no-repeat transparent; } a.confirm-cart-link.valider:before { background: url(data/image/encart-paiement.png) scroll top left no-repeat transparent; } div.command.pay form input:hover{background: url(data/image/encart-reservation-panier-hover.png) no-repeat;} a.command-link{background: url(data/image/encart-paiement2.png) scroll bottom right no-repeat transparent;} a.command-link:before{background: url(data/image/encart-paiement2.png) scroll top left no-repeat transparent;} /** * A REPORTER : on va mettre ici tout ce qu'on pourra reprendre pour une version mobile friendly générique * ********************************************************************************************************** */ /*On n'affiche pas le menu de base*/ .slicknav_menu { display:none; } @media screen and (max-width: 1290px) { /*On cache le menu basique et on affiche le menu slicknav*/ #menu ul.menu.principal { display: none; } .slicknav_menu { display: block; } /*Menu au centre*/ .slicknav_menu { text-align: center; background-color: #222; font-size: 1.5em; color: white; text-align: center; position: fixed; width: 100%; top: 0; left: 0; z-index: 12; font-size: 1.4em;} .slicknav_menu a:link, .slicknav_menu a:visited { color: white; } .slicknav_menu .slicknav_nav { font-size: 1em; } .slicknav_menu .slicknav_menutxt { text-shadow: none; } .slicknav_menu > .slicknav_btn { float: none; overflow: hidden; display: inline-block; } .slicknav_menu ul > li > ul { background: #999999; } .slicknav_menu ul li:nth-child(odd) { background-color: #4c4c4c; } /*Eviter les depassements d'images*/ /*Site en fluide*/ body, #site, #page { width: auto; max-width: 1080px; margin: auto; } body { font-size: 34px; font-size: 3vw; } /* Titre */ h1, h2, h3, h4, h5, h6 { text-align: left; } /* Actions */ div.actions div.action { display: inline-block; margin: 0 10px; } div.actions div.action img { width: 48px; padding: 10px; } /*#modulebox-container { width: 95vw; max-width: 95vw; }*/ #modulebox-close { height: 90px; width: 90px; background-size: 100% 100%; top: 0; margin-left: -90px; z-index: 1; background-image: url(data/image/icon/modulebox-close-90.png); } } /** * SPECIFIQUE : on va mettre ici tout ce qui concerne uniquement ce projet et ne sera pas réutilisé * ********************************************************************************************************** */ @media screen and (max-width: 1290px) { div.slicknav_menu{background:#E5BD80;} .slicknav_menu ul li:nth-child(odd) { background: #E5BD80; } ul.slicknav_nav a:hover{background:#F5D5A4} ul.slicknav_nav ul, ul.slicknav_nav li{margin:0;} a.slicknav_btn{background:#E5BD80;} body{font-size:14px; width:auto; max-width: none; margin-top:54px;} #page{width:auto; max-width: none; float:none; min-width: initial;} #site{min-width: initial; width:auto; max-width: none; background-position: 17% 190px;} #footer{width:auto; float:none; display: block;} #banner{margin-top:190px;} div.encartCart{position:absolute; top:0; width:280px;left: 50%; margin-left: -124px; } div.element.actualites.listview{margin:20px auto;} div.worldmap{margin:auto;} div.productList.coffret{text-align:center;} div.product.coffret.listview{float:none; display:inline-block;} div.product.coffret.view div.top{float:none; width:auto; margin:0;} div.product.coffret.view div.right{margin:auto;} div.calendar-nav h1{text-align: center;} div.calendar-container{text-align: center;} div.description iframe{width:99%;} div.element.partenaires.list{text-align:center;} div.element.partenaires.listview{margin:10px 20px;} div.element.partenaires.view div.description{width:auto;} #footer{min-width:initial;} #footer ul{width:auto;} } @media screen and (max-width: 960px) { div.divWelcome div.encart-photo{float:none; display:block; margin:auto;} div.divWelcome div.encart-description{margin:auto;} div.element.accesRapide.listview{width: calc(50% - 20px);} } @media screen and (max-width: 945px) { div.divWelcome div.encart-accesrapide {float:none; display:inline-block; margin:0; width:98%; vertical-align: top;} div.divWelcome div.encart-actualites { float: none; display: block; margin: 0 auto; } div#background-accesrapide{padding:1%;} } @media screen and (max-width: 925px) { div.element.actualites.listview{width:auto;} a.calendar-nav.lastMonth, a.calendar-nav.nextMonth{float:none; display: inline-block; margin:0 30px;} } @media screen and (max-width: 900px) { div.encart-coordonees, div.encart-form{float:none; display:block; width:100%;} form.editContact{width:auto;} form.editContact fieldset.fieldset > div.list > div{width:44%;} form.editContact fieldset.fieldset > div.textarea{width:94%;} } @media screen and (max-width: 880px) { div.element.secteurBallade.listview div.ballade.viewList{margin-left:0px;} } @media screen and (max-width: 800px) { div.encart-accesrapide, div.encart-actualites{display:block; width:100%;} div.encart-accesrapide a{margin:10px auto;} div.element.actualites.previewList{margin:auto;} table.cartcommand{width: 100%; margin-left: 0;} } @media screen and (max-width: 830px) { div.element.ballade.listview{box-shadow: 2px -2px 5px #BBB; margin-right: 5px; width:auto;} } @media screen and (max-width: 715px) { div.calendar{width:auto; text-align: center;} div.calendar div.month{float:none; width:auto; margin:0;} div.calendar div.month div.element.creneau.listview{display:inline-block; margin:10px;} } @media screen and (max-width: 565px) { form.editContact fieldset.fieldset > div.list > div{width:95%;} div.command.pay form input, div.command.pay div.image-CA{margin-left: 0;} div.element.accesRapide.listview{width: calc(100% - 20px);} div.divAnimation div.acces h4{width: 96%;} } @media screen and (max-width: 650px) { div.description img{width:50%; max-width:100%; height:auto; float:none !important; display:block; margin:10px auto !important;} div.description iframe{height:auto;} div.encart-map iframe{height:300px;} div.cart.full thead, div.cart.full table, div.cart.full tbody, div.cart.full tfoot, div.cart.full tr, div.cart.full td { display: block; width: auto!important; } div.cart.full a.confirm-cart-link{width: auto; background: #662B21; color: #FFF; display: block; margin: 10px;} div.cart.full a.confirm-cart-link:before{display: none;} form.commandUserInfo, form.commandUserInfo fieldset.linfos input.adresse{width: auto;} #footer ul li{display:block;} } @media screen and (max-width: 600px) { a.calendar-nav.lastMonth, a.calendar-nav.nextMonth{display:block; margin:10px auto;} a.calendar-nav.lastMonth:before, a.calendar-nav.nextMonth:before{display:none;} } @media screen and (max-width: 560px) { div.element.ballade.listview{box-shadow: none; background:#DEBE83;} } @media screen and (max-width: 525px) { div.element.station.listview{margin:0 !important; padding:10px !important;} div.element.station.listview div.picture{position: static !important; float:none; margin-left:0 !important;} div.product.coffret.listview.largeView{width: auto; height: auto;} div.product.coffret.listview.largeView div.picture{width: 40%; height: auto;} } @media screen and (max-width: 400px) { div.description img{width:80%;} form.commandUserInfo fieldset.linfos > div div{width: auto;} } /** * MAP * ********************************************************************************************************** */ @media screen and (max-width: 1000px) { div.worldmap{background:none; width:auto; height:auto;} div.worldmap a{background:none;} div.worldmap img{width:100%;} div.worldmap a#a-n{width:38.7%; height:46.3%;} div.worldmap a#a-s{width:14.1%; height:44.2%;} div.worldmap a#af{width:19.9%; height:47.7%;} div.worldmap a#eu{width:20.3%; height:26.9%;} div.worldmap a#as{width:34.3%; height:56.3%;} div.worldmap a#oc{width:20.1%; height:31.5%;} } @media screen and (max-width: 730px) { div.worldmap a#eu span{left:50%;} } @media screen and (max-width: 650px) { div.worldmap a{font-size:0.6em;} div.worldmap a#a-s span{left:20%;} } @media screen and (max-width: 445px) { div.divWelcome div.encart-actualites { min-width: 0; width: 100%; } } @media screen and (max-width: 400px) { div.worldmap a span{display:none;} }