/*---------------------------*\ Nom du projet \*---------------------------*/ /*---------------------------*\ @author: @date: @compagny: @todo: \*---------------------------*/ /*---------------------------*\ $base \*---------------------------f Amatic SC Bold Amatic SC Bold font-family: amatic-sc, sans-serif; font-weight: 700; font-style: normal; Dax Compact Pro Bold font-family: ff-dax-compact-pro, sans-serif; font-weight: 700 et 400; font-style: normal; font-family: 'Lora', serif font-family: 'Lora', serif; font-family: 'din_lightregular', sans-serif; font-family: 'Lora', serif; font-family: 'din_lightregular', sans-serif; font-family: 'brannboll_fetregular'; font-family: 'din_lightregular'; font-family: 'dinmedium'; font-family: 'Righteous', cursive; font-family: 'ff-dax-pro-wide', sans-serif; font-family: 'ff-dax-pro-wide', sans-serif; font-family: 'ff-dax-pro-wide', sans-serif; font-family: 'Righteous', cursive; font-family: ff-dax-compact-pro, sans-serif; font-weight: 800; font-style: normal; Dax Pro Wide Light font-family: ff-dax-pro-wide, sans-serif; font-weight: 400; font-style: normal; Parkside Regular font-family: parkside, cursive; font-weight: 400; font-style: normal; h1 { font-size: 72px; background: -webkit-linear-gradient(to right, #FDFBFB, #EBEDEE 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } h1 { display: table; margin: 0 auto; font-family: "Roboto Slab"; font-weight: 400; font-size: 6em; background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 200px; } .gradient{background: rgba(255,234,163,1); background: -moz-linear-gradient(top, rgba(255,234,163,1) 0%, rgba(179,137,0,1) 82%, rgba(245,188,0,1) 99%, rgba(245,188,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,234,163,1)), color-stop(82%, rgba(179,137,0,1)), color-stop(99%, rgba(245,188,0,1)), color-stop(100%, rgba(245,188,0,1))); background: -webkit-linear-gradient(top, rgba(255,234,163,1) 0%, rgba(179,137,0,1) 82%, rgba(245,188,0,1) 99%, rgba(245,188,0,1) 100%); background: -o-linear-gradient(top, rgba(255,234,163,1) 0%, rgba(179,137,0,1) 82%, rgba(245,188,0,1) 99%, rgba(245,188,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,234,163,1) 0%, rgba(179,137,0,1) 82%, rgba(245,188,0,1) 99%, rgba(245,188,0,1) 100%); background: linear-gradient(to bottom, rgba(255,234,163,1) 0%, rgba(179,137,0,1) 82%, rgba(245,188,0,1) 99%, rgba(245,188,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaa3', endColorstr='#f5bc00', GradientType=0 );} */ .form-control { color: #666!important; border-color: #ccc!important; background-color: rgba(255,255,255,1.00); text-align: left!important; } * {margin : 0; padding : 0;} html { height: 100%; width : 100%;} body {width : 100%; height : 100%; position : relative; background : #ffffff;color:#666; } h1, h2, h3, h4, h5 {font-family: 'ff-dax-compact-pro', sans-serif; font-weight: 800;} /*h3 {margin:0px;}*/ h5{font-weight: 400;} a {text-decoration :none; outline : none;word-wrap: break-word !important;white-space: normal;} a, img {border : none;} img {max-width:100%;height:auto;} a:hover {text-decoration: none!important;} li, td, ul {font-family : 'ff-dax-pro-wide', arial, sans-serif; font-size : 1em; line-height : 16pt; text-align : left; font-weight:300;} p{font-family : 'ff-dax-pro-wide', arial, sans-serif; font-size : 1.0rem; color : #666; line-height : 1.4rem; font-weight: 400; } p i:first-of-type{vertical-align: -4px;margin-right: 5px;} .card{background:#1a6ab3;} .card.card-body ul{padding-left: 15px;padding-top: 10px;padding-bottom: 10px;margin-bottom: 0px;list-style: none;} .card.card-body ul li{list-style: none;} .card.card-body ul li a{display:block;color:#fff;text-transform: uppercase;font-size: 1.0rem;line-height: 1.7rem;letter-spacing: 0.1em;padding:5px;font-weight: 400;font-family: 'ff-dax-compact-pro', sans-serif;} .card.card-body ul li a:hover{color:#ffd600;} .info .card.card-body ul li a i, .card.card-body ul li a i{color:#fff!important;font-size: 1.0rem;vertical-align: 0px;margin-right: 5px;} .info .card.card-body ul li a:hover i, .card.card-body ul li a:hover i{color:#ffd600!important;} /*li::first-letter { font-size:3.5em!important; padding-right:0.2em!important; float:left!important; color:red!important; }*/ .sansencart.height-fill, .sansencart{flex-direction:column;display: flex; align-items: center; justify-content: center;} .sansencart img, .sansencart.height-fill img {max-width:100%!important;height:auto!important;margin-top:30px;/*padding: 1px 30px 30px 30px;*/} .sansencart p {margin-bottom: 0px;} .mrg-center {margin-right: auto; margin-left: auto;} .clear {clear: both; margin:0; padding:0;height:1px;} .borderBlack {border-bottom:5px solid #000;} .wrapper{max-width:700px; width:80%; position: relative;margin:20px auto!important; } .wrapper2{max-width:850px; width:100%; position: relative;margin:0px auto!important; } .wrapperGalerie{width:100%; height : auto; position: relative; display:block;text-align: center;padding: 0px 40px; } .wrapperRelatif{max-width:970px; width:90%; height : auto; position: relative; display:block; margin:0px auto!important; } .wrapperRelatif.milledeuxcents{max-width:1200px; width:90%; height : auto; position: relative; display:block; margin:0px auto!important; } .wrapperRelatifCentre{max-width:980px; width:80%; height : auto; position: relative; display:block; margin:30px auto!important; } .wrapperRelatifCentre i {color:#c7d40c;font-size: 2.5rem;} .wrapperRelatifCentre p {color:#c7d40c!important;font-size: 1.5rem; text-align: left!important;} .miniMum iframe{min-width:350px!important;} .padding30{padding: 30px;} .paddingT30B30{padding: 40px 0px!important;} .paddingT100B30{padding: 100px 0px 40px 0px!important;} .paddingT50B50{padding: 50px 0px!important;} .paddingT50B30{padding: 50px 0px 30px 0px!important;} .paddingT65B50{padding: 65px 0px 50px 0px!important;} .paddingT65B30{padding: 65px 0px 30px 0px!important;} .paddingT20{padding: 20px 0px 0px 0px!important;} .paddingT50{padding: 50px 0px 0px 0px!important;} .paddingB50{padding: 0px 0px 50px 0px!important;} .paddingT80{padding: 80px 0px 0px 0px!important;} .paddingT70B70{padding: 170px 0px 170px 0px;} .paddingcarre3Bis{padding:20px 30px 20px 30px!important;} .marginT-50B-40{margin-top:-50px;margin-bottom:-40px;} .marginT-70B-40 {margin-top: -70px;margin-bottom: -40px;} .marginT50{margin-top:50px} .marginBTN{margin: 0px auto 20px auto;} .margeneg3 { margin-top: 10px; margin-bottom: 5px; } ul.descriptionChien{border-left:5px solid #e8c500; padding: 10px 0px 10px 30px;} ul.descriptionChien1 {border-left: 30px solid #e8c500;padding: 0px 0px 0px 0px;} ul.descriptionChien1{width:100%;} ul.descriptionChien1 li{text-align:center;} ul.descriptionChien1 li:first-of-type{color:#e8c500;font-family: amatic-sc, sans-serif!important;font-weight: 700!important;list-style: none;font-size:2.5em;line-height:2.5rem; padding: 10px 30px 0px 30px;} ul.descriptionChien li p, ul.descriptionChien1 li p{margin-bottom:0px} ul.descriptionChien h2, ul.descriptionChien1 h2{font-size:2.0rem!important;margin-top:7px;} ul.descriptionChien h3, ul.descriptionChien1 h3{color:#e8c500;} .fond-section-blanche { background: #ffffff url(../images/fond-footer2.png)!important; } .descriptif img{max-width:300px;width:100%;height:auto;} .gris { color: #646869; } .height-fill { display: -webkit-flex; display: -ms-flexbox; display: flex; } a.lien{color:#e8c500;font-size:1.5em} a:hover.lien{color:#ddd;font-size:1.5em} p.floatGauche i{display: block; float:left;margin:0 20px 20px 0;color: #bb1883!important;} .reservation, .reservation2 {display:block; position: absolute;background: #aa7d50!important;border:none!important;border-radius:0;font-family: 'ff-dax-pro-wide', sans-serif!important;font-style:italic;top:0px!important;font-size:1.2rem!important;top:120px!important;right:0px!important;text-align:center !important;padding-left:25px !important;padding-right:25px !important; z-index: 1000;-webkit-box-shadow: -0px 2px 10px 0 rgba(0,0,0,0.3);box-shadow: -0px 2px 10px 0 rgba(0,0,0,0.3); } .ShadowsIntoLight{font-family: 'ff-dax-pro-wide', sans-serif!important;} .bigtexte{font-size:3rem!important;line-height: 3.0rem!important;} .mediumtexte{font-size:1.8rem!important;line-height: 1.8rem!important;} .petittexte{font-size:1.3rem!important;line-height: 1.5rem!important;font-weight: 200;} ul.description{padding-top:10px;padding-left:0px;} ul.description, ul.description li, ul.description li a{ list-style: none;font-size:1.0rem; font-family: 'ff-dax-pro-wide', sans-serif!important;color:#fcbd32;text-align: left; } ul.description li a{ font-size:1.0rem; line-height:1.0rem; padding-top:0px;padding-bottom:10px;width:100%;display:block; -webkit-transition: all 0.3s; transition: all 0.3s; } ul.description li a:hover{ color:#fff; } ul.description li a::after{ content: ""; display: block; margin:10px auto 0px auto; width: 100%; border-bottom:1px solid #ffffff; border-color:inherit; } .police{font-family: amatic-sc, sans-serif!important;font-weight: 700!important} .importateur {background: #fff;border:1px solid #ccc;padding:15px 25px 10px 25px;margin-top:20px;width:100%;} .importateur img {display: block;width:50px;height:auto;margin:-30px auto 10px auto;} .importateur h3{text-align: left;text-transform: uppercase;font-size:0.8rem;} ul.inscription li, parcours li, aside.tags li{list-style: none; color:#666;margin-top:5px;margin-bottom:5px;font-size:0.9rem;line-heiht:1.2rem;} ul.inscription, parcours {padding: 0px 30px 25px 30px;border:1px solid #ccc; background: rgba(255,255,255,0.50);width:100%;} ul.inscription h4{font-weight:400;background: #555;color:#fff;padding: 6px 15px; margin-left: -30px;margin-right: -30px;margin-bottom: 20px;} ul.inscription li.coordonne, ul.inscription li.coordonne a {color:#e8c500 ;font-size:1.0rem;} ul.inscription li.coordonne a:hover{color: #e05a0a;} ul.inscription li.coordonne i{font-size:1.5rem;} aside.tags {padding: 25px 35px;border:1px solid #ccc; background: rgba(255,255,255,0.00);margin-top:20px;} aside.tags p {color:#ccc;font-size:0.8em;margin-bottom:0px;} ul.listing, .garderie ul, .garderie .communes ul {list-style: none; color:#666;margin-top:5px;margin-bottom:5px;font-size:1.0rem;line-heiht:1.2rem;} ul.listing li, .garderie .communes li, .garderie li{margin-bottom:10px;} .garderie ul li:before {font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; content: "\f061";margin-right:5px; } .garderie ul li img,.garderie ul li a img{max-width:100%;height:auto;margin:10px auto 0px auto;display:block;} .garderie ul li a img, .garderie a img{border:none} .garderie h5{color:#e05a0a;font-weight: 900;} .garderie .cadre5bis h5{color:#1d1d1b!important;font-weight: 400;} .garderie .communes ul li:before {font-family: 'Font Awesome 5 Free'; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; content: "\f14a"; } h2.titre::after{ content: ""; display: block; margin:20px auto 20px auto; width: 50%; border-bottom:2px dotted #ffffff; border-color:inherit; } .gras{font-weight: 800!important;} .h4, h4 { font-size: 1.3rem;font-weight: 800; margin-top: 0px; margin-bottom:10px;font-family: ff-dax-pro-wide, sans-serif;font-weight: 400; } #exampleModal.show{z-index:1051;} #exampleModal .form-group{width:100%} #menuModalCenter h4 { font-size: 1.3rem; font-weight: 500; margin-top: 0px; margin-bottom: 5px;color:#ffffff;text-align: left; font-family: 'ff-dax-pro-wide', sans-serif; } #menuModalCenter .modal-content{background: rgba(0,0,0,0.00);border:none;} #menuModalCenter ul{margin-bottom:10px;} #menuModalCenter li a{color:#FCBD32;text-align: left!important;} #menuModalCenter li a:hover{color:#333} #menuModalCenter li{color:#Fff;text-align: left!important;} #menuModalCenter ul{list-style: none} #menuModalCenter .close{color:#ffffff;font-size: 2rem;text-shadow: none; opacity: 1;text-align: center;} #menuModalCenter .modal-dialog { max-width: 100%;width:100%; margin: 0px auto 30px auto; } #menuModalCenter{background-color: rgba(0,161,153,0.80)} #menuModalCenter .modal-body{padding-top:0px;} .cadrephoto{border:2px solid #00aece;} .cadremap{border:1px solid #cccccc;} /*--------------------------*/ .filter-cat { margin: 1em 0; } .f-cat { color: #666; padding: 1em;/* border: 5px solid #fff;*/ } .f-cat[data-cat="cat-red"] { background: #ff4136; } .f-cat[data-cat="cat-green"] { background: #2ecc40; } .f-cat[data-cat="cat-blue"] { background: #0074d9; } .f-cat[data-cat3="cat-upper"] { text-transform: uppercase; } .f-cat[data-cat3="cat-lower"] { text-transform: lowercase; } .filter-cat-results .f-cat { opacity: 0; display: none;} .filter-cat-results .f-cat.active { opacity: 1; display: block; -webkit-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /*---------------------------*\ $layout \*---------------------------*/ /*menu-index*/ .moteur{position: absolute; top: 0px; right: 86px; z-index: 1000; width: 280px; } .moteur .gsc-control-cse { border: none; padding:0px; } .moteur .gsc-control-cse form.gsc-search-box { margin-bottom: 0px; } .moteur .gsc-control-cse form.gsc-search-box table.gsc-search-box { margin-bottom: 0px; } .moteur .gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 0px; } .moteur table td { padding: 0px; } .moteur .gsib_a { padding: 4px 5px 4px 5px; } .moteur .gsib_a input{ border-bottom:none!important; } .moteur .gsc-search-button { margin-left: 0px; } /**********facebook*******************/ .voletfacebook{z-index: 150; position: fixed; margin: -200px 0px 0px; left: -291px; top: 50%; -webkit-transition: left 0.5s; /* Safari */ transition: left 0.5s;} .faceb{height: 150px;width:38px;/* display: table-cell; vertical-align: top;*/background: #1a6ab3 url(../img/Official-Facebook-Logo-bis.png) no-repeat 0% 0%;cursor: pointer;position:absolute;left:290px;top:35px;-webkit-transition: all 0.3s; transition: all 0.3s; } .faceb:hover{background: #ffd600 url(../img/Official-Facebook-Logo-bis.png) no-repeat 0% 0%; } .voletfacebook a{cursor: pointer;} .voletfacebook.voletfacebookopen{z-index: 1500; position: fixed; margin: -200px 0px 0px; left: 0px!important; top: 50%; width: 340px; -webkit-transition: left 0.5s; /* Safari */ transition: left 0.5s; } /***************css parallax****************/ .containerparallax { margin:-1px auto 0px auto;width: 100%;} .containerparallax div { height: 455px; /*border: solid 1px #fff;*/ } .containerparallax h2{ font-size:3.5rem; font-family: 'ff-dax-compact-pro', sans-serf!important;color:#fff; letter-spacing: 0.0rem!important;/*text-shadow: 0 2px 3px #ffffff;*/ padding:30px 30px 30px 30px;text-align: center;font-weight:800;text-transform: none;text-shadow: 2px 2px 2px #222;border:0px solid #fff; /*text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;*/ } .containerparallax h2 a{text-shadow: 0px 0px 0px #fff;font-family: 'ff-dax-pro-wide', Arial, sans-serif; font-weight: 300;} .containerparallax h2 span{text-transform: none;font-size:2.5rem;color:#004c4b;/*text-shadow: 0 2px 3px #ffffff;*/} .containerparallax h1 span{font-size:3.9rem; line-height: 5.0rem!important;font-family: 'ff-dax-pro-wide', sans-serif!important; letter-spacing: 0.0rem;text-transform: none!important;letter-spacing: 0rem!important; } h2 span sup{font-size:0.2em;} .containerparallax h3 {/*color:#c2b49e;*/color:#666666; font-size:1.2rem;line-height: 1.5rem; font-family: 'ff-dax-pro-wide', Arial, sans-serif; background: rgba(255,255,255,0.70); padding:20px 60px ; /*border-radius:30px; border:1px solid #c2b49e;text-shadow: 0 1px 1px #000000;*/display:table;margin-left:auto; margin-right:auto; } /* .containerparallax span { margin: 10px; padding: 5px; display: inline-block; font-family: sans-serif; background: rgba(0,0,0,0.5); color: #FFF; font-weight: bold; }*/ /**************fin css parallax*************/ .traitsGlobe { position: relative; display: inline-block; } h2.traitsGlobe{color: #666;} .fond-section-blanche h2.traitsGlobe, .fond-section-blanche2 h2.traitsGlobe{color: #666;} .traitsLogo::before { content: ""; position: absolute; top: 102px; height: 1px; width: 50%;min-width:500px; display: block; border-bottom: 1px dashed #333; right: 100%; margin-right: 10px; opacity: 1; } .traitsLogo::after { content: ""; position: absolute; top: 102px; height: 1px; width: 50%;min-width:500px; display: block; border-bottom: 1px dashed #333; left: 100%; margin-left: 10px; opacity: 1; } .traitsGlobe::before { content: ""; position: absolute; top: 50%; height: 1px; width: 50%; display: block; border-bottom: 1px dashed; right: 100%; margin-right: 10px; opacity: 1; } .traitsGlobe::after { content: ""; position: absolute; top: 50%; height: 1px; width: 50%; display: block; border-bottom: 1px dashed; left: 100%; margin-left: 10px; opacity: 1; } .traitsGlobe2::before { content: ""; position: absolute; top: 50%; height: 1px; width: 50%; display: block; border-bottom: 1px dashed #e8c500; right: 100%; margin-right: 10px; opacity: 1; } .traitsGlobe2::after { content: ""; position: absolute; top: 50%; height: 1px; width: 50%; display: block; border-bottom: 1px dashed #e8c500; left: 100%; margin-left: 10px; opacity: 1; } table td{padding:5px 10px;} table{margin:30px auto 20px auto;width:100%} form table{margin:0px auto 0px auto} .contourBlancTexte{ text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px; } .contourBlancImg { filter: drop-shadow(0 3px 0px #222) drop-shadow(-4px 0px 0 #222) drop-shadow(4px 0px 0 #222); -webkit-filter: drop-shadow(0 3px 0px #222) drop-shadow(-4px 0px 0 #222) drop-shadow(4px 0px 0 #222); } .sociaux { position: absolute;display: block;top: 10px;right: 10px;/*width: 180px;*/width:140px;height: 35px;z-index: 1000; } .sociaux img{width:35px;height:35px; margin: -17px 0 0 -3px;padding:5px; } .sociaux i{font-size:2rem;margin:0px 5px} .sociaux a{color:#ffd600;} .sociaux a:hover{color:#1a6ab3!important;text-decoration: none;-webkit-transition: all 0.5s; transition: all 0.5s;} .logotype{text-align:center;background: #fff;position:relative;display:block;height:110px;} .leLogo { position: relative;margin:0px auto 0px auto;width:180px;padding: 0px!important;z-index: 100000;border:none!important;text-align: center;display:inline-block; } .leLogo img { width:100%; height:auto;/*margin-left:97px;*/ /*filter: drop-shadow(5px 5px 10px black); -webkit-filter: drop-shadow(5px 5px 10px black);*/ /* -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222);*/ } .lelogo:hover{color:#c2b49e!important;} .leLogo span a:link, .leLogo span a:visited, .leLogo span a:hover, .leLogo a:link, .leLogo a:visited, .leLogo a:hover { color:#fff!important; text-align: center!important; } #content.main-content {margin: 0px 0 0 0; padding-top:70px;} /*****LINK*******/ .paddingLink{padding-right: 0px!important; padding-left: 0px!important;background: rgba(0,0,0,0.80);} a.link {background: #000;position: relative; overflow: hidden;width:100%;height:auto;display:block;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;margin-bottom: 0px;} a.link img {max-width:100%;height:auto; opacity: 1.0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;} a.link:hover img {transform: scale(1.1) rotate(5deg); -webkit-transform: scale(1.1) rotate(5deg); -moz-transform: scale(1.1) rotate(5deg); -ms-transform: scale(1.1) rotate(5deg); -o-transform: scale(1.1) rotate(5deg); opacity: .5; } a.link figcaption {display:block;background: rgba(8,82,148,0.70);position:absolute;bottom:-60px;padding:20px 10px 20px 10px;width:100%;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;} a.link:hover figcaption {background: rgba(8,82,148,0.80);bottom:0px;} a.link figcaption h3 {color:#fcbd32; font-family: 'ff-dax-pro-wide', sans-serif;margin-bottom:20px;font-size: 1.0rem;text-align:center;} a.link figcaption p {color:#ffffff;text-transform: uppercase;font-family: 'ff-dax-pro-wide', sans-serif;text-align: center;font-size: 0.8rem;letter-spacing: 0.1rem;} /*---------------------------*\ détails \*---------------------------*/ #logo { text-indent : -9999px; top:10px;} #logo a { color:transparent;} .navbar-toggle .icon-bar {background: #fff;} .fixNavigation{ top:0px; position: fixed !important; } .displayNone{ display: none!important; } .petitleLogo { width: 118px; height: auto;max-height:60px;overflow:hidden; margin: 0px 0px 0 0px; -webkit-transition: all 0.3s; transition: all 0.3s;top:9px;left:15px; } .petitleLogo img{ filter:none!important; -webkit-filter:none!important; } .petitleLogo span { display: none; } /********************ajout Bootstrap************************/ .navbar { padding: 0rem!important; /* padding: .5rem 1rem; */ } .bg-inverse { background-color: transparent!important; height:inherit; } .navbar-inverse .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='transparent' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .navbar-toggler-icon { color: rgba(255,255,255,0.0); width: 2.5em; height: 2.5em; border:none!important } .navbar-toggler-icon, .navbar-toggler-icon:hover,.navbar-toggler-icon:focus,.navbar-toggler-icon:active,.navbar-toggler-icon.collapsed,.navbar-toggler-icon.active { border:none!important } .navbar-toggler-icon i { font-size:2.2rem;color:#fff; margin-top: 14px; } .coordonnees { width: 220px; height: auto; font-family: 'ff-dax-pro-wide', Arial, sans-serif; font-weight: 700; font-size: 1.2em; padding: 0px 10px 5px 30px; display: block; position: absolute; z-index: 1;top:30px; text-align: left;} .coordonnees a{color:#e8c500;} .coordonnees a:hover{color:#e8c500;-webkit-transition: all 0.3s; transition: all 0.3s;} .coordonnees h2{color: #fff; font-size: 2.5rem; line-height: 2.8rem; font-family: 'ff-dax-pro-wide', sans-serif; } .coordonnees h2 span{color: #fff; font-size: 1.0em; font-family: 'ff-dax-pro-wide', sans-serif; } .coordonnees img{width : auto; height : 42px;margin-right:15px; } #bas .coordonneesbas {margin : 0px auto 0px auto; font-family: 'ff-dax-pro-wide', Arial, sans-serif;font-weight: 300; font-size: 0.9em; padding: 0px 0px 5px 0px;text-align: center;color:#ccc } #bas .coordonneesbas{color:#fff;} #bas .coordonneesbas a{color:#ffffff;} #bas .coordonneesbas a:hover{color:#bbb;} ul.chiffres{list-style: none;text-align: left;} ul.chiffres li{margin-bottom:6px;text-align: left;} ul span.chiffre, li.chiffre{font-size:1.8rem!important; line-height: 1.6rem;font-weight:700;margin-bottom:50px;} .numero {font-size: 1.9rem;line-height:45px;text-align: center;margin:-40px auto 5px auto!important; color:#fff;display:block;width:45px;height:auto; /*background: #e05a0a;*/background: #4f83b1; padding:0px 10px; border-radius:0%;} .cadre5 { border: 1px solid #eee;padding: 5px 5px 5px 0px;margin: 10px 0px 20px 0px;flex-direction: row;display: flex;align-items: center;justify-content: center;background:#fff;-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);} .info .cadre5 img, .cadre5 img{max-width: 175px;width: 40%;height: auto;padding: 5px;border-radius:50%;} .info .cadre5 h3, .cadre5 h3{ color:#1d1d1b;text-transform: none;font-weight: 600;font-size:1.1rem;padding:5px;padding-top: 20px;text-align: center;padding-top: 20px;} .info .cadre5 h3 span, .cadre5 h3 span{ display:block;color:#e8c500;padding-top:30px;text-transform:uppercase;font-size:0.8rem;} .box{display: flex;align-items: center;justify-content: center;} iframe.formulaire{width:100%;height:800px;overflow: auto;border:none!important;} iframe.formulaire2{width:100%;height:2650px;overflow: auto;border:none!important;} .cadre5ter { background:rgba(255,255,255,0.80);border: 1px dotted #04355d;border-radius: 20px;color: #666;margin: 5px 0px; padding: 20px 30px 20px 30px !important;width: 100%;margin-top: 30px;} .cadre5ter ul li a{color: #e8c500!important;font-size:1.2rem;line-height: 1.5rem; text-decoration: underline;} .cadre5ter p{margin :auto;margin-top:10px;} .cadre5bis ul li a{color:#e8c500!important;font-size:1.0rem} .cadre5bis ul li a:hover{color:#aaa!important} /* .cadre5ter p::first-letter, .cadre5bis p::first-letter {font-size: 3.0em;font-family: 'ff-dax-compact-pro', sans-serif;font-weight:800;padding:0px 7px 0px 10px;vertical-align:-5px;color:#e8c500; }*/ .cadre5ter p, .cadre5bis p {color:#1d1d1b; } .cadre5ter p span.first, .cadre5bis p span.first {font-size: 3.0em;font-family: 'ff-dax-compact-pro', sans-serif;font-weight:800;padding:0px 7px 0px 10px;vertical-align:-5px;color:#e8c500; } .cadre5bis h2{color:#1d1d1b;font-family: amatic-sc, sans-serif!important;font-weight: 700!important;} .cadre5bis h2.first { /*****/ background: rgba(255,234,163,1); } h2.first2 {background: #e8c500;color:#fff; } .cadre5bis { border: 1px dashed #fff; padding: 20px 20px 20px 20px; margin: 20px 0px 15px 0px; background: #ffd600; color: #1d1d1b;width:100%;border-radius:10px} .cadre5bis a img {max-width:100%;height:auto; transition: all 0.3s ease-in-out;} .cadre5bis a:hover img {transform: scale(1.1); transition: all 0.3s ease-in-out; } .cadre5bis a h3 {box-sizing: border-box!important; font-family: 'ff-dax-pro-wide', arial, sans-serif; font-size: 1.3rem; color: #fff; line-height: 1.4rem; text-align: center;font-weight: 400;z-index: 100;position: absolute;width:100%;bottom:0px; background: #e8c500;padding: 5px 20px 6px 20px;margin: 0!important;transition: all 0.2s ease-in-out 0.1s ; } .cadre5bis a:hover h3 { background: #fcbd32; transition: all 0.2s ease-in-out 0.1s ;padding: 5px 20px 36px 20px } .cadre5bis ul li { font-family: 'ff-dax-pro-wide', arial, sans-serif; font-size: 0.82rem; color: #eee; line-height: 1.4rem; text-align: justify; font-weight: 400; } .cadre5bis ul { margin-left:20px; } /*****LINK*******/ .paddingLink{padding-right: 0px!important; padding-left: 0px!important;background: #8d6f4c;margin-bottom:20px} a.link {background: #8d6f4c;position: relative; overflow: hidden;width:100%;height:auto;display:block;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;margin-bottom: 0px;} a.link img {max-width:100%;height:auto; opacity: 1.0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;} a.link:hover img {transform: scale(1.1) rotate(5deg); -webkit-transform: scale(1.1) rotate(5deg); -moz-transform: scale(1.1) rotate(5deg); -ms-transform: scale(1.1) rotate(5deg); -o-transform: scale(1.1) rotate(5deg); opacity: .5; } a.link figcaption {display:block;background: rgba(255,214,0,0.50);position:absolute;bottom:-60px;paddinL:20px 10px 20px 10px;width:100%;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;} a.link:hover figcaption {background: rgba(26,106,179,0.80);bottom:0px;} .colorSemi a.link figcaption{ background: rgba(46,165,173,0.80);} .colorSemi a.link:hover figcaption{ background: rgba(4,165,245,0.80);} .colorMarathon a.link figcaption{ background: rgba(224,90,10,0.80);} .colorMarathon a.link:hover figcaption{ background: rgba(224,90,10,1.00);} .color10km a.link figcaption{ background: rgba(144,149,85,0.80);} .color10km a.link:hover figcaption{ background: rgba(144,149,85,1.00);} .colorcoursesenfants a.link figcaption{ background: rgba(226,74,132,0.80);} .colorcoursesenfants a.link:hover figcaption{ background: rgba(226,74,132,0.80);} a.link figcaption h3 {color:#ffffff; font-weight: 800; font-family: 'ff-dax-compact-pro', sans-serif;text-transform:uppercase;margin-bottom:20px;font-size: 1.3rem;} a.link figcaption p {color:#ffffff;text-transform: uppercase;font-family: amatic-sc, sans-serif;font-weight: 700;text-align: center;font-size: 1.2rem;letter-spacing: 0.1rem;} a.link:hover figcaption h3{color:#ffffff!important} a.link:hover figcaption p{color:#ffffff!important} /*---------------------------* /**********************************************/ /********************************************INFO********************************/ .info {/*background:#ffffff repeat-x ;*/ background-position: left 0px top 8px; padding-top: 30px; padding-bottom: 30px;margin-top:-1px;} .info a {text-decoration: none;} .info p{color:#cb005b; font-family: 'dinmedium', sans-serif;font-size: 1.0rem;text-decoration: none;text-align: center; } /*.info i{color:#cb005b!important;}*/ .info h3 {font-family: 'Merriweather Sans', sans-serif; font-size: 1.0rem;color:#cb005b;font-weight: 800;letter-spacing: 0.03em; text-align: center; text-decoration: none;margin-top:10px;text-transform: uppercase; } .info a:hover h3, .info a:hover p/*, .info a:hover i*/{color:#949191!important;-webkit-transition: all 0.5s; transition: all 0.5s;} .info img{ filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); margin-top:0px; } .info a:hover img{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-transition: all 0.5s; margin-top:-10px; } /*********************/ /*.cadre5bis li:last-of-type{display: block; position: absolute; bottom:40px;}*/ ul.notabene{ color: #666!important; font-size: 1.2rem; line-height: 1.5rem; font-weight: 200!important; list-style-type: none; padding: 30px 30px 20px 30px; border: 1px dashed #666; background: #D3D601; } h2 i.grospicto{font-size: 4rem; float:left;margin-right:30px;} .dropdown-menu { height: auto; line-height: normal; padding: 0rem 0!important; margin-top: 0rem!important;background:#ffd600;top: 99%;border-radius:0;border: 1px solid #e8c500; } #ongletAdoption + .dropdown-menu{min-width:172px;} #ongletSoutien + .dropdown-menu{min-width:212px;} .dropdown-menu a.dropdown-item{display : block;height : 45px!important; padding : 0 30px; color : #333; font-family : 'ff-dax-pro-wide', Arial, sans-serif; font-size : 1.0rem;line-height: 45px!important; } .dropdown-menu a.dropdown-item:hover {color : #fff!important; text-decoration: none;background : #e8c500!important; -webkit-transition: all 0.4s; transition: all 0.4s; border:none!important;} #menu { z-index: 15000;position:relative;} #menu.fixNavigation .navbar ul { height: 60px; list-style-type: none; text-align: center; margin-top: 0px; } #menu.fixNavigation .navbar ul li { line-height: 60px; } #menu.fixNavigation .navbar ul li a{ line-height: 5.5em; } #menu.fixNavigation{ height: 60px;margin-top: 0px; } #menu {width : 100%;max-width: inherit; height : 45px; margin-top : -50px; background : #1a6ab3; /* -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);*/padding-left:95px; } #menu .navbar ul { height : 45px; list-style-type : none; text-align: center; margin:0px auto 0px auto;position: relative;} #menu ul li i{font-size:1.5rem;margin-left: -5px;margin-right: 0px;} #menu .navbar ul li {display: inline-block; height : inherit; line-height : 45px; position : relative} #menu .navbar ul li a{display : block;height : inherit; padding : 0 30px; color:#ffffff; font-family :'ff-dax-pro-wide', Arial, sans-serif;font-weight:800; font-size : 0.8em; letter-spacing: 0.1em; /*text-transform: uppercase; border-bottom:0px solid #fff;*/ line-height:45px;text-transform: uppercase;} #menu .navbar ul li a.dropdown-item{text-transform: none;font-weight:300;color:#1d1d1b;padding:0 20px;text-align:center;} #menu ul li i.iconeinfo{margin-right:10px;} #menu .navbar ul li a:hover {/*border-bottom:3px solid #00aece;color:#4f83b1;*/color:#ffd600; -webkit-transition: all 0.2s; transition: all 0.2s; } #menu .navbar ul li.active a:hover, #menu .navbar ul li.active, #menu .navbar ul li a.active, #menu .navbar ul li.active a.active {/*background : rgba(0,0,0,0.1)!important;*/color:#1d1d1b!important;border-bottom:0px solid #ffffff; background: #ffd600;} #menu .navbar ul li a.dropdown-item:hover{color:#fff;} #menu .navbar ul li a.shop{background: #e8c500;color:#fff; } section.actu h2 i {font-size:0.8em;margin-right:10px;} .espacelogo{ margin: 0px 0px 0px 0px; display: inline-block; width: 181px;} /**********************************************/ .carre3bis{ background:#f2fbff; border:1px solid #ddd; color:#666; margin:5px 0px; padding:10px 10px 10px 10px; width:100%; } .carre3bis h7{ color:#fff; margin-bottom:10px; padding:5px; width:100%; display:block; text-align:center; } .carre3bis ul{ margin-left:0;padding-left:0; list-style:none; line-height:1.0em } .carre3bis li{ margin-bottom:10px; } .carre3bis img{width : 120px; height : auto; border: 1px solid #fff; margin:5px;} .carre3bis img:hover{width : 120px; height : auto; border: 1px solid #ccc; margin:5px;} .carre3bis i {color:white!important;margin-bottom:10px} /*blockquote { padding: 7px 20px 2px 20px; margin: 0px 0 0px 0px; background-color: #f2fbff; border-top:1px solid #eee; border-bottom:1px solid #eee; display:block; text-align:left; } blockquote p { color: #999; font-size: 12pt; fon-weight: 100; font-style: italic; font-family : arial, sans-serif;text-align:left; line-height: 16pt; }*/ .carre3bis h2 {font-family: 'ff-dax-pro-wide', sans-serif!important;font-size:2rem!important;text-transform: uppercase!important;text-align: left;} .carre3bis h4 {text-align: center;font-weight: 200;} blockquote { padding: 15px 30px 2px 30px; margin: 20px 0 20px 0px; background-color: #e8c500; border-top: 0px solid #999; border-bottom: 0px solid #999; border-radius: 50px; } blockquote p { color: #ffffff; font-size: 24pt; font-style: normal; font-family: amatic-sc, sans-serif!important; font-weight: 700!important; line-height: 22pt; } /*****************/ .carre4bis{ background:#ffffff; border:2px dotted #4f83b1; color:#666; margin:5px 0px; padding:10px 10px 10px 10px; width:100%; } .carre4bis.M{ border:2px dotted #e05a0a; color:#e05a0a; } .carre4bis.S{ border:2px dotted #2ea5ad; color:#2ea5ad; } .carre4bis.K{ border:2px dotted #909555; color:#909555; } .carre4bis h7{ color:#fff; margin-bottom:10px; padding:5px; width:100%; display:block; text-align:center; } .carre4bis ul{ margin-left:0;padding-left:0; list-style:none; line-height:1.0em } .carre4bis li{ margin-bottom:10px; } .carre4bis img{ border: 1px solid #fff;} .carre4bis.M img, .carre4bis.S img, .carre4bis.K img {border:none!important;margin:-100px auto -30px auto;} .carre4bis img:hover{border: 1px solid #ccc;margin:0px auto;} .carre4bis.M img:hover, .carre4bis.S img:hover, .carre4bis.K img:hover {border:none!important;margin:-100px auto -30px auto;} /*.carre4bis i {color:white!important;margin-bottom:10px}*/ .carre4bis p {text-align: left;color:#666;} .carre4bis.M p, .carre4bis.M ul li {text-align: left;color:#e05a0a;} .carre4bis.S p, .carre4bis.S ul li {text-align: left;color:#2ea5ad;} .carre4bis.K p, .carre4bis.K ul li {text-align: left;color:#909555;} .carre4bis.M .tooltip-inner { max-width: 100%; width:100%; background-color: #e05a0a; border-radius: 0rem;margin-bottom:10px; } .carre4bis.S .tooltip-inner { max-width: 100%; width:100%; background-color: #2ea5ad; border-radius: 0rem;margin-bottom:10px; } .carre4bis.K .tooltip-inner { max-width: 100%; width:100%; background-color: #909555; border-radius: 0rem;margin-bottom:10px; } .carre4bis.M hr{border-top: 1px solid #e05a0a;} .carre4bis.S hr{border-top: 1px solid #2ea5ad;} .carre4bis.K hr{border-top: 1px solid #909555;} .carre4bis h2 {font-family: 'ff-dax-pro-wide', sans-serif!important;font-size:2rem!important;text-transform: uppercase!important;text-align: left;word-wrap: break-word!important;white-space: normal;} .carre4bis h4 {text-align: center;font-weight: 200;} /*************************/ .carre3, .carre3Camping, .carre3Restau{ background:#ffffff; border:1px solid #ed046d; color:#666; margin:0px 0px 20px 0px; width:100%;box-sizing: border-box!important;} .carre3Camping{ border:1px solid #2ea5ad;} .carre3Restau{ border:1px solid #e05a0a;} .carre3 h7, .carre3Camping h7, .carre3Restau h7{ color:#fff; padding:5px; width:100%; display:block; text-align:center;min-height: 53px;background: #ed046d; } .carre3Camping h7{background: #2ea5ad;} .carre3Restau h7{background: #e05a0a;} .carre3 ul, .carre3Camping ul, .carre3Restau ul{ margin-left:0;padding-left:0; list-style:none; line-height:1.0em;margin:5px auto; } .carre3 li, .carre3Camping li, .carre3Restau li { text-align: center; padding: 0px 10px; font-size: 0.8rem; line-height: 1.3rem; color: #666!important; } .carre3 a, .carre3Camping a, .carre3Restau a { color: #666!important; } .carre3 img, .carre3Camping img, .carre3Restau img{width : 100%;max-width:250px; height : auto;bottom:0px!important;filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0);} .carre3 img:hover, .carre3Camping img:hover, .carre3Restau img:hover{filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1);} .modal-content { padding: 10px 20px; } #haut{ width:100%; position:fixed; z-index:1000; display:block; height:auto; margin-top:0px; padding-top:5px; margin-bottom:-0px; /*background:#fff;*/background:#133d79; } .baseline{position: absolute;top:10px;left:30px;z-index: 1000;color: #e8c500!important;font-size: 1.7rem;line-height: 1.2rem; font-family: amatic-sc, sans-serif;font-weight: 700;font-style: normal;width:265px;display:inline-block;text-align:left; } #slogan2{position: absolute; z-index:999; height:auto; width:87%; max-width:inherit; padding-top:5px; color:#ffffff;font-size: 0.8rem; line-height:0.8rem; font-family: 'ff-dax-pro-wide', sans-serif; text-transform: uppercase;letter-spacing: 0.05rem;text-align: center;font-weight:300;color:#fff;right:0px; } #slogan2 ul {list-style:none;text-align:center;} #slogan2 ul li {display:inline-block;color:#fff;margin-right:10px;font-size:1em!important;line-height:16pt!important;} #slogan2 ul li a, #slogan2 ul li a:visited {color:#e8c500;} #slogan2 ul li a:hover {color:#fff;} #slogan2 ul li i {font-size:1.5em;} .insta { position: absolute; z-index: 999; height: 36px; width: 30px; top: 0px; right: 30px!important; font-size: 1.6rem; } .insta a i, .insta a:visited i{color:#e8c500} .insta a:hover i{color:#ffffff} .jaune2020{ color:#e8c500!important;/*color:#517276!important;*/} ul.coordonnees{ color: #666!important; list-style-type : none; } /*fond*/ section {width:100%; height:auto; display:block; position: relative;background: #ffffff;} section.transparent {background: transparent;} section.fondvert {background: url(../img/MRCB-2020_ROYAN_fonce.jpg); background-position: top center; background-repeat: no-repeat;} section.fondjaune, .fondjaune {background: url(../img/MRCB-2020_ROYAN_jaune.jpg); background-position: top center; background-repeat:repeat-y;} .fondbleu{background:#e8c500} .fondorange{background:#d85845} .fondgris{background:#222} .fondbleu2{background:#517276} section.reseauxSociaux {width:100%; height: auto!important; display:block; position: relative; padding:30px 100px; background: rgba(255,255,255,1.00);} section#swiper {width:100%; height: auto; display:block; position: relative; } section#texte {width:100%; height: auto; display:block; position: relative;background: rgba(255,255,255,1.0);margin-top:-1px;} section#textenoir {width:100%; height: auto; display:block; position: relative;background:#4f83b1;margin-top:-1px;} section#ile {width:100%; height: auto; display:block; position: relative; padding:50px 0px;} section#texte h2, section#textenoir h2{ font-size: 1.8rem; line-height: 2.0rem; font-family: 'ff-dax-pro-wide', sans-serif; color:#00aece;margin-bottom:30px; } section h2{ font-size: 2.5rem; font-family: 'ff-dax-compact-pro', sans-serif;font-weight: 800; display:block; width:100%; text-align: center;color:#e8c500;text-transform: uppercase; } section h2 span{ font-size: 0.8em; /*font-family: 'ff-dax-pro-wide', sans-serif;text-transform: uppercase;*/ font-family: amatic-sc, sans-serif;font-weight: 700; display:block; letter-spacing: 0.0em; margin-top:10px;/*color:#666;*/text-transform: none; } section#texte h1, section#textenoir h1, section#ile h1{color:#00aece; font-size:1.8rem; font-family: 'ff-dax-pro-wide', sans-serif;text-align: center; } section#texte h1 span, section#textenoir h1 span, section#ile h1 span{font-size:2.3rem; line-height: 3.2rem!important;font-family: 'ff-dax-pro-wide', sans-serif!important;text-transform: none; } section#textenoir p{color:#fff;} section#textenoir h4{color:#777;} h2 span sup{font-size:0.2em;} .sizereduit{font-size:0.7em!important;} a.surligne{text-decoration: underline;font-size:1.2em;color:#d7451f;word-wrap: break-word!important;white-space: normal;} #bateau { width: 100%; height: auto; text-align: center; padding-bottom: 20px; } #bateau img{width : 150px; height : auto; border: 1px solid #ccc; margin:5px;background: #fff;-webkit-transition: all 0.5s; transition: all 0.5s;} #bateau img:hover{ border: 1px solid #fff;} #bateau h2{ margin-bottom:40px;} #instit { width: 100%; height: auto; text-align: center; } #instit img{width : 180px; height : auto; margin:5px;background: #fff;} .flecheDown{width:70px; height: 70px; display:block; position: absolute; /* postulat de départ */ bottom: 50px; left: 50%; /* à 50%/50% du parent référent */ transform: translateX(-50%); /* décalage de 50% de sa propre taille */ text-align: center; background: rgba(255,255,255,0.3);border-radius:50%; padding-top: 10px!important; webkit-transition: all 0.5s; transition: all 0.5s;} .flecheDown:hover{ background: rgba(255,255,255,0.8);} .flecheDownUn{width:70px; height: 70px; display:block; position: absolute; /* postulat de départ */ bottom: 100px; left: 50%; /* à 50%/50% du parent référent */ transform: translateX(-50%); /* décalage de 50% de sa propre taille color:#748a8e !important;*/ color:#8d6f4c!important;text-align: center;} .flecheDownCalage{bottom: 175px!important;background: rgba(255,255,255,1.0);border-radius:0%; padding-top: 10px!important;} .flecheDown2{width:100%; display:block; position: relative; bottom:0px!important; color:#fff;text-align: center;} .flecheDown a, .flecheDownUn a, .flecheDown a:visited{/*color:#748a8e;*/color:#00aece;text-decoration: none;} .flecheDown2 a, .flecheDown2 a:visited{color:#ffffff; text-decoration: none;} .flecheDown2 a:hover{color:#c2b49e;text-decoration: none; -webkit-transform: scale(1.5); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); webkit-transition: all 0.5s; transition: all 0.5s;} section.googleMap { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; flex-grow: 0; flex-shrink: 0; flex-basis: 100%!important; height:auto; } .carte { -webkit-order: 0; -ms-flex-order: 0; order: 0; flex-grow: 0; flex-shrink: 0; flex-basis: 100%!important; } #map {width:100%; height:467px;/*border-top:10px solid #748a8e;*/} .map {/*background: #748a8e!important;*/background: #aa7d50!important;border: none!important;cursor: pointer!important;margin:-32px auto -5px auto!important} .ar {max-width:1680px;margin-left:auto;margin-right:auto;width : 100%; background: #fff; overflow-x: hidden;} .ar1 {max-width:1680px;margin-left:auto;margin-right:auto;width : 100%; background: #222; overflow-x: hidden; } .ar2 {max-width:1680px;margin-left:auto;margin-right:auto;width : 100%; background: url(../img/fond-huitres-speciales-ancelin-marennes-oleron-normandie.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; position:relative; background-attachment: fixed; /*text-shadow: 1px 1px 6px #666; width:100%; height: 100vh; display:block; position: relative; overflow: hidden;*/ overflow-x: hidden; } .un { width:100%; /*height: 100vh;*/height: 400px; display:block; position: relative; overflow: hidden; } .un h1, .mentions h2, .fond1 h1, .fond4 h1{/*color:#61b9ab;*/color:#fff; font-size:0.9rem; font-family: 'ff-dax-pro-wide', sans-serif;text-transform: uppercase; letter-spacing: 0.2rem!important;background: rgba(0,0,0,0.00); padding:50px 50px 20px 50px;text-align: center; } .un h1, .fond1 h1, .fond4 h1{ margin:75px auto 0px auto; } #bas h2 {color:#fff; font-size:2.0em; line-height: 1.2em;font-weight:800; font-family: 'ff-dax-compact-pro', sans-serif; } #bas h2 span{color:#ffffff; font-size:0.9em; font-family: amatic-sc, sans-serif!important;font-weight:700;text-transform: none!important; } .ligneB::after{ content: ""; display: block; margin:20px auto 0px auto; width: 50%; border-bottom: 1px dashed #fff; border-color: inherit!important; } .ligneDessous::after{ content: ""; display: block; margin:30px auto 0px auto; width: 20%; min-width: 300px; border-bottom: 1px solid #fff; border-color: inherit!important; } .ligneDessous2::after{ content: ""; display: block; margin:11px auto 0px auto; width: 20%; min-width: 250px; border-bottom: 1px solid #fff; border-color: inherit!important; } .ligneH::before{ content: ""; display: block; margin:0px auto 20px auto; width: 50%; border-top: 1px solid #fff; border-color: inherit!important; } .delayDurationUn {-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 1s; animation-delay: 1s;} .un h1 span, .fond1 h1 span, .fond4 h1 span{font-size:3.9rem; line-height: 5.0rem!important;font-family: 'ff-dax-pro-wide', sans-serif!important; letter-spacing: 0.0rem;text-transform: none!important;letter-spacing: 0rem!important; } h2 span sup{font-size:0.2em;} .un h3 {/*color:#c2b49e;*/color:#bb1883; text-transform: uppercase; font-size:0.8em;line-height: 1.2em; letter-spacing: 0.2em; font-family: 'ff-dax-pro-wide', Arial, sans-serif; background: rgba(255,255,255,0.70); padding:20px 60px ; /*border-radius:30px; border:1px solid #c2b49e;text-shadow: 0 1px 1px #000000;*/display:table;margin-left:auto; margin-right:auto; } #myframe{border:none; background:none; overflow:hidden; background-color: transparent; height:320px; width:250px;} #bas h3 {color:#ffffff;text-transform: uppercase; font-size:0.7em;line-height: 1.2em; letter-spacing: 0.2em; font-family: 'ff-dax-pro-wide', Arial, sans-serif; padding:10px 20px 10px 20px; font-weight:300; margin-top:30px; } .ombre{text-shadow: 2px 2px 3px #000} .ombre2{text-shadow: 2px 2px 2px #333333} .ombre2bis{text-shadow: 2px 2px 2px #ffffff} .ombreBlanc{text-shadow: 0 1px 3px #ffffff;} .avecOmbre {-webkit-box-shadow: 0 20px 15px 0 rgba(0,0,0,0.3); box-shadow: 0 20px 15px 0 rgba(0,0,0,0.3);} .avecOmbre2 {-webkit-box-shadow: 0 -10px 15px 0 rgba(0,0,0,0.2); box-shadow: 0 -10px 15px 0 rgba(0,0,0,0.2);} .avecOmbre3 {-webkit-box-shadow:inset 0 10px 15px 0 rgba(0,0,0,0.3); box-shadow:inset 0 10px 15px 0 rgba(0,0,0,0.3);} .avecOmbre4{-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.3); box-shadow: 0 10px 15px 0 rgba(0,0,0,0.3);} .wrapperG{ max-width: 1200px; width: 90%; position: relative; margin:0px auto!important; display: block;} .wrapperG2{ max-width: 1300px; width: 90%; position: relative; margin:0px auto 0px auto!important; display: block;} .wrapperC{ max-width: 960px; width: 90%; position: relative; margin:0px auto!important; display: block; padding:50px 0px;} .pageGalerie {width:96%; display:block; position: relative;max-width: 1200px;margin:30px auto;} .pageGalerie .grid2 {width:100%; display:block; position: relative;height:9000px;} #video { background: rgba(0,76,76,0.40); width:100%; display:block; position: relative; padding-top:50px;padding-bottom:50px;margin-bottom: -1px;height:100vh; } .video{position: absolute; top: 50%; /* poussé de la moitié de hauteur du référent */ transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */} .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #galerie .row{ justify-content: center;} #galerie img{width : 100%; height : auto; border: 1px solid #ccc; margin:5px;} #galerie img:hover{width : 100%; height : auto; border: 1px solid #fff; margin:5px;} /*****************table***********************/ table tr:nth-child(odd) { background-color: #eee; } table tr:nth-child(even) { /*background-color: #c3f3f5;*/background-color: #ffd600;} table tr:first-child { background-color: #333;color:#fff} table td{text-align: center} table tr td:first-child { text-align: left} /******************fin table*****************/ /********************************************INFO********************************/ .info {background:#ffffff /*url(../img/info-background.png)repeat-x */; background-position: left 0px top 8px; padding-top: 30px; padding-bottom: 30px;} .info a {text-decoration: none;} .info p{/*color:#4f83b1;*/ font-family: 'ff-dax-pro-wide', sans-serif;font-size: 1.0rem;text-decoration: none;text-align: center; } /*.info i{color:#4f83b1!important;}*/ .info .bande, .info .bande2 {position: absolute;width:100%;height:100px;display: block;background: #4f83b1;z-index:0;top:169px;} .info .bande2 {top: 103px;} .info h3 {font-family: 'ff-dax-pro-wide', sans-serif; font-size: 2.0rem;/*color:#4f83b1;*/ text-align: center; text-decoration: none;margin-bottom:20px; } .info a:hover h3, .info a:hover p/*, .info a:hover i*/{color:#949191!important;-webkit-transition: all 0.5s; transition: all 0.5s;} .info img{ filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); opacity: 1; margin-bottom:-20px; } .info a:hover img{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); opacity: 0.7; -webkit-transition: all 0.5s; } .moins25 { margin-top: -25px!important; } .bgdGris { background: #eeeeee; } /*********************/ #galerieServices { /*background: url(../img/bgd-orange-gris.png);*background: rgba(255,255,255,1.00);*/ background: background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );; background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; display:block; position: relative; padding-top:100px;padding-bottom:100px; } #galerieServices h3 {color:#6BCDBC; font-size:2em; font-family: 'ff-dax-pro-wide', sans-serif; text-align: center; margin-bottom: 50px; font-style: normal; } #galerieServices h3 span {color:#6BCDBC;font-size:0.7em; font-style:italic; } /********************/ .detail p{font-size:1rem!important;color:#aa7d50!important;} .detail p.laius{font-size: 1.2rem!important;line-height: 1.5rem;font-family: 'ff-dax-pro-wide', sans-serif;font-style: italic; margin-top:38px;} .detail p.laius i{font-size: 2.5rem!important;float: left;margin-right:20px;} a.fancy i {font-size:2rem;color:#aa7d50!important;text-decoration: none;} a.fancy img {margin-top:10px; margin-bottom:10px; -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3); box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3); } a.fancy span, a.fancy:hover span, a.fancy :hover {font-size:1.5rem;color:#aa7d50!important;text-decoration: none!important;-webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.0); box-shadow: 0 3px 10px 0 rgba(0,0,0,0.0);} .detail td{padding:5px 10px;} /*****************/ /*****************/ /*********/ .wrapperCoord{ width: 90%; position: relative; margin:0px auto!important; display: block;} .partenaires { padding: 20px 0px 50px 0px; display: block;position: relative;} .partenaires h3 {font-family: 'viktor-script', sans-serif; font-size: 2.7rem;line-height: 2.7rem; color:#666; text-align: center; text-decoration: none;-webkit-transition: all 0.5s; transition: all 0.5s;margin-top:0px;margin-bottom: 20px; } .partenaires img{ max-height: 135px; padding:10px; width:auto; margin:10px auto; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 1.0;max-width: 100%; } .partenaires img:hover{ filter: grayscale(0%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); opacity: 0.5; } /***********/ .btn.resaNews, .btn.resa, .btn.resaM, .btn.resaJ, .btn.resaK, .btn.resaE, .btn.resaL { text-decoration: none; font-size: 13px; padding: 15px 15px; display: inline-block; cursor: pointer; border-radius: 0; margin-top:20px; background: #ffd600; text-transform: uppercase; letter-spacing: 0.1em; border:0px solid #fff; word-wrap: break-word!important; white-space: normal;color:#1d1d1b;min-width:200px;font-weight:400; -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1); } .btn .resaNews, .blocTexte .btn.resa {margin-top:0px;} .btn.resaM{background: #e05a0a;width:100%} .btn.resaJ{background: #222;} .btn.resaK{background: #909555;width:100%} .btn.resaE{background: #e24a84;width:100%} .btn.resaL{background:#ed046d;width:100%} .btn.resaNews:hover, .btn.resa:hover, .btn.resaM:hover, .btn.resaJ:hover, .btn.resaK:hover, .btn.resaE:hover, .btn.resaL:hover { background: #1a6ab3; color:#ffffff; } .horaires{padding-top:30px;} .pagination { margin: 30px auto!important; display: block; } .fondbleu a.produits p {color:#fcbd32;} .fondbleu a.produits span {display:block;color:#fcbd32;font-size:0.8em;line-height:1.2em;margin-top:-15px;} .fondbleu a.produits:hover span {color:#ffffff; -webkit-transition: all 0.3s;transition: all 0.3s;} .fondbleu a.produits img {padding:2px;background: #fcbd32;} .fondbleu a.produits:hover p {color:#fff;-webkit-transition: all 0.3s;transition: all 0.3s;} .fondbleu a.produits:hover img {opacity:0.8;-webkit-transition: all 0.3s;transition: all 0.3s;background: #ffffff;} .responsive{width:100%;height:auto;} img.lazy { max-width: 100%; height: auto; } .fondN { background: rgba(255,255,255,0.75) url(../img/fond1n.png); /*background-size: cover;*/ background-position: center top; background-repeat: no-repeat; } .fondN1 { background: rgba(255,255,255,0.85) url(../img/fond1.png); /*background-size: cover;*/ background-position: center top; background-repeat: no-repeat; } .fondG { background: #fff url(../img/fond11.jpg); background-size: contain; background-position: top left; background-repeat: no-repeat; } .fondG.act { background: #fff url(../img/fond11.jpg); background-size: contain; background-position: top +80px left; background-repeat: no-repeat; background-attachment: fixed; } .fondG2 { background: #222 url(../img/fond17bis.jpg); background-size: cover; background-position: right top; background-repeat: no-repeat; } .fondG3 { background: #fff url(../img/fond11.jpg); background-size: contain; background-position: top left; background-repeat: no-repeat; } .fondG4 { background: #fff url(../img/fond16.jpg); background-size: contain; background-position: left top; background-repeat: no-repeat; } .fondG5 { background: #fff url(../img/fond12.jpg); background-size: contain; background-position: left top; background-repeat: no-repeat; } .fondG6 { background: #fff url(../img/fond13.jpg); background-size: contain; background-position: left top; background-repeat: no-repeat; } .fondG7 { background: #222 url(../img/fond-huitres-ancelin-marennes-oleron-normandie-12.jpg); background-size: cover; background-position: left top; background-repeat: no-repeat; } .fondB { background: #fff url(../img/fond1bleu.png); /*background-size: cover;*/ background-position: center top; background-repeat: no-repeat; } hr { margin-top: 0.5rem; margin-bottom: 0.5rem; border: 0; border-top: 2px dotted #e8c500; width: 100%; } hr.separation{border-top: 1px solid #ccc;margin:0.5rem auto!important;width:100%;display:block;} strong, b{font-weight: 800} .filtering i {font-size:1.8rem;} /*---------------------------SWIPER-----------------------------*/ img.lazy { max-width: 100%; height: auto; } .swiper-container { width: 100%; background-color: #e8c500; /*background: url(../img/bas-page-11.jpg); background-size: cover; background-position: center right; background-repeat: no-repeat;*/ width:100%; min-height: 209px; display:block; position: relative } .swiper-container h1, .swiper-container h2, .swiper-slide h2 { /* color: #61b9ab; */ text-transform: none; font-size: 1.45rem; font-weight:700; font-family: amatic-sc, sans-serif!important; letter-spacing: 0.1rem!important; text-align: center; margin-left:auto;margin-right:auto;color:#333; } .swiper-container h1 span, .swiper-container h2 span, .swiper-slide h2 span { font-size: 3.0rem; line-height: 3.2rem!important; font-family: 'ff-dax-compact-pro', sans-serif; letter-spacing: 0.0rem; color:#333; text-shadow: 2px 2px 2px #fff; letter-spacing: 0rem!important;display: block;margin-bottom: 15px;font-weight:700;text-transform: uppercase; } .swiper-container #nain h1, .swiper-container #nain h2, .swiper-slide #nain h2 { /* color: #61b9ab; */ text-transform: none; font-size: 1.45rem; font-weight:700; font-family: amatic-sc, sans-serif!important; letter-spacing: 0.1rem!important; text-align: center; margin-left:auto;margin-right:auto;color:#fff; } .swiper-container #nain h1 span, .swiper-container #nain h2 span, .swiper-slide #nain h2 span { font-size: 3.0rem; line-height: 3.2rem!important; font-family: 'ff-dax-compact-pro', sans-serif; letter-spacing: 0.0rem;font-weight:700; color:#fff; text-shadow: 2px 2px 2px #222; letter-spacing: 0rem!important;display: block;margin-bottom: 15px;text-transform: uppercase; -webkit-text-fill-color: #fff!important; } .swiper-container h3, .swiper-slide h3 { /* color: #61b9ab; */ color: #fff; font-size: 0.9rem; font-family: 'ff-dax-pro-wide', sans-serif; text-transform: uppercase; letter-spacing: 0.2rem!important; background: rgba(0,0,0,0.00); padding: 0px 50px 20px 0px; margin-left:200px; text-align: left; } .swiper-container h3 span, .swiper-slide h3 span { font-size: 2.9rem; line-height: 3.0rem!important; font-family: 'ff-dax-pro-wide', sans-serif!important; letter-spacing: 0.0rem; text-transform: none!important; letter-spacing: 0rem!important;display: block;margin-bottom: 15px; } .swiper-container.merci { width: 100%; /*background: url(../img/bg22.jpg); background-size: cover; background-position: center right; background-repeat: no-repeat;*/ width:100%; min-height: 400px; display:block; position: relative;z-index: 0!important;top:-1px;margin-bottom:-1px; } .swiper-slide {background: #fff; text-align: center; font-size: 18px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; justify-content: start; /*background: transparent!important; align-items: center; justify-content: center; */ } /*************slides index*************/ .swiper-slide.slideA { background: url(../verins-pneumatiques/type-a/verin-pneumatique-TYPE-A-1.jpg); } .swiper-slide.slideB { background: url(../verins-pneumatiques/type-b/verin-pneumatique-TYPE-B-1.jpg); } .swiper-slide.slideC { background: url(../verins-pneumatiques/type-c/verin-pneumatique-TYPE-C-1.jpg); } .swiper-slide.slideD { background: url(../verins-pneumatiques/type-d/verin-pneumatique-TYPE-D-1.jpg); } .swiper-slide.slideE { background: url(../verins-pneumatiques/type-e/verin-pneumatique-TYPE-E-1.jpg); } .swiper-slide.slideF { background: url(../verins-pneumatiques/type-f/verin-pneumatique-TYPE-F-1.jpg); } .swiper-slide.slideG { background: url(../verins-pneumatiques/type-g/verin-pneumatique-TYPE-G-1.jpg); } .swiper-slide.slideH { background: url(../verins-pneumatiques/type-h/verin-pneumatique-TYPE-H-1.jpg); } .swiper-slide.slideI { background: url(../verins-pneumatiques/type-i/verin-pneumatique-TYPE-I-1.jpg); } .swiper-slide.slideJ { background: url(../verins-pneumatiques/type-j/verin-pneumatique-TYPE-J-1.jpg); } .swiper-slide.slideDTL { background: url(../verins-pneumatiques/type-dtl/verin-pneumatique-TYPE-DTL-1.jpg); } .swiper-slide.slideDO11 { background: url(../verins-pneumatiques/type-do11/verin-pneumatique-TYPE-DO11-1.jpg); } .swiper-slide.slideINDEXAGE { background: url(../verins-pneumatiques/type-indexage/verin-pneumatique-TYPE-IDEXAGE-1.jpg); } .swiper-slide.slidePRESSE { background: url(../verins-pneumatiques/type-presse/verin-pneumatique-TYPE-PRESSE-1.jpg); } .swiper-slide.slideDETECTION { background: url(../verins-pneumatiques/type-detection/kit-detection-3d-1.jpg); } .swiper-slide.slideSURPRESSEUR { background: url(../verin-surpresseur/verin-surpresseur-GEP17-1.jpg); } .swiper-slide.slide1 { background: url(../img/slide-refuge-chien-chat-royan-charente-maritime-1.jpg); } .swiper-slide.slide2 { background: url(../img/slide-refuge-chien-chat-royan-charente-maritime-2.jpg); /*background-size: cover; background-position: center center; background-repeat: no-repeat; */ } #nain .swiper-slide.slide2 { background:url(../images/fond_alpha5.png), url(../img/slide-refuge-chien-chat-royan-charente-maritime-2.jpg); background-size: auto, cover; background-position: center center; background-repeat: no-repeat; } #nain .swiper-slide.slide1 { background:url(../images/fond_alpha5.png), url(../img/slide-refuge-chien-chat-royan-charente-maritime-1.jpg); background-size: auto, cover; background-position: center center; background-repeat: no-repeat; } #nain .swiper-slide.slide3 { background:url(../images/fond_alpha5.png), url(../img/slide-refuge-chien-chat-royan-charente-maritime-4.jpg); background-size: auto, cover; background-position: center center; background-repeat: no-repeat; } #nain .swiper-slide.slide4 { background:url(../images/fond_alpha5.png), url(../img/slide-refuge-chien-chat-royan-charente-maritime-4.jpg); background-size: auto, cover; background-position: center center; background-repeat: no-repeat; } #nain .swiper-slide.slide5 { background:url(../images/fond_alpha5.png), url(../img/slide-refuge-chien-chat-royan-charente-maritime-5.jpg); background-size: auto, cover; background-position: center center; background-repeat: no-repeat; } #nain .swiper-slide.slide6 { background:url(../images/fond_alpha5.png), url(../img/slide-refuge-chien-chat-royan-charente-maritime-3.jpg); background-size: auto, cover; background-position: center center; background-repeat: no-repeat; } #nain .swiper-slide.slide7 { background:url(../images/fond_alpha5.png), url(../img/slide-huitres-speciales-marennes-oleron-normandie-ancelin-10bis.jpg); background-size: auto, cover; background-position: center center; background-repeat: no-repeat; } .swiper-slide.slide3 { background: url(../img/slide-refuge-chien-chat-royan-charente-maritime-3.jpg); } .swiper-slide.slide4 { background: url(../img/slide-refuge-chien-chat-royan-charente-maritime-4.jpg); } .swiper-slide.slide5 { background: url(../img/slide-huitres-speciales-marennes-oleron-normandie-ancelin-5bis.jpg); } .swiper-slide.slide6 { background: url(../img/slide-huitres-speciales-marennes-oleron-normandie-ancelin-6.jpg); }.swiper-slide.slide7 { background: url(../img/slide-huitres-speciales-marennes-oleron-normandie-ancelin-7.jpg); } .swiper-slide.slide8 { background: url(../img/slide-huitres-speciales-marennes-oleron-normandie-ancelin-15.jpg); } /************situation******************/ /************slides jeux**************/ .swiper-slide.slide1, .swiper-slide.slide2, .swiper-slide.slide3, .swiper-slide.slide3bis, .swiper-slide.slide3quad, .swiper-slide.slide4, .swiper-slide.slide5, .swiper-slide.slide6, .swiper-slide.slide7, .swiper-slide.slide8, .swiper-slide.slide9, .swiper-slide.slide10, .swiper-slide.slide11, .swiper-slide.slide12, .swiper-slide.slide13, .swiper-slide.slide14, .swiper-slide.slide15, .swiper-slide.slide16, .swiper-slide.slide17, .swiper-slide.slide18, .swiper-slide.slide19, .swiper-slide.slide20, .swiper-slide.slide21, .swiper-slide.slide22{background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; min-height: 450px; } .swiper-slide.slideA, .swiper-slide.slideSURPRESSEUR, .swiper-slide.slideB, .swiper-slide.slideC, .swiper-slide.slideD, .swiper-slide.slideE, .swiper-slide.slideF, .swiper-slide.slideG, .swiper-slide.slideH, .swiper-slide.slideI, .swiper-slide.slideJ, .swiper-slide.slideDTL, .swiper-slide.slideDO11, .swiper-slide.slideINDEXAGE, .swiper-slide.slidePRESSE, .swiper-slide.slideDETECTION {background-size: contain; background-position: center center; background-repeat: no-repeat; width:100%; min-height: 450px; } /*.swiper-slide.slide13, .swiper-slide.slide14, .swiper-slide.slide15{background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; min-height: 209px; }*/ #nain .swiper-slide.slide1, #nain .swiper-slide.slide2, #nain .swiper-slide.slide3, #nain .swiper-slide.slide3bis, #nain .swiper-slide.slide4, #nain .swiper-slide.slide5, #nain .swiper-slide.slide6, #nain .swiper-slide.slide7, #nain .swiper-slide.slide8, #nain .swiper-slide.slide9, #nain .swiper-slide.slide10, #nain .swiper-slide.slide11, #nain .swiper-slide.slide12, #nain .swiper-slide.slide13, #nain .swiper-slide.slide14, #nain .swiper-slide.slide15, #nain .swiper-slide.slide16, #nain .swiper-slide.slide17, #nain .swiper-slide.slide18, #nain .swiper-slide.slide19, #nain .swiper-slide.slide20, #nain .swiper-slide.slide21, #nain .swiper-slide.slide22{background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; min-height: 250px; } /***********************/ .imgbas1 img, .imgbas2 img, .imgbas3 img, .imgbas4 img, .imgbas5 img{width:100%;height:auto} .imgbas1, .imgbas2, .imgbas3, .imgbas4, .imgbas5 {display:block;position: relative;} .imgbas1 h2, .imgbas2 h2, .imgbas3 h2, .imgbas4 h2, .imgbas5 h2 { /* color: #61b9ab; */ color: #fff; font-size: 0.9rem; font-family: 'ff-dax-pro-wide', sans-serif; text-transform: uppercase; letter-spacing: 0.2rem!important; background: rgba(0,0,0,0.00); padding: 30px 30px 30px 30px; text-align: center; position: absolute; /* postulat de départ */ top: 50%; left: 50%; /* à 50%/50% du parent référent */ transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */ width:100%; } .imgbas1 h2 span, .imgbas2 h2 span, .imgbas3 h2 span, .imgbas4 h2 span, .imgbas5 h2 span { font-size: 3.9rem; line-height: 4.0rem!important; font-family: 'ff-dax-pro-wide', sans-serif!important; letter-spacing: 0.0rem; text-transform: none!important; letter-spacing: 0rem!important; display: block; margin-bottom: 15px;} @media (max-width: 767px) { .sansencart img { margin-bottom:30px; } .container { width: 100%; max-width: 100%; } } /**********************/ .parallax-bg { position: absolute; left: 0; top: 0; width: 130%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center; } .swiper-slide .blocTexte { /* width: 50%;*/ min-width: 320px;max-width:700px; margin-left:auto; margin-right:auto; background: rgba(252,255,255,0.60)!important; padding:20px 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; align-items: center; justify-content: center; border-radius:10px; } .swiper-slide .blocTexte2 { /* position:absolute; top:0px; left:70px;height:100%;*/ width:100%; min-width: 320px;height: 450px; /*min-height:320px;*/ /*height:380px!important;*/ margin-left:0%; background: rgba(8,82,148,0.70)!important; padding:20px 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; align-items: center; justify-content: center; display:flex; }/* .swiper-slide .blocTexte h1, .swiper-slide .blocTexte h2 { display:flex; align-items: center; justify-content: center; margin:auto; }*/ .swiper-slide .blocTextemerci { position:absolute; top:120px; left:90px; /*width:35%;*/ width: 400px; background: rgba(0,76,76,0.80)!important; /*background: rgba(171,156,143,0.80)!important;*/ padding:15px 20px 15px 20px; border:2px dotted #4f83b1; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .swiper-slide .blocTexte .btn { /* position:absolute; bottom:50px; left: 50%; transform: translateX(-50%);*/ } .swiper-slide .pslide{display: block!important;position:relative!important;margin:0px auto;} .swiper-slide .title, .swiper-slide h1.title{ font-size: 2.1rem; font-weight: 100; line-height: 2.3rem; text-align: left; /*color:#afa69f!important;*/ color:#ffffff; text-shadow: 0 2px 5px #666666; font-family: 'Verveine', sans-serif!important; } .swiper-slide .subtitle {margin-top:10px; font-size: 1.5rem; line-height: 1.5rem; text-align: left; font-family: 'Lato', sans-serif; color:#fff!important; } /* .swiper-slide .subtitle::after{ content: ""; display: block; margin:10px auto 10px auto; width: 100%; border-bottom:1px dashed #666666; border-color:inherit; }*/ .swiper-slide .text p{ font-size: 1.2rem; line-height: 1.4rem; text-align: left; font-weight: 400; color:#666!important; } .swiper-pagination-bullet { width: 20px!important; height: 20px!important; display: inline-block; border-radius: 50%; background: rgba(255,255,255,0.60)!important; opacity: 1.0; vertical-align: middle!important; font-size:1.0rem!important; line-height: 25px; color:#fff!important; border-radius:50%; /*border:3px solid #fff;*/ } .swiper-pagination.jeux { margin-bottom:-50px; } .swiper-pagination-bullet-active { opacity: 1; background: #222!important; } .swiper-button-prev, .swiper-button-next { background-color: #e8c500;padding:30px 25px!important; bottom:0%!important;top:auto; } .swiper-button-next { right:0px } .swiper-button-prev{left:0px;} .fond-section-blanche {background: rgba(255,255,255,0.80);} .fond-section-blanche2 {background: rgba(255,255,255,0.50);} .fond-section-noir {background:rgba(0,0,0,0.8)} .cinq { /*background: url(../img/bgd-orange-gris.png); background: url(../img/bgd-1848-alpha.png);*/ background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height: 100vh; min-height: 100vh; display:block; position: relative; overflow: hidden; } .mentions { background: rgba(0,0,0,0.70); width:100%;max-width: 970px; height: auto; display:block; position: relative; padding:100px 30px; margin:0 auto; } .mentions a{ color:#ccc; font-size:1.5em;text-decoration: underline;line-height: 1.5em; } .colorJaune{color: #4f83b1!important} .colorRose {color:#bb1883;} .colorBleu {color:#2ea5ad;} .colorBlanc {color:#fff!important;} .colorBronze {color:#8d6f4c!important;} .colorBleuClair{color:#61b9ab} .colorVert {color:#c7d40c;} .colorOrange {color:#e05a0a;} .colorBlanc {color:#fff!important;} .colorGris {/*color:#cccccc;*/color:e8c500;} .colorGrisFonce {color:#666!important;} .colorrose{ color:#d4124a!important;} .colorDroles{ color:#e24a84!important;} .colorvert{ color:#bbc109;} .colorbleu{ color:#1d6eb9!important;} .colororange{ color:#de670f!important;} .colorbeige{ color:#ab9c8f!important;} .bgd1bis{ background:#0278b0; color:#fff;} .bgd2bis{ background:#0296b0; color:#fff;} .bgd3bis{ background:#269e8f; color:#fff;} .bgd4bis{ background:#4ba76e; color:#fff;} .bgd5bis{ background:#86b439; color:#fff;} .bgd6bis{ background:#a7bc1b; color:#fff;} .bgd7bis{ background:#bbc109; color:#fff;} .bgd8bis{ background:#77ae5b; color:#fff;} ::placeholder { color: #666!important;font-weight: 400;text-align: left!important; } input#Email::placeholder, input#Email2::placeholder { color: #666!important;font-weight: 400;text-align: left!important; } input {border: none!important;border:1px solid #ccc!important;padding:8px 10px;width: 99%!important;margin-bottom:5px!important;background: rgba(255,255,255,0.50);height:48px;} input#Email {border: none!important;border-bottom:0px solid #999999!important;padding:5px 10px;width: auto!important;margin-bottom:5px!important;text-align: left!important;height:48px;width: 99%!important;} input#Email2 {border: none!important;border-bottom:0px solid #999999!important;padding:5px 10px;width: auto!important;margin-bottom:5px!important;text-align: left!important;height:39px;border-radius:5px;background: #fff;width: 99%!important;} .form-group { display:inline-block;width: 100%; } .iframeNews{border: none;width: 100%;max-width:380px;height: 64px;background: transparent;} input[data-reset="reset"]{width:46%!important;margin:1%!important;display: inline-block; border:none!important;background: rgba(187,24,131,1.00); color:#fff!important;cursor: auto;padding:20px 5px;} input[data-submit="submit"]{width:46%!important;margin:1%!important;display: inline-block; border:none!important;background: rgba(199,212,12,1.00);cursor: auto;padding:20px 5px; } .bgdOrange {background:#fd4f00!important;} .dottedNoir{border-top:8px dotted #999; border-bottom:8px dotted #999;} textarea{width: 99%!important;border:1px solid #ccc!important;padding:5px 10px;text-align: center;background: rgba(255,255,255,0.50);min-height:100px;margin-bottom:15px;} .sansOmbre {-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.0)!important; box-shadow: 0 10px 15px 0 rgba(0,0,0,0.0)!important;} /*#bas*/ #bas {width : 100%; height : auto; position : relative; bottom : 0px!important; z-index: 100; padding:20px 15px 10px 15px;margin-bottom:0px; font-family: 'ff-dax-pro-wide', Arial, sans-serif;} #bas ul {height : 50px; list-style-type : none; margin:0 auto; width:auto; display:table;} #bas ul li {float: left; height : 30px; padding : 0 20px;} #bas ul li.reseaux{padding : 10px 20px; height: 60px; } #bas ul li a:hover {color : #eee;} #bas ul li a span{margin-right:10px;} #bas p{margin:0 auto; text-align: center; color : #ffd600;} #bas p img {max-width:150px; height:auto; width:100%;} /*footer*/ footer {width : 100%; height : auto; position : relative; bottom : 0px!important; z-index: 100; padding:10px 15px 20px 15px;margin-bottom:0px; font-family: 'ff-dax-pro-wide', Arial, sans-serif;background: #1a6ab3;} footer ul {height : 30px; list-style-type : none; margin:0 auto; width:auto; display:table;} footer ul li { height : 30px; display: block} footer ul li a{color : #fff; font-size:0.8rem; text-transform : none; height : 30px; display : block; line-height : 30px;text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; } footer ul li.reseaux{padding : 0 5px 0 0px; } footer ul li a:hover {color : #bbb;} footer ul li a span{margin-right:10px;} footer p{margin:0 auto; text-align: center; color : #ffd600;} footer p a{color : #ffd600;} footer p a:hover{color : #1d1d1b;} footer p span{color:#666666!important; font-style: italic; font-size:0.9em;} /*footer .dernier h2, footer .dernier h3{text-align: left!important;}*/ #tubular-container {top:0;} .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .tampon{height:450px;} .btn {display: block; height: auto; text-decoration: none!important;} .btn-secondary {border-radius:0px; padding:0; display:inline-block;} .btn-secondary{font-family: 'ff-dax-pro-wide', Arial, sans-serif; text-transform: uppercase;text-decoration: none!important; width:100%;letter-spacing: 0.2em; padding:11px 20px;color:#fff;font-weight: 400; font-size:0.8em;display: inline-block;width:auto; background:#c2b49e;} a:hover .btn-secondary {background:#7f7f7d; color:#fff; -webkit-transition: all 0.5s; transition: all 0.5s; text-decoration: none!important;} a.noDecoration {text-decoration: none!important;} .go-b{ position:fixed; width:60px; height:60px; border:0px solid #fff; z-index:2001; right:10px; bottom: 50px; } .go-b a{ display:block; width:100%; height:100%; color:#fd4f00!important; } h7{ font-family: 'ff-dax-pro-wide', sans-serif; font-size:1.5em; line-height:0.9em; } .centrage { text-align : center; margin:0 auto;position: relative;width: 100%;} .centrageNews{ text-align : center; margin:0 auto;position: relative;width: 100%;max-width:500px;} .centrageitem{ display: flex; align-items: center; justify-content: center;} .centrageitem1{ display: block; text-align: center; position:relative; margin:0 auto;} .centrageitem2{ position: absolute!important; top: 50%!important; /* poussé de la moitié de hauteur du référent */ transform: translateY(-50%)!important; /* tiré de la moitié de sa propre hauteur */ } .centrageitem3{ position: absolute; /* postulat de départ */ top: 50%; left: 50%; /* à 50%/50% du parent référent */ transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */} .bgdbleu{ background:#2ea5ad;} .bgdvert{ background:#bbc109; color:#fff;} .bgdvert:hover{ background:#fff; color:#666; text-decoration:none; text-shadow: 0 1px 2px #ffffff; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;} .arMoutarde {background: #4f83b1!important} .arRose {background: #f5b2e8!important} .arKaki {background: #909555!important} .arVert {background: #69a200!important} .arMarron {background: #ba4a08!important} .arFushia {background: #ed046d!important} .arBleu {background: #2ea5ad!important} .arOrange {background: #e05a0a!important} .carre{ background:#437a75; border:0px solid #d4124a; color:#ffffff; margin:1px 0px 0px 0px; border:0px solid #d4124a; padding-top:15px; padding-bottom:0px; } .margeneg2{ margin-top:5px; margin-bottom:5px; } /*--------------------------------- partie FR---------------------------- */ .ligne2::after{ content: ""; display: block; margin:20px auto 0px auto; width: 10%; background-color: #222222; height: 1px; } /*******************************************MEDIA QUERRIES********************************/ /* @media (max-width: 1240px) { #menu .navbar ul li a { padding: 0 25px; } }*/ @media (max-width: 1200px) { /*.baseline { top: 105px; left: 60px;z-index: 100; }*/ #slogan2 { width:100%; right: 0; left: 0;text-align: left;padding-left: 155px; } #slogan2 ul { text-align: left;} .insta { right: 10px; } } @media (max-width: 1182px) { #menu .navbar ul li a { padding: 0 25px; letter-spacing: 0.15em; } } @media (max-width: 1135px) { #menu .navbar ul { right: 10px; } #menu .navbar ul li a { padding: 0 20px; font-size: 0.7em; } } @media (max-width: 1090px) { #slogan2 ul li:first-of-type { display:none } .insta { right: 21px; } } @media (max-width: 1016px) { section.googleMap { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column!important; -ms-flex-direction: column!important; flex-direction: column!important ; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; flex-grow: 0; flex-shrink: 0; flex-basis: 100%!important; height:auto; border-top:10px solid #aa7d50; background: rgba(255,255,255,1.00); } .carte { -webkit-order: 0; -ms-flex-order: 0; order: 0; flex-grow: 0; flex-shrink: 0; flex-basis: 100%!important; } .info {background:#ffffff url(../images/fond-footer2.png)no-repeat ; background-position: left 0px top 15px; padding-top: 30px; padding-bottom: 30px;} } @media (max-width: 1006px) { #menu .navbar ul li a { padding: 0 20px; font-size: 0.7em; letter-spacing: 0.05em; } } @media (max-width: 991px) { /*.voletfacebook{z-index: 1500; position: fixed; margin: 0px 0px 0px; left: -290px; top: 120px; width: 340px;-webkit-transition: left 0.5s; transition: left 0.5s;} .voletfacebook a{cursor: pointer;} .voletfacebook.voletfacebookopen{z-index: 1500; position: fixed; margin: 0px 0px 0px; left: 0px!important; top: 120px; width: 340px; -webkit-transition: left 0.5s; transition: left 0.5s; } #voletfacebook.voletfacebookopen2{ margin-top: -302px!important; } #slogan2 { padding-top: 2px; }*/ #menu .navbar ul li.active a:hover, #menu .navbar ul li.active, #menu .navbar ul li a.active, #menu .navbar ul li.active a.active {color:#ffffff!important;border-bottom:0px dotted#ffffff; } .cadre5bis { min-height: 165px; } #face.face2{position: fixed;top:70px;} .wrapper{ top: 20%; } .leLogo span {display:none;} /* .leLogo { position: absolute; top:25px;left:75px!important; margin: 0; width: 180px; height: auto; overflow: hidden; } .leLogo img { width: 100%; height: auto; filter: drop-shadow(0px 0px 0px black); -webkit-filter: drop-shadow(0px 0px 0px black); } .leLogo { position: absolute; top: 2px; left: 38px; } */ /*.sociaux { position: absolute; display: block; top: 15px; right: 12px; width: 96px; height: 38px; z-index: 1000;text-align: right; }*/ .dropdown-menu { height: auto; line-height: normal; padding: 0rem 0!important; margin-top: 0rem!important; background: #222; border:none!important; } #menu .navbar ul li .dropdown-menu a.dropdown-item{text-align: center!important;width: 100%;color:666!important;} /*#menu { width: 100%; height: 101px;}*/ #menu .navbar ul { width:100%;height : auto!important; list-style-type : none; text-align: center; background: rgba(255,255,255,1.00);/*top:101px;*/margin-top: 0px!important; } #menu .navbar ul li a, #menu .navbar ul li a:hover{text-align:left!important; border-bottom:0px solid #fff; } #menu .navbar ul {background : #e8c500;} /*#menu.fixNavigation .navbar ul {top : 60px;}*/ #menu .navbar ul li, #menu .navbar ul li a, #menu .navbar ul li a:hover {color:#fff!important;font-size: 1.0rem;text-align: center!important;} #menu .navbar ul li a{ height: 50px; line-height: 50px; position: relative; } #menu .navbar ul li .dropdown-menu a{ color:#ccc!important; padding-left:0px!important; height: 45px!important; line-height: 45px!important;text-align: center;text-transform: none; } #menu.fixNavigation .navbar ul li a { line-height: auto; } .navbar-toggler { margin-top: -15px; align-self: flex-end; } #menu.fixNavigation .navbar-toggler { margin-top: -15px; } h2 span sup{font-size:0.2em;} .flecheDownCalage { bottom: 210px!important;} #menu.fixNavigation .navbar ul li a{ line-height: 45px; } #menu .navbar ul { right: 0px;padding-top:35px; } #slogan2 { width: 160px; right: auto; left: 180px; text-align: left; padding-left: 0; } #menu {padding-left: 0px;} .navbar-inverse .navbar-toggler, .navbar-inverse .navbar-toggler.collapsed { border-color: rgba(255,255,255,.0)!important; } .espacelogo{ display: none!important;} .leLogo { width: 110px; } #menu.fixNavigation { height: 45px; margin-top: 0px; } #menu .navbar ul li.active a:hover, #menu .navbar ul li.active, #menu .navbar ul li a.active, #menu .navbar ul li.active a.active { background: #e8c500; } .actuvide{display:none} .voletfacebook { position: absolute; } } @media (max-width: 920px) { #bas p img { max-width: 220px; height: auto; width: 100%; } } @media (max-width: 880px) { /* #slogan2 ul li { display: block; width: 337px; margin-left: auto; text-align: left; } .un h1, .mentions h2, .fond1 h1, .fond4 h1{color:#fff; font-size:1.0rem; padding:50px 20px 20px 20px;text-align: center;position:absolute;width:100%;transform:left: 50%; transform: translateX(-50%); } .un h1 span, .fond1 h1 span, .fond4 h1 span{font-size:2.7rem; line-height: 4.0rem!important;font-family: 'ff-dax-pro-wide', sans-serif!important; letter-spacing: 0.0rem;text-transform: none!important;letter-spacing: 0rem!important; } .coordonnees a:first-of-type{display:none} } footer .coordonnees a:first-of-type{display:inline-block}*/ } @media (max-width: 825px) { .pageGalerie .grid2 {width:100%; display:block; position: relative;height:17500px;} } @media (max-width: 767px) { .swiper-container h1 span, .swiper-container h2 span, .swiper-slide h2 span, .swiper-container #nain h1 span, .swiper-container #nain h2 span, .swiper-slide #nain h2 span { font-size: 2.5rem; line-height: 2.7rem!important;} .blocTexte{padding:20px 30px;} footer .dernier h3, footer .dernier h2 { text-align: center!important; } footer .dernier h2 { margin-top:40px; } .actu h3{margin-top:30px;} .carre4bis.M img, .carre4bis.S img, .carre4bis.K img { margin: -35px auto -20px auto; } .gelerie img{margin-bottom:10px;} section h2 { font-size: 2.0rem;padding-left:20px!important;padding-right:20px!important; } ul.description { padding-top: 20px; padding-left: 0px; } .push-1{left:0!important;} .wrapperG { max-width: 1200px; width: 100%; position: relative; margin: 0px auto!important; display: block;padding-right:15px;padding-left:15px; } .wrapper { max-width: 800px; width: 100%; position: relative; margin: 0px auto!important; } /* #video { padding-top: 0px; padding-bottom: 0px; border-top:30px solid #4f83b1;border-bottom:30px solid #4f83b1; }*/ div {margin-left:0px!important;margin-right:0px!important;} .swiper-slide .blocTexte { width: 35%; min-width: 320px; margin-left: auto!important; margin-right: auto!important; align-items: center; justify-content: center; } #bas h2 { margin-top: 20px;text-align: center; } #bas p img { max-width: 140px; height: auto; width: 100%; } #bas .coordonneesbas { text-align: center!important; } #bas p { margin: 0 auto; text-align: center!important; } } /* @media (max-width: 800px) { .coordonnees h2 { font-size: 1.5rem; line-height: 1.5rem; } .coordonnees .sociaux { top: 6px; } .leLogo { position: relative; margin: 0px auto 0px auto; width: 116px; } .logotype { height: 115px; } #menu { margin-top: -47px;background: rgba(0,0,0,0.00) } #menu.fixNavigation { margin-top: 0px;background: #222; } }*/ @media (max-width: 720px){ #bateau img { width: 165px; } #instit img { width: 160px; } #slogan2 { padding-top: 2px; text-align: right; padding-right: 5px; } }/* @media (orientation: landscape) and (max-width : 767px){ .fixNavigation{ position: relative!important; } }*/ @media (max-width: 680px) { li, td, ul, p { text-align: left!important; } a.link figcaption p { text-align: center!important; } form table td {display:block!important} /*.leLogo { width:144px;margin: -40px auto 0 auto; }*/ section#texte h2{padding-left:20px;padding-right:20px;} .flecheDownCalage { bottom: 180px!important;} footer { position : relative; } #coord { background: url(../img/repeat.png) repeat-x; width:100%; display:block; position: relative; padding-top:40px;padding-bottom:40px; /*margin-top: 200px;*/ } .wrapperC{ max-width: 960px; width: 100%; position: relative; margin:0px auto!important; display: block;} } @media (max-width: 665px) { /*.fondG2 { background: #222 url(../img/fond-huitres-ancelin-marennes-oleron-normandie-7.jpg); background-size: auto; background-position: right top; background-repeat: no-repeat; }*/ .faceb { width: 43px; background: #e8c500 url(../img/Official-Facebook-Logo-2bis.png) no-repeat 0% 0%; position: absolute; top: 40px;height:45px; } .faceb:hover{background: #222 url(../img/Official-Facebook-Logo-2bis.png) no-repeat 0% 0%; } .swiper-slide .blocTexte { padding: 20px 25px; } #bas h2 { font-size: 1.8em; font-family: 'ff-dax-pro-wide', sans-serif; text-align: center; } #bas h2 span { font-family: amatic-sc, sans-serif!important;font-style: normal!important;font-weight: 700; } .embed-responsive { margin-bottom: 15px; } .grid figure.effect-bubba img { right: 0px!important; } footer {padding:0px 0px 10px 0px; } .wrapperGalerie { width: 100%; height: auto; position: relative; display: block; text-align: center; padding: 0px 0px; } /* #bas h2 { font-size: 1.3em; line-height: 1.2em; padding-bottom: 0px; padding-top: 20px; }*/ .paddingT50B50 { padding: 20px 0px 20px 0px!important; } .paddingT30B30 { padding: 15px 0px!important; } section h2 { font-size: 2.0rem; padding-left: 20px!important; padding-right: 20px!important; } #bas h3 { display: none; } #bas p img { margin-bottom: 20px; } .containerparallax h3 { font-size: 1.0rem; line-height: 1.3rem; padding: 20px 20px; } .containerparallax h2 { font-size: 2.5rem; padding: 50px 20px 20px 20px; } .voletfacebook{margin: -230px 0px 0px; } .voletfacebook.voletfacebookopen{margin: -230px 0px 0px; } } @media (max-width: 650px) { .leLogo { margin: 29px auto 0px auto; } .baseline{top:8px;left: 0%; /* à 50%/50% du parent référent */ transform: translateX(-0%); /* décalage de 50% de sa propre taille */text-align:center; } /* .sociaux { position: absolute; display: block; top: 15px; right: auto; left:15px; width: 96px; height: 38px; z-index: 1000;text-align: left; } .voletfacebook { z-index: 150; position: absolute; margin: -200px 0px 0px; left: -291px; top: 50%; -webkit-transition: left 0.5s; transition: left 0.5s; }*/ .wrapperG2 { width: 95%; } /* .cadre5bis { min-height: 195px; } */ .un h1 span, .fond1 h1 span { line-height: 2.5rem!important;} .cadre5 { min-height:auto;} } @media (max-width: 580px) { .cadre5bis li:last-of-type{display: block; position: relative!important; bottom:0px;} #galerie img { margin: 5px auto!important; } #video {max-width:1680px;margin-left:auto;margin-right:auto;width : 100%; background: url(../images/fond_alpha8bis.png), url(../img/fond-saviboat-bateaux-electriques-base-de-loisirs-nautique.jpg); background-size: auto, cover; background-position: center center, center center; background-repeat: repeat, no-repeat; position:relative; background-attachment: fixed; overflow-x: hidden; } /*.ar1, .ar2, .ar3, .ar4, .ar5 {background: #fff; }*/ } @media (max-width: 560px) { .paddingB50 {padding: 0px 0px 30px 0px !important;} h2.paddingT50B30.ombre2bis {text-align: right;padding: 25px 20px 30px 110px !important;} .containerparallax#special h2, .containerparallax#special h2 span {font-size:1.5rem;} .pageGalerie .grid2 {width:100%; display:block; position: relative;height:34800px;} } @media (max-width: 550px) { .swiper-slide .blocTexte {padding-left:10px; padding-right:10px;} #video h2{padding-left:20px;padding-right:20px;} #video{max-height:500px;} .faceb { height: 45px; width: 45px; background: #e8c500 url(../img/Official-Facebook-Logo-2bis.png) no-repeat 0% 0%; top: 35px; } .modal-body{padding-top:0px;} .modal-content {padding: 10px 0px;} #slogan2 { width: auto; right: 0px; } #bas h2 { font-size: 1.7em; } /* .baseline { display:none; } .coordonnees h2 {display:none;} .coordonnees .sociaux { position: relative;display: block;top: 0px;right: 0px;width:100%;height: 50px;z-index: 1000; text-align:center; } .coordonnees { padding: 5px 30px 5px 30px; } .coordonnees .sociaux i{font-size:2.5rem;}*/ .wrapperRelatif{max-width:970px; width:100%; height : auto; position: relative; display:block; margin:0px auto!important;padding-left:0px;padding-right:0px; } .wrapperRelatif.milledeuxcents {width: 100%;} .coordonnees { width: 200px; font-size: 1.0em; padding: 0px 10px 5px 10px; } } @media (max-width: 450px) { .fondG2 { background: #222 url(../img/fond17bis.jpg); background-size: cover; background-position: -430px top; background-repeat: no-repeat; } #slogan2 i{display:none;} #slogan2 {width: 100%;right: 0px;left: 0px;margin-bottom:0px;padding: 0px 20px;} #slogan2 ul li{display: inline-block;width:auto;} #slogan2 ul li:nth-of-type(3){display:none;} .flecheDownCalage { bottom: 190px!important;} .swiper-button-next, .swiper-button-prev { position: absolute; top: auto; bottom: 0px; margin-top: 0px; } /*.leLogo {position: absolute;top: 2px;left: 12px;} .leLogo.petitleLogo{width:115px;top:2px;} .baseline {top: 102px;left: 34px;z-index: 100;}*/ .wrapperRelatif {width: 100%;} .swiper-pagination{display:none;} } @media (max-width: 400px) { .baseline{display:none;} .coordonnees { top: 5px; } .fondG { background: #fff ; background-size: contain; background-position: top left; background-repeat: no-repeat; } } @media (max-width: 380px) { /*.sociaux { position: absolute; display: block; top: 10px; right: auto; left:5px; width: 80px; height: 38px; z-index: 1000;text-align: left; }*/ #slogan2 ul li { font-size: 0.9em!important; } #slogan2 i{display:inline-block;} .insta { right: 75px;top:47px; } #slogan2{padding: 0px 0px 0px 10px} .swiper-container h1 span, .swiper-container h2 span, .swiper-slide h2 span, .swiper-container #nain h1 span, .swiper-container #nain h2 span, .swiper-slide #nain h2 span { font-size: 1.7rem; line-height: 2rem!important; } .swiper-slide .blocTexte { width: 90%; min-width: 200px; } .iframeNews{border: none;width: 100%;max-width:380px;height: 110px;background: transparent!important;margin: 10px auto -20px auto;} .pub {font-family: 'ff-dax-pro-wide', sans-serif, Arial, sans serif;font-size:5rem; line-height: 5rem; color:#fff;text-align: center; background: rgba(187,24,131,0.70);border-radius:50%; padding-top:30px; width:300px; height:300px;border:7px dotted #fff; position: relative; } .coordonnees {padding-left:10px!important; } #decompte { width: 100%; text-align: center; } #decompte input { width: 142px!important; font-size: 1.1em; } .ligneDessous::after { min-width: 250px; } .coordonnees .sociaux { text-align: left; } /* #menu .navbar ul li a { height: auto!important; line-height: 25px; padding-top:17px;padding-bottom:17px; }*/ }