/*------ RESET & NORMALISE CSS ------*/
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{
     margin:0;
     padding:0 
}
 h1,h2,h3,h4,h5,h6{
     font-size:100%;
     font-weight:normal 
}
 ul{
     list-style:none 
}
 button,input,select{
     margin:0 
}
 html{
     box-sizing:border-box 
}
 *,*::before,*::after{
     box-sizing:inherit 
}
 img,video{
     height:auto;
     max-width:100% 
}
 audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
     display: none;
}
 iframe{
     border:0 
}
 table{
     border-collapse:collapse;
     border-spacing:0 
}
 td,th{
     padding:0 
}
/*################################*/
/*------------ FONTS -------------*/
/*################################*/
 @font-face {
     font-family: 'Roboto';
     src: url('../fonts/Roboto-Regular.eot');
     src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype');
     font-weight: 400;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'UtilityPro';
     src: url('../fonts/UtilityPro-Black.eot');
     src: url('../fonts/UtilityPro-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/UtilityPro-Black.woff2') format('woff2'), url('../fonts/UtilityPro-Black.woff') format('woff'), url('../fonts/UtilityPro-Black.ttf') format('truetype');
     font-weight: 900;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Fixture';
     src: url('../fonts/Fixture-CondensedSemiBold.eot');
     src: url('../fonts/Fixture-CondensedSemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Fixture-CondensedSemiBold.woff2') format('woff2'), url('../fonts/Fixture-CondensedSemiBold.woff') format('woff'), url('../fonts/Fixture-CondensedSemiBold.ttf') format('truetype');
     font-weight: 600;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Fixture';
     src: url('../fonts/Fixture-CondensedMedium.eot');
     src: url('../fonts/Fixture-CondensedMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/Fixture-CondensedMedium.woff2') format('woff2'), url('../fonts/Fixture-CondensedMedium.woff') format('woff'), url('../fonts/Fixture-CondensedMedium.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Fixture';
     src: url('../fonts/Fixture-CondensedBlack.eot');
     src: url('../fonts/Fixture-CondensedBlack.eot?#iefix') format('embedded-opentype'), url('../fonts/Fixture-CondensedBlack.woff2') format('woff2'), url('../fonts/Fixture-CondensedBlack.woff') format('woff'), url('../fonts/Fixture-CondensedBlack.ttf') format('truetype');
     font-weight: 900;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Fixture';
     src: url('../fonts/Fixture-CondensedExtraLight.eot');
     src: url('../fonts/Fixture-CondensedExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Fixture-CondensedExtraLight.woff2') format('woff2'), url('../fonts/Fixture-CondensedExtraLight.woff') format('woff'), url('../fonts/Fixture-CondensedExtraLight.ttf') format('truetype');
     font-weight: 200;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Fixture';
     src: url('../fonts/Fixture-CondensedLight.eot');
     src: url('../fonts/Fixture-CondensedLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Fixture-CondensedLight.woff2') format('woff2'), url('../fonts/Fixture-CondensedLight.woff') format('woff'), url('../fonts/Fixture-CondensedLight.ttf') format('truetype');
     font-weight: 300;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Fixture';
     src: url('../fonts/Fixture-CondensedBold.eot');
     src: url('../fonts/Fixture-CondensedBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Fixture-CondensedBold.woff2') format('woff2'), url('../fonts/Fixture-CondensedBold.woff') format('woff'), url('../fonts/Fixture-CondensedBold.ttf') format('truetype');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Fixture';
     src: url('../fonts/Fixture-CondensedExtraBold.eot');
     src: url('../fonts/Fixture-CondensedExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Fixture-CondensedExtraBold.woff2') format('woff2'), url('../fonts/Fixture-CondensedExtraBold.woff') format('woff'), url('../fonts/Fixture-CondensedExtraBold.ttf') format('truetype');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Fixture';
     src: url('../fonts/Fixture-CondensedThin.eot');
     src: url('../fonts/Fixture-CondensedThin.eot?#iefix') format('embedded-opentype'), url('../fonts/Fixture-CondensedThin.woff2') format('woff2'), url('../fonts/Fixture-CondensedThin.woff') format('woff'), url('../fonts/Fixture-CondensedThin.ttf') format('truetype');
     font-weight: 100;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Fixture';
     src: url('../fonts/Fixture-CondensedRegular.eot');
     src: url('../fonts/Fixture-CondensedRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/Fixture-CondensedRegular.woff2') format('woff2'), url('../fonts/Fixture-CondensedRegular.woff') format('woff'), url('../fonts/Fixture-CondensedRegular.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}
/*################################*/
/*--------------GENERAL----------*/
/*################################*/
 *{
     box-sizing: border-box;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: antialiased;
}
 body {
     overflow-x: hidden;
     padding:0;
     margin:0;
}
 .wrapper {
     max-width: 1440px;
     width:100;
     margin: 0 auto;
}
 .col-md-6 {
     float:left;
     width:50%;
     display: block;
     padding:0px;
}
 .col-md-3 {
     float:left;
     width:20%;
     display: block;
     padding:0px;
}
 h1, h2, h3{
     font-family: 'Fixture';
}
 h2 {
     color:#000;
     font-size:80px;
     line-height:80px;
     font-weight:600;
     text-transform:uppercase;
}
 h2 span {
     display:block;
}
 h3 {
     font: normal normal 600 40px/45px Fixture;
     margin-bottom:30px;
}
 p{
     font-family: 'Roboto';
     font-size:16px;
     line-height:22px;
     margin-bottom:30px;
     color:#1a1a18;
     font-weight:400;
     text-align:justify;
}
 ul li{
     font-family: 'Roboto';
     font-size:16px;
     line-height:22px;
     color:#1a1a18;
     margin-bottom:25px;
     font-weight:400;
}
 table {
     margin-bottom:40px;
     width:100%;
}
 tr {
     border-bottom:1px solid #7e7e7e;
}
 td {
     font-family: 'Roboto';
     font-size:16px;
     line-height:22px;
     margin-bottom:30px;
     color:#1a1a18;
     font-weight:400;
     text-align:justify;
     padding:15px;
}
/* body{
     overflow-x: hidden;
     position: fixed;
     background-image:url('../img/body-tours-loire-valley.jpg');
     background-position:0% 0%;
     background-repeat:no-repeat;
     background-size:cover;
}
 .main-site{
     width: 100%;
     margin: 0 auto;
     max-width: 100%;
     margin: 0 auto;
     height:auto;
     overflow: hidden;
     width:1920px;
     max-height:1080px;
}
 */
 .main-site{
     width: 100%;
     margin: 0 auto;
     overflow: hidden;
     max-width:1920px;
     max-height:1080px;
}
/*################################*/
/*------- HEADER--------*/
/*################################*/
 header {
     background-image:url('../img/hero-accueil-bis.jpg');
     height: 100vh;
     width: 100vw;
     margin-bottom:70px;
}

.headerquizz {
     background-image:url('../img/hero-accueil.jpg');
     height: 100vh;
     width: 100vw;
     margin-bottom:70px;
}


 .header-deplace {
     background-image:url('../img/img-hero-velociti.png');
     height: 100vh;
     width: 100vw;
}
 .header-ecoresponsable {
     background-image:url('../img/img-hero-engagement-sportif.png');
     height: 100vh;
     width: 100vw;
}
 .header-etudie-travail {
     background-image:url('../img/img-hero-equipement-sport.png');
     height: 100vh;
     width: 100vw;
}
 .header-sors {
     background-image:url('../img/img-hero-rando.png');
     height: 100vh;
     width: 100vw;
}


.headerquizz-question
{
     
     background: transparent linear-gradient(119deg, #21358b 0%, #015fa7 100%) 0% 0% no-repeat padding-box;
     height: 100vh;
     width: 100vw;
     margin-bottom:0;
     top:0;
}


 .topheader {
     padding:50px 100px;
}
 .btn-accueil {
     text-align: left;
     font: normal normal 500 22px/24px Fixture;
     letter-spacing: 0px;
     color: #FFFFFF;
     text-transform: uppercase;
     opacity: 1;
     padding-top:50px;
}
 .btn-accueil a {
     color: #FFFFFF;
}
 .logo-header {
     margin-top:-20px;
     text-align: center;
}
 header .intro {
     margin-top:24vh;
     margin-left:26vh;
}
 header .intro h1 {
     color:#fff;
     font: normal normal 600 105px/115px Fixture;
     line-height:100px;
     display: block;
}
 header .intro a {
     color:#fff;
     font: normal normal 600 24px/27px Fixture;
     margin-top:40px;
     margin-left:10px;
     display: block;
}
 .headerquizz .intro {
     margin:0 auto;
     margin-top:24vh;
     margin-left:0;
     text-align:center;
}
 .headerquizz .intro h1 {
     margin-top:24vh;
     display:block;
}
 .headerquizz .intro a {
     color:#fff;
     font: normal normal 600 44px/27px Fixture;
     margin:0 auto;
     margin-top:40px;
     display: block;
     text-align:center;
}

.h1result
{
     margin-top:8vh;
     margin-bottom:30px;
}


/* FORMULAIRE QUIZZ */
.headerquizz-question .intro {
     margin:0 auto;
     margin-top:0vh;
     margin-left:0;
     text-align:center;
}


.headerquizz-question .intro h2 span
{
     color:#fff;
     font: normal normal 600 95px/105px Fixture;
     line-height:70px;
     display: block;
     margin-top:6vh;
     margin-bottom:1px;
     display:block;
     text-align:center;
     text-transform:uppercase;
}

.headerquizz-question .intro h2
{
     text-align: center;
     font: normal normal 500 40px/42px Fixture;
     letter-spacing: 1px;
     line-height:40px;
     color: #FFFFFF;
     text-transform: uppercase;
}

.choices
{
     max-width:1000px;
     margin:0 auto;
     margin-top:2vh;
     margin-left:300px;
    float:left;
     width:100%;
     display:block;
     text-align:center;
}

#guess0
{
 
     border:0px;
     width: 398px;
     height: 200px;
     float:left;
/* UI Properties */
background:transparent;
background-repeat:no-repeat;
background-image:url('../img/background-reponse-1.svg');
margin:5px;
}


#guess1
{
 
     border:0px;
     width: 398px;
     height: 200px;
margin:5px;
/* UI Properties */
background:transparent;
background-repeat:no-repeat;
background-image:url('../img/background-reponse-2.svg');
float:left;
}

#guess2
{
 
     border:0px;
     width: 398px;
     height: 200px;
     margin:5px;
/* UI Properties */
background:transparent;
background-repeat:no-repeat;
float:left;
background-image:url('../img/background-reponse-3.svg');
}


#guess3
{
 
     border:0px;
     width: 398px;
     height: 200px;
     float:left;
/* UI Properties */
background:transparent;
background-repeat:no-repeat;
background-image:url('../img/background-reponse-4.svg');
margin:5px;
}



 #choice0, #choice1, #choice2, #choice3
{
text-align: center;

color: #000000;

font-weight:600;
font-family: 'Fixture';
font-size:39px;
line-height:40px;
max-width:200px;
margin:0 auto;
}



 .seperateur {
     width:100%;
     display:block;
     text-align:center;
     position:absolute;
     margin-top:-120px;
     z-index:9999;
}
/*################################*/
/*------- HOMEPAGE--------*/
/*################################*/
/*------- 1 CATEGORIE --------*/
 .categorie {
     padding: 10px;
     padding-top:50px;
     padding-bottom:50px;
     margin-top:75px;
    
}
 .bloc-categorie {
     background-size:cover;
     width:100%;
     height:400px;
     margin:5px;
     text-align:center;
     position:relative;
   
}
 .bloc-categorie .overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #000;
     opacity: 0.35;
     z-index:0;
}

 .deplace {
     background-image: url('../img/img-velo-home.png');
}

 .sors {
     background-image: url('../img/img-rando-home.png');
}

 .ecoresponsable {
     background-image: url('../img/img-equipement-sport-home.png');
}


 .travail {
     background-image: url('../img/img-engagement-sportif.png');
}


 .blocquizz {
     background-image: url('../img/hero-accueil.png');
}

.bloc-categorie p {
     font: normal normal 600 40px/48px Fixture;
     letter-spacing: 0px;
     color: #FFFFFF;
     text-transform: uppercase;
     text-align:center;
     padding-top:15vh ;
     position:absolute;
     display: block;
     width:100%;
}
/*------- 2 QUIZZ --------*/
 .quizz {
     width:100%;
     float:left;
     display:block;
     text-align:center;
     margin-top:100px;
}
 .btnquizz {
     display: inline-block;
     background-repeat:no-repeat;
     background-image: url('../img/background-btn-quizz.png');
     color:white;
     font: normal normal 600 60px/72px Fixture;
     padding-top:50px;
     margin:0 auto;
     width: 422px;
     height: 177px;
     text-decoration:none;
}
 .btnquizzintro {
     display: inline-block;
     background-repeat:no-repeat;
     background-image: url('../img/backround-btn-start.png');
     color:white;
     font: normal normal 600 70px/82px Fixture;
     padding-top:50px;
     margin:0 auto;
     width: 325px;
     height: 136px;
     text-decoration:none;
}
/*------- 3 PRESENTATION --------*/
 .presentation {
     width:100%;
     float:left;
     padding-top:100px;
     padding-bottom:50px;
     position: relative;
}

.presentation .video
{
     max-width:1390px;
     margin:0 auto;
}

 .txt-presentation {
     padding-left:35%;
     padding-top:100px;
}
 .txt-presentation h2 {
     margin-bottom:50px;
}
 .txt-presentation h2 span {
     background-color: transparent;
     background-image: linear-gradient(180deg, #FFFFFF00 60%, #21358b 45%);
     padding-bottom:10px;
     width:80%;
}
 .photo-presentation {
     padding-left:5%;
}
 .photo-presentation video {
     position:relative;
     float:right;
     right:0;
}
/*------- 4 NEWSLETTER --------*/
 .newletters {
     width:100%;
     float:left;
     padding-top:80px;
     padding-bottom:80px;
     text-align:center;
     position: relative;
}
 .blocnewletter {
     max-width:800px;
     margin:0 auto;
}

.blocnewletter img {
     max-width:100%;
     height:auto;
     max-height:200px;
}

 .newletters h3 {
     color:#21358b;
     text-align: center;
     font: normal normal 600 45px/49px Fixture;
     line-height:45px;
     margin-bottom:20px;
}
 .newletters p {
     text-align:center;
}
 .newletters input[type=text] {
     width: 70%;
     height: 58px;
     border:0px;
     font-family: 'Roboto';
     font-size:17px;
     line-height:21px;
     float:left;
     margin-bottom:30px;
     color:#1a1a18;
     font-weight:400;
     padding-left:20px;
     background: #E9E9E9 0% 0% no-repeat padding-box;
}
 .newletters input[type=submit] {
     width:28%;
     height: 57px;
     margin-left:6px;
    /* UI Properties */
     border:0px;
     float:left;
     background: #21358b 0% 0% no-repeat padding-box;
     opacity: 1;
     font: normal normal 500 24px/27px Fixture;
     letter-spacing: 0px;
     color: #FFFFFF;
     text-transform: uppercase;
}
 .rgp {
     float:left;
     width:100;
     margin-top:30px;
}
 .rgp input[type=checkbox] {
     width: 21px;
     height: 21px;
    /* UI Properties */
     background: #EEEEEE 0% 0% no-repeat padding-box;
     border-radius: 5px;
     opacity: 1;
     float:left;
}
 .rgp p {
     float:left;
     margin-top:-30px;
     margin-left:40px;
     font-size:14px;
     text-align:left;
}
/*################################*/
/*------- PAGE--------*/
/*################################*/
/*------- CONTENT --------*/
 .content {
     width:100%;
     float:left;
     padding-top:0px;
     padding-bottom:60px;
     position: relative;
}
 .txt-content {
     padding-left:35%;
     padding-top:100px;
}
 .txt-content h2 {
     margin-bottom:85px;
}
 .txt-content hr {
     border: 2px solid #FFD500;
     width:100px;
     height:2px;
     margin:35px 0px;
}
 .txt-content h2 span {
     background-color: transparent;
     background-image: linear-gradient(180deg, #FFFFFF00 60%, #FFD500 45%);
     display:inline-block;
}
 .photo-content img {
     position:relative;
     float:right;
     right:0;
}



.contentvert {
     width:100%;
     float:left;
     padding-top:0px;
     padding-bottom:60px;
     position: relative;
}
 .txt-contentvert {
     padding-left:35%;
     padding-top:70px;
}
 .txt-contentvert h2 {
     margin-bottom:85px;
}
 .txt-contentvert hr {
     border: 2px solid #1cb1db;
     width:100px;
     height:2px;
     margin:35px 0px;
}
 .txt-contentvert h2 span {
     background-color: transparent;
     background-image: linear-gradient(180deg, #FFFFFF00 60%, #1cb1db 45%);
     display:inline-block;
}
 .photo-contentvert img {
     position:relative;
     float:right;
     right:0;
}



.contentrose {
     width:100%;
     float:left;
     padding-top:0px;
     padding-bottom:60px;
     position: relative;
}
 .txt-contentrose {
     padding-left:35%;
     padding-top:70px;
}
 .txt-contentrose h2 {
     margin-bottom:85px;
}
 .txt-contentrose hr {
     border: 2px solid #e2368b;
     width:100px;
     height:2px;
     margin:35px 0px;
}
 .txt-contentrose h2 span {
     background-color: transparent;
     background-image: linear-gradient(180deg, #FFFFFF00 60%, #e2368b 45%);
     display:inline-block;
}
 .photo-contentvert img {
     position:relative;
     float:right;
     right:0;
}



.contentvelival {
     width:100%;
     float:left;
     padding-top:0px;
     padding-bottom:60px;
     position: relative;
}
 .txt-contentvelival {
     padding-left:35%;
     padding-top:100px;
}
 .txt-contentvelival h2 {
     margin-bottom:85px;
}
 .txt-contentvelival hr {
     border: 2px solid #83bea3;
     width:100px;
     height:2px;
     margin:35px 0px;
}
 .txt-contentvelival h2 span {
     background-color: transparent;
     background-image: linear-gradient(180deg, #FFFFFF00 60%, #83bea3 45%);
     display:inline-block;
}
 .photo-contentvelival img {
     position:relative;
     float:right;
     right:0;
}



 .blocasavoir {
     background-color:#FFD500;
     width:40%;
     float:right;
     padding:40px 60px;
     padding-bottom:30px;
     margin-top:-4px;
     margin-right:145px;
}
 .blocasavoir img, .blocasavoir-right img {
     float:left;
     margin-top:15px;
}
 .blocasavoir p, .blocasavoir-right p {
     text-align:left;
}
 .blocasavoir-right {
     background-color:#FFD500;
     width:40%;
     float:left;
     padding:40px 50px;
     padding-bottom:30px;
     margin-top:-4px;
     margin-left:148px;
}


.blocasavoir-right-rose
{
     background-color:#e2368b;
     width:70%;
     float:left;
     padding:40px 50px;
     padding-bottom:30px;
     margin-top:-4px;
     margin-left:148px;
}



.blocasavoirvelival {
     background-color:#83bea3;
     width:40%;
     float:right;
     padding:40px 60px;
     padding-bottom:30px;
     margin-top:-4px;
     margin-right:148px;
}
 .blocasavoirvelival img, .blocasavoir-rightvelival img {
     float:left;
     margin-top:15px;
}
 .blocasavoirvelival p, .blocasavoir-rightvelival p {
     text-align:left;
}
 .blocasavoir-rightvelival {
     background-color:#83bea3;
     width:40%;
     float:left;
     padding:40px 50px;
     padding-bottom:30px;
     margin-top:-4px;
     margin-left:148px;
}






 .velociti {
     position:relative;
     margin-top:80px;
}
 
/*------- CONTENT LEFT --------*/
 .txt-content-left {
     padding-right:35%;
     padding-top:100px;
}
 .txt-content-left h2 {
     margin-bottom:85px;
}
 .txt-content-left hr {
     border: 2px solid #FFD500;
     width:100px;
     height:2px;
     margin:35px 0px;
}
 .txt-content-left h2 span {
     background-color: transparent;
     background-image: linear-gradient(180deg, #FFFFFF00 60%, #FFD500 45%);
     display:inline-block;
}
 .txt-content-left img {
     position:relative;
     float:left;
     right:0;
}


.txt-content-leftvert {
     padding-right:35%;
     padding-top:70px;
}
 .txt-content-leftvert h2 {
     margin-bottom:85px;
}
 .txt-content-leftvert hr {
     border: 2px solid #1cb1db;
     width:100px;
     height:2px;
     margin:35px 0px;
}
 .txt-content-leftvert h2 span {
     background-color: transparent;
     background-image: linear-gradient(180deg, #FFFFFF00 60%, #1cb1db 45%);
     display:inline-block;
}
 .txt-content-leftvert img {
     position:relative;
     float:left;
     right:0;
}



.txt-content-leftrose {
     padding-right:35%;
     padding-top:70px;
}
 .txt-content-leftrose h2 {
     margin-bottom:85px;
}
 .txt-content-leftrose hr {
     border: 2px solid #e2368b;
     width:100px;
     height:2px;
     margin:35px 0px;
}
 .txt-content-leftrose h2 span {
     background-color: transparent;
     background-image: linear-gradient(180deg, #FFFFFF00 60%, #e2368b 45%);
     display:inline-block;
}
 .txt-content-leftrose img {
     position:relative;
     float:left;
     right:0;
}




.txt-content-leftvelival {
     padding-right:35%;
     padding-top:100px;
}
 .txt-content-leftvelival h2 {
     margin-bottom:85px;
}
 .txt-content-leftvelival hr {
     border: 2px solid #83bea3;
     width:100px;
     height:2px;
     margin:35px 0px;
}
 .txt-content-leftvelival h2 span {
     background-color: transparent;
     background-image: linear-gradient(180deg, #FFFFFF00 60%, #83bea3 45%);
     display:inline-block;
}
 .txt-content-leftvelival  img {
     position:relative;
     float:left;
     right:0;
}



/*------- CONTENT CARTE --------*/
 .content-carte {
     background-color: #EEEEEE;
     margin-top:-70px;
}
 .content-carte .txt-content {
     padding-top:100px;
     padding-left:0;
}
 .content-carte .txt-content h2 span {
     background-color: transparent;
     background-image: linear-gradient(180deg, #FFFFFF00 60%, #f09e23 45%);
     display:inline-block;
}

.content-carte .vert h2
{
     margin-top:-25px;
}

 .content-carte .vert h2 span {
     background-color: transparent;
     background-image: linear-gradient(180deg, #FFFFFF00 60%, #6abc51 45%);
     display:inline-block;
}

.introvert
{
     color: #000000;
width:475px;
font-weight:400;
font-family: 'Fixture';
font-size:30px;
line-height:33px;
margin-top:-50px;
}

 .cartesport img {
     margin-top:-300px;
     margin-left:22%;
}


.carterandonnees img {
     margin-left:16%;
     margin-bottom:40px;
     margin-top:-300px;
}


/* ##############" POINTS MAPS - RANDONNEES ######################" */
#BallanMire01, 
#BallanMire02,
#BallanMire03,
#Berthenay04, 
#ChambraylesTours05,
#ChambraylesTours06,
#ChanceauxsurChoisille07,
#Druye08,
#Fondettes09,
#JouelesTours10,
#JouelesTours11,
#LaMenbrollesurChoisille12,
#LaMenbrollesurChoisille13,
#LaRiche14,
#Luynes15,
#Luynes16,
#Mettray17,
#NotreDamedOe18, 
#ParcayMeslay19,
#Rochecorbon20,
#Rochecorbon21,
#Rochecorbon22,
#SaintAvertin23,
#SaintAvertin24,
#SaintCyrSurLoire25,
#SaintEtiennedeChigny26,
#SaintGenouph27,
#SaintPierreDesCorps28,
#SaintPierreDesCorps29,
#SaintPierreDesCorps30,
#Savannieres31,
#Savannieres32,
#Tours33,
#Tours34,
#Tours35,
#Villandry36,
#SaintEtiennedeChigny27-bis
{
     width: 700px;
     padding: 70px 60px;
     height:100vh;
     background: #6abc51;
     background-position:0% 0%;
     color: #fff;
}
#BallanMire01 a.ouvrir, #BallanMire01 a.fermer, 
#BallanMire02 a.ouvrir, #BallanMire02 a.fermer,
#BallanMire03 a.ouvrir, #BallanMire03 a.fermer,
#Berthenay04 a.ouvrir, #Berthenay04 a.fermer,
#ChambraylesTours05 a.ouvrir, #ChambraylesTours05 a.fermer,
#ChambraylesTours06 a.ouvrir, #ChambraylesTours06 a.fermer,
#ChanceauxsurChoisille07 a.ouvrir, #ChanceauxsurChoisille07 a.fermer,
#Druye08 a.ouvrir, #Druye08 a.fermer,
#Fondettes09 a.ouvrir, #Fondettes09 a.fermer,
#JouelesTours10 a.ouvrir, #JouelesTours10 a.fermer,
#JouelesTours11 a.ouvrir, #JouelesTours11 a.fermer,
#LaMenbrollesurChoisille12 a.ouvrir, #LaMenbrollesurChoisille12 a.fermer,
#LaMenbrollesurChoisille13 a.ouvrir, #LaMenbrollesurChoisille13 a.fermer,
#LaRiche14 a.ouvrir, #LaRiche14 a.fermer,
#Luynes15 a.ouvrir, #Luynes15 a.fermer,
#Luynes16 a.ouvrir, #Luynes16 a.fermer,
#Mettray17 a.ouvrir, #Mettray17 a.fermer,
#NotreDamedOe18 a.ouvrir, #NotreDamedOe18 a.fermer,
#ParcayMeslay19 a.ouvrir, #ParcayMeslay19 a.fermer,
#Rochecorbon20 a.ouvrir, #Rochecorbon20 a.fermer,
#Rochecorbon21 a.ouvrir, #Rochecorbon21 a.fermer,
#Rochecorbon22 a.ouvrir, #Rochecorbon22 a.fermer,
#SaintAvertin23 a.ouvrir, #SaintAvertin23 a.fermer,
#SaintAvertin24 a.ouvrir, #SaintAvertin24 a.fermer,
#SaintCyrSurLoire25 a.ouvrir, #SaintCyrSurLoire25 a.fermer,
#SaintEtiennedeChigny26 a.ouvrir, #SaintEtiennedeChigny26 a.fermer,
#SaintGenouph27 a.ouvrir, #SaintGenouph27 a.fermer,
#SaintPierreDesCorps28 a.ouvrir, #SaintPierreDesCorps28 a.fermer,
#SaintPierreDesCorps29 a.ouvrir, #SaintPierreDesCorps29 a.fermer,
#SaintPierreDesCorps30 a.ouvrir, #SaintPierreDesCorps30 a.fermer,
#Savannieres31 a.ouvrir, #Savannieres31 a.fermer,
#Savannieres32 a.ouvrir, #Savannieres32 a.fermer,
#Tours33 a.ouvrir, #Tours33 a.fermer,
#Tours34 a.ouvrir, #Tours34 a.fermer,
#Tours35 a.ouvrir, #Tours35 a.fermer,
#Villandry36 a.ouvrir, #Villandry36 a.fermer,
#SaintEtiennedeChigny27-bis a.ouvrir, #SaintEtiennedeChigny27-bis a.fermer
{
     padding: 10px 15px;
     font-weight:800;
     color: #111;
     text-decoration: none;
}
 #BallanMire01,
 #BallanMire02,
 #BallanMire03,
 #Berthenay04,
 #ChambraylesTours05,
 #ChambraylesTours06,
 #ChanceauxsurChoisille07,
 #Druye08,
 #Fondettes09,
 #JouelesTours10,
 #JouelesTours11,
 #LaMenbrollesurChoisille12,
 #LaMenbrollesurChoisille13,
 #LaRiche14,
 #Luynes15,
 #Luynes16,
 #Mettray17,
 #NotreDamedOe18, 
 #ParcayMeslay19,
 #Rochecorbon20,
 #Rochecorbon21,
 #Rochecorbon22,
 #SaintAvertin23,
 #SaintAvertin24,
 #SaintCyrSurLoire25,
 #SaintEtiennedeChigny26,
 #SaintGenouph27, 
 #SaintPierreDesCorps28,
 #SaintPierreDesCorps29,
 #SaintPierreDesCorps30,
 #Savannieres31,
 #Savannieres32, 
 #Tours33,
 #Tours34,
 #Tours35,
 #Villandry36,
 #SaintEtiennedeChigny27-bis
 {
     position: absolute;
     right: -1000px;
    /* test fixed + scroll, on retire la position top */
     -webkit-transition: all .5s ease-in;
     -moz-transition: all .5s ease-in;
     transition: all .5s ease-in;
}
#BallanMire01 a.ouvrir, #BallanMire01 a.fermer,
#BallanMire02 a.ouvrir, #BallanMire02 a.fermer,
#BallanMire03 a.ouvrir, #BallanMire03 a.fermer,
#Berthenay04 a.ouvrir, #Berthenay04 a.fermer,
#ChambraylesTours05 a.ouvrir, #ChambraylesTours05 a.fermer,
#ChambraylesTours06 a.ouvrir, #ChambraylesTours06 a.fermer,
#ChanceauxsurChoisille07 a.ouvrir, #ChanceauxsurChoisille07 a.fermer,
#Druye08 a.ouvrir, #Druye08 a.fermer,
#Fondettes09 a.ouvrir, #Fondettes09 a.fermer,
#JouelesTours10 a.ouvrir, #JouelesTours10 a.fermer,
#JouelesTours11 a.ouvrir, #JouelesTours11 a.fermer,
#LaMenbrollesurChoisille12 a.ouvrir, #LaMenbrollesurChoisille12 a.fermer,
#LaMenbrollesurChoisille13 a.ouvrir, #LaMenbrollesurChoisille13 a.fermer,
#LaRiche14 a.ouvrir, #LaRiche14 a.fermer,
#Luynes15 a.ouvrir, #Luynes15 a.fermer,
#Luynes16 a.ouvrir, #Luynes16 a.fermer,
#Mettray17 a.ouvrir, #Mettray17 a.fermer,
#NotreDamedOe18 a.ouvrir, #NotreDamedOe18 a.fermer,
#ParcayMeslay19 a.ouvrir, #ParcayMeslay19 a.fermer,
#Rochecorbon20 a.ouvrir, #Rochecorbon20 a.fermer,
#Rochecorbon21 a.ouvrir, #Rochecorbon21 a.fermer,
#Rochecorbon22 a.ouvrir, #Rochecorbon22 a.fermer,
#SaintAvertin23 a.ouvrir, #SaintAvertin23 a.fermer,
#SaintAvertin24 a.ouvrir, #SaintAvertin24 a.fermer,
#SaintCyrSurLoire25 a.ouvrir, #SaintCyrSurLoire25 a.fermer,
#SaintEtiennedeChigny26 a.ouvrir, #SaintEtiennedeChigny26 a.fermer,
#SaintGenouph27 a.ouvrir, #SaintGenouph27 a.fermer,
#SaintPierreDesCorps28 a.ouvrir, #SaintPierreDesCorps28 a.fermer,
#SaintPierreDesCorps29 a.ouvrir, #SaintPierreDesCorps29 a.fermer,
#SaintPierreDesCorps30 a.ouvrir, #SaintPierreDesCorps30 a.fermer,
#Savannieres31 a.ouvrir, #Savannieres31 a.fermer,
#Savannieres32 a.ouvrir, #Savannieres32 a.fermer,
#Tours33 a.ouvrir, #Tours33 a.fermer,
#Tours34 a.ouvrir, #Tours34 a.fermer,
#Tours35 a.ouvrir, #Tours35 a.fermer,
#Villandry36 a.ouvrir, #Villandry36 a.fermer,
#SaintEtiennedeChigny27-bis a.ouvrir, #SaintEtiennedeChigny27-bis a.fermer

{
     position: absolute;
     right: 40px;
     top: 25px;
     font-family: 'Roboto';
     font-size:40px;
}
#BallanMire01 a.fermer, #BallanMire01 a.fermer,
#BallanMire02 a.fermer, #BallanMire02 a.fermer,
#BallanMire03 a.fermer, #BallanMire03 a.fermer,
#Berthenay04 a.fermer, #Berthenay04 a.fermer,
#ChambraylesTours05 a.fermer, #ChambraylesTours05 a.fermer,
#ChambraylesTours06 a.fermer, #ChambraylesTours06 a.fermer,
#ChanceauxsurChoisille07 a.fermer, #ChanceauxsurChoisille07 a.fermer,
#Druye08 a.fermer, #Druye08 a.fermer,
#Fondettes09 a.fermer, #Fondettes09 a.fermer,
#JouelesTours10 a.fermer, #JouelesTours10 a.fermer,
#JouelesTours11 a.fermer, #JouelesTours11 a.fermer,
#LaMenbrollesurChoisille12 a.fermer, #LaMenbrollesurChoisille12 a.fermer,
#LaMenbrollesurChoisille13 a.fermer, #LaMenbrollesurChoisille13 a.fermer,
#LaRiche14 a.fermer, #LaRiche14 a.fermer,
#Luynes15 a.fermer, #Luynes15 a.fermer,
#Luynes16 a.fermer, #Luynes16 a.fermer,
#Mettray17 a.fermer, #Mettray17 a.fermer,
#NotreDamedOe18 a.fermer, #NotreDamedOe18 a.fermer,
#ParcayMeslay19 a.fermer, #ParcayMeslay19 a.fermer,
#Rochecorbon20 a.fermer, #Rochecorbon20 a.fermer,
#Rochecorbon21 a.fermer, #Rochecorbon21 a.fermer,
#Rochecorbon22 a.fermer, #Rochecorbon22 a.fermer,
#SaintAvertin23 a.fermer, #SaintAvertin23 a.fermer,
#SaintAvertin24 a.fermer, #SaintAvertin24 a.fermer,
#SaintCyrSurLoire25 a.fermer, #SaintCyrSurLoire25 a.fermer,
#SaintEtiennedeChigny26 a.fermer, #SaintEtiennedeChigny26 a.fermer,
#SaintGenouph27 a.fermer, #SaintGenouph27 a.fermer,
#SaintPierreDesCorps28 a.fermer, #SaintPierreDesCorps28 a.fermer,
#SaintPierreDesCorps29 a.fermer, #SaintPierreDesCorps29 a.fermer,
#SaintPierreDesCorps30 a.fermer, #SaintPierreDesCorps30 a.fermer,
#Savannieres31 a.fermer, #Savannieres31 a.fermer,
#Savannieres32 a.fermer, #Savannieres32 a.fermer,
#Tours33 a.fermer, #Tours33 a.fermer,
#Tours34 a.fermer, #Tours34 a.fermer,
#Tours33 a.fermer, #Tours33 a.fermer,
#Tours35 a.fermer, #Tours35 a.fermer,
#Villandry36 a.fermer, #Villandry36 a.fermer,
#SaintEtiennedeChigny27-bis a.fermer, #SaintEtiennedeChigny27-bis a.fermer
{
     display: none;
}
#BallanMire01:target,
#BallanMire02:target, 
#BallanMire03:target,
#Berthenay04:target,
#ChambraylesTours05:target,
#ChambraylesTours06:target,
#ChanceauxsurChoisille07:target,
#Druye08:target,
#Fondettes09:target,
#JouelesTours10:target,
#JouelesTours11:target,
#LaMenbrollesurChoisille12:target,
#LaMenbrollesurChoisille13:target,
#LaRiche14:target,
#Luynes15:target,
#Luynes16:target,
#Mettray17:target,
#NotreDamedOe18:target,
#ParcayMeslay19:target,
#Rochecorbon20:target,
#Rochecorbon21:target,
#Rochecorbon22:target,
#SaintAvertin23:target,
#SaintAvertin24:target,
#SaintCyrSurLoire25:target,
#SaintEtiennedeChigny26:target,
#SaintGenouph27:target,
#SaintPierreDesCorps28:target,
#SaintPierreDesCorps29:target,
#SaintPierreDesCorps30:target,
#Savannieres31:target,
#Savannieres32:target,
#Tours33:target,
#Tours34:target,
#Tours35:target,
#Villandry36:target,
#SaintEtiennedeChigny27-bis:target
{
     right: 0px;
}
/* code pour la fermeture */
#BallanMire01:target a.fermer,
#BallanMire02:target a.fermer,
#BallanMire03:target a.fermer,
#Berthenay04:target a.fermer,
#ChambraylesTours05:target a.fermer,
#ChambraylesTours06:target a.fermer,
#ChanceauxsurChoisille07:target a.fermer,
#Druye08:target a.fermer,
#Fondettes09:target a.fermer,
#JouelesTours10:target a.fermer,
#JouelesTours11:target a.fermer,
#LaMenbrollesurChoisille12:target a.fermer,
#LaMenbrollesurChoisille13:target a.fermer,
#LaRiche14:target a.fermer,
#Luynes15:target a.fermer,
#Luynes16:target a.fermer,
#Mettray17:target a.fermer,
#NotreDamedOe18:target a.fermer,
#ParcayMeslay19:target a.fermer,
#Rochecorbon20:target a.fermer,
#Rochecorbon21:target a.fermer,
#Rochecorbon22:target a.fermer,
#SaintAvertin23:target a.fermer,
#SaintAvertin24:target a.fermer,
#SaintCyrSurLoire25:target a.fermer,
#SaintEtiennedeChigny26:target a.fermer,
#SaintGenouph27:target a.fermer,
#SaintPierreDesCorps28:target a.fermer,
#SaintPierreDesCorps29:target a.fermer,
#SaintPierreDesCorps30:target a.fermer,
#Savannieres31:target a.fermer, 
#Savannieres32:target a.fermer,
#Tours33:target a.fermer,
#Tours34:target a.fermer,
#Tours35:target a.fermer,
#Villandry36:target a.fermer,
#SaintEtiennedeChigny27-bis a.fermer
{
     display: block;
}
#BallanMire01:target a.ouvrir,
#BallanMire02:target a.ouvrir,
#BallanMire03:target a.ouvrir,
#Berthenay04:target a.ouvrir,
#ChambraylesTours05:target a.ouvrir,
#ChambraylesTours06:target a.ouvrir,
#ChanceauxsurChoisille07:target a.ouvrir  ,
#Druye08:target a.ouvrir,
#Fondettes09:target a.ouvrir,
#JouelesTours10:target a.ouvrir,
#JouelesTours11:target a.ouvrir,
#LaMenbrollesurChoisille12:target a.ouvrir, 
#LaMenbrollesurChoisille13:target a.ouvrir,
#LaRiche14:target a.ouvrir,
#Luynes15:target a.ouvrir,  
#Luynes16:target a.ouvrir,
#Mettray17:target a.ouvrir,
#NotreDamedOe18:target a.ouvrir,
#ParcayMeslay19:target a.ouvrir,
#Rochecorbon20:target a.ouvrir,
#Rochecorbon21:target a.ouvrir,
#Rochecorbon22:target a.ouvrir,
#SaintAvertin23:target a.ouvrir,
#SaintAvertin24:target a.ouvrir,
#SaintCyrSurLoire25:target a.ouvrir, 
#SaintEtiennedeChigny26:target a.ouvrir, 
#SaintGenouph27:target a.ouvrir,  
#SaintPierreDesCorps28:target a.ouvrir,
#SaintPierreDesCorps29:target a.ouvrir,
#SaintPierreDesCorps30:target a.ouvrir,
#Savannieres31:target a.ouvrir,
#Savannieres32:target a.ouvrir, 
#Tours33:target a.ouvrir,
#Tours34:target a.ouvrir,
#Tours35:target a.ouvrir,
#Villandry36:target a.ouvrir,
#SaintEtiennedeChigny27-bis:target a.ouvrir
{
     display: none;
}
#BallanMire01:target #BallanMire01,
#BallanMire02:target #BallanMire02,
#BallanMire03:target #BallanMire03,
#Berthenay04:target #Berthenay04,
#ChambraylesTours05:target #ChambraylesTours05,
#ChambraylesTours06:target #ChambraylesTours06,
#ChanceauxsurChoisille07:target #ChanceauxsurChoisille07,
#Druye08:target #Druye08,
#Fondettes09:target #Fondettes09,
#JouelesTours10:target #JouelesTours10,
#JouelesTours11:target #JouelesTours11,
#LaMenbrollesurChoisille12:target #LaMenbrollesurChoisille12,
#LaMenbrollesurChoisille13:target #LaMenbrollesurChoisille13,
#LaRiche14:target #LaRiche14,
#Luynes15:target #Luynes15,
#Luynes16:target #Luynes16,
#Mettray17:target #Mettray17,
#NotreDamedOe18:target #NotreDamedOe18,
#ParcayMeslay19:target #ParcayMeslay19,
#Rochecorbon20:target #Rochecorbon20,
#Rochecorbon21:target #Rochecorbon21,
#Rochecorbon22:target #Rochecorbon22,
#SaintAvertin23:target #SaintAvertin23,
#SaintAvertin24:target #SaintAvertin24,
#SaintCyrSurLoire25:target #SaintCyrSurLoire25,
#SaintEtiennedeChigny26:target #SaintEtiennedeChigny26,
#SaintGenouph27:target #SaintGenouph27,
#SaintPierreDesCorps28:target #SaintPierreDesCorps28,
#SaintPierreDesCorps29:target #SaintPierreDesCorps29,
#SaintPierreDesCorps30:target #SaintPierreDesCorps30,
#Savannieres31:target #Savannieres31,
#Savannieres32:target #Savannieres32,
#Tours33:target #Tours33,
#Tours34:target #Tours34,
#Tours35:target #Tours35,
#Villandry36:target #Villandry36,
#SaintEtiennedeChigny27-bis:target #SaintEtiennedeChigny27
{
     right: -1000px;
}
/* test fixed + scroll */
#BallanMire01_clos,
#BallanMire02_clos,
#BallanMire03_clos,
#Berthenay04_clos,
#ChambraylesTours05_clos,
#ChambraylesTours06_clos,
#ChanceauxsurChoisille07_clos,
#Druye08_clos,
#Fondettes09_clos,
#JouelesTours10_clos,
#JouelesTours11_clos,
#LaMenbrollesurChoisille12_clos,
#LaMenbrollesurChoisille13_clos,
#LaRiche14_clos,
#Luynes15_clos,
#Luynes16_clos,
#Mettray17_clos,
#NotreDamedOe18_clos,
#ParcayMeslay19_clos,
#Rochecorbon20_clos,
#Rochecorbon21_clos,
#Rochecorbon22_clos,
#SaintAvertin23_clos,
#SaintAvertin24_clos,
#SaintCyrSurLoire25_clos,
#SaintEtiennedeChigny26_clos,
#SaintGenouph27_clos,
#SaintPierreDesCorps28_clos,
#SaintPierreDesCorps29_clos,
#SaintPierreDesCorps30_clos,
#Savannieres31_clos,
#Savannieres32_clos,
#Tours33_clos,
#Tours34_clos,
#Tours35_clos,
#Villandry36_clos,
#SaintEtiennedeChigny27-bis_clos
{
     position: fixed;
     top: 0px;
     right: 0;
}


/* ##############" POINTS MAPS - TRAVAIL ######################" */
 #Hallesdessport-Berthenay, 
 #GymnasedelaFontaineBlanche ,
 #SalleMultiSport, 
 #EspaceAquatiqueOBleue, 
 #DojoGuyLebaupin, 
 #ComplexeFootLesBercelleries, 
 #CentreAquatiqueduCarredO, 
 #SalleOmnisportMembrolle, 
 #TennisCouvertMembrolle, 
 #PiscineNordiqueThermes, 
 #MoulinMaillet, 
 #TennisIsabelleDemongeot, 
#GymnaseSebastienBarc, 
#ComplexeParcayMeslay, 
#RobertPouzioux, 
#TerraindeBricross, 
#PoleNautiqueCher, 
#PolenautiqueduCher, 
#TerrainIleBuda, 
#GymnaseSebastienBarcSaintCyr, 
#ComplexeSportifSaintGenouph,
#DojoJacqueVigier, 
#ComplexeValleeduCher, 
#Boulodrome, 
#CourtdeTennisSavonniere,
#CentreAquatiqueduLac,
#PiscineduMortier, 
#ComplexeSportifChambrerie, 
#RiviereContournementTours, 
#GolfLaGloriette
 {
     width: 700px;
     padding: 70px 60px;
     height:100vh;
     background: #f09e23;
     background-position:0% 0%;
     color: #fff;
}
 #Hallesdessport-Berthenay a.ouvrir, #Hallesdessport-Berthenay a.fermer,
 #GymnasedelaFontaineBlanche a.ouvrir, #GymnasedelaFontaineBlanche a.fermer,
 #SalleMultiSport a.ouvrir, #SalleMultiSport a.fermer,
 #EspaceAquatiqueOBleue a.ouvrir, #EspaceAquatiqueOBleue a.fermer, 
 #DojoGuyLebaupin a.ouvrir, #DojoGuyLebaupin a.fermer , 
 #ComplexeFootLesBercelleries a.ouvrir, #ComplexeFootLesBercelleries a.fermer ,
 #CentreAquatiqueduCarredO a.ouvrir, #CentreAquatiqueduCarredO a.fermer ,
 #SalleOmnisportMembrolle a.ouvrir, #SalleOmnisportMembrolle a.fermer , 
 #TennisCouvertMembrolle a.ouvrir, #TennisCouvertMembrolle a.fermer ,
 #PiscineNordiqueThermes a.ouvrir, #PiscineNordiqueThermes a.fermer, 
 #MoulinMaillet a.ouvrir, #MoulinMaillet a.fermer,
 #TennisIsabelleDemongeot a.ouvrir, #TennisIsabelleDemongeot a.fermer,
 #GymnaseSebastienBarc a.ouvrir, #GymnaseSebastienBarc a.fermer,
 #ComplexeParcayMeslay a.ouvrir, #ComplexeParcayMeslay a.fermer,
 #RobertPouzioux a.ouvrir, #RobertPouzioux a.fermer, 
 #TerraindeBricross a.ouvrir, #TerraindeBricross a.fermer,
 #PoleNautiqueCher a.ouvrir, #PoleNautiqueCher a.fermer, 
 #PolenautiqueduCher a.ouvrir, #PolenautiqueduCher a.fermer, 
 #TerrainIleBuda a.ouvrir, #TerrainIleBuda a.fermer, 
 #GymnaseSebastienBarcSaintCyr a.ouvrir, #GymnaseSebastienBarcSaintCyr a.fermer,
 #ComplexeSportifSaintGenouph a.ouvrir, #ComplexeSportifSaintGenouph a.fermer,
 #DojoJacqueVigier a.ouvrir, #DojoJacqueVigier a.fermer,
 #ComplexeValleeduCher a.ouvrir, #ComplexeValleeduCher a.fermer,
 #Boulodrome a.ouvrir, #Boulodrome a.fermer, 
 #CourtdeTennisSavonniere a.ouvrir, #CourtdeTennisSavonniere a.fermer,
 #CentreAquatiqueduLac a.ouvrir, #CentreAquatiqueduLac a.fermer ,
 #PiscineduMortier a.ouvrir, #PiscineduMortier a.fermer ,
 #ComplexeSportifChambrerie a.ouvrir, #ComplexeSportifChambrerie a.fermer ,
 #RiviereContournementTours a.ouvrir, #RiviereContournementTours a.fermer ,
 #GolfLaGloriette a.ouvrir, #GolfLaGloriette a.fermer
 
 
 {
     padding: 10px 15px;
     font-weight:800;
     color: #111;
     text-decoration: none;
}
 #Hallesdessport-Berthenay,
 #GymnasedelaFontaineBlanche, 
 #SalleMultiSport, 
 #EspaceAquatiqueOBleue, 
 #DojoGuyLebaupin, 
 #ComplexeFootLesBercelleries,
 #CentreAquatiqueduCarredO, 
 #SalleOmnisportMembrolle, 
 #TennisCouvertMembrolle, 
 #PiscineNordiqueThermes, 
 #MoulinMaillet, 
 #TennisIsabelleDemongeot, 
 #GymnaseSebastienBarc, 
 #ComplexeParcayMeslay, 
 #RobertPouzioux, 
 #TerraindeBricross, 
 #PoleNautiqueCher,
 #PolenautiqueduCher,
 #TerrainIleBuda, 
 #GymnaseSebastienBarcSaintCyr, 
 #ComplexeSportifSaintGenouph,
 #DojoJacqueVigier,
 #ComplexeValleeduCher,
 #Boulodrome, 
 #CourtdeTennisSavonniere,
 #CentreAquatiqueduLac, 
 #PiscineduMortier, 
 #ComplexeSportifChambrerie,
 #RiviereContournementTours, 
 #GolfLaGloriette
 
 {
     position: absolute;
     right: -1000px;
    /* test fixed + scroll, on retire la position top */
     -webkit-transition: all .5s ease-in;
     -moz-transition: all .5s ease-in;
     transition: all .5s ease-in;
}
 #Hallesdessport-Berthenay a.ouvrir, #Hallesdessport-Berthenay a.fermer,
 #GymnasedelaFontaineBlanche a.ouvrir, #GymnasedelaFontaineBlanche a.fermer,
 #SalleMultiSport a.ouvrir, #SalleMultiSport a.fermer,
 #EspaceAquatiqueOBleue a.ouvrir, #EspaceAquatiqueOBleue a.fermer,
 #DojoGuyLebaupin a.ouvrir, #DojoGuyLebaupin a.fermer,
 #ComplexeFootLesBercelleries a.ouvrir, #ComplexeFootLesBercelleries a.fermer, 
 #CentreAquatiqueduCarredO a.ouvrir, #CentreAquatiqueduCarredO a.fermer, 
 #SalleOmnisportMembrolle a.ouvrir, #SalleOmnisportMembrolle a.fermer, 
 #TennisCouvertMembrolle a.ouvrir, #TennisCouvertMembrolle a.fermer, 
 #PiscineNordiqueThermes a.ouvrir, #PiscineNordiqueThermes a.fermer, 
 #MoulinMaillet a.ouvrir, #MoulinMaillet a.fermer, 
 #TennisIsabelleDemongeot a.ouvrir, #TennisIsabelleDemongeot a.fermer, 
 #GymnaseSebastienBarc a.ouvrir, #GymnaseSebastienBarc a.fermer,
 #ComplexeParcayMeslay a.ouvrir, #ComplexeParcayMeslay a.fermer, 
 #RobertPouzioux a.ouvrir, #RobertPouzioux a.fermer,
 #TerraindeBricross a.ouvrir, #TerraindeBricross a.fermer, 
 #PoleNautiqueCher a.ouvrir, #PoleNautiqueCher a.fermer,
 #PolenautiqueduCher a.ouvrir, #PolenautiqueduCher a.fermer, 
 #TerrainIleBuda a.ouvrir, #TerrainIleBuda a.fermer, 
 #GymnaseSebastienBarcSaintCyr a.ouvrir, #GymnaseSebastienBarcSaintCyr a.fermer, 
 #ComplexeSportifSaintGenouph a.ouvrir, #ComplexeSportifSaintGenouph a.fermer,
 #DojoJacqueVigier a.ouvrir,  #DojoJacqueVigier a.fermer, 
 #ComplexeValleeduCher a.ouvrir,  #ComplexeValleeduCher a.fermer, 
 #Boulodrome a.ouvrir,  #Boulodrome a.fermer, 
 #CourtdeTennisSavonniere a.ouvrir,  #CourtdeTennisSavonniere a.fermer,
 #CentreAquatiqueduLac a.ouvrir,  #CentreAquatiqueduLac a.fermer,
 #PiscineduMortier a.ouvrir,  #PiscineduMortier a.fermer, 
 #ComplexeSportifChambrerie a.ouvrir,  #ComplexeSportifChambrerie a.fermer,
 #RiviereContournementTours a.ouvrir, #RiviereContournementTours a.fermer ,
 #GolfLaGloriette a.ouvrir, #GolfLaGloriette a.fermer

 {
     position: absolute;
     right: 40px;
     top: 25px;
     font-family: 'Roboto';
     font-size:50px;
}
 #Hallesdessport-Berthenay a.fermer,
 #GymnasedelaFontaineBlanche a.fermer, 
 #SalleMultiSport a.fermer, 
 #EspaceAquatiqueOBleue a.fermer, 
 #DojoGuyLebaupin  a.fermer, 
 #ComplexeFootLesBercelleries  a.fermer,
 #CentreAquatiqueduCarredO a.fermer, 
 #SalleOmnisportMembrolle a.fermer , 
#TennisCouvertMembrolle a.fermer, 
#PiscineNordiqueThermes a.fermer,
#MoulinMaillet a.fermer,
#TennisIsabelleDemongeot a.fermer, 
#GymnaseSebastienBarc a.fermer, 
#ComplexeParcayMeslay a.fermer,
#RobertPouzioux a.fermer, 
#TerraindeBricross a.fermer, 
#PoleNautiqueCher a.fermer,
#PolenautiqueduCher a.fermer,
#TerrainIleBuda a.fermer, 
#GymnaseSebastienBarcSaintCyr a.fermer, 
#ComplexeSportifSaintGenouph a.fermer,
#DojoJacqueVigier a.fermer,
#ComplexeValleeduCher a.fermer,
#Boulodrome a.fermer, 
#CourtdeTennisSavonniere a.fermer,
#CentreAquatiqueduLac a.fermer, 
#PiscineduMortier a.fermer,
#ComplexeSportifChambrerie a.fermer,
#RiviereContournementTours a.fermer , 
#GolfLaGloriette a.fermer
{
     display: none;
}
 #Hallesdessport-Berthenay:target ,
 #GymnasedelaFontaineBlanche:target, 
 #SalleMultiSport:target,
 #EspaceAquatiqueOBleue:target, 
 #DojoGuyLebaupin:target, 
 #ComplexeFootLesBercelleries:target, 
 #CentreAquatiqueduCarredO:target,
 #SalleOmnisportMembrolle:target,
 #TennisCouvertMembrolle:target, 
 #PiscineNordiqueThermes:target, 
 #MoulinMaillet:target, 
 #TennisIsabelleDemongeot:target, 
 #GymnaseSebastienBarc:target, 
 #ComplexeParcayMeslay:target, 
 #RobertPouzioux:target, 
 #TerraindeBricross:target, 
 #PoleNautiqueCher:target, 
 #PolenautiqueduCher:target, 
#TerrainIleBuda:target, 
#GymnaseSebastienBarcSaintCyr:target, 
#ComplexeSportifSaintGenouph:target,
#DojoJacqueVigier:target,
#ComplexeValleeduCher:target, 
#Boulodrome:target, 
#CourtdeTennisSavonniere:target, 
#CentreAquatiqueduLac:target, 
#PiscineduMortier:target, 
#ComplexeSportifChambrerie:target,
#RiviereContournementTours:target, 
#GolfLaGloriette:target
{
     right: 0px;
}
/* code pour la fermeture */
 #Hallesdessport-Berthenay:target a.fermer ,
 #GymnasedelaFontaineBlanche:target a.fermer ,
 #SalleMultiSport:target a.fermer ,
 #EspaceAquatiqueOBleue:target a.fermer, 
 #DojoGuyLebaupin:target a.fermer, 
 #ComplexeFootLesBercelleries a.fermer, 
 #CentreAquatiqueduCarredO a.fermer, 
 #SalleOmnisportMembrolle a.fermer, 
 #TennisCouvertMembrolle a.fermer,
 #PiscineNordiqueThermes a.fermer,
 #MoulinMaillet a.fermer, 
 #TennisIsabelleDemongeot a.fermer, 
 #GymnaseSebastienBarc a.fermer, 
 #ComplexeParcayMeslay a.fermer, 
 #RobertPouzioux a.fermer, 
 #TerraindeBricross a.fermer, 
 #PoleNautiqueCher a.fermer, 
 #PolenautiqueduCher a.fermer, 
#TerrainIleBuda a.fermer, 
#GymnaseSebastienBarcSaintCyr a.fermer, 
#ComplexeSportifSaintGenouph a.fermer,
#DojoJacqueVigier a.fermer,
#ComplexeValleeduCher  a.fermer, 
#Boulodrome a.fermer, 
#CourtdeTennisSavonniere a.fermer, 
#CentreAquatiqueduLac a.fermer,
#PiscineduMortier a.fermer, 
#ComplexeSportifChambrerie  a.fermer,
#RiviereContournementTours a.fermer, 
#GolfLaGloriette a.fermer 
 {
     display: block;
}
 #Hallesdessport-Berthenay:target a.ouvrir ,
 #GymnasedelaFontaineBlanche:target a.ouvrir ,
 #SalleMultiSport:target a.ouvrir ,
 #EspaceAquatiqueOBleue:target a.ouvrir, 
 #DojoGuyLebaupin:target a.ouvrir, 
 #ComplexeFootLesBercelleries a.ouvrir, 
 #CentreAquatiqueduCarredO a.ouvrir, 
 #SalleOmnisportMembrolle a.ouvrir, 
 #TennisCouvertMembrolle a.ouvrir, 
 #PiscineNordiqueThermes a.ouvrir, 
 #MoulinMaillet a.ouvrir, 
 #TennisIsabelleDemongeot a.ouvrir, 
 #GymnaseSebastienBarc a.ouvrir, 
 #ComplexeParcayMeslay a.ouvrir, 
 #RobertPouzioux a.ouvrir , 
 #TerraindeBricross a.ouvrir, 
 #PoleNautiqueCher a.ouvrir, 
 #PolenautiqueduCher a.ouvrir, 
 #TerrainIleBuda a.ouvrir, 
 #GymnaseSebastienBarcSaintCyr a.ouvrir, 
 #ComplexeSportifSaintGenouph a.ouvrir,
 #DojoJacqueVigier a.ouvrir, 
 #ComplexeValleeduCher  a.ouvrir, 
 #Boulodrome a.ouvrir, 
 #CourtdeTennisSavonniere a.ouvrir
 #CentreAquatiqueduLac a.ouvrir, 
 #PiscineduMortier a.ouvrir, 
 #ComplexeSportifChambrerie  a.ouvrir, 
 #RiviereContournementTours a.ouvrir, 
 #GolfLaGloriette a.ouvrir 
 {
     display: none;
}
 #Hallesdessport-Berthenay:target #Hallesdessport-Berthenay,
 #GymnasedelaFontaineBlanche:target #GymnasedelaFontaineBlanche,
 #SalleMultiSport:target #SalleMultiSport, 
 #EspaceAquatiqueOBleue:target #EspaceAquatiqueOBleue, 
 #DojoGuyLebaupin:target #DojoGuyLebaupin, 
 #ComplexeFootLesBercelleries:target #ComplexeFootLesBercelleries, 
 #CentreAquatiqueduCarredO:target #CentreAquatiqueduCarredO, 
 #SalleOmnisportMembrolle:target #SalleOmnisportMembrolle, 
 #TennisCouvertMembrolle:target #TennisCouvertMembrolle, 
 #PiscineNordiqueThermes:target #PiscineNordiqueThermes, 
 #MoulinMaillet:target #MoulinMaillet, 
 #TennisIsabelleDemongeot:target #TennisIsabelleDemongeot, 
 #GymnaseSebastienBarc:target #GymnaseSebastienBarc, 
 #ComplexeParcayMeslay:target #ComplexeParcayMeslay,
 #RobertPouzioux:target #RobertPouzioux, 
 #TerraindeBricross:target #TerraindeBricross, 
 #PoleNautiqueCher:target #PoleNautiqueCher,
 #PolenautiqueduCher:target #PolenautiqueduCher, 
 #TerrainIleBuda:target #TerrainIleBuda
 #GymnaseSebastienBarcSaintCyr:target #GymnaseSebastienBarcSaintCyr, 
 #ComplexeSportifSaintGenouph:target #ComplexeSportifSaintGenouph,
 #DojoJacqueVigier:target #DojoJacqueVigier, 
 #ComplexeValleeduCher:target #ComplexeValleeduCher, 
 #Boulodrome:target #Boulodrome,
 #CourtdeTennisSavonniere:target #CourtdeTennisSavonniere, 
 #CentreAquatiqueduLac:target #CentreAquatiqueduLac, 
 #PiscineduMortier:target #PiscineduMortier, 
 #ComplexeSportifChambrerie:target #ComplexeSportifChambrerie, 
 #RiviereContournementTours:target #RiviereContournementTours, 
 #GolfLaGloriette:target #GolfLaGloriette

 {
     right: -1000px;
}
/* test fixed + scroll */
 #Hallesdessport-Berthenay_clos,
 #GymnasedelaFontaineBlanche_clos,
 #SalleMultiSport_clos, 
 #EspaceAquatiqueOBleue_clos, 
 #DojoGuyLebaupin_clos , 
 #ComplexeFootLesBercelleries_clos, 
 #CentreAquatiqueduCarredO_clos,
 #SalleOmnisportMembrolle_clos, 
 #TennisCouvertMembrolle_clos, 
 #PiscineNordiqueThermes_clos, 
 #MoulinMaillet_clos, 
 #TennisIsabelleDemongeot_clos, 
 #GymnaseSebastienBarc_clos, 
 #ComplexeParcayMeslay_clos, 
 #RobertPouzioux_clos, 
 #TerraindeBricross_clos, 
 #PoleNautiqueCher_clos, 
 #PolenautiqueduCher_clos, 
 #TerrainIleBuda_clos, 
 #GymnaseSebastienBarcSaintCyr_clos, 
 #ComplexeSportifSaintGenouph_clos,
 #DojoJacqueVigier_clos, 
 #ComplexeValleeduCher_clos, 
 #Boulodrome_clos,
 #CourtdeTennisSavonniere_clos, 
 #CentreAquatiqueduLac_clos, 
 #PiscineduMortier_clos, 
 #ComplexeSportifChambrerie_clos, 
 #RiviereContournementTours_clos, 
 #GolfLaGloriette_clos

 {
     position: fixed;
     top: 0px;
     right: 0;
}
 .titlevolet h2 {
     text-transform:uppercase;
     color:#000;
     font-weight:600;
     font-size:55px;
     line-height:57px;
     margin-top:30px;
     margin-bottom:75px;
}
 .titlevolet h2 span {
     color:#fff;
     display:inline-block;
     margin-right:20px;
     
}

.titleorange h2 {
     text-transform:uppercase;
     color:#000;
     font-weight:600;
     font-size:55px;
     line-height:57px;
     margin-top:30px;
     margin-bottom:75px;
}
 .titleorange h2 span {
     color:#fff;
     display:inline-block;
     margin-bottom:100px;
     float:left;
     margin-right:20px;
     
}

.blocorange ul
{
padding:10px 25px;
margin-left:20px;
}


.blocorange ul li
{
font-size:19px;
line-height:24px;
     
}


.blocorange ul li img
{
position:absolute;
left:70px;
margin-top:5px;
}


 .flashcode img {
     float:left;
     width:180px;
     height:180px;
}
 .flashcode p {
     padding-top:80px;
}


.legendecarte
{
     position:absolute;
     max-width:100%;
     height:auto;
     margin-top:300px;
     max-height:350px;
}




/*------- FOOTER --------*/
 footer {
     width:100%;
     float:left;
     padding:0;
     margin:0;
}
 .bloc-footer {
     background-size:cover;
     width:100%;
     height:300px;
     margin:0px;
     text-align:center;
     position:relative;
     padding:10px;
     background-position:50% 50%;
     
}
 .bloc-footer .overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #000;
     opacity: 0.4;
     z-index:0;
}
 .bloc-footer p {
     font: normal normal 600 33px/37px Fixture;
     letter-spacing: 0px;
     color: #FFFFFF;
     text-transform: uppercase;
     text-align:center;
     padding-top:11vh ;
     position:absolute;
     display: block;
     width:100%;
}
 .footeraccueil a {
     font: normal normal 600 60px/50px Fixture;
     letter-spacing: 0px;
     color: #FFFFFF;
     background-color:#000;
     text-transform: uppercase;
     display:inline-block;
     padding:40px 60px;
     float:right;
     text-decoration:none;
}
 .basfooter-jaune {
     background-color:#FFD500;
     float:left;
     width:100%;
     padding-top:75px;
     padding-right:60px;
     height:170px;
     text-align:right;
}

.basfooter-velival {
     background-color:#83bea3;
     float:left;
     width:100%;
     padding-top:75px;
     padding-right:60px;
     height:170px;
     text-align:right;
}



 .basfooter-bleu-fonce {
     background-color:#1cb1db;
     float:left;
     width:100%;
     padding-top:75px;
     padding-right:60px;
     height:170px;
     text-align:right;
}
 .basfooter-bleu {
     background-color:#015fa7;
     float:left;
     width:100%;
     padding-top:75px;
     padding-right:60px;
     height:170px;
     text-align:right;
}
 .basfooter-vert {
     background-color:#6abc51;
     float:left;
     width:100%;
     padding-top:75px;
     padding-right:60px;
     height:170px;
     text-align:right;
}

.basfooter-orange {
     background-color:#f09e23;
     float:left;
     width:100%;
     padding-top:75px;
     padding-right:60px;
     height:170px;
     text-align:right;
}


.basfooter-rose {
     background-color:#e2368b;
     float:left;
     width:100%;
     padding-top:75px;
     padding-right:60px;
     height:170px;
     text-align:right;
}




 .basfooter {
     width:100%;
     float:left;
     padding-top:50px;
     height:140px;
     background-color:#1cb1db;
}