body{background-color:#fff!important;font-family:Open Sans,sans-serif!important;font-size:14px!important}body,html{height:100%}header{position:relative}#loading{background-image:url(/build/webimages/autrespictos/loading.gif);background-position:25px 0;background-repeat:no-repeat;padding:0 0 0 50px!important}#topbar{background-color:#fff;font-size:13px;left:0;padding:5px 0;top:0;width:100%;z-index:1}#topbar ul{margin-bottom:0}#topbar .container{position:relative}#topbar-menu a{padding:3px 5px}#topbar-menu a:hover{background-color:#eee;border-radius:6px;text-decoration:none}#header-title{height:auto;left:55px;position:absolute;top:-5px;width:auto;z-index:2}#header-title a{display:block;width:350px}@media (max-width:768px){#header-title a{width:200px}}#top-mark-admin{background-color:#009cc9;border-radius:3px;color:#fff;font-weight:700;margin-right:20px;padding:0 10px}#slider{background-color:#005488}#slider .carousel-inner>.item{height:100%}#slider .carousel-inner>.item a>img,#slider .carousel-inner>.item img{min-width:100%}@media (max-width:575px){#slider{height:115px;overflow:hidden}}@media (min-width:576px){#slider{height:175px;overflow:hidden}}@media (min-width:768px){#slider{height:225px;overflow:hidden}}@media (min-width:992px){#slider{height:245px;overflow:hidden}}@media (min-width:1200px){#slider{height:300px;overflow:hidden}}@media (min-width:1350px){#slider{height:350px;overflow:hidden}}.lightbox{display:none}#nav.affix{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);position:fixed;top:0;width:100%;z-index:1000}.navbar.navbar-tsiono{background-color:#009cc9;border:0 solid #009cc9;border-radius:0;margin-bottom:0}@media (min-width:992px){#navbar{margin-left:-30px;width:1200px}.navbar.navbar-tsiono .navbar-nav{display:table;margin:0;width:100%}.navbar.navbar-tsiono .navbar-nav>li{display:table-cell;text-align:center}}.navbar-tsiono .navbar-toggle:focus,.navbar-tsiono .navbar-toggle:hover{background-color:#dbeef4}.navbar-tsiono .navbar-toggle{background-color:#fff;border-color:#fff}.navbar-tsiono .navbar-toggle .icon-bar{background-color:#009cc9}.navbar-tsiono .navbar-nav>li>a{color:#fff;display:block;font-family:spotkaboldregular;font-size:1.1em}.navbar-tsiono .navbar-nav>li>a>.fa{line-height:1.3}.navbar-tsiono .navbar-nav>li.nav-saisie>a{background-color:#92d050;cursor:pointer}.navbar-tsiono .nav .open>a,.navbar-tsiono .nav .open>a:focus,.navbar-tsiono .nav .open>a:hover,.navbar-tsiono .nav>li.active>a,.navbar-tsiono .nav>li>a:focus,.navbar-tsiono .nav>li>a:hover{background-color:#c2a260;text-decoration:none}.navbar-tsiono .navbar-brand{padding:5px}.navbar-tsiono .navbar-brand img{height:100%}@media (max-width:767px){.navbar-tsiono .navbar-nav li a{text-align:center}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{color:#fff}}.body-content{min-height:400px}.body-content .container.pb{padding-bottom:40px}.body-content .header-title{background-color:#005488;border-bottom:10px solid #009cc9;padding:0;width:100%}.body-content .header-title h1{color:#fff;font-family:spotkaboldregular;font-size:3em;margin:90px 0 30px}.body-content h1{font-family:spotkaboldregular;font-size:3em;margin:0}.body-content h2{color:#07649e;font-family:spotkaboldregular;letter-spacing:-.03em;margin:50px 0 20px}.body-content h2.underline{border-bottom:2px solid #07649e;padding-left:20px}.body-content h2.firstletter:first-letter{background-color:#07649e;color:#fff;margin-right:8px;padding:5px 15px}.body-content h3{color:#07649e;font-family:Open sans}.body-content h4.categorie{color:#88d0dd;font-family:Open sans;font-size:.95em}.body-content h3+h4.categorie{margin-top:-5px}.body-content img{max-width:100%}.body-content img.pull-left{margin-right:15px}.body-content .well{border-radius:0;margin:30px 0}.body-content section:last-child{padding-bottom:40px}.body-content ol li,.body-content ul li{margin-bottom:5px}.body-content ol li ol li,.body-content ul li ul li{margin-bottom:auto}.body-content ol.custom-counter{list-style-type:none;margin:0;padding:0}.body-content ol.custom-counter>li{counter-increment:step-counter;margin-bottom:15px}.body-content ol.custom-counter>li:before{background-color:#07649e;border-radius:11px;color:#fff;content:counter(step-counter);font-size:80%;font-weight:700;margin-right:10px;padding:3px 8px}.body-content ol.custom-counter>li>ul{margin-top:10px}.body-content .bloc{position:relative}.body-content .bg-white{background-color:#fff}.body-content .bg-green{background-color:#92d050;color:#fff;font-size:1.7em;line-height:1.3em;padding:30px 0}.body-content .bg-grey{background-color:#dbeef4}.body-content .bg-light-grey{background-color:#f5f5f5}.body-content .pb40{padding-bottom:40px}.body-content .encart{background-color:#eee;margin:40px 0;padding:15px}.body-content .encart h3{color:#07649e;font-family:spotkaboldregular;margin-top:0}.body-content .encart>h3{margin-top:0}.body-content .encart a:hover{text-decoration:none}.body-content .encart a span{color:#0c0c0c;display:block;margin-top:10px;text-align:center}.body-content .encart a:hover span{color:#07649e}.body-content .encart .flex-container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;justify-content:space-around;list-style:none;margin:0;padding:0}.body-content .encart .flex-item{margin-top:10px;padding:15px}@media (max-width:768px){.body-content .encart .flex-item{width:200px}}@media (max-width:480px){.body-content .encart .flex-item{width:50%}}@media (min-width:769px){.body-content .encart .flex-item{flex:1}}.body-content .quizz .checkbox label{font-weight:700}.body-content .quizz-timer{background-color:#07649e;color:#fff;display:inline-block;font-size:2em;margin-bottom:15px;padding:8px 10px}.body-content .quizz-timer.orange{background-color:#ff9800}.body-content .quizz-timer.red{background-color:#f44336}.body-content .quizz .btn-success{background-color:#92d050;background-image:none;border-color:#92d050;border-radius:0;box-shadow:none;-webkit-box-shadow:none;margin-top:30px;text-shadow:none}.body-content .quizz .btn-success:focus,.body-content .quizz .btn-success:hover{background-color:#70a835}#infographie{margin:20px 0}#infographie .infographie-inner{display:inline-block;position:relative}#infographie .button{background-color:#92d050;opacity:.8;padding:5px 10px;position:absolute}#infographie .button:hover{background-color:#07649e;text-decoration:none}#infographie .button:hover a{text-decoration:none}#infographie .button-inner{color:#07649e;font-family:spotkaboldregular,sans-serif;font-size:1.6em;line-height:1.2em}#infographie .button:hover .button-inner{color:#92d050}#button-apprendre{bottom:20px;left:40px}#button-saisir{bottom:15px;left:360px}#button-consulter{bottom:20px;right:10px}@media (max-width:768px){#infographie .button{margin-bottom:15px;position:relative}#button-apprendre,#button-consulter,#button-saisir{bottom:auto;left:auto;right:auto}}#actus h2{background:url(images/banniere/ondulation-sous-titre.png) no-repeat bottom transparent;margin:40px 0 10px}#actus h3{color:#009cc9;font-size:1.6em;line-height:1.2em}#background{height:100%;left:0;position:absolute;top:0;width:50%;z-index:0}#carte h2,#photo h2{margin-top:20px}div.photo{max-height:350px;overflow:hidden;position:relative}div.photo img,p.legende{width:100%}p.legende{background-color:rgba(0,0,0,.6);bottom:0;color:#fff;margin-bottom:0;padding:15px;position:absolute}p{font-size:16px!important;line-height:24px}.espece{display:block;font-size:1.1em}.auteur{color:#dbeef4;display:block;font-size:.9em}.buttonEspece a{background-color:#07649e;background-position:50% 15px;background-repeat:no-repeat;color:#fff;display:block;margin-bottom:10px;min-height:115px;padding:70px 10px 10px;text-decoration:none}.buttonEspece a:hover{background-color:#92d050;text-decoration:none}#buttonMamMarins.buttonEspece a{background-image:url(../images/grandefamilles/picto/mammiferes_marins.png)}#buttonEspEnvahissante.buttonEspece a{background-image:url(../images/grandefamilles/picto/especes_envahissantes.png)}#buttonTortueMarine.buttonEspece a{background-image:url(../images/grandefamilles/picto/tortues_marines.png)}#buttonRequin.buttonEspece a{background-image:url(../images/grandefamilles/picto/requins.png)}#buttonRaie.buttonEspece a{background-image:url(../images/grandefamilles/picto/raies.png)}#buttonPoisson.buttonEspece a{background-image:url(../images/grandefamilles/picto/poissons.png)}.body-content h2.counter{display:flex;padding:8px 0 0;position:relative}.body-content span.counter{align-self:center;background-color:#92d050;color:#fff;height:50px;margin-right:10px;padding:5px 18px 10px;width:50px}.body-content span{align-self:center}.body-content span[class^=x-btn]{flex:auto}.nomCommunCat{margin-bottom:2px}.nomScientifiqueCat{font-style:italic;margin-top:2px}#selectEspeceCat{margin-top:20px}.illustration{position:relative}.illustration #imageEspeceCat{margin-top:40px}.illustration #iucnCat{height:auto;max-width:25vw;position:absolute;right:0;text-align:right;top:-40px;width:100%}@media screen and (max-width:300px){#catalogueEspeceInfo{margin-bottom:350px}}@media screen and (min-width:301px) and (max-width:500px){#catalogueEspeceInfo{margin-bottom:600px}}.illustration #iucnCat img{width:100px}.body-content p.caracteristique{overflow:hidden;padding-left:80px}.body-content p.caracteristique img.icone{float:left;margin-left:-80px;width:60px}.body-content p.caracteristique span{padding-top:20px}.body-content .infoplus{background:url(../images/pictosconsultation/anecdote.png) 0 0 no-repeat #2db8c5;border-radius:8px;color:#fff;padding:15px}.body-content .infoplus h3{color:#fff;font-weight:700;margin:0 0 30px;padding-left:100px}.body-content .diaporama a{display:block;height:75px;overflow:hidden}.body-content .diaporama .row{margin-bottom:15px}.body-content .diaporama .row:last-child{margin-bottom:0}.body-content .canvasContainer{height:350px}#mapObs{height:100%}.body-content .btn.btn-catalogue{background-color:#eee;border-radius:0;color:#07649e;padding:20px 0}.body-content .btn.btn-catalogue span.fa{display:block;font-size:2em}.body-content .btn.btn-catalogue .x-btn-inner-default-medium{color:#07649e!important;font-family:Open Sans,sans-serif!important;font-size:1em;font-weight:400;white-space:normal}#catalogueEspeceForm .x-form-item-body{display:block}#catalogueEspeceAllerPlus .row div{text-align:center}#catalogueEspeceAllerPlus a{display:inline-block;text-align:center}.flex-row-partners{display:flex;flex-direction:row}.flex-row-partners .flex-item{align-self:center;flex:1}.flex-row-partners .flex-item:first-child{flex:initial;text-align:center;width:120px}.flex-row-partners .flex-item:first-child img{margin-right:15px}footer{background-color:#1b619c;clear:both;color:#fff;min-height:130px;padding-top:20px;position:relative}footer #footer-content{padding:0}footer #footer-content h3{color:#b6e0e6;font-family:spotkaboldregular;margin-top:0}footer #footer-content .footer-logo img{height:80px}footer #footer-content .footer-logo a{margin-left:20px}footer #footer-content .footer-logo a:first-child{margin-left:0}footer #footer-content .footer-social a{background-color:#fff;border-radius:50%;color:#1b619c;display:inline-block;font-size:1.7em;height:40px;padding:10px;text-align:center;width:40px}footer #footer-content .footer-social a:hover{background-color:#005488;color:#fff}footer #footer-copyright{background-color:#005488;padding:10px 0}footer #footer-copyright p{margin:0;padding:0}footer #footer-copyright a{color:#dbeef4}footer #footer-copyright a:hover{color:#fff}.logo_facebook{max-height:50px}#top-link-block.affix-top{bottom:-82px;left:10px;position:absolute}#top-link-block.affix{bottom:18px;left:10px;position:fixed}#toTop{background-color:#005488;bottom:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);color:#fff;cursor:pointer;display:none;font-size:1.7em;padding:8px 10px;position:fixed;right:10px}#toTop:hover{background-color:#1b619c}.x-form-text,.x-form-trigger-wrap{height:auto!important}.quizz-btn-success,.quizz-btn-success.x-btn-over{background-image:none!important}a.x-monthpicker-item-inner.x-item-disabled{opacity:.3}.actualites .col-owl-4 p{max-height:400px;overflow:hidden;text-align:justify;text-overflow:ellipsis}.actualites .owl-dots,.owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.actualites .owl-dots .owl-dot{display:inline-block;zoom:1}.actualites .owl-dots .owl-dot span{-webkit-backface-visibility:visible;background:#d6d6d6;border-radius:30px;display:block;height:10px;margin:5px 7px;transition:opacity .2s ease;width:10px}.actualites .owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span{background:#07649e}.dataview-global-info{margin:20px}.dataview-multisort-item{margin:8px 8px 4px}.dataview-global .dataview-multisort-item{border:1px solid #07649e;border-radius:21px}.dataview-multisort-item>div{color:#07649e;margin:20px}.photoreference{background-color:rgba(206,230,255,.26);padding:10px;text-align:center}.individu p{font-size:13px!important}@media screen{.dataview-global{align-items:stretch;display:grid;text-align:center}.dataview-global .diaporama{align-items:stretch;flex-wrap:wrap;height:100%;overflow:auto;text-align:center;width:100%}.dataview-global .diaporama,.dataview-multisort-item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:row;justify-content:space-evenly}.dataview-multisort-item,.photoreference{align-items:center}.photoreference{display:flex;flex-direction:column}.carousel .dataview-multisort-item,.photoreference{justify-content:center}}@media (min-width:768px){#catalogueCarousel .modal-dialog{max-width:90%;min-width:600px;width:auto}.dataview-global .photoreference{height:200px;min-width:250px}.dataview-global .photoreference img{max-height:200px;max-width:200px;min-width:100px}.individu{min-width:200px}.carousel .photoreference{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:500px;min-width:400px}.carousel .photoreference img{max-height:100%;max-width:600px}}@media (max-width:768px){.dataview-global .photoreference{height:200px;min-width:200px}.dataview-global .photoreference img{max-height:150px;max-width:150px;min-width:50px}.individu{min-width:100px}.carousel .photoreference{min-height:300px;min-width:300px}.carousel .photoreference img{max-height:100%;max-width:400px}}.lightbox{z-index:100001}.lightboxOverlay{z-index:100000}input[type=checkbox],input[type=radio]{margin:0!important}.x-btn-button.x-btn-icon-bottom,.x-btn-button.x-btn-icon-top{align-items:center!important;display:inline-block!important}.copyright_photo{color:#fff;font-size:20px!important;opacity:.5;padding:4px;position:absolute;right:5px;top:5px!important}.flex-row-partners img{max-width:100px}.x-form-item{border-collapse:collapse!important}#page-bilan_des_observations-innerCt .ol-zoom{left:.5em;top:4.5em!important}.navbar-nav .dropdown-menu{margin-right:-200px;position:static}