@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap'); body{ font-family: 'Poppins', sans-serif; margin: 0 auto; } /*############################################################################################*/ /*############################################################################################*/ /*############################################################################################*/ /*$$\ $$\ $$$$$$$$\ $$$$$$\ $$$$$$$\ $$$$$$$$\ $$$$$$$\ $$ | $$ |$$ _____|$$ __$$\ $$ __$$\ $$ _____|$$ __$$\ $$ | $$ |$$ | $$ / $$ |$$ | $$ |$$ | $$ | $$ | $$$$$$$$ |$$$$$\ $$$$$$$$ |$$ | $$ |$$$$$\ $$$$$$$ | $$ __$$ |$$ __| $$ __$$ |$$ | $$ |$$ __| $$ __$$< $$ | $$ |$$ | $$ | $$ |$$ | $$ |$$ | $$ | $$ | $$ | $$ |$$$$$$$$\ $$ | $$ |$$$$$$$ |$$$$$$$$\ $$ | $$ | \__| \__|\________|\__| \__|\_______/ \________|\__| \__| /*############################################################################################*/ /*############################################################################################*/ /*############################################################################################*/ #fond_header{ background-color: #daac00; } #fond_decale1{ overflow: hidden; margin: 0 auto; width:1160px; } #ensemble{ margin: 15px 0px; padding-bottom: 10px; font-size: 20px; } .selection{ float: right; margin-left: 100px; color: white; transition: transform.2s; } .selection:hover { transform: scale(1.1); color: #a07e01; } /*############################################################################################*/ /*############################################################################################*/ /*############################################################################################*/ /*$$$$$$$\ $$\ $$$$$$\ $$$$$$\ $$\ $$\ $$$$$$\ $$ __$$\ $$ | $$ __$$\ $$ __$$\ $$ | $$ | $$ __$$\ $$ | $$ |$$ | $$ / $$ |$$ / \__|$$ |$$ / \__/ $$ | $$$$$$$\ |$$ | $$ | $$ |$$ | $$$$$ / $$$$$$ | $$ __$$\ $$ | $$ | $$ |$$ | $$ $$< $$ ____/ $$ | $$ |$$ | $$ | $$ |$$ | $$\ $$ |\$$\ $$ | $$$$$$$ |$$$$$$$$\ $$$$$$ |\$$$$$$ |$$ | \$$\ $$$$$$$$\ \_______/ \________|\______/ \______/ \__| \__| \________| /*############################################################################################*/ /*############################################################################################*/ /*############################################################################################*/ #block2{ background-color: #fcc302; } #fond_decale2{ overflow: hidden; margin: 0 auto; width:1160px; } #photo_chien_header{ float: right; margin-top: 50px; margin-bottom: 100px; transition: transform.2s; } #photo_chien_header:hover { transform: scale(1.1); } #nous_contacter > a{ float: left; text-decoration: none; color: white; margin-bottom: 100px; margin-right: 25px; width: 190px; height: 35px; background-color: #00bec9; text-align: center; padding: 18px 0px; font-size: 20px; border-radius: 5px; } #nos_services > a{ float: left; text-decoration: none; color: white; margin-bottom: 100px; width: 190px; height: 35px; text-align: center; padding: 15px 0px; font-size: 20px; border-radius: 5px; border: white 3px solid; } #texte_partie2{ float: left; margin-top: 130px; font-size: 27px; color: white; } /*############################################################################################*/ /*############################################################################################*/ /*############################################################################################*/ /*$$$$$$$\ $$\ $$$$$$\ $$$$$$\ $$\ $$\ $$$$$$\ $$ __$$\ $$ | $$ __$$\ $$ __$$\ $$ | $$ | $$ ___$$\ $$ | $$ |$$ | $$ / $$ |$$ / \__|$$ |$$ / \_/ $$ | $$$$$$$\ |$$ | $$ | $$ |$$ | $$$$$ / $$$$$ / $$ __$$\ $$ | $$ | $$ |$$ | $$ $$< \___$$\ $$ | $$ |$$ | $$ | $$ |$$ | $$\ $$ |\$$\ $$\ $$ | $$$$$$$ |$$$$$$$$\ $$$$$$ |\$$$$$$ |$$ | \$$\ \$$$$$$ | \_______/ \________|\______/ \______/ \__| \__| \______/ /*############################################################################################*/ /*############################################################################################*/ /*############################################################################################*/ #block3{ background-color: white; } #fond_decale3{ overflow: hidden; margin: 0 auto; width:1160px; } #video_chien{ float: right; margin-top: 150px; margin-bottom: 100px; } #texte_partie3{ float: left; margin-top: 130px; font-size: 27px; color: black; } #nos_services2 > a{ float: left; text-decoration: none; color: white; background-color: #fcc302; margin-bottom: 100px; width: 190px; height: 35px; text-align: center; padding: 15px 0px; font-size: 20px; border-radius: 5px; } /*############################################################################################*/ /*############################################################################################*/ /*############################################################################################*/ /*$$$$$$$\ $$\ $$$$$$\ $$$$$$\ $$\ $$\ $$\ $$\ $$ __$$\ $$ | $$ __$$\ $$ __$$\ $$ | $$ | $$ | $$ | $$ | $$ |$$ | $$ / $$ |$$ / \__|$$ |$$ / $$ | $$ | $$$$$$$\ |$$ | $$ | $$ |$$ | $$$$$ / $$$$$$$$ | $$ __$$\ $$ | $$ | $$ |$$ | $$ $$< \_____$$ | $$ | $$ |$$ | $$ | $$ |$$ | $$\ $$ |\$$\ $$ | $$$$$$$ |$$$$$$$$\ $$$$$$ |\$$$$$$ |$$ | \$$\ $$ | \_______/ \________|\______/ \______/ \__| \__| \__|###########################*/ /*############################################################################################*/ /*############################################################################################*/ #block4{ background-color: #fcc302; } #fond_decale4{ overflow: hidden; margin: 0 auto; width:1160px; } #gros_texte{ float: left; text-align: center; margin-left: 270px; margin-top: 50px; color: white; font-size: 28px; } .les_soins{ float: left; width: calc(100%/3); text-align: center; font-size: 20px; color: white; margin-bottom: 70px; margin-top: 40px; transition: transform.2s; } .les_soins:hover { transform: scale(1.1); color: #a07e01; } .bordure_image{ border: 5px white solid; } /*############################################################################################*/ /*############################################################################################*/ /*############################################################################################*/ /*$$$$$$$\ $$\ $$$$$$\ $$$$$$\ $$\ $$\ $$$$$$$\ $$ __$$\ $$ | $$ __$$\ $$ __$$\ $$ | $$ | $$ ____| $$ | $$ |$$ | $$ / $$ |$$ / \__|$$ |$$ / $$ | $$$$$$$\ |$$ | $$ | $$ |$$ | $$$$$ / $$$$$$$\ $$ __$$\ $$ | $$ | $$ |$$ | $$ $$< \_____$$\ $$ | $$ |$$ | $$ | $$ |$$ | $$\ $$ |\$$\ $$\ $$ | $$$$$$$ |$$$$$$$$\ $$$$$$ |\$$$$$$ |$$ | \$$\ \$$$$$$ | \_______/ \________|\______/ \______/ \__| \__| \______/ /*############################################################################################*/ /*############################################################################################*/ /*############################################################################################*/ #block5{ background-color: white; } #fond_decale5{ overflow: hidden; margin: 0 auto; width:1160px; } #video_chien2{ float: left; margin-top: 150px; margin-bottom: 100px; } #texte_partie5{ float: right; margin-top: 130px; font-size: 27px; color: black; text-align: right; } #nos_services3 > a{ float: right; text-decoration: none; color: white; background-color: #fcc302; margin-bottom: 100px; width: 190px; height: 35px; text-align: center; padding: 15px 0px; font-size: 20px; border-radius: 5px; } /*############################################################################################*/ /*############################################################################################*/ /*############################################################################################*/ /*$$$$$$$\ $$\ $$$$$$\ $$$$$$\ $$\ $$\ $$$$$$\ $$ __$$\ $$ | $$ __$$\ $$ __$$\ $$ | $$ | $$ __$$\ $$ | $$ |$$ | $$ / $$ |$$ / \__|$$ |$$ / $$ / \__| $$$$$$$\ |$$ | $$ | $$ |$$ | $$$$$ / $$$$$$$\ $$ __$$\ $$ | $$ | $$ |$$ | $$ $$< $$ __$$\ $$ | $$ |$$ | $$ | $$ |$$ | $$\ $$ |\$$\ $$ / $$ | $$$$$$$ |$$$$$$$$\ $$$$$$ |\$$$$$$ |$$ | \$$\ $$$$$$ | \_______/ \________|\______/ \______/ \__| \__| \______/ /*############################################################################################*/ /*############################################################################################*/ /*############################################################################################*/ #block6{ background-color: #fcc302; } #fond_decale6{ overflow: hidden; margin: 0 auto; width:1160px; } #gros_texte2{ float: left; text-align: center; margin-left: 270px; margin-top: 50px; color: white; font-size: 28px; } .promotions{ float: left; width: calc(100%/3); text-align: center; font-size: 20px; color: white; margin-top: 40px; transition: transform.2s; } .promotions:hover { transform: scale(1.1); color: #a07e01; } .bordure_image2{ border: 5px white solid; } .Acheter > a{ float: left; text-decoration: none; color: white; background-color: #00bec9; margin-bottom: 50px; margin-left: 100px; width: 190px; height: 35px; text-align: center; padding: 12px 0px; font-size: 20px; border-radius: 50px; } .Acheter:hover{ color: #00939c; } /*############################################################################################*/ /*############################################################################################*/ /*############################################################################################*/ /*$$$$$$$\ $$\ $$$$$$\ $$$$$$\ $$\ $$\ $$$$$$$$\ $$ __$$\ $$ | $$ __$$\ $$ __$$\ $$ | $$ | \____$$ | $$ | $$ |$$ | $$ / $$ |$$ / \__|$$ |$$ / $$ / $$$$$$$\ |$$ | $$ | $$ |$$ | $$$$$ / $$ / $$ __$$\ $$ | $$ | $$ |$$ | $$ $$< $$ / $$ | $$ |$$ | $$ | $$ |$$ | $$\ $$ |\$$\ $$ / $$$$$$$ |$$$$$$$$\ $$$$$$ |\$$$$$$ |$$ | \$$\ $$ / \_______/ \________|\______/ \______/ \__| \__| \__/ /*############################################################################################*/ /*############################################################################################*/ /*############################################################################################*/ #block7{ background-color: white; } #fond_decale7{ overflow: hidden; margin: 0 auto; width:1160px; } #gros_texte3{ float: left; text-align: center; margin-left: 270px; margin-top: 50px; color: black; font-size: 28px; } .lequipe{ float: left; width: calc(100%/3); text-align: center; font-size: 20px; color: black; margin-bottom: 70px; margin-top: 40px; transition: transform.2s; } .lequipe:hover { transform: scale(1.1); color: #a07e01; } .saut{ margin-left: 8px; } /*############################################################################################*/ /*############################################################################################*/ /*############################################################################################*/ /*$$$$$$$\ $$\ $$$$$$\ $$$$$$\ $$\ $$\ $$$$$$\ $$ __$$\ $$ | $$ __$$\ $$ __$$\ $$ | $$ | $$ __$$\ $$ | $$ |$$ | $$ / $$ |$$ / \__|$$ |$$ / $$ / $$ | $$$$$$$\ |$$ | $$ | $$ |$$ | $$$$$ / $$$$$$ | $$ __$$\ $$ | $$ | $$ |$$ | $$ $$< $$ __$$< $$ | $$ |$$ | $$ | $$ |$$ | $$\ $$ |\$$\ $$ / $$ | $$$$$$$ |$$$$$$$$\ $$$$$$ |\$$$$$$ |$$ | \$$\ \$$$$$$ | \_______/ \________|\______/ \______/ \__| \__| \______/ /*############################################################################################*/ /*############################################################################################*/ /*############################################################################################*/ #block8{ background-image: url(veto/fond-chien.jpg); } #fond_decale8{ overflow: hidden; margin: 0 auto; width:1160px; } .infos{ float: left; width: calc(100%/3); text-align: center; font-size: 20px; color: white; margin-bottom: 130px; margin-top: 130px; transition: transform.2s; } .infos:hover { transform: scale(1.1); color: #a07e01; } .taille{ font-size: 35px; } /*############################################################################################*/ /*############################################################################################*/ /*############################################################################################*/ /*$$$$$$$\ $$\ $$$$$$\ $$$$$$\ $$\ $$\ $$$$$$\ $$ __$$\ $$ | $$ __$$\ $$ __$$\ $$ | $$ | $$ __$$\ $$ | $$ |$$ | $$ / $$ |$$ / \__|$$ |$$ / $$ / $$ | $$$$$$$\ |$$ | $$ | $$ |$$ | $$$$$ / \$$$$$$$ | $$ __$$\ $$ | $$ | $$ |$$ | $$ $$< \____$$ | $$ | $$ |$$ | $$ | $$ |$$ | $$\ $$ |\$$\ $$\ $$ | $$$$$$$ |$$$$$$$$\ $$$$$$ |\$$$$$$ |$$ | \$$\ \$$$$$$ | \_______/ \________|\______/ \______/ \__| \__| \______/ /*############################################################################################*/ /*############################################################################################*/ /*############################################################################################*/ #block9{ background-color: white; } #fond_decale9{ overflow: hidden; margin: 0 auto; width:1160px; } #gros_texte4{ float: left; text-align: center; margin-left: 270px; margin-top: 50px; color: black; font-size: 29px; } .paper{ float: left; width: 30%; text-align: left; font-size: 12.5px; color: black; margin-bottom: 70px; margin-top: 40px; margin-left: 35px; transition: transform.2s; } .paper:hover { transform: scale(1.1); } .couleur{ color: #00bec9; font-size: 15px; } .lirelasuite > a{ color: #00bec9; font-size: 15px; text-decoration: none; } .bordure{ width: 355px; height: 260px; border: 2px #d6d6d6 solid; margin-top: -10px; padding-right: 2px; } .bordure2{ width: 360px; height: 245px; box-shadow: 2px 2px 30px 0px lightgrey; margin-top: -10px; } .petitespace{ margin-left: 20px; } /*############################################################################################*/ /*############################################################################################*/ /*############################################################################################*/ /*$$$$$$$$\ $$$$$$\ $$$$$$\ $$$$$$$$\ $$$$$$$$\ $$$$$$$\ $$ _____|$$ __$$\ $$ __$$\\__$$ __|$$ _____|$$ __$$\ $$ | $$ / $$ |$$ / $$ | $$ | $$ | $$ | $$ | $$$$$\ $$ | $$ |$$ | $$ | $$ | $$$$$\ $$$$$$$ | $$ __| $$ | $$ |$$ | $$ | $$ | $$ __| $$ __$$< $$ | $$ | $$ |$$ | $$ | $$ | $$ | $$ | $$ | $$ | $$$$$$ | $$$$$$ | $$ | $$$$$$$$\ $$ | $$ | \__| \______/ \______/ \__| \________|\__| \__| /*############################################################################################*/ /*############################################################################################*/ /*############################################################################################*/ #fond_footer{ background-color: #343434 ; } #fond_decale10{ overflow: hidden; margin: 0 auto; width:1160px; } .credits{ float: left; color: white; margin-top: 130px; margin-bottom: 60px; margin-left: 40px; margin-right: 50px; font-size: 20px; } #signature{ float: right; color: white; margin-top: 130px; margin-bottom: 60px; text-align: right; font-size: 20px; } .saut2{ margin-left: 8px; margin-top: 15px; } #grand{ font-size: 25px; }