/* *************************** NORMALISATION *************************** */ html{height:100%;font-size:62.5%;} body{height:100%;background:#ffffff; font-family:'Open Sans',Arial,Verdana,Helvetica,sans-serif; font-style:normal; font-weight:normal; font-variant:normal; line-height:100%; color:#ffffff; text-align:left;} a{text-decoration:none;color:#404040;} a:hover{text-decoration:none;color:#404040;} a img,:link img,:visited img{border:none;} img {max-width:100%;} /*gmap v3 fix bug*/ .gm-style img, .gmnoscreen img, .gmnoprint img {max-width:none !important;} strong, b{font-weight:100; font-family:'open_sansbold',Arial,Verdana,sans-serif;} i, em{font-style:normal; font-family:'open_sanssemibold_italic',Arial,Verdana,sans-serif;} strong em, strong i, em strong, i strong, b em, b i, em b, i b {font-style:normal; font-weight:normal; font-family:'open_sansbolditalic',Arial,Verdana,sans-serif;} table{border-collapse:collapse;border-spacing:0;} .seph1,.clear{clear:both;} .display_none {display:none;} .left {float:left;} .right {float:right;} /*effet selection txt*/ ::selection {color:#ffffff; background:#6C8591;} ::-moz-selection {color:#ffffff; background:#6C8591;} /* *** POWERMAIL *** */ div.tx-powermail {width:100%; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:inherit;} div.tx-powermail h3 {display:none;} div.tx-powermail p {margin:0 0 10px 0;} div.tx-powermail legend {display:none;} div.powermail_fieldwrap {margin:0 0 10px 0;} div.powermail_fieldwrap.powermail_fieldwrap_text {margin:10px 0; color:#ffffff; font-weight:normal; font-size:1.5em; line-height:1.6em; font-family:'Open Sans',Arial,Verdana,sans-serif;} .powermail_fieldset {background:none; border:0;} .powermail_label {width:20%; margin:0 5% 0 0; float:left; display:block; color:#ffffff; font-weight:normal; font-size:1.5em; /*line-height:1.6em;*/line-height:1.2em; font-family:'Open Sans',Arial,Verdana,sans-serif;} .powermail_field {border:0; background:#ffffff; color:#1e2124; font-size:1.3em; line-height:1.3em; font-family:'Open Sans',Arial,Verdana,sans-serif; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:75%; padding:10px 3%; border-radius:2px 2px 2px 2px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior:url(fileadmin/templates/aquarium/css/PIE.htc);} /*select.powermail_field {padding:0; width:75%; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#e8e8e8 url(../img/select_grey.png) no-repeat right center; text-overflow:""; text-indent:0.01px;}*/ input.powermail_field:focus {border:0; background:#ffffff;} .powermail_textarea {max-width:75%;} /*btn radio checkbox*/ .powermail_radio_legend, .powermail_check_legend{display:block !important; margin:0 5% 0 0;} .powermail_radio_outer, .powermail_captcha_outer {float:none; width:auto; border:0; padding:0;} .powermail_radio_outer, .powermail_captcha_outer, .powermail_check_outer {background:none;} .powermail_check_outer{float:left; width:auto; border:0; padding:0;} .powermail_radio_inner {margin:0 10px 0 0; float:left;} .powermail_check_inner{margin:0 0 10px 0; float:left; clear:both;} .powermail_radio_outer input[type="checkbox"], .powermail_radio_outer input[type="radio"], .powermail_check_outer input[type="checkbox"], .powermail_check_outer input[type="radio"] {float:left;} .tx-powermail .powermail_radio_outer label, .tx-powermail .powermail_captcha_outer label {float:left; color:#ffffff;} .tx-powermail .powermail_check_outer label{float:left; width:70%; color:#ffffff;} .tx-powermail .powermail_check_outer .powermail_check_inner label, .tx-powermail .powermail_radio_outer .powermail_radio_inner label {display:inline; width:auto; float:none; margin:0; font-size:1.3em; line-height:1.2em;} /*champ upload fichier*/ .powermail_fieldwrap.powermail_fieldwrap_file .powermail_fieldwrap_file_inner {background-image:url(../img/powermail_upload_bg.png); background-repeat:no-repeat; background-color:#ffffff; border:1px solid #d9d9d9; width:75%; height:32px; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*submit*/ div.powermail_fieldwrap.powermail_fieldwrap_submit {float:right; margin:10px 0 10px 0; padding:0 6px 0 6px;} .powermail_submit {border:1px solid #ffffff; background:none; color:#ffffff; font-size:1.5em; line-height:1.5em; font-family:'open_sanslight',Arial,Verdana,sans-serif; font-style:normal; font-weight:normal; text-decoration:none; text-transform:uppercase; width:auto; height:auto; padding:5px 10px; cursor:pointer; border-radius:2px 2px 2px 2px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior:url(fileadmin/templates/aquarium/css/PIE.htc);} .tx-powermail .powermail_submit:focus {background:#ffffff; color:#1e2124; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} /*bulle champ obligatoire*/ .formError .formErrorContent {background:#ffffff; color:#888888; border:2px solid #1e87e3;} .formError .formErrorArrow div {background:#ffffff; border-left:2px solid #aaa; border-right:2px solid #aaa;} .formError .formErrorArrow .line3 {border-left:2px solid #aaa; border-right:2px solid #aaa;} .formError .formErrorArrow .line2 {background:#aaaaaa;} .formError .formErrorArrow .line1 {background:#aaaaaa;} /*msg validation reception*/ .powermail_create {background:none;} /*page validation infos*/ .powermail_confirmation {background:none;} .powermail_confirmation .powermail_confirmation_form {background:url(../img/pager_prev.png) no-repeat 5% center; padding:9px 10px 10px 32px;} .powermail_confirmation .powermail_confirmation_form:hover {background:url(../img/pager_prev.png) no-repeat 1% center #ffffff; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms} .powermail_confirmation .powermail_confirmation_submit {background:url(../img/pager_next.png) no-repeat 95% center; padding:9px 32px 10px 10px;} .powermail_confirmation .powermail_confirmation_submit:hover {background:url(../img/pager_next.png) no-repeat 99% center #ffffff; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms} .powermail_confirmation input {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*page confirmation*/ dl.powermail_all {margin:0 0 20px 0; font-size:1.2em; line-height:1.2em;} dl.powermail_all dt {margin:0 15px 15px 0; float:left; clear:left; font-family:'Open Sans',Arial,Verdana,sans-serif; font-weight:normal;} dl.powermail_all dd {margin:0 0 15px 0; float:left; width:auto; font-weight:normal; font-family:'open_sanssemibold',Arial,Verdana,sans-serif;} .powermail_confirmation_form, .powermail_confirmation_submit {cursor:pointer; padding:2px 10px; margin:0; border:0; padding:inherit; width:80px; height:30px; background:#4bc7c7; color:#ffffff; font-size:1.2em; line-height:1.2em;} .powermail_confirmation_form {float:left;} .powermail_confirmation_submit {float:right;} #contenu_page_simple div.tx_powermail_pi1_fieldwrap_html_check label{width:25px;margin-top:2px;} #contenu_page_simple .tx_powermail_pi1_fieldwrap_html_check input{width:25px;margin-top:5px;} #contenu_page_simple .tx_powermail_pi1_fieldwrap_html_submitgraphic{text-align:center;} #contenu_page_simple .tx_powermail_pi1_fieldwrap_html_submitgraphic input{float:none;width:98px;border:0;} /* *** END POWERMAIL *** */ /* *** CLASSES SKIN GENERIQUES *** */ .radius {border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior:url(fileadmin/templates/aquarium/css/PIE.htc);} .radius_mini {border-radius:1px 1px 1px 1px; -moz-border-radius:1px; -webkit-border-radius:1px; behavior:url(fileadmin/templates/aquarium/css/PIE.htc);} .shadow {box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2); behavior:url(fileadmin/templates/css/PIE.htc);} .shadow_inset {-moz-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.1); behavior:url(fileadmin/templates/css/PIE.htc);} .grey_border {border:1px solid #d0d0d0;} .gradient_purple {background:#ce0037; background:-moz-linear-gradient(-45deg, #ce0037 0%, #ae002e 100%); background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#ce0037), color-stop(100%,#ae002e)); background:-webkit-linear-gradient(-45deg, #ce0037 0%,#ae002e 100%); background:-o-linear-gradient(-45deg, #ce0037 0%,#ae002e 100%); background:-ms-linear-gradient(-45deg, #ce0037 0%,#ae002e 100%); background:linear-gradient(135deg, #ce0037 0%,#ae002e 100%); -pie-background:linear-gradient(135deg, #ce0037 0%,#ae002e 100%);} .gradient_grey {background:#d7d7d7; background:-moz-linear-gradient(-45deg, #d7d7d7 0%, #b7b7b7 100%); background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#d7d7d7), color-stop(100%,#b7b7b7)); background:-webkit-linear-gradient(-45deg, #d7d7d7 0%,#b7b7b7 100%); background:-o-linear-gradient(-45deg, #d7d7d7 0%,#b7b7b7 100%); background:-ms-linear-gradient(-45deg, #d7d7d7 0%,#b7b7b7 100%); background:linear-gradient(135deg, #d7d7d7 0%,#b7b7b7 100%); -pie-background:linear-gradient(135deg, #d7d7d7 0%,#b7b7b7 100%);} .bg_white {background:#ffffff;} /* *** END CLASSES SKIN GENERIQUES *** */ /* CONTENEUR */ #page {height:100%; width:100%;} .wrap {width:1203px; margin:0 auto;} /* INFOS SUR LES COOKIES */ #cookie_msg {width:94%; position:absolute; background:#0bbbef; z-index:500; padding:5px 3%; top:83px;} #cookie_msg p, #page #cookie_msg p {font-size:1.2em; line-height:1.2em; color:#1e2124; text-align:center; color:#ffffff;} #cookie_msg a, #page #cookie_msg a {color:#000000; border-bottom:1px solid #0993bd; text-decoration:none; text-transform:none; font-family:'open_sanssemibold',Arial,Verdana,sans-serif; color:#ffffff; border-bottom:1px solid #ffffff;} #cookie_msg span#cookie_close {background:url(../img/zone_inscription_news_close.png) no-repeat center center; width:16px; height:16px; float:right; cursor:pointer; margin:0 0 0 10px;} #fil_rouge {width:100%; position:absolute; /*background:#0bbbef;*/ z-index:99; top:83px;} #fil_rouge .wrap {padding:3px 3px 3px 40px; background:#cb0036 url(../img/picto_fil_rouge.png) no-repeat 17px center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*#fil_rouge p, #page #fil_rouge p {background:#ffffff; font-family:'open_sanssemibold',Arial,Verdana,sans-serif; font-size:1.2em; line-height:1.2em; padding:5px 15px;margin:0;text-transform:uppercase;color:#1e2124;} #fil_rouge a, #page #fil_rouge a {text-transform:none; color:#1e2124; font-family:'open_sansbold',Arial,Verdana,sans-serif;}*/ #fil_rouge p, #page #fil_rouge p {background:#ffffff; font-size:1.2em; line-height:1.2em; padding:5px 15px; margin:0; text-transform:uppercase; color:#cd0036; font-family:'open_sansbold',Arial,Verdana,sans-serif;} #fil_rouge a, #page #fil_rouge a {text-transform:none; color:#cd0036; font-family:'open_sansbold',Arial,Verdana,sans-serif;} /* GESTION Z-INDEX */ #header, #footer {z-index:2; position:relative;} #menu_principal, #home #col_right {z-index:99;} /* ***** HEADER ***** */ #header {width:100%; /*position:fixed; top:0;*/} /*logo*/ #logo {margin:6px 0 8px 0; position:absolute; top:0;} #page #logo h1, #page #logo p {margin:0;} #logo a, #logo img {display:block;} #menu_tools {padding:6px 0 8px 0;} #menu_tools > .wrap > .left {margin: 0 0 0 311px;} #menu_tools > .wrap > .right {width:553px;} #tools_top {margin:6px 0 0 311px; position:absolute; top:0;} /*langues*/ #lang li {display:block; width:27px; height:17px;} #lang li.display_none {display:none;} #lang li.en {background:url(../img/flag_en.png) no-repeat;} #lang li.fr {background:url(../img/flag_fr.png) no-repeat;} #lang li a {display:block; height:100%;} #lang li:hover {opacity:0.8; filter:alpha(opacity=80);} /*outils accessibilite*/ #accessi {float:left; margin:3px 0 0 16px;} #accessi li {display:inline; color:#7a8489; font-family:'robotomedium',Arial,Verdana,sans-serif; font-size:1em; line-height:1em;} #accessi li:first-child {padding:0 20px 0 0;} #accessi li a {color:#7a8489; font-family:'robotomedium',Arial,Verdana,sans-serif; text-transform:uppercase;} /*reseaux sociaux*/ #social_tools {margin:14px 43px 0 0;} #social_tools li {display:inline; padding:0 5px 0 0;} #social_tools li a:hover, #social_tools li a:focus {opacity:0.8; filter:alpha(opacity=80);} /*agglo*/ #agglo {margin:0 43px 0 0;} #page #agglo p {margin:0;} #agglo a:hover, #agglo a:focus {opacity:0.8; filter:alpha(opacity=80);} #agglo a, #agglo img {display:block;} /*BTN TAB SMART*/ #btn_menu_tools, #btn_tab, #btn_smart {display:none;} /* ZONE INSCRIPTION NEWSLETTER */ #inscription_news {margin:14px 11px 0 0; background:#dfdfdf; padding:11px 12px; cursor:pointer; border-radius:20px 20px 20px 20px; -moz-border-radius:20px; -webkit-border-radius:20px; behavior:url(fileadmin/templates/aquarium/css/PIE.htc);} #page #inscription_news p {font-size:1.2em; line-height:17px; margin:0; text-transform:uppercase; color:#596e78; font-family:'open_sanssemibold',Arial,Verdana,sans-serif;} #inscription_news img {vertical-align:middle; padding:0 5px 0 0;} #inscription_news:hover {background:#0993bd;} #page #inscription_news:hover p, #page #inscription_news.btn_act p {color:#ffffff;} #zone_inscription_news {background:#0993bd; padding:10px 0; position:absolute; left:0; width:100%; display:none;} #zone_inscription_news .wrap {padding:0 272px; width:659px;} #zone_inscription_news legend {display:block; color:#ffffff; font-size:2em; line-height:1.5em; font-family:'folksregular',Arial,Verdana,sans-serif; float:left; margin:0 6px 0 0;} #zone_inscription_news input {float:left; margin:0 0 0 2px; padding:6px 2%;} #zone_inscription_news #newsletter_email {width:290px;} #zone_inscription_news #btn_newsletter {padding:6px 10px; font-size:1.3em; line-height:1.3em;} #zone_inscription_news #zone_inscription_news_close {background:url(../img/zone_inscription_news_close.png) no-repeat center center; width:16px; height:16px; cursor:pointer; position:absolute; top:16px; right:20px;} /* MENU PRINCIPAL */ #btn_menu_smart, .open_close_menu {display:none;} #menu_principal {position:fixed; width:251px; top:123px; background:#ffffff; /*overflow:hidden;*/} #menu_principal li {padding:5px 0px; border-top:1px solid #d1dade; position:relative; line-height:1em;} #menu_principal li:first-child {border-top:0; border-radius:8px 8px 0 0;} #menu_principal li:last-child {border-radius:0 0 8px 8px;} #menu_principal li a {padding:5px 12px; color:#098bb2; font-size:1.9em; font-family:'folksregular',Arial,Verdana,sans-serif; display:block; text-transform:uppercase; letter-spacing:0.05em;} #menu_principal li img {padding:0 13px 0 0; display:inline-block; vertical-align:middle;} #menu_principal li span {display:inline-block; vertical-align:middle; line-height:1.2em; width:180px; font-family:'folksregular',Arial,Verdana,sans-serif; color:#098bb2;} #menu_principal li:hover, #menu_principal li.act {background:#f9f9f9; background:-moz-linear-gradient(left, #f9f9f9 0%, #e0e0e0 100%); background:-webkit-gradient(linear, left top, right top, color-stop(0%,#f9f9f9), color-stop(100%,#e0e0e0)); background:-webkit-linear-gradient(left, #f9f9f9 0%,#e0e0e0 100%); background:-o-linear-gradient(left, #f9f9f9 0%,#e0e0e0 100%); background:-ms-linear-gradient(left, #f9f9f9 0%,#e0e0e0 100%); background:linear-gradient(to right, #f9f9f9 0%,#e0e0e0 100%);} #menu_principal li:hover a, #menu_principal li.act a {color:#596e78;} #menu_principal li ul.sous_menu {display:none;} #menu_principal li li {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:3px 0; background:none; border-top:0;} #menu_principal li li a {padding:3px 15px 2px 73px; display:block; text-transform:none; color:#098bb2; font-size:1.4em; font-family:'open_sanssemibold',Arial,Verdana,sans-serif; letter-spacing:0;} #menu_principal li:hover li a {color:#098bb2;} #menu_principal li li a:hover, #menu_principal li:hover li a:hover {color:#596e78;} #menu_principal li ul.sous_sous_menu {display:none;} #nav_progress {width:1px; height:100%; position:absolute; left:-5px; top:0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0)), color-stop(10%,rgba(255,255,255,1)), color-stop(90%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%);} #nav_progress #btn_nav_progress {position:relative; left:-14px; width:29px; height:29px; background:url(../img/picto_menu_act.png) no-repeat;} #page.no_single #nav_progress {display:none;} /* ***** FOOTER ***** */ #footer {width:100%;} #footer ul {text-align:center; /*width:100%;*/ background:#ffffff; padding:10px 0;} #footer li {display:inline; color:#7e8c93; font-size:1.2em; line-height:1.1em; padding:0 0 0 10px;} #footer li:first-child {padding:0;} #footer li a {padding:0 0 0 14px; background:url(../img/sep_footer.png) no-repeat left center; color:#7e8c93; font-family:'Open Sans',Arial,Verdana,sans-serif;} #footer li a:hover {color:#43a7de;} #footer li:first-child a {padding:0; background:none;} /* *************************** STRUCTURE DEVICE *************************** */ #page.devicead {position:relative; min-height:100%; height:auto;} #page.devicead #global {min-height:100%; padding:0 0 33px 0;} #page.devicead #footer {position:absolute; bottom:0; height:33px;} #page.devicead #nav_progress {display:none;} /*gestion home device*/ #page.devicead.home #content {padding:123px 0 0 0;} #page.devicead.home .news {width:1203px; margin:0 auto;} #page.devicead.home .bloc_home, #page.devicead.home .bloc_horaires {width:251px; position:relative; z-index:10; float:right; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #page.devicead.home .bloc_sondage {background:url(../img/bg_black_opacity.png) repeat; margin:11px 0 0 0; padding:15px 16px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2); behavior:url(fileadmin/templates/aquarium/css/PIE.htc);} #page.devicead.home .bloc_sondage .content_bloc_sondage {border-top:1px solid #22bbea; padding:16px 0 0 0; margin:11px 0 0 0;} #page.devicead.home .bloc_sondage .titre_bloc p {font-size:1.5em; line-height:1.3em; color:#ffffff; font-family:'Open Sans',Arial,Verdana,sans-serif; padding:0; border:0; margin:0 0 10px 0;} #page.devicead.home .bloc_sondage input[type="submit"]:hover {background:#22bbea; color:#ffffff;} /* *************************** END STRUCTURE DEVICE *************************** */ /* *************************** HOME CONTENT *************************** */ .home.main_content {position:static; width:251px; background:none; padding:0;} #home #col_right {width:251px; position:relative;} .home.main_content * {position:relative; z-index:10;} /*#home .zone_contenu > .wrap::before {display:block; margin:0 auto; width:29px; height:30px; content:url(../img/picto_down.png); position:absolute; left:49%; top:655px; z-index:99;}*/ #go_down {display:block; margin:0 auto; width:52px; height:52px; background:url(../img/picto_down.png) no-repeat 0 0; position:absolute; left:49%; top:655px; z-index:99;} #page #go_down p {margin:0; height:100%; width:100%;} #go_down a {display:block; text-indent:-9999px; height:100%; width:100%; cursor:pointer;} /*Slider*/ #slider {position:absolute; top:0; width:100%; height:100%; overflow:hidden; left:0;} #slideshow_home {overflow:auto; width:100%; height:100%;} #slider_home, #slider ul {height:100%;} #slider li {width:100%; height:100%;} #slider li a, #slider li img {display:block;} #slider li a.display_none {display:none;} #slider li img {max-width:inherit; width:100%; height:auto; min-height:100%;} #page.devicead.home #slider li img {max-width:100%;} #slider li .wrap {padding:0 0 0 272px; width:931px;} .coverflow_zone_texte_wrap {width:649px; height:510px; border:5px solid rgba(0,0,0,0.5); position:absolute; top:123px;} .coverflow_zone_texte {position:absolute; bottom:53px;} .tag_slide {background:#0993bd; padding:0 8px; height:21px; float:left;} #page .tag_slide p {margin:0;} .tag_slide_right {background:url(../img/bg_tag_slide_right.png) no-repeat; width:11px; height:21px; float:left;} #page #home #slider .tag_slide p {font-size:1.2em; line-height:21px; text-transform:uppercase; font-family:Arial;} .coverflow_texte {background:url(../img/bg_black_opacity.png) repeat; padding:10px; max-width:75%;} #page .coverflow_texte p {font-size:2.2em; line-height:1.2em; color:#ffffff; font-family:'folksregular',Arial,Verdana,sans-serif; margin:0;} /*arrow navigation*/ #slider_home_navigation, #slider_page_navigation {position:absolute; width:100%; top:625px; z-index:50; float:none; padding:0; text-align:center;} #slider_home_navigation li, #slider_page_navigation li {padding:0 4px; display:inline; position:static; width:auto;} #slider_home_navigation li a.control_home, #slider_page_navigation li a.control_page {padding:1px 6px; background:url(../img/pictos_slider.png) no-repeat 0 0; cursor:pointer; display:inline;} #slider_home_navigation li a.control_home.slider_home_active, #slider_page_navigation li a.control_page.slider_page_active {background:url(../img/pictos_slider.png) -22px 0 no-repeat;} /*gestion zindex*/ .home.main_content #slider *, .home.main_content .tx-cim-slider-accessible {position:static;} .home.main_content #slider, .home.main_content #slider .coverflow_zone_texte_wrap, .home.main_content #slider .coverflow_zone_texte, .home.main_content #slider #slider_home_navigation, #slider_page_navigation {position:absolute;} /**/ .slider_nav.left ul {width:635px; margin:0 auto; text-align:left;} .slider_nav.right ul {width:635px; margin:0 auto; text-align:right;} span.control_home {position:absolute !important; display:block !important; width:31px; height:31px; top:300px; cursor:pointer;} #left_control_home {left:5%; background:url(../img/pictos_slider.png) no-repeat -98px center;} #right_control_home {right:5%; background:url(../img/pictos_slider.png) no-repeat -139px center;} /* BLOC HOME */ .bloc_home {padding:15px 16px;} .wrap.bloc_liens_visit {position:relative;} #bloc_liens_visit {position:absolute; top:123px; z-index:50; right:0; padding:15px 16px 0 16px; width:219px;} /* GALERIE PHOTO */ #galerie_photo {float:left; width:98px;} #page #galerie_photo p {margin:0; font-size:1.3em; background:url(../img/picto_galerie_photo.png) no-repeat 8px center;} #page #galerie_photo p a {text-decoration:none; color:#ffffff; font-family:'open_sanslight',Arial,Verdana,sans-serif; font-weight:normal; display:block; padding:7px 8px 7px 40px; border:1px solid #22bbea;} #page #galerie_photo p a:hover {color:#ffffff; z-index:100; position:relative;} #page #galerie_photo p {position:relative; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;} #page #galerie_photo p:after {content:''; position:absolute; z-index:99; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; width:0%; height:100%; top:0; left:0; background:#22bbea url(../img/picto_galerie_photo_hover.png) no-repeat 8px center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #page #galerie_photo p:hover:after {width:100%;} /* VISITE VIRTUELLE */ #visite_virtuelle {float:right; width:109px;} #page #visite_virtuelle p {margin:0; font-size:1.3em; background:url(../img/picto_visite_interactive.png) no-repeat 8px center;} #page #visite_virtuelle p a {text-decoration:none; color:#ffffff; font-family:'open_sanslight',Arial,Verdana,sans-serif; font-weight:normal; display:block; padding:7px 8px 7px 40px; border:1px solid #22bbea;} #page #visite_virtuelle p a:hover {color:#ffffff; z-index:100; position:relative;} #page #visite_virtuelle p {position:relative; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;} #page #visite_virtuelle p:after {content:''; position:absolute; z-index:99; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; width:0%; height:100%; top:0; left:0; background:#22bbea url(../img/picto_visite_interactive_hover.png) no-repeat 8px center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #page #visite_virtuelle p:hover:after {width:100%;} /* BLOC SONDAGE */ #home.section .bloc_sondage {background:url(../img/bg_black_opacity.png) repeat; margin:0 0 21px 0; padding:15px 16px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2); behavior:url(fileadmin/templates/aquarium/css/PIE.htc);} .section .bloc_sondage {margin:0 0 15px 0;} #home.section .bloc_sondage .content_bloc_sondage {border-top:1px solid #22bbea; padding:16px 0 0 0; margin:11px 0 0 0;} #page #home.section .bloc_sondage .titre_bloc p {font-size:1.5em; line-height:1.3em; color:#ffffff; font-family:'Open Sans',Arial,Verdana,sans-serif; padding:0; border:0; margin:0 0 10px 0;} #page .section .bloc_sondage .titre_bloc p {font-size:1.8em; line-height:1.2em; margin:15px 0 10px 0; font-family:'folksregular',Arial,Verdana,sans-serif; font-weight:normal; padding:0px 0px 4px 0px; border-bottom:1px solid #ffffff; margin:0 0 14px 0;} .bloc_sondage .content_bloc_sondage p {font-family:'folksregular',Arial,Verdana,sans-serif;} .bloc_sondage .ligne_form label {float:none; display:inline; width:auto; margin:0; vertical-align:middle;} .bloc_sondage .ligne_form input {vertical-align:middle;} .bloc_sondage input[type="submit"] {font-size:1.3em; border:1px solid #22bbea; text-transform:none; float:right;} #home .bloc_sondage input[type="submit"]:hover {background:#22bbea; color:#ffffff;} /* HORAIRES */ .bloc_horaires {background:url(../img/bg_black_opacity.png) repeat; margin:0 0 21px 0; padding:15px 16px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2); behavior:url(fileadmin/templates/aquarium/css/PIE.htc);} .bloc_horaires .titre_bloc {display:none;} .bloc_horaires .content_bloc {border-top:1px solid #22bbea; padding:16px 0 0 0; margin:59px 0 0 0;} .bloc_horaires .date {margin:0 0 14px 0; margin:0 0 21px 0; text-transform:lowercase;} .bloc_horaires .date span {color:#ffffff; font-size:1.2em; line-height:1em; font-family:'Open Sans',Arial,Verdana,sans-serif;} #page .bloc_horaires .date p {color:#ffffff; font-size:1.6em; line-height:1em; font-family:'Open Sans',Arial,Verdana,sans-serif; margin:0;} #page .tous_horaires > p {color:#ffffff; font-size:1.2em; line-height:1em; font-family:'ubuntumedium',Arial,Verdana,sans-serif;} #page .tous_horaires .etablissement {margin:0 0 15px 0; margin:0;} #page .etablissement .msg_etablissement, #page .etablissement .nm {margin:0 0 10px 0;} #page .etablissement .msg_etablissement p, #page .etablissement .nm p {color:#ffffff; font-size:1.2em; line-height:1em; font-family:'Open Sans',Arial,Verdana,sans-serif; margin:0 0 6px 0;} #page .etablissement .plage_horaire p {color:#ffffff; font-size:1.8em; line-height:1em; font-family:'folksregular',Arial,Verdana,sans-serif; margin:0;} #page .etablissement .plage_horaire span {color:#ffffff; font-size:1.4em;} #page .bloc_horaires .msg_etablissement p {color:#ffffff; font-size:1.4em; line-height:1.4em; font-family:'Open Sans',Arial,Verdana,sans-serif;} #page .btn_all_horaires {padding:9px 0; margin:17px 0 0 0; text-align:center; border:1px solid #22bbea; float:right;} #page .btn_all_horaires:hover {background:#22bbea; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #page .btn_all_horaires p {margin:0; padding:0 11px; font-size:1.3em; line-height:1em;} #page .btn_all_horaires p a {padding:0 0 0 24px; background:url(../img/picto_lien.png) no-repeat left center; color:#ffffff; font-family:'open_sanslight',Arial,Verdana,sans-serif;} /* AGENDA HOME */ #bloc_agenda {background:url(../img/bg_black_opacity.png) repeat;} #bloc_agenda a {display:block;} #bloc_agenda .img_agenda {text-align:center; height:100px; width:100px; margin:0 auto; overflow:hidden; border-radius:55px 55px 55px 55px; -moz-border-radius:55px; -webkit-border-radius:55px; behavior:url(fileadmin/templates/aquarium/css/PIE.htc);} #bloc_agenda .img_agenda img {width:auto; height:auto; min-width:100%; min-height:100%; max-width:inherit; display:block;} #page #bloc_agenda .titre_actu {color:#ffffff; font-family:'folksregular',Arial,Verdana,sans-serif; font-size:2em; line-height:1.1em; margin:0 0 9px 0;} #bloc_agenda a:hover .titre_actu {color:#3ebbc3;} #bloc_agenda .infos_actu {color:#ffffff; font-family:'folksregular',Arial,Verdana,sans-serif; font-size:1.2em; line-height:1em; margin:10px 0 5px 0; display:block; /*border-bottom:1px solid #e35a6f;*/ border-bottom:1px solid #e4d793; padding:0 0 5px 0;} #page #bloc_agenda .lien_item_agenda {text-align:center; /*border:1px solid #e35a6f;*/ border:1px solid #e4d793; float:left; padding:8px 15px; margin:0; font-size:1.3em; line-height:1em;} #page #bloc_agenda .single_page_news_en .lien_item_agenda {padding:8px 2px;} #page #bloc_agenda .lien_item_agenda:hover {/*background:#e35a6f;*/ background:#e4d793; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #bloc_agenda .lien_item_agenda a {color:#ffffff; font-family:'open_sanslight',Arial,Verdana,sans-serif;} #page #bloc_agenda .lien_item_agenda:hover a {color:#1f2125;} #bloc_agenda #btn_voir_agenda {text-align:center; /*border:1px solid #e35a6f;*/ border:1px solid #e4d793; float:right;} #bloc_agenda #btn_voir_agenda:hover {/*background:#e35a6f;*/ background:#e4d793; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #page #bloc_agenda #btn_voir_agenda p {padding:8px 15px; margin:0; font-size:1.3em; line-height:1em;} #bloc_agenda #btn_voir_agenda a {color:#ffffff; font-family:'open_sanslight',Arial,Verdana,sans-serif;} #bloc_agenda #btn_voir_agenda:hover a {color:#1f2125;} /**/ #page #bloc_agenda .titre_actu {max-height:44px; overflow:hidden; margin:0 0 10px 0;} #page .single_page_news_en{margin-top:65px;} /* *************************** PAGE CONTENT *************************** */ .section {/*height:100%;*/ width:100%; position:relative; overflow:hidden;} #home.section {min-height:100%;} .section .zone_contenu {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:123px 0; background-color:#ffffff; background-position:top center; background-repeat:no-repeat; background-size:cover; box-shadow:inset 0px 2px 10px rgba(0, 0, 0, 0.2);} .no_single .zone_contenu {background-attachment:fixed;} .main_content {background:url(../img/bg_black_opacity.png) repeat; padding:24px 29px 16px 29px; width:873px; min-height:492px; position:relative;} .content_page {padding:0 0 40px 0;} .border_bot {background:#e4d793; position:absolute; bottom:16px; left:29px; width:873px; height:3px;} /* BLOC SOUS MENU */ .bloc_sous_menu {display:inline-block; vertical-align:top; margin:0 0 0 12px; text-align:center; width:162px;} .bloc_sous_menu:first-child {margin:0;} .bloc_sous_menu .img_bloc_sous_menu {margin:0 auto 18px auto; width:106px; border-radius:50% 50% 50% 50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior:url(fileadmin/templates/aquarium/css/PIE.htc); overflow:hidden; border:3px solid rgba(0,0,0,0);} .bloc_sous_menu:hover .img_bloc_sous_menu {border:3px solid #e4d793; padding:0;} .content_page .bloc_sous_menu .img_bloc_sous_menu a {display:block; padding:0;} .bloc_sous_menu img {display:block;} #page .bloc_sous_menu p.titre_sous_menu {color:#e4d793; font-size:1.8em; line-height:1.2em; margin:15px 0 10px 0; font-family:'folksregular',Arial,Verdana,sans-serif; font-weight:normal; padding:0px 0px 4px 0px; border-bottom:1px solid #e4d793; margin:0 0 14px 0; height:auto;} #page .bloc_sous_menu p {font-size:1.1em; line-height:1.4em; margin:0; height:62px; overflow:hidden;} .bloc_sous_menu .lien_sous_menu {text-align:center; display:inline-block; margin:19px 0 0 0;} #page .bloc_sous_menu .lien_sous_menu p {margin:0; font-size:1.3em; line-height:1.3em; height:auto;} #page .bloc_sous_menu .lien_sous_menu a {padding:8px 15px 8px 39px; background:url(../img/picto_lien.png) no-repeat 15px center; color:#ffffff; font-family:'open_sanssemibold',Arial,Verdana,sans-serif; border:1px solid #e4d793; display:block; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior:url(fileadmin/templates/aquarium/css/PIE.htc);} #page .bloc_sous_menu .lien_sous_menu:hover a, #page .bloc_sous_menu .lien_sous_menu:hover a:hover, #page .bloc_sous_menu .lien_sous_menu:hover a:focus {color:#1f2125; background:#ccc188 url(../img/picto_lien_black.png) no-repeat 15px center; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} /* MENU ONGLET NIV 3 */ .navigation_niv3 {border-bottom:1px solid #22bbea; margin:0 0 35px 0;} #page .content_page .navigation_niv3 h3 {border-radius:5px 5px 0 0; float:left; color:#ffffff; /*font-size:2em;*/ margin:0 0 0 10px; border:0; padding:10px 16px; padding:0; text-transform:none;} #page .content_page .navigation_niv3 h3.first_item {margin:0;} #page .navigation_niv3 h3:hover {background:#22bbea; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #page .navigation_niv3 h3 a {border-radius:5px 5px 0 0; color:#ffffff; border:0; padding:10px 16px; display:block; text-transform:none; font-family:'folksregular', Arial, Verdana, sans-serif;} #page .navigation_niv3 h3:hover a, #page .navigation_niv3 h3 a.active {color:#1e2124; background:#22bbea;} #page .navigation_niv3 h3 a:hover, #page .navigation_niv3 h3 a:focus {background:none; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;} #page .content_page #zone_nav_niv3 {height:300px; position:relative; overflow:hidden;} #page .content_page #zone_nav_niv3 .subpage {position:absolute; top:0; left:0;} /* TITRE PAGE */ #page .titre_page h2 {color:#e4d793; font-size:2.7em; line-height:1.2em; font-family:'folksregular',Arial,Verdana,sans-serif; font-weight:normal; text-transform:uppercase; padding:0px 0px 4px 0px; border-bottom:3px solid #e4d793; margin:10px 0 20px 0; text-transform:none; font-variant:small-caps;} #page .titre_page h3 {color:#e4d793; font-size:3.5em; line-height:1.2em; font-family:'folksregular',Arial,Verdana,sans-serif; font-weight:normal; text-transform:none; padding:0px 0px 4px 0px; border-bottom:3px solid #e4d793; margin:0 0 20px 0;} /**************** PARAM TXT ****************/ #page h1 {color:#e4d793; font-size:4em; line-height:1.2em; font-family:'folksregular',Arial,Verdana,sans-serif; font-weight:normal; text-transform:uppercase; padding:0px 0px 4px 0px; border-bottom:3px solid #e4d793; margin:0 0 20px 0;} #page h2 {color:#e4d793; font-size:2.2em; line-height:1em; font-family:'folksregular',Arial,Verdana,sans-serif; font-weight:normal; padding:0px; margin:30px 0 5px 0;} #page h2 a {border:0; color:#e4d793; font-family:'folksregular',Arial,Verdana,sans-serif; font-weight:normal;} #page h2 a:hover, #page h2 a:focus {border:0; color:#1a79ca; background:none; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;} #page h3 {color:#e4d793; font-size:1.8em; line-height:1.2em; margin:15px 0 10px 0; font-family:'folksregular',Arial,Verdana,sans-serif; font-weight:normal; padding:0px 0px 4px 0px; border-bottom:1px solid #e4d793; margin:0 0 14px 0;} #page h3 a {border:0; color:#e4d793; font-family:'folksregular',Arial,Verdana,sans-serif; font-weight:normal;} #page h3 a:hover, #page h3 a:focus {border:0; color:#e4d793; background:none; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;} #page h4 {color:#e4d793; font-size:1.3em; line-height:1.3em; margin:10px 0; text-transform:uppercase;} #page h4 a {text-transform:uppercase;} /*skin paragraphe*/ #page p {font-size:1.5em; line-height:1.3em; color:#ffffff; margin:0 0 10px 0;} /*skin lien*/ .content_page a {color:#ffffff; text-decoration:none; text-transform:none; font-family:'Open Sans',Arial,Verdana,sans-serif; font-weight:normal; border-bottom:1px solid #e4d793; background:none; padding:0 2px;} .content_page a:hover, .content_page a:focus {background:#e4d793; color:#1e2124; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} .content_page .csc-textpic-image a {padding:0;} /*skin legende img*/ figcaption.csc-textpic-caption {margin:5px 0; line-height:1.2em; text-align:center;} /*skin img circle*/ .content_page .csc-textpic-image img {border-radius:50% 50% 50% 50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior:url(fileadmin/templates/aquarium/css/PIE.htc); overflow:hidden;} /*skin list*/ .content_page ul, .content_page ol {padding:0 0 0 20px; margin:5px 0 10px 0;} .content_page ul li, .content_page ol li {list-style-image:url(../img/puce_liste_dore.png); margin:2px 0; font-size:1.3em; line-height:1.4em;} .content_page ul li strong, .content_page ol li strong {color:#e4d793;} /* skin tableaux */ .content_page table {font-size:1.3em; border-spacing:2px; border-collapse:separate;} .content_page th, .content_page td {padding:10px; line-height:1em; vertical-align:middle;} .content_page th {text-align:left; border:0; background:#e4d793; color:#1e2124; font-size:1.1em; line-height:1.4em; font-family:'open_sanssemibold',Arial,Verdana,sans-serif;} .content_page td {text-align:left; color:#ffffff; border:0; border-bottom:1px solid #e6e6e6; line-height:1.5em;} .content_page td p {font-size:1em;} /* ***** FCE lien, download, geoloc contenu ***** */ .link_page, .download_page, .geoloc_page {margin:30px 0;} #page .link_page p, #page .download_page p, #page .geoloc_page p {margin:0; padding:8px 12px 8px 12px; line-height:inherit; border:1px solid #e4d793; display:inline-block; font-size:1.3em; line-height:1.1em; border-radius:1px 1px 1px 1px; -moz-border-radius:1px; -webkit-border-radius:1px; behavior:url(fileadmin/templates/aquarium/css/PIE.htc);} #page .content_page .link_page p {background:url(../img/picto_lien.png) no-repeat 12px center;} #page .content_page .download_page p {background:url(../img/picto_download.png) no-repeat 12px center;} #page .content_page .geoloc_page p {background:url(../img/picto_geoloc.png) no-repeat 12px center;} #page .link_page p:hover, #page .download_page p:hover, #page .geoloc_page p:hover {-webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #page .content_page .link_page p:hover {background:#e4d793 url(../img/picto_lien.png) no-repeat 12px center;} #page .content_page .download_page p:hover {background:#e4d793 url(../img/picto_download.png) no-repeat 12px center;} #page .content_page .geoloc_page p:hover {background:#e4d793 url(../img/picto_geoloc.png) no-repeat 12px center;} #page .content_page .link_page a, #page .content_page .download_page a, #page .content_page .geoloc_page a {color:#ffffff; font-family:'open_sanslight',Arial,Verdana,sans-serif; text-decoration:none; padding:0 0 0 20px; display:block; border:0;} #page .content_page .link_page a:hover, #page .content_page .link_page a:focus, #page .content_page .download_page a:hover, #page .content_page .download_page a:focus, #page .content_page .geoloc_page a:hover, #page .content_page .geoloc_page a:focus, #page .link_page p:hover a, #page .download_page p:hover a, #page .geoloc_page p:hover a {color:#1e2124; background:none;} /* GESTION COULEURS CLASSES */ /*dore*/ .dore .border_bot {background:#e4d793;} .dore .powermail_confirmation .powermail_confirmation_form {border:1px solid #e4d793;} .dore .powermail_confirmation .powermail_confirmation_form:hover {background:url(../img/pager_prev_black.png) no-repeat 1% center #e4d793;} .dore .powermail_confirmation .powermail_confirmation_submit {border:1px solid #e4d793;} .dore .powermail_confirmation .powermail_confirmation_submit:hover {background:url(../img/pager_next_black.png) no-repeat 99% center #e4d793;} .dore input[type="submit"] {border:1px solid #e4d793;} .dore input[type="submit"]:hover {background:#e4d793; color:#1e2124; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #page .dore h1, #page .dore .titre_page h2 {border-bottom:3px solid #e4d793; color:#e4d793;} #page .dore h3 {border-bottom:1px solid #e4d793; color:#e4d793;} #page .dore h2 a, #page .dore h3 a, #page .dore h4 {color:#e4d793;} .dore .content_page a {border-bottom:1px solid #e4d793;} .dore .content_page a:hover, .dore .content_page a:focus {background:#e4d793; color:#1e2124;} .dore .content_page ul li, .dore .content_page ol li {list-style-image:url(../img/puce_liste_dore.png);} .dore .content_page ul li strong, .dore .content_page ol li strong {color:#e4d793;} .dore .content_page th {background:#e4d793; color:#1e2124;} #page .dore .bloc_sous_menu p.titre_sous_menu {border-bottom:1px solid #e4d793; color:#e4d793;} .dore .navigation_niv3 {border-bottom:1px solid #e4d793;} #page .dore .navigation_niv3 h3:hover, #page .dore .navigation_niv3 h3:hover a, #page .dore .navigation_niv3 h3 a.active {background:#e4d793;} .dore .content_page .tx-pagebrowse-pages ol .tx-pagebrowse-current {color:#e4d793;} /*vert*/ .vert .border_bot {background:#bde394;} .vert .powermail_confirmation .powermail_confirmation_form {border:1px solid #bde394;} .vert .powermail_confirmation .powermail_confirmation_form:hover {background:url(../img/pager_prev_black.png) no-repeat 1% center #bde394;} .vert .powermail_confirmation .powermail_confirmation_submit {border:1px solid #bde394;} .vert .powermail_confirmation .powermail_confirmation_submit:hover {background:url(../img/pager_next_black.png) no-repeat 99% center #bde394;} .vert input[type="submit"] {border:1px solid #bde394;} .vert input[type="submit"]:hover {background:#bde394; color:#1e2124; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #page .vert h1, #page .vert .titre_page h2 {border-bottom:3px solid #bde394; color:#bde394;} #page .vert h3 {border-bottom:1px solid #bde394; color:#bde394;} #page .vert h2 a, #page .vert h3 a, #page .vert h4 {color:#bde394;} .vert .content_page a {border-bottom:1px solid #bde394;} .vert .content_page a:hover, .vert .content_page a:focus {background:#bde394; color:#1e2124;} .vert .content_page ul li, .vert .content_page ol li {list-style-image:url(../img/puce_liste.png);} .vert .content_page ul li strong, .vert .content_page ol li strong {color:#bde394;} .vert .content_page th {background:#bde394; color:#1e2124;} #page .vert .bloc_sous_menu p.titre_sous_menu {border-bottom:1px solid #bde394; color:#bde394;} .vert .navigation_niv3 {border-bottom:1px solid #bde394;} #page .vert .navigation_niv3 h3:hover, #page .vert .navigation_niv3 h3:hover a, #page .vert .navigation_niv3 h3 a.active {background:#bde394;} .vert .content_page .tx-pagebrowse-pages ol .tx-pagebrowse-current {color:#bde394;} /*bleu*/ .bleu .border_bot {background:#22bbea;} .bleu .powermail_confirmation .powermail_confirmation_form {border:1px solid #22bbea;} .bleu .powermail_confirmation .powermail_confirmation_form:hover {background:url(../img/pager_prev_black.png) no-repeat 1% center #22bbea;} .bleu .powermail_confirmation .powermail_confirmation_submit {border:1px solid #22bbea;} .bleu .powermail_confirmation .powermail_confirmation_submit:hover {background:url(../img/pager_next_black.png) no-repeat 99% center #22bbea;} .bleu input[type="submit"] {border:1px solid #22bbea;} .bleu input[type="submit"]:hover {background:#22bbea; color:#1e2124; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #page .bleu h1, #page .bleu .titre_page h2 {border-bottom:3px solid #22bbea; color:#22bbea;} #page .bleu h3 {border-bottom:1px solid #22bbea; color:#22bbea;} #page .bleu h2 a, #page .bleu h3 a, #page .bleu h4 {color:#22bbea;} .bleu .content_page a {border-bottom:1px solid #22bbea;} .bleu .content_page a:hover, .bleu .content_page a:focus {background:#22bbea; color:#1e2124;} .bleu .content_page ul li, .bleu .content_page ol li {list-style-image:url(../img/puce_liste_bleu.png);} .bleu .content_page ul li strong, .bleu .content_page ol li strong {color:#22bbea;} .bleu .content_page th {background:#22bbea; color:#1e2124;} #page .bleu .bloc_sous_menu p.titre_sous_menu {border-bottom:1px solid #22bbea; color:#22bbea;} .bleu .navigation_niv3 {border-bottom:1px solid #22bbea;} #page .bleu .navigation_niv3 h3:hover, #page .bleu .navigation_niv3 h3:hover a, #page .bleu .navigation_niv3 h3 a.active {background:#22bbea;} .bleu .content_page .tx-pagebrowse-pages ol .tx-pagebrowse-current {color:#22bbea;} /*rose*/ .rose .border_bot {background:#e35a6f;} .rose .powermail_confirmation .powermail_confirmation_form {border:1px solid #e35a6f;} .rose .powermail_confirmation .powermail_confirmation_form:hover {background:url(../img/pager_prev_black.png) no-repeat 1% center #e35a6f;} .rose .powermail_confirmation .powermail_confirmation_submit {border:1px solid #e35a6f;} .rose .powermail_confirmation .powermail_confirmation_submit:hover {background:url(../img/pager_next_black.png) no-repeat 99% center #e35a6f;} .rose input[type="submit"] {border:1px solid #e35a6f;} .rose input[type="submit"]:hover {background:#e35a6f; color:#1e2124; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #page .rose h1, #page .rose .titre_page h2 {border-bottom:3px solid #e35a6f; color:#e35a6f;} #page .rose h3 {border-bottom:1px solid #e35a6f; color:#e35a6f;} #page .rose h2 a, #page .rose h3 a, #page .rose h4 {color:#e35a6f;} .rose .content_page a {border-bottom:1px solid #e35a6f;} .rose .content_page a:hover, .rose .content_page a:focus {background:#e35a6f; color:#1e2124;} .rose .content_page ul li, .rose .content_page ol li {list-style-image:url(../img/puce_liste_rose.png);} .rose .content_page ul li strong, .rose .content_page ol li strong {color:#e35a6f;} .rose .content_page th {background:#e35a6f; color:#1e2124;} #page .rose .bloc_sous_menu p.titre_sous_menu {border-bottom:1px solid #e35a6f; color:#e35a6f;} .rose .navigation_niv3 {border-bottom:1px solid #e35a6f;} #page .rose .navigation_niv3 h3:hover, #page .rose .navigation_niv3 h3:hover a, #page .rose .navigation_niv3 h3 a.active {background:#e35a6f;} .rose .content_page .tx-pagebrowse-pages ol .tx-pagebrowse-current {color:#e35a6f;} /* *************************** SITE MAP *************************** */ #page .content_page .csc-sitemap ul {padding:0;} #page .content_page .csc-sitemap li {margin:0 0 15px 0; list-style-image:none; font-size:1.4em; line-height:1.4em;} #page .content_page .csc-sitemap li a {font-family:'Open Sans',Arial,Verdana,sans-serif; text-decoration:none; border:0; background:none; color:#ffffff; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;} #page .content_page .csc-sitemap li ul {padding:0 0 0 15px;} #page .content_page .csc-sitemap li li {font-size:1em; line-height:1em; margin:0 0 5px 0;} #page .content_page .csc-sitemap li li a {font-weight:normal;} /* *************************** END SITE MAP *************************** */ /* *************************** ACTUALITES *************************** */ /* mode liste */ .content_page .news-list-item {padding:0 0 15px 0; margin:0 0 16px 0; border-bottom:1px solid #dbdbdb;} .content_page .news-list-item .left {width:12%; overflow:hidden;} .content_page .news-list-item .right {width:84%;} .content_page .news_list_img {overflow:hidden; height:105px;} .content_page .news_list_img a {border:0; padding:0; background:none; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;} .content_page .news_list_img img {display:block; width:auto; height:auto; max-width:inherit; min-height:100%; min-width:100%; margin:0; padding:0; border:0;} .content_page .news_list_date {padding:6px 0px;} #page .content_page .news_list_date p {margin:0; font-size:1.2em; line-height:1.5em; text-align:center;} .content_page .news-list-morelink p {margin:0;} .content_page .news-list-morelink a {text-decoration:none; padding:0 0 0 26px; background:url(../img/picto_lien.png) no-repeat left center; text-transform:uppercase; border:0;} .content_page .news-list-morelink a:hover, .content_page .news-list-morelink a:focus {background:url(../img/picto_lien.png) no-repeat 5px center; color:#ffffff; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} .content_page .news-list-morelink a span {font-family:'open_sansbold',Arial,Verdana,sans-serif; font-weight:normal;} .news-archives {padding:0 0 15px 0; margin:0 0 16px 0; border-bottom:1px solid #dbdbdb;} .content_page .news-archives p {margin:0;} .content_page .news-archives a {text-decoration:none; padding:0 0 0 26px; background:url(../img/picto_lien.png) no-repeat left center; text-transform:uppercase; border:0;} .content_page .news-archives a:hover, .content_page .news-archives a:focus {background:url(../img/picto_lien.png) no-repeat 5px center; color:#ffffff; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} /* mode detail */ .content_page .news_single_infos {float:right; width:85%; margin:0 0 15px 0;} #page .content_page .news_single_infos h1 {margin:0 0 15px 0;} .content_page .news_single_infos p {margin:0 0 17px 0;} .content_page .news_single_img {width:12%; margin:0 2% 15px 0; float:left; overflow:hidden;} .content_page .news_single_img .news-img-wrap {overflow:hidden; height:105px;} .content_page .news_single_img a {border:0; padding:0; background:none; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;} .content_page .news_single_img img {height:auto;} .content_page .news_single_img .news-single-imgcaption {max-width:100%; margin:5px 0; font-family:'open_sanssemibold_italic',Arial,Verdana,sans-serif; color:#ffffff; font-size:1.2em;} .content_page .news-backlink-wrap {padding:15px 0 0 0; margin:15px 0 5px 0; border-top:1px solid #dbdbdb;} .content_page .news-backlink-wrap a {text-decoration:none; padding:0 0 0 26px; background:url(../img/picto_lien_prev.png) no-repeat 5px center; text-transform:uppercase; border:0;} .content_page .news-backlink-wrap a:hover, .content_page .news-backlink-wrap a:focus {background:url(../img/picto_lien_prev.png) no-repeat left center; color:#ffffff; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} /* *************************** END ACTUALITES *************************** */ /* *************************** FAQ *************************** */ #page #liste_cat ul {padding:0;} #page #liste_cat ul li {padding:0; margin:0 0 5px 0; list-style-image:none;} .liste_questions button {padding:0 0 0 30px; background:url(../img/pager_next.png) no-repeat left center transparent; font-size:1.2em; line-height:1.2em; text-decoration:none; cursor:pointer; color:#ffffff;} .liste_questions button:hover, .liste_questions button:focus {background:url(../img/pager_next.png) no-repeat 4% center transparent; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} .liste_questions .desc {margin:5px 0 0 0; display:none;} #page .liste_questions .desc p {font-size:1em; line-height:1em;} /* *************************** END FAQ *************************** */ /* *************************** PAGER *************************** */ .tx-pagebrowse{text-align:center;list-style:none inside none;width:100%;margin:0;padding:0} .tx-pagebrowse li{display:inline;list-style:none;margin:0;padding:0 5px 0 0} li.tx-pagebrowse-pages{width:80%} li.tx-pagebrowse-pages ol{display:inline;margin:0;padding:0 10px} .content_page ul.tx-pagebrowse {margin:20px 0 0 0; padding:0;} .content_page ul.tx-pagebrowse li {list-style-image:none; margin:0;} .content_page ul.tx-pagebrowse li a {border:0;} .content_page .tx-pagebrowse-first a:hover, .content_page .tx-pagebrowse-first a:focus, .content_page .tx-pagebrowse-prev a:hover, .content_page .tx-pagebrowse-prev a:focus, .content_page .tx-pagebrowse-next a:hover, .content_page .tx-pagebrowse-next a:focus, .content_page .tx-pagebrowse-last a:hover, .content_page .tx-pagebrowse-last a:focus {-webkit-transition-property:none; -moz-transition-property:none; transition-property:none; background:none;} .content_page .tx-pagebrowse-first {width:17px; height:10px; font-size:inherit; line-height:inherit;} .content_page .tx-pagebrowse-prev {width:17px; height:10px; font-size:inherit; line-height:inherit;} .content_page .tx-pagebrowse-pages ol {padding:0 10px; margin:0;} .content_page .tx-pagebrowse-pages ol li {color:#ffffff;} .content_page .tx-pagebrowse-pages ol .tx-pagebrowse-page {font-size:1.1em; line-height:1.6em;} .content_page .tx-pagebrowse-pages ol .tx-pagebrowse-page a {text-decoration:none; vertical-align:top; border:0; font-family:'Open Sans',Arial,Verdana,sans-serif; color:#ffffff;} .content_page .tx-pagebrowse-pages ol .tx-pagebrowse-page a:hover, .content_page .tx-pagebrowse-pages ol .tx-pagebrowse-page a:focus {color:#1e2124;} .content_page .tx-pagebrowse-pages ol .tx-pagebrowse-current {color:#1a79ca; font-family:'open_sansbold',Arial,Verdana,sans-serif;} .content_page .tx-pagebrowse-next {width:17px; height:10px; font-size:inherit; line-height:inherit;} .content_page .tx-pagebrowse-last {width:17px; height:10px; font-size:inherit; line-height:inherit;} /* *************************** END PAGER *************************** */ /* *************************** MEDIATHEQUE *************************** */ .list_media {margin:0 0 15px 0;} /* SLIDER DOCS */ #slider_docs {margin:0 auto 8px auto; position:relative; width:100%; overflow:hidden;} #slider_docs #slideshow_docs {width:100%;} #slider_docs ul, .content_page #slider_docs ul {margin:0; padding:0;} #slider_docs li, .content_page #slider_docs li {margin:0 0 0 10px; list-style-image:none;} #slider_docs li .img_last {max-height:85px; overflow:hidden; margin:0 0 4px 0;} #slider_docs li .img_last img {height:auto;} #slider_docs li .nom_last {padding:0 9px 0 0; background:url(../img/fleche_grise.png) no-repeat right 3px;} #slider_docs li a, .content_page #slider_docs li a {color:#404040; font-family:'open_sansbold',Arial,Verdana,sans-serif; font-weight:normal; width:141px; display:inline; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; border:0;} #slider_docs li a:hover, #slider_docs li a:focus, .content_page #slider_docs li a:hover, .content_page #slider_docs li a:focus {color:#ffffff;} #slider_docs .control_vignettes {display:block; width:29px; height:29px; position:absolute; z-index:50; top:30px; cursor:pointer;} #slider_docs #left_control_vignettes {background:url(../img/picto_prev_slide_suggest.png) no-repeat; left:0px;} #slider_docs #right_control_vignettes {background:url(../img/picto_next_slide_suggest.png) no-repeat; right:0px;} /* MOSAIQUE CATEGORIES */ #liste_galerie, .content_page #liste_galerie {padding:0; margin:0;} #liste_galerie li.ress_title, .content_page #liste_galerie li.ress_title {list-style-image:none; margin:0 2% 2% 0; display:inline-block; vertical-align:top; width:32%; overflow:hidden; margin:0 1% 10px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} li.ress_title .img_cat {width:100%; height:100px; overflow:hidden;} li.ress_title .img_cat a, .content_page li.ress_title .img_cat a {display:block; border:0;} li.ress_title .img_cat a:hover, li.ress_title .img_cat a:focus, .content_page li.ress_title .img_cat a:hover, .content_page li.ress_title .img_cat a:focus {background:none; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;} li.ress_title .img_cat img {width:100%; height:auto;} li.ress_title .nom_cat {text-align:center; padding:6px 0 6px 0;} li.ress_title .nom_cat .fleche {background:url(../img/fleche_grise.png) no-repeat right center; padding:0 16px 0 2px; text-align:left;} li.ress_title .nom_cat .fleche a, .content_page li.ress_title .nom_cat .fleche a {border:0;} /* ZONE FORMULAIRE DE RECHERCHE */ .ligne_search {float:left; margin:0 20px 0 0;} .ligne_search.sub {margin:0;} /* LISTE RESULTATS DE RECHERCHE */ .zone_resultats ul, .content_page .zone_resultats ul {width:100%; margin:0; padding:0;} .zone_resultats li, .content_page .zone_resultats li {display:inline-block; vertical-align:top; width:32%; overflow:hidden; margin:0 1% 10px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .zone_resultats .img_doc {width:100%; height:auto; overflow:hidden;} .zone_resultats .img_doc img {height:auto;} .zone_resultats .infos_doc h3, #page .zone_resultats .infos_doc h3 {font-size:1em; margin:0 0 4px 0;} .zone_resultats .infos_doc h3::before, #page .zone_resultats .infos_doc h3::before {content:" ";} .zone_resultats .infos_doc h3 a:hover, #page .zone_resultats .infos_doc h3 a:hover, .zone_resultats .infos_doc h3 a:focus, #page .zone_resultats .infos_doc h3 a:focus {color:#ffffff; background:#1e87e3; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} .zone_resultats .fleche {background:url(../img/fleche_grise.png) no-repeat left 4px; padding:0 0 0 11px;} .zone_resultats .fleche p, .content_page .zone_resultats .fleche p {margin:0; font-size:1em;} .zone_resultats .fleche p a, .content_page .zone_resultats .fleche p a {border:0; color:#858585;} .zone_resultats .fleche p a:hover, .content_page .zone_resultats .fleche p a:hover, .zone_resultats .fleche p a:focus, .content_page .zone_resultats .fleche p a:focus {color:#ffffff;} /* LISTE DOC */ #zone_liste_doc, .content_page #zone_liste_doc {width:100%; margin:0; padding:0;} #zone_liste_doc li, .content_page #zone_liste_doc li {list-style-image:none; margin:5px 0 10px 0;} #zone_liste_doc li.media_image, #zone_liste_doc li.media_vid, .content_page #zone_liste_doc li.media_image, .content_page #zone_liste_doc li.media_vid {display:inline-block; vertical-align:top; width:32%; overflow:hidden; margin:0 1% 10px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #zone_liste_doc li.media_image img, .content_page #zone_liste_doc li.media_image img {height:auto;} #zone_liste_doc .img_doc {width:100%; height:auto; overflow:hidden;} .content_page #zone_liste_doc .img_doc a {display:block; border:0;} .content_page #zone_liste_doc .img_doc a:hover, .content_page #zone_liste_doc .img_doc a:focus {background:none; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;} #zone_liste_doc .img_doc img {height:auto;} #zone_liste_doc .infos_doc {text-align:left; padding:6px 0 6px 0;} #page #zone_liste_doc h2 {margin:0 0 10px 0; padding:0; background:none; font-size:1em; color:#404040; font-family:'open_sansbold',Arial,Verdana,sans-serif; font-weight:normal;} #page #zone_liste_doc h2 a {color:#404040; font-family:'open_sansbold',Arial,Verdana,sans-serif; font-weight:normal;} #page #zone_liste_doc h2 a:hover, #page #zone_liste_doc h2:focus {color:#ffffff; background:#1e87e3; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #page #zone_liste_doc .fleche {background:url(../img/fleche_grise.png) no-repeat left 4px; padding:0 0 0 11px;} .content_page #zone_liste_doc .fleche p {font-size:1em; margin:0;} /* MODE GALERIE */ #page #description_media {margin:0 0 15px 0; text-align:center;} #page #description_media p {margin:0; display:none !important;} #page #description_media p:first-child {display:block !important;} #page .ad-gallery {margin:0 auto; max-width:100%;} #page .ad-nav ul {padding:0 2%;} #page .ad-nav ul li {list-style-type:none; list-style-image:none;} .content_page .ad-gallery .ad-thumbs li a, .content_page .ad-gallery .ad-image a {padding:0; border:0;} .content_page .ad-gallery .ad-thumbs li a:hover, .content_page .ad-gallery .ad-thumbs li a:focus, .content_page .ad-gallery .ad-image a:hover, .content_page .ad-gallery .ad-image a:focus {border:0; background:none; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;} #page .ad-gallery .ad-thumbs li a img {border:1px solid #1e2629;} #page .ad-gallery .ad-thumbs li a.ad-active img {border:1px solid #e4d793;} #page .ad-gallery .ad-image-wrapper .ad-next .ad-next-image, #page .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image {width:34px; height:34px;} #page .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image {background:url(../img/picto_prev_slide_suggest.png) no-repeat center center; background:url(../img/pictos_slider.png) no-repeat -98px center;} #page .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background:url(../img/picto_next_slide_suggest.png) no-repeat center center; background:url(../img/pictos_slider.png) no-repeat -139px center;} #page .ad-image a {border:0; background:none; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;} #page .ad-gallery .ad-thumbs li a {border:0;} .content_page .list_media .ad-gallery .ad-thumbs li a:hover, .content_page .list_media .ad-gallery .ad-thumbs li a:focus {border:0; background:none; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;} #page .list_media .ad-gallery .ad-thumbs li a img {border:1px solid #ffffff; padding:1px;} #page .list_media .ad-gallery .ad-thumbs li a.ad-active img {border:2px solid #ffffff; padding:0;} #page .list_media .ad-nav ul li {list-style-type:none; list-style-image:none; /*aligner miniature baseline : line-height:105px;*/} /* DETAIL DOC */ #doc {width:100%;} .content_page .back_link a {color:#475055; text-transform:uppercase; border:0; font-size:0.9em; padding:0 0 0 30px; background:url(../img/pager_prev.png) no-repeat left center;} .content_page .back_link a:hover, .content_page .back_link a:focus {color:#1a79ca; background:url(../img/pager_prev_bleu.png) no-repeat left center;} #doc iframe, #doc .fb-comments iframe {max-width:100%;} #doc .fb-comments.fb_iframe_widget span {width:100% !important;} #doc .image {text-align:center; margin:15px 0 3px 0;} #doc .image img {width:100%; height:auto;} #doc .infos_doc {width:100%; margin:15px 0 3px 0;} #doc .infos_doc .left {width:24%; padding:6px 2% 6px 0; border-right:1px solid #cccccc; margin:0 3% 0 0;} #page #doc .infos_doc .left .label_info {margin:0 0 6px 0; color:#1a79ca;} #page #doc .infos_doc .left .txt_info {text-align:left; color:#858585; text-transform:uppercase; margin:0 0 15px 0;} #doc .infos_doc .left .txt_tag .single_tags {color:#6c6c6c; font-size:1.3em; line-height:1em; background:#e7e7e7; float:left; padding:6px 7px; margin:0 5px 5px 0;} #doc .infos_doc .right {width:70%;} #page #doc .infos_doc .right .desc {padding:6px 0 0 0;} #page #doc .infos_doc .right .desc, #page #doc .infos_doc .right .desc p {color:#475055; line-height:1.9em;} #doc .share_doc {text-align:right; margin:0 0 8px 0;} #doc .share_doc .a2a_kit {float:right; width:255px;} #doc .share_doc .a2a_button_facebook span {line-height:normal; border-radius:0; float:left; display:block; background:url(../img/btn_share_fb.jpg) no-repeat; width:72px; height:20px; margin:0 0 0 5px;} #doc .share_doc .a2a_button_google_plus span {line-height:normal; border-radius:0; float:left; display:block; background:url(../img/btn_share_gplus.jpg) no-repeat; width:68px; height:20px; margin:0 0 0 5px;} #doc .share_doc .a2a_button_twitter span {line-height:normal; border-radius:0; float:left; display:block; background:url(../img/btn_share_twitter.jpg) no-repeat; width:70px; height:20px; margin:0 0 0 5px;} .content_page #doc .share_doc a {border:0;} .content_page #doc .share_doc a:hover, .content_page #doc .share_doc a:focus {background:none; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;} /* *************************** END MEDIATHEQUE *************************** */ /* GESTION LIENS DEVICE*/ .devicead .zone_contenu .content_page .display_none_resp {display:none;} .devicead .zone_contenu .content_page .display_none {display:inline;} /* ///////////////////// DEVICE ///////////////////// */ #page.devicead #btn_search_tab {display:none;} #page.devicead #btn_tab {background:#0bbbef; display:block;} #page.devicead #btn_menu_tab {display:block; height:30px; padding:0; position:relative; z-index:51; text-align:center; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:none; width:100%;} #page.devicead #btn_menu_tab p, #page #btn_menu_tab p {font-size:inherit; margin:0;} #page.devicead #btn_menu_tab a {text-transform:uppercase; color:#ffffff; font-family:'ubuntumedium',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1em; margin:auto; cursor:pointer; padding:0 0 0 27px; line-height:30px;} #page.devicead .close_menu {display:block; position:absolute; left:564px; top:13px; width:18px; height:2px; background:#ffffff;} #page.devicead .close_menu::before, .close_menu::after {content:""; display:block;} #page.devicead .close_menu, .close_menu::before, .close_menu::after {position:absolute; width:18px; height:2px; background:#ffffff; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} #page.devicead .close_menu::before {margin-top:-5px;} #page.devicead .close_menu::after {margin-top:5px;} #page.devicead .btn_act .close_menu {background:transparent;} #page.devicead .btn_act .close_menu::before {margin-top:0px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} #page.devicead .btn_act .close_menu::after {margin-top:0px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} #page.devicead #menu_principal {width:100%; left:0; top:112px; border-radius:0; z-index:200; overflow:visible;} #page.devicead #menu_principal.display_none_resp {display:none;} #page.devicead #menu_principal ul {background:none; position:relative; left:0;} #page.devicead #menu_principal ul li {margin:0; float:none; height:auto; text-align:left; position:static;} #page.devicead #menu_principal ul li > a {display:block; position:relative; overflow:hidden;} #page.devicead #menu_principal ul li a {font-family:'open_sanssemibold',Arial,Verdana,sans-serif; letter-spacing:0;} #page.devicead #menu_principal li span {width:auto; font-family:'open_sanssemibold',Arial,Verdana,sans-serif;} #page.devicead #menu_principal ul li.sub.sub_open a {display:none;} #page.devicead #menu_principal ul li.sub.sub_open ul a {display:block;} #page.devicead #menu_principal ul li.sub > a:before {-moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; content:""; position:absolute; width:20px; height:20px; top:17px; right:10px; background:url(../img/pictos_menu_smart.png) 0 0 no-repeat;} #page.devicead #menu_principal ul li.sub.sub_open > a:before {background:none;} #page.devicead #menu_principal ul li.sub.sub_open {border-bottom:0; background:none; padding:0;} #page.devicead #menu_principal li ul.sous_menu {display:none; left:0; position:relative; top:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:-1; width:0; background:#ffffff; overflow:hidden;} #page.devicead #menu_principal li ul.sous_menu {position:absolute; top:0; display:block;} #page.devicead #menu_principal li:hover ul.sous_menu {display:block;} #page.devicead #menu_principal ul li.sub.sub_open ul.sous_menu {display:block; width:100%; z-index:1; height:100%;} #page.devicead #menu_principal li .back_menu {padding:24px 8px; background:#6C8591; text-align:left;} #page.devicead #menu_principal li .back_menu span {background:url(../img/pictos_menu_smart.png) no-repeat -30px 0; padding:2px 0 2px 25px; font-family:'ubuntumedium',Arial,Verdana,sans-serif; color:#ffffff;} #page.devicead #menu_principal li li {padding:8px 0; width:100%; float:none; box-shadow:none; background:none;} #page.devicead #menu_principal li li:first-child {padding:10px 0;} #page.devicead #menu_principal li.act li a, #menu_principal li li a {padding:0 8px; width:100%; border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:auto; line-height:normal; display:block; text-align:left; color:#098bb2; font-size:1.5em;} #page.devicead #menu_principal li li:first-child a {padding:0 8px;} #page.devicead #nav_progress {display:none;} /* SLIDER */ /*device*/ #page.devicead.home #slider li .wrap {width:1203px; padding:0;} #page.devicead.home .coverflow_zone_texte_wrap {width:921px; height:509px; overflow:hidden;} #page.devicead.home .coverflow_zone_texte {bottom:100px;} #page.devicead.home #slider li img {max-width:inherit; width:auto; height:auto; min-height:100%; min-width:100%;} #page.devicead.home #slider_home_navigation, #page.devicead.home #slider_page_navigation {top:600px; width:50%; margin:0 12%;} #page.devicead.home .wrap_horaires {width:1203px; margin:0 auto;} #page.devicead #horaires .display_none_smart{display:none;} #page.devicead #horaires .display_none{display:block;} #page.devicead #slider .display_none_smart{display:none;} #page.devicead #slider .display_none{display:block;} /*#page.devicead .main_content {width:924px;}*/ #page.devicead .main_content {width:1145px;} #page.devicead #fil_ariane {margin:15px 0; padding:0 15px; background:url(../img/bg_black_opacity.png) repeat; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior:url(fileadmin/templates/aquarium/css/PIE.htc);} #page.devicead #fil_ariane li {display:inline; font-size:1.4em; line-height:2em; padding:0 10px 0 23px; background:url(../img/picto_lien.png) no-repeat 0 center;} #page.devicead #fil_ariane li:first-child {padding:0 10px 0 0; background:none;} #page.devicead #fil_ariane li a {text-decoration:none; color:#ffffff; font-weight:normal;} #page.devicead #fil_ariane li.last, #page.devicead #fil_ariane li.last a {color:#ffffff; font-family:'open_sansbold',Arial,Verdana,Helvetica,sans-serif; font-weight:normal;} #page.devicead #fil_ariane li a:hover, #page.devicead #fil_ariane li a:focus {color:#ffffff;} /********************************************************************* ********************************************************************** ********************************************************************** ********************************************************************** **************** VERSION 1199 a 1024 / TABLETTE LAND **************** ********************************************************************** ********************************************************************** ********************************************************************** *********************************************************************/ /*@media screen and (max-width:1199px) {*/ @media screen and (max-width:1221px) { /*submit*/ div.powermail_fieldwrap.powermail_fieldwrap_submit, div.btn_submit {margin:10px 0 10px 0;} .powermail_submit, input[type="submit"] {font-size:1.5em; padding:7px 13px;} /* CONTENEUR */ .wrap {width:970px;} /* ***** HEADER ***** */ /*logo*/ #logo {width:246px;} #logo img {height:auto; width:auto;} #menu_tools > .wrap > .left {margin: 0 0 0 254px;} #menu_tools > .wrap > .right {width:450px;} #tools_top {margin:6px 0 0 260px;} /*outils accessibilite*/ #accessi li:first-child {padding:0 10px 0 0;} /*reseaux sociaux*/ #social_tools {margin:9px 15px 0 0;} /*agglo*/ #agglo {margin:0; width:150px;} #agglo img {height:auto;} /* ZONE INSCRIPTION NEWSLETTER */ #inscription_news {margin:10px 10px 0 0; padding:11px 8px;} #zone_inscription_news .wrap {padding:0 155px;} /* MENU PRINCIPAL */ #menu_principal {width:200px; margin:0 0 0 2px;} #menu_principal ul {padding:0;} #menu_principal li a {padding:10px 8px 10px 8px; font-size:1.5em;} #menu_principal li span {width:145px;} #menu_principal li img {padding:0 5px 0 0;} #menu_principal li li a {padding:6px 10px 6px 25px;} #nav_progress {left:-4px;} /* ***** FOOTER ***** */ #footer ul {padding:16px 0;} /* *************************** STRUCTURE DEVICE *************************** */ #page.devicead #global {padding:0 0 33px 0;} #page.devicead #footer {height:33px;} #page.devicead #footer ul {padding:10px 0;} /*gestion home device*/ #page.devicead.home .news {width:970px;} #page.devicead.home .bloc_home, #page.devicead.home .bloc_horaires {width:202px;} /* *************************** END STRUCTURE DEVICE *************************** */ /* *************************** HOME CONTENT *************************** */ #home #col_right {width:202px; position:relative;} .home.main_content {width:202px;} /*Slider*/ #slider li .wrap {padding:0 0 0 219px; width:751px;} .coverflow_zone_texte_wrap {width:521px; height:410px; /**/ top:123px;} .coverflow_zone_texte {bottom:53px;} #page.devicead.home .coverflow_zone_texte {bottom:53px;} #slider_home_navigation, #slider_page_navigation {top:520px;} /*device*/ #page.devicead.home #slider li .wrap {width:970px; padding:0;} #page.devicead.home .coverflow_zone_texte_wrap {width:743px; height:460px; overflow:hidden;} #page.devicead.home #slider li img {max-width:inherit; width:auto; height:auto; min-height:100%; min-width:100%;} #page.devicead.home #slider_home_navigation, #page.devicead.home #slider_page_navigation {top:565px;} /* BLOC HOME */ .bloc_home {padding:12px 13px;} #bloc_liens_visit {padding:12px 13px 0 13px; width:176px;} /* GALERIE PHOTO */ #galerie_photo {width:79px;} #page #galerie_photo p {background:url(../img/picto_galerie_photo.png) no-repeat 5px center;} #page #galerie_photo p a {padding:5px 5px 5px 30px;} #page #galerie_photo p:after {background:#22bbea url(../img/picto_galerie_photo_hover.png) no-repeat 5px center;} /* VISITE VIRTUELLE */ #visite_virtuelle {width:89px;} #page #visite_virtuelle p {background:url(../img/picto_visite_interactive.png) no-repeat 5px center;} #page #visite_virtuelle p a {padding:5px 5px 5px 23px;} #page #visite_virtuelle p:after {background:#22bbea url(../img/picto_visite_interactive_hover.png) no-repeat 5px center;} /* HORAIRES */ #bloc_horaires {margin:0 0 17px 0;} #horaires {padding:11px 0 0 0; /*margin:32px 0 0 0;*/} /*.bloc_horaires .content_bloc {margin:32px 0 0 0;}*/ #horaires .date {margin:0 0 10px 0;} #page #horaires .date p {font-size:1.4em;} #page #horaires .tous_horaires > p {font-size:1.2em; line-height:1em;} #horaires .tous_horaires .etablissement {margin:0px 0 0 0;} #page #horaires .etablissement .plage_horaire p {font-size:1.5em;} #horaires .etablissement .plage_horaire span {font-size:1.4em;} #horaires .btn_all_horaires {padding:5px 0; margin:8px 0 0 0;} #page #horaires .btn_all_horaires p {padding:0 5px;} /*#page.devicead #horaires .display_none_smart{display:none;} #page.devicead #horaires .display_none{display:block;}*/ /* AGENDA HOME */ #bloc_agenda .img_item_agenda {height:74px; overflow:hidden;} #bloc_agenda .img_item_agenda img {height:auto; width:auto; max-height:100%;} #page #bloc_agenda .titre_actu {margin:0 0 5px 0;} #page #bloc_agenda .lien_item_agenda {padding:5px 7px;} #page #bloc_agenda #btn_voir_agenda p {padding:5px;} /* *************************** PAGE CONTENT *************************** */ .main_content {padding:20px 23px 13px 23px; width:705px; min-height:396px;} .border_bot {bottom:13px; left:23px; width:705px;} /* BLOC SOUS MENU */ .bloc_sous_menu {margin:0 0 0 10px; width:130px;} #page .bloc_sous_menu p {height:75px; max-height:75px;} /* *************************** ACTUALITES *************************** */ /* mode liste */ /*.content_page .news-list-item .left {width:165px;} .content_page .news-list-item .right {width:520px;}*/ /* ///////////////////// DEVICE ///////////////////// */ /*#page.devicead #btn_menu_tab {height:40px;} #page.devicead #btn_menu_tab a {line-height:40px;}*/ #page.devicead .close_menu {left:445px;/* top:19px;*/} /*#page.devicead #btn_search_tab {display:none;} #page.devicead #btn_tab {background:#0bbbef; display:block;} #page.devicead #btn_menu_tab {display:block; height:40px; padding:0; position:relative; z-index:51; text-align:center; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:none; width:100%;} #page.devicead #btn_menu_tab p, #page #btn_menu_tab p {font-size:inherit; margin:0;} #page.devicead #btn_menu_tab a {text-transform:uppercase; color:#ffffff; font-family:'ubuntumedium',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1em; margin:auto; cursor:pointer; padding:0 0 0 27px; line-height:40px;} #page.devicead .close_menu {display:block; position:absolute; left:445px; top:19px; width:18px; height:2px; background:#ffffff;} #page.devicead .close_menu::before, .close_menu::after {content:""; display:block;} #page.devicead .close_menu, .close_menu::before, .close_menu::after {position:absolute; width:18px; height:2px; background:#ffffff; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} #page.devicead .close_menu::before {margin-top:-5px;} #page.devicead .close_menu::after {margin-top:5px;} #page.devicead .btn_act .close_menu {background:transparent;} #page.devicead .btn_act .close_menu::before {margin-top:0px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} #page.devicead .btn_act .close_menu::after {margin-top:0px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} #page.devicead #menu_principal {width:100%; left:0; top:112px; border-radius:0; z-index:200; overflow:visible;} #page.devicead #menu_principal.display_none_resp {display:none;} #page.devicead #menu_principal ul {background:none; position:relative; left:0;} #page.devicead #menu_principal ul li {margin:0; float:none; height:auto; text-align:left; position:static;} #page.devicead #menu_principal ul li > a {display:block; position:relative; overflow:hidden;} #page.devicead #menu_principal ul li a {font-family:'open_sanssemibold',Arial,Verdana,sans-serif; letter-spacing:0;} #page.devicead #menu_principal li span {width:auto; font-family:'open_sanssemibold',Arial,Verdana,sans-serif;} #page.devicead #menu_principal ul li.sub.sub_open a {display:none;} #page.devicead #menu_principal ul li.sub.sub_open ul a {display:block;} #page.devicead #menu_principal ul li.sub > a:before {-moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; content:""; position:absolute; width:20px; height:20px; top:17px; right:10px; background:url(../img/pictos_menu_smart.png) 0 0 no-repeat;} #page.devicead #menu_principal ul li.sub.sub_open > a:before {background:none;} #page.devicead #menu_principal ul li.sub.sub_open {border-bottom:0; background:none; padding:0;} #page.devicead #menu_principal li ul.sous_menu {display:none; left:0; position:relative; top:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:-1; width:0; background:#ffffff; overflow:hidden;} #page.devicead #menu_principal li ul.sous_menu {position:absolute; top:0; display:block;} #page.devicead #menu_principal li:hover ul.sous_menu {display:block;} #page.devicead #menu_principal ul li.sub.sub_open ul.sous_menu {display:block; width:100%; z-index:1; height:100%;} #page.devicead #menu_principal li .back_menu {padding:24px 8px; background:#6C8591; text-align:left;} #page.devicead #menu_principal li .back_menu span {background:url(../img/pictos_menu_smart.png) no-repeat -30px 0; padding:2px 0 2px 25px; font-family:'ubuntumedium',Arial,Verdana,sans-serif; color:#ffffff;} #page.devicead #menu_principal li li {padding:8px 0; width:100%; float:none; box-shadow:none; background:none;} #page.devicead #menu_principal li li:first-child {padding:10px 0;} #page.devicead #menu_principal li.act li a, #menu_principal li li a {padding:0 8px; width:100%; border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:auto; line-height:normal; display:block; text-align:left; color:#098bb2; font-size:1.5em;} #page.devicead #menu_principal li li:first-child a {padding:0 8px;} #page.devicead #nav_progress {display:none;} #page.devicead.home .wrap_horaires {width:970px; margin:0 auto;} #page.devicead .main_content {width:924px;} #page.devicead #fil_ariane {margin:15px 0; padding:0 15px; background:url(../img/bg_black_opacity.png) repeat; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior:url(fileadmin/templates/aquarium/css/PIE.htc);} #page.devicead #fil_ariane li {display:inline; font-size:1.4em; line-height:2em; padding:0 10px 0 23px; background:url(../img/picto_lien.png) no-repeat 0 center;} #page.devicead #fil_ariane li:first-child {padding:0 10px 0 0; background:none;} #page.devicead #fil_ariane li a {text-decoration:none; color:#ffffff; font-weight:normal;} #page.devicead #fil_ariane li.last, #page.devicead #fil_ariane li.last a {color:#ffffff; font-family:'open_sansbold',Arial,Verdana,Helvetica,sans-serif; font-weight:normal;} #page.devicead #fil_ariane li a:hover, #page.devicead #fil_ariane li a:focus {color:#ffffff;}*/ #page.devicead.home .wrap_horaires {width:970px; margin:0 auto;} #page.devicead .main_content {width:924px;} } /********************************************************************* ********************************************************************** ********************************************************************** ********************************************************************** ******************* VERSION 1023 a 768 / TABLETTE ******************* ********************************************************************** ********************************************************************** ********************************************************************** *********************************************************************/ @media screen and (max-width:989px) { html, body, #global {min-height:100%;} #page {height:100%; position:relative;} #global {padding:0 0 36px 0;} /* INFOS SUR LES COOKIES */ #cookie_msg {top:0;} #cookie_msg span#cookie_close {background:url(../img/picto_close_gd.png) no-repeat center center; width:20px; height:24px; float:right; cursor:pointer; margin:0 0 0 10px;} /* CONTENEUR */ .wrap {width:747px;} /* ***** HEADER ***** */ #menu_tools > .wrap > .right {width:auto;} /*outils accessibilite*/ #accessi {display:none;} /* resaux sociaux */ #social_tools li {width:35px; height:35px; position:relative; float:left;} #social_tools img {max-width:100%; width:auto; height:auto; display:block;} /*agglo*/ #agglo {width:150px;} #agglo img {height:auto;} #inscription_news {padding:8px;} #zone_inscription_news {top:68px; z-index:200;} #zone_inscription_news .wrap {padding:0; width:650px;} /*BTN TAB*/ /*#btn_search_tab {display:none;} #btn_tab {background:#0bbbef; display:block;} #btn_menu_tab {display:block; height:40px; padding:0; position:relative; z-index:51; text-align:center; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:none; width:100%;} #btn_menu_tab p, #page #btn_menu_tab p {font-size:inherit; margin:0;} #btn_menu_tab a {text-transform:uppercase; color:#ffffff; font-family:'ubuntumedium',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1em; margin:auto; cursor:pointer; padding:0 0 0 27px; line-height:40px;} .close_menu {display:block; position:absolute; left:328px; top:19px; width:18px; height:2px; background:#ffffff;} .close_menu::before, .close_menu::after {content:""; display:block;} .close_menu, .close_menu::before, .close_menu::after {position:absolute; width:18px; height:2px; background:#ffffff; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} .close_menu::before {margin-top:-5px;} .close_menu::after {margin-top:5px;} .btn_act .close_menu {background:transparent;} .btn_act .close_menu::before {margin-top:0px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} .btn_act .close_menu::after {margin-top:0px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}*/ /* MENU PRINCIPAL */ /*#menu_principal {width:100%; left:0; top:112px; border-radius:0; z-index:200; overflow:visible;} #menu_principal.display_none_resp {display:none;} #menu_principal ul {background:none; position:relative; left:0;} #menu_principal ul li {margin:0; float:none; height:auto; text-align:left; position:static;} #menu_principal ul li > a {display:block; position:relative; overflow:hidden;} #menu_principal ul li a {font-family:'open_sanssemibold',Arial,Verdana,sans-serif; letter-spacing:0;} #menu_principal li span {width:auto; font-family:'open_sanssemibold',Arial,Verdana,sans-serif;} #menu_principal ul li.sub.sub_open a {display:none;} #menu_principal ul li.sub.sub_open ul a {display:block;} #menu_principal ul li.sub > a:before {-moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; content:""; position:absolute; width:20px; height:20px; top:17px; right:10px; background:url(../img/pictos_menu_smart.png) 0 0 no-repeat;} #menu_principal ul li.sub.sub_open > a:before {background:none;} #menu_principal ul li.sub.sub_open {border-bottom:0; background:none; padding:0;} #menu_principal li ul.sous_menu {display:none; left:0; position:relative; top:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:-1; width:0; background:#ffffff; overflow:hidden;} #menu_principal li ul.sous_menu {position:absolute; top:0; display:block;} #menu_principal li:hover ul.sous_menu {display:block;} #menu_principal ul li.sub.sub_open ul.sous_menu {display:block; width:100%; z-index:1; height:100%;} #menu_principal li .back_menu {padding:24px 8px; background:#6C8591; text-align:left;} #menu_principal li .back_menu span {background:url(../img/pictos_menu_smart.png) no-repeat -30px 0; padding:2px 0 2px 25px; font-family:'ubuntumedium',Arial,Verdana,sans-serif; color:#ffffff;} #menu_principal li li {padding:8px 0; width:100%; float:none; box-shadow:none; background:none;} #menu_principal li li:first-child {padding:10px 0;} #menu_principal li.act li a, #menu_principal li li a {padding:0 8px; width:100%; border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:auto; line-height:normal; display:block; text-align:left; color:#098bb2; font-size:1.5em;} #menu_principal li li:first-child a {padding:0 8px;} #nav_progress {display:none;}*/ #page.devicead #btn_menu_tab {height:40px;} #page.devicead #btn_menu_tab a {line-height:40px;} #page.devicead .close_menu {left:328px; top:19px;} /* ***** FOOTER ***** */ #footer {position:absolute; bottom:0; position:relative;} #footer li {font-size:1.3em; padding:0 0 0 7px;} #footer li a {padding:0 0 0 9px;} /* *************************** STRUCTURE DEVICE *************************** */ #page.devicead #global {padding:0 0 33px 0;} #page.devicead #footer {height:33px;} #page.devicead #footer ul {padding:10px 0;} /*gestion home device*/ #page.devicead.home #content {padding:112px 0 20px 0; min-height:590px;} #page.devicead.home .news {width:747px;} #page.devicead.home .bloc_home {width:201px; margin:0 auto;} /* *************************** END STRUCTURE DEVICE *************************** */ /* *************************** HOME CONTENT *************************** */ #home #col_right {width:201px; position:relative;} .home.main_content {width:201px;} #content {min-height:528px; padding:112px 0 0 0; height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .section {height:100%;} .section .zone_contenu {padding:20px 0 20px 0; height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .main_content, #page.devicead .main_content {width:701px;} /*Slider*/ #slider li .wrap {padding:0; width:747px;} #slider li img {width:auto; height:auto; min-width:100%; min-height:100%;} .coverflow_zone_texte_wrap {width:518px; height:408px;} .coverflow_zone_texte {bottom:35px;} #page.devicead.home .coverflow_zone_texte {bottom:35px;} .coverflow_texte {max-width:80%;} /*device*/ #page.devicead.home #slider li .wrap {width:747px; padding:0;} #page.devicead.home .coverflow_zone_texte_wrap {width:518px; height:408px;} #page.devicead.home #slider_home_navigation, #page.devicead.home #slider_page_navigation {top:515px;} /***navigation***/ #slider_home_navigation, #slider_page_navigation {width:50%; margin:0 12%; top:515px;} .slider_nav.right ul {width:auto;} #slider_home_navigation li, #slider_page_navigation li {padding:0 10px;} #slider_home_navigation li a.control_home, #slider_page_navigation li a.control_page {padding:2px 8px; background:url(../img/pictos_slider.png) no-repeat -43px 0;} #slider_home_navigation li a.control_home.slider_home_active, #slider_page_navigation li a.control_page.slider_page_active {background:url(../img/pictos_slider.png) no-repeat -70px 0;} span.control_home {display:inline !important; top:133px;} #right_control_home {left:10%;} /* SONDAGES */ .tx-cim-poll {width:747px; margin:0 auto;} .bloc_sondage {width:176px; position:relative; float:right; z-index:5; margin:11px 0 0 0} /* HORAIRES */ .wrap_horaires, #page.devicead.home .wrap_horaires {width:747px; margin:0 auto;} #page.devicead.home .bloc_horaires {position:relative; float:right; z-index:5; margin:11px 0 0 0;} #page.devicead.home #horaires {padding:0;} #page.devicead.home .bloc_horaires .content_bloc {margin:55px 0 0 0; padding:10px 0 0 0;} #page.devicead.home #horaires .tous_horaires .etablissement {margin:0;} #page.devicead.home .bloc_horaires .etablissement .nm {margin:0 0 5px 0;} #page.devicead.home #horaires .etablissement .plage_horaire p {font-size:1.3em;} #horaires .display_none_smart{display:none;} #horaires .display_none{display:block;} #horaires {padding:10px 0 0 0;} .bloc_horaires .content_bloc {margin:39px 0 0 0;} /* AGENDA HOME */ .news {width:747px; margin:0 auto;} #page #global #bloc_agenda {position:relative; float:right; z-index:5; margin:11px 0 0 0;} #page #global #bloc_agenda .infos_actu {margin:9px 0 5px 0;} #page #global #bloc_agenda .titre_actu {/*font-size:1.9em;*/ font-size:1.7em; max-height:54px;} #bloc_agenda .img_agenda {width:75px; height:75px;} #bloc_agenda .img_agenda img {max-width:100%;} #bloc_liens_visit {top: 11px; top:123px;} /* *************************** PAGE CONTENT *************************** */ #page .bloc_sous_menu .lien_sous_menu p.display_none_resp {display:none;} #page .bloc_sous_menu .lien_sous_menu p.display_none {display:block;} /* *************************** ACTUALITES *************************** */ .section .news {width:auto;} .content_page .news_list_txt {width:auto;} } /********************************************************************* ********************************************************************** ********************************************************************** ********************************************************************** ************************* VERSION SMARTPHONE ************************* ********************************************************************** ********************************************************************** ********************************************************************** *********************************************************************/ @media screen and (max-width:767px) { html {width:100%;} body {width:100%;} img {max-width:100%;} /* *** ELEMENTS FORMULAIRE *** */ .ligne_form {margin:0 0 15px 0; clear:both;} label, .powermail_label {margin:0 0 5px 0; padding:0; float:none; width:auto;} label.label_box {float:left;} textarea,.powermail_textarea {max-width:100%;} div.btn_submit, div.powermail_fieldwrap.powermail_fieldwrap_submit {float:none; margin:10px 0 10px 0; padding:0;} input[type="checkbox"], input[type="radio"] {float:none;} /* *** END ELEMENTS FORMULAIRE *** */ /* CONTENEUR */ #global {position:relative; padding:0 0 75px 0;} .wrap {width:96%;} /* INFOS SUR LES COOKIES */ #page #cookie_msg p {width:90%; margin:0 auto; line-height:1.4em;} /* ***** HEADER ***** */ #header {min-height:70px;margin-bottom: 15px;} #header .wrap {position:relative; padding:5px 0;} /*logo*/ #logo {max-width:50%; width:auto; margin:0 3% 0 0; position:static;} #logo img {max-height:35px; width:auto;} #menu_tools.display_none_resp {display:none;} #header #menu_tools .wrap {padding:0; text-align:center;} #menu_tools {padding:4px 0; margin:0; width:100%; position:relative; background:#ffffff; border-bottom:3px solid #0bbbef;} #menu_tools > .wrap > .left {margin:5px 15px 0 0; float:none; display:inline-block; vertical-align:top;} #menu_tools > .wrap > .right {width:auto; float:none; display:inline-block; vertical-align:top;} #tools_top {margin:8px 0 0 0; position:static;} /*reseaux sociaux*/ #social_tools {margin:0;} #social_tools li {width:30px; height:30px;} /*agglo*/ #agglo {display:none;} #inscription_news {padding:5px 10px; margin:0 15px 0 0;} #zone_inscription_news {top:72px;} #header #zone_inscription_news .wrap {padding:0; width:96%; text-align:center; /**/ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 36px 0 0;} #zone_inscription_news legend {float:none; margin:0 auto 10px auto;} #zone_inscription_news input {float:none;} #zone_inscription_news #newsletter_email {width:100%;} #zone_inscription_news #btn_newsletter {margin:5px 0 0 0;} /*BTN TAB*/ #page.devicead #btn_tab {display:none;} /*BTN MENU TOOLS*/ #page.devicead #btn_menu_tools {display:block; background:#0bbbef; width:100%; height:34px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative;} #page.devicead #btn_menu_tools p, #page.devicead #page #btn_menu_tools p {font-size:inherit; margin:0;} #page.devicead #btn_menu_tools a {text-transform:uppercase; color:#ffffff; font-family:'ubuntumedium',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1em; margin:auto; cursor:pointer; padding:0 0 0 27px; line-height:34px;} #page.devicead #btn_menu_tools .close_menu {display:block; position:absolute; left:47%; top:2px; height:22px; width:22px; border:2px solid #ffffff; border-radius:50px;} #page.devicead #btn_menu_tools .close_menu::before, #page.devicead #btn_menu_tools .close_menu::after {content:""; display:block; background:#ffffff; position:absolute; width:16px; height:2px; left:3px;} #page.devicead #btn_menu_tools .close_menu, #page.devicead #btn_menu_tools .close_menu::before, #page.devicead #btn_menu_tools .close_menu::after {-moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} #page.devicead #btn_menu_tools .close_menu::before {margin-top:-5px; top:14px;} #page.devicead #btn_menu_tools .close_menu::after {margin-top:5px; top:4px; -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);} /*transition*/ #page.devicead #btn_menu_tools.btn_act .close_menu {background:transparent;} #page.devicead #btn_menu_tools.btn_act .close_menu::before {margin-top:0px; top:10px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} #page.devicead #btn_menu_tools.btn_act .close_menu::after {margin-top:0px; top:10px; -moz-transform:rotate(130deg); -ms-transform:rotate(130deg); -webkit-transform:rotate(130deg); transform:rotate(130deg);} /*BTN SMART*/ #page.devicead #btn_menu_smart {display:block; width:99px; float:right; height:auto; padding:5px; position:relative; z-index:51; text-align:center; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:3px solid #0bbbef;} #page.devicead #btn_menu_smart p, #page.devicead #page #btn_menu_smart p {font-size:inherit; margin:0;} #page.devicead #btn_menu_smart a {text-transform:uppercase; color:#0bbbef; font-family:'open_sanssemibold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1em; margin:auto; cursor:pointer; padding:0 0 0 27px;} #page.devicead .close_menu {background:#0bbbef; top:12px; left:10px;} #page.devicead .close_menu, #page.devicead .close_menu::before, #page.devicead .close_menu::after {background:#0bbbef;} /* MENU PRINCIPAL */ #page.devicead #menu_principal {/*top:86px;*/ top:80px; margin:0;} #page.devicead #menu_principal li span {width:auto;} /* ***** FOOTER ***** */ #footer {position:relative;} #footer ul {padding:0 5px; width:auto;} #footer li {display:inline-block; padding:5px 0px 5px 5px;} /* *************************** STRUCTURE DEVICE *************************** */ #page.devicead #global {padding:0 0 45px 0;} #page.devicead #footer {height:45px;} #page.devicead #footer ul {padding:0 5px;} /*gestion home device*/ #page.devicead.home #content {padding:112px 0 0 0; padding:295px 0 10px 0; min-height:540px; padding:94px 0 10px 0;} #page.devicead.home .news {width:96%;} #page.devicead.home .bloc_home, #page.devicead.home .bloc_horaires {width:100%;} /* *************************** END STRUCTURE DEVICE *************************** */ /* *************************** HOME CONTENT *************************** */ #home .zone_contenu {padding:123px 0 13px 0;} #home #col_right {width:100%; float:none; margin:289px 0 0 0;} .home.main_content {width:100%; float:none; margin:289px 0 0 0;} #content {padding:83px 0 0 0;} #content .zone_contenu {background:none !important;} /*Slider*/ /*#slider {top:78px;}*/ #slider li img {max-width:inherit; width:auto; min-height:100%; max-height:inherit;} #slider li .wrap {width:96%;} .coverflow_zone_texte_wrap {width:96%; height:auto; left:2%; /*top:170px;*/ top:90px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; /*position:static;*/ border-radius:0 0 5px 5px; /**/ height:155px; overflow:hidden;} .coverflow_zone_texte {position:static; bottom:inherit; margin:10px 0;} #page.devicead.home .coverflow_zone_texte {bottom:inherit;} .coverflow_texte {max-height:85px; overflow:hidden;} #page .coverflow_texte p {font-size:1.9em; max-height:88px; overflow:hidden;} /*device*/ #page.devicead.home #slider li .wrap {width:96%; padding:0;} #page.devicead.home .coverflow_zone_texte_wrap {width:100%; height:auto; /*overflow:hidden;*/ height:250px;} /*#page.devicead.home #slider li img {max-width:inherit; width:auto; height:auto; min-height:100%; min-width:100%;}*/ #page.devicead.home #slider_home_navigation, #page.devicead.home #slider_page_navigation {top:265px; top:inherit;} /***navigation***/ #slider_home_navigation, #slider_page_navigation {left:0px; /*top:145px;*/ top:265px; width:75%;} #slider_home_navigation li, #slider_page_navigation li {padding:0 10px; display:inline;} #slider_home_navigation li a.control_home, #slider_page_navigation li a.control_page {padding:3px 7px; background:url(../img/picto_slide_gd.png) no-repeat; cursor:pointer;} #slider_home_navigation li a.control_home.slider_home_active, #slider_page_navigation li a.control_page.slider_page_active {background:url(../img/picto_slide_act_gd.png) no-repeat;} #slider {position:relative; margin:0 0 15px 0; top:inherit; left:inherit; width:auto; height:auto; min-height:inherit;} #slider_home, #slider ul {height:auto} #slider_home {min-height:250px;} #slider li {height:auto; max-height:100%;} .coverflow_zone_texte_wrap {width:100%; height:auto; overflow:hidden; position:relative; top:inherit; left:inherit;} #page.devicead.home #slider li img {max-width:105%; min-width:100%; max-height:inherit;} .coverflow_zone_texte {position:absolute; top:20%;} #page.devicead.home .coverflow_zone_texte {top:20%;} #slider_home_navigation, #slider_page_navigation {bottom:20px; width:75%; top:inherit;} /* BLOC HOME */ #bloc_liens_visit {padding:12px 3%; width:94%; top:0px; top:365px;} .bloc_home {width:94%; position:relative; z-index:50} #bloc_horaires, #bloc_agenda {margin:0 0 15px 0; padding:12px 3%;} /* GALERIE PHOTO */ #galerie_photo {width:47%;} #page #galerie_photo p a {padding:10px 5px 10px 30px} /* VISITE VIRTUELLE */ #visite_virtuelle {width:47%;} #page #visite_virtuelle p a {padding:10px 5px 10px 23px} /* SONDAGES */ .tx-cim-poll {width:96%;} .bloc_sondage {width:auto; margin:0 auto 15px auto; position:relative; z-index:50;} #page.devicead.home .bloc_sondage {width:auto; margin:0 auto 15px auto;} /* HORAIRES */ .wrap_horaires, #page.devicead.home .wrap_horaires {/*width:96%;*/ width:auto;} #page.devicead.home .bloc_horaires {margin:0 auto 15px auto; width:96%; float:none;} #bloc_horaires {width:auto; margin:15px auto 0auto; width:96%;} .bloc_horaires .content_bloc {margin:0 auto;} #horaires {width:auto;} #horaires .etablissement .plage_horaire span {font-size:1.2em;} #horaires .btn_all_horaires {padding:10px 0; float:left;} #horaires .display_none_smart{display:none;} #horaires .display_none{display:block;} /* AGENDA HOME */ .news {width:96%;} #bloc_agenda {float:none; width:auto;} #bloc_agenda .img_agenda img {height:auto; width:auto;} #page #bloc_agenda .titre_actu {margin:5px 0 10px 0; font-size:1.8em; clear:both; padding:5px 0 0 0;} #page #bloc_agenda .lien_item_agenda {padding:10px 5px; width:47%;} #page #bloc_agenda #btn_voir_agenda {width:47%;} #page #bloc_agenda #btn_voir_agenda p {padding:10px 5px;} /* *************************** PAGE CONTENT *************************** */ .main_content, #page.devicead .main_content {padding: 20px 3% 13px 3%;width: 94%;min-height: inherit;} .border_bot {left:3%; width:94%;} #page.devicead #fil_ariane {background:#ffffff; } #page.devicead #fil_ariane li {background:url(../img/picto_lien_black.png) no-repeat 0 center;} #page.devicead #fil_ariane li:first-child {background:none;} #page.devicead #fil_ariane li a {color:#7e8c93;} #page.devicead #fil_ariane li.last, #page.devicead #fil_ariane li.last a {color:#7e8c93;} #page.devicead #fil_ariane li a:hover, #page.devicead #fil_ariane li a:focus {color:#7e8c93;} .bloc_sous_menu:first-child, .bloc_sous_menu {margin:0 0 15px 0; width:100%; display:block;} .bloc_sous_menu .img_bloc_sous_menu {margin:0 auto 5px auto;} #page .bloc_sous_menu p.titre_sous_menu {margin:0 0 5px 0;} #page .bloc_sous_menu p {font-size:1.3em; height:auto; max-height:inherit;} .bloc_sous_menu .lien_sous_menu {margin:5px 0 0 0;} /* MENU ONGLET NIV 3 */ #page .content_page .navigation_niv3 {border-bottom:0;} /*#page .content_page #zone_nav_niv3 {height:500px;}*/ #page .content_page #zone_nav_niv3 {height:auto;} #page .content_page #zone_nav_niv3 .subpage {position:relative;} #page .content_page #zone_nav_niv3 div.csc-textpic .csc-textpic-imagewrap img {height:auto; max-height:150px; width:auto;} #page .content_page .navigation_niv3 h3 {float:none; border-bottom:1px solid #22bbea; margin:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;} #page .content_page .navigation_niv3 h3 a {padding:5px 16px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;} .subpage {width:94%;} /* *************************** ACTUALITES *************************** */ .content_page .news-list-item .left {width:100%; float:none; margin:0 0 15px 0;} .content_page .news_list_img img {margin:0 auto; width:100%; height:auto;} .content_page .news-list-item .right {width:100%; float:none;} .content_page .news_list_txt {width:auto;} .content_page .news_list_img {display:none;} .content_page .news_single_img {display:none;} .content_page .news_single_infos {float:none; width:100%;} /* *************************** MEDIATHEQUE *************************** */ #page .ad-gallery .ad-image-wrapper, #page .ad-gallery .ad-image-wrapper .ad-image {max-width:100%;} #page .ad-gallery .ad-image-wrapper .ad-image {left:0 !important; width:100% !important; text-align:center;} #page .ad-gallery .ad-image-wrapper .ad-image a {display:block; /*line-height:285px;*/ line-height:150px;} #page .ad-gallery .ad-image-wrapper .ad-image img {height:auto; display:inline-block; vertical-align:middle;} /* MOSAIQUE CATEGORIES */ #zone_contenu {margin:0 0 11px 0;} ul#liste_galerie li.ress_title, .content_page ul#liste_galerie li.ress_title {list-style-image:none; display:inline-block; vertical-align:top; width:48%; overflow:hidden; margin:0 0 3% 0;} ul#liste_galerie li.ress_title:nth-child(2n+1), .content_page ul#liste_galerie li.ress_title:nth-child(2n+1) {margin:0 3% 3% 0;} ul#liste_galerie li.ress_title .nom_cat a {text-transform:uppercase;} /* ZONE FORMULAIRE DE RECHERCHE */ .ligne_search {float:left; margin:0 20px 0 0;} .ligne_search label {font-size:1.3em; line-height:22px; padding:0 9px 0 0;} .ligne_search input {width:198px; padding:6px 10px;} .ligne_search select {width:220px; padding:5px 10px;} .ligne_search input#btn_search {min-width:165px; padding:7px 10px; font-size:1.3em; line-height:1.2em;} /* LISTE DES DOC D'UNE CATEGORIE ET RESULTATS DE RECHERCHE */ #zone_liste_doc li.media_image, #zone_liste_doc li.media_vid, .content_page #zone_liste_doc li.media_image, .content_page #zone_liste_doc li.media_vid {width:48%; margin:0 0 2% 0;} ul#zone_liste_doc li:nth-child(2n+1), .zone_resultats li:nth-child(2n+1), .content_page ul#zone_liste_doc li:nth-child(2n+1), .content_page .zone_resultats li:nth-child(2n+1) {margin:0 2% 2% 0;} ul#zone_liste_doc li .img_doc, .zone_resultats li .img_doc {height:auto;} ul#zone_liste_doc li .infos_doc h2, .zone_resultats li .infos_doc h3 {font-size:1.3em;} /* DETAIL DOC */ #doc .infos_doc {margin:15px 0;} #doc .infos_doc .left {width:100%; margin:0 0 10px; padding:0; border-right:0; float:none;} #doc .infos_doc .left .txt_tag .single_tags {font-size:1.3em; line-height:1em; padding:6px 7px; margin:0 5px 5px 0;} #doc .infos_doc .right {width:100%; float:none;} #page .infos_doc .right .desc, #page .infos_doc .right .desc p {line-height:1.9em;} #doc .share_doc {margin:0 0 15px 0;} .share_doc .a2a_kit {width:100%;} .share_doc .a2a_button_facebook span {background:url(../img/btn_share_fb.jpg) no-repeat; width:72px; height:20px; margin:0 0 0 5px;} .share_doc .a2a_button_google_plus span {background:url(../img/btn_share_gplus.jpg) no-repeat; width:68px; height:20px; margin:0 0 0 5px;} .share_doc .a2a_button_twitter span {background:url(../img/btn_share_twitter.jpg) no-repeat; width:70px; height:20px; margin:0 0 0 5px;} /* SLIDER DOCS */ #slider_docs {margin:0 auto 8px auto; width:100%;} #slider_docs #slideshow_docs {width:auto; margin:0 0 0 -20px;} .content_page #slider_docs li {margin:0 0 0 10px;} #slider_docs li .img_last {max-height:85px;} #slider_docs li .nom_last {padding:0 9px 0 0; background:url(../img/fleche_grise.png) no-repeat 98% 3px;} #slider_docs li a {width:141px;} #slider_docs .control_vignettes {width:29px; height:29px; z-index:50; top:30px;} #slider_docs #left_control_vignettes {left:0; width:58px;height:58px; background:url(../img/picto_prev_slide.png) no-repeat; top:15%;} #slider_docs #right_control_vignettes {right:0; width:58px; height:58px; background:url(../img/picto_next_slide.png) no-repeat; top:15%;} #slider_docs li, #page #slider_docs li {margin:0 0 0 20px;} #slider_docs li .img_last img {width:100%; height:auto;} /* *************************** END MEDIATHEQUE *************************** */ } @media screen and (max-width:450px) { .tag_slide {padding:0 4px; float:none; height:auto; margin:0 10px 0 0;} #page .tag_slide p {font-size:1.2em; line-height:1.5em;} .tag_slide_right {display:none;} } @media screen and (max-width:350px) { #page.devicead.home .coverflow_zone_texte {top:25px;} }