html, body {
    height: 100%;
    margin: 0; padding: 0;
}

body {
    display: table;
    width: 100%;
}

.style {
    display: none;
}

.style2 {
    color: white;
}

body {
    background-color: #ffffff;
    background-position: top center;
    margin: 0;
    padding: 0;
    position: relative;
    min-height: 100%;
}

header {
    margin: 0px;
    padding: 0px;
}


/* MENU ORDI */
nav {
	/* position: fixed; */
    margin: 0px;
    padding: 0px;
    padding-left: 20px;
	display: flex;
    background-color: #fff4e9;
}

ul {
    /* position: fixed; */
    top: 0;
    width: 100%;
    list-style-type: none;
    overflow: auto;
    margin: 0px;
    padding-left: 0px;
	display: flex;
    justify-content: center;
    margin-right: 6%;
}

.logo {
	/* position : fixed; */
	/* width: 4.5%; */
    width: 3%;
	PADDING: 0.7% 0%;
	margin-left: 4%;
	z-index: 1;
}

#currentTab {
	color: #fff4e9;
	font-weight: bold;
	display: inline-block;
    background-color: #120464;
	border-top: 4px solid #fff4e9;
    border-bottom: 4px solid #fff4e9;
    padding: 20px 20px;
    margin: 0 20px;
    text-decoration: none;
    border-radius: 15px;
    font-size: 17px;
}

li a:not(#currentTab, #logout) {
    display: inline-block;
    color: #120464;
	font-weight: bold;
    border-top: 4px solid #fff4e9;
    border-bottom: 4px solid #fff4e9;
    padding: 20px 20px;
    margin: 0 20px;
    text-decoration: none;
    transition: 0.5s;
    border-radius: 15px;
    font-size: 17px;
}

#logout {    
	display: inline-block;
    color: #120464;
	font-weight: bold;
    padding: 20px 20px;
    margin: 0 20px;
    text-decoration: none;
    padding-top: 22px;
    font-size: 17px;
}

li a:hover:not(#currentTab, #logout) {
    border-top: 2px solid #120464;
    border-bottom: 2px solid #120464;
	font-weight: bold;
    padding: 6px 20px;
    margin-top: 14px;
	color: #120464;
}


/* MENU TELEPHONE */
@media only screen and (max-width: 1180px) {
  nav {
    padding-left: 0px;
  }
  
  .logo {
    width: 0%;
	margin-left: 0%;
  }
  
  #currentTab {
    padding: 8px 8px;
    padding-top: 22px;
	font-size: 30px;
	text-align: center;
	height: 55px;
    margin: 0 13px;
  }
  
  li a:not(#currentTab, #logout) {
    padding: 8px 8px;
    padding-top: 22px; 
	font-size: 30px;
	text-align: center;
	height: 55px;
    margin: 0 13px;
  }
  
  #logout {
    padding: 8px 8px;
    padding-top: 27px; 
	font-size: 30px;
	text-align: center;
	height: 55px;
    margin: 0 13px;
  }
  
  ul {
	  margin-right: 0%;
  }
}

/* BIENVENUE ORDI */
.portrait {
	width: 100%;
	margin-bottom: 2%;
}

.portrait_zoome {
	display: none;
}

.frises {
	width: 20%;
	margin: 2% 0%;
}

h3 {
	font-size: 2.5em;
	font-family: 'Parisienne', cursive;
	text-align: center;
	color: #120464;
	font-weight: 600;
}	

.histoire_Txt {
	margin-right: 20%;
	margin-left: 20%;
	text-align: center;
    font-size: 1.24em;
	color: #120464;
	line-height: 1.4;
	/* word-spacing: 0.4px; */
	/* background-color: rgba(18, 4, 100, 0.2); */
}

#notre_Histoire {
    /* text-align: center; */
    /* font-size: 3em; */
    /* padding-bottom: 30px; */
	/* font-family: 'Parisienne', cursive; */
	/* margin: 0; */
	margin-top: 0%;
}

#Fin_Page {
	display: block;
    margin-left: auto;
    margin-right: auto;
	width: 100%;
	/* width: auto; */
	height: auto;
	
}

/* BIENVENUE TELEPHONE */
@media only screen and (max-width: 1180px) {
  .portrait {
	display: none;
  }
  
  .portrait_zoome {
	display: inline;
	width: 100%;
	margin-bottom: 5%;
  }
  
  .frises {
	width: 44%;
	/* margin: auto; */
  }

  h3 {
	font-size: 4.8em;
	font-weight: 500;
	margin: 2% 0%;
  }	

  .histoire_Txt {
	margin-right: 15%;
	margin-left: 15%;
	text-align: center;
    font-size: 2.4em;
	color: #120464;
	line-height: 1.4;
  }

  #notre_Histoire {
	  font-size: 2.6em;
  }
}



/* INFORMATIONS ORDI 1/2 */
/* div, p, h3 { */
	/* font-family: 'Brotherhood Script', sans-serif; */
/* } */

.QuandOu1 {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-top: 4%;
	margin-bottom: 4%;
	color: #120464;
}

.compteur {
	display: flex;
	flex-direction: row;
	margin-left: 3%;
}

.compteur-section {
	display: flex;
	flex-direction: column;
	text-align: center;
	padding-top: 8%;
	padding-bottom: 4%;
	padding-right: 5%;
	margin-left: 5%;
	width: 50%;
	height: 77%;
	background-image: url(Pictures/Circle_Flowers.jpg);
	background-size: cover;
	/* box-shadow: 5px 10px 18px #28323B; */
	/* box-shadow: -3px -1px 8px #28323B; */
}

.compteur-valeur {
	font-size: 1.8em;
	padding-bottom: 1%;
	padding-left: 12%;
	font-weight: bold;
	width: 105px;
}

.compteur-periode {
	font-size: 1.2em;
	/* font-weight: bold; */
	padding-left: 12%;
	width: 105px;
}

#Quand {
	font-size: 3em;
	/* font-weight: bold; */
	font-family: 'Ephesis', cursive;
	margin-right: 8%;
}


#Quand p {
	margin-top: 6%;
	margin-bottom: 0%;
}

/* INFORMATIONS TELEPHONE 1/2 */
@media only screen and (max-width: 1180px) {
  .QuandOu1 {
    flex-direction: column;
    justify-content: center;
    padding-top: 5%;
  }
  
  .compteur {
	margin-left: 3%;
    margin-right: 3%;
  }
  
  .compteur-section {
	/* padding-bottom: 6%; */
	/* padding-top: 6%; */
	/* margin-right: 6%; */
	/* margin-left: 6%; */
	padding-bottom: 8%;
    padding-top: 6%;
	/* margin-right: 1%; */
    /* margin-left: 1%; */
	margin-right: 0.5%;
    margin-left: 0.5%;
  }
  
  .compteur-valeur {
	font-size: 2.8em;
	padding-bottom: 1%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 28%;
	font-weight: bold;
	width: 105px;
  }

  .compteur-periode {
	font-size: 2.4em;
	margin-left: auto;
	margin-right: auto;
	padding-left: 28%;
	width: 105px;
  }
  
  #compteur-periode-right {
	font-size: 2.4em;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10%;
	width: 105px;
  }

  #Quand {
	margin-right: auto;
	margin-left: auto;
	margin-top: 4%;
	font-size: 5em;
  }
}

/* INFORMATIONS ORDI 2/2 */
#Floral_Frame {
	width: 24%;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.QuandOu2 {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-top: 4%;
	margin-bottom: 6%;
	color: #120464;
}

.map {
	margin-right: 6%;
}

#frame {
    border: none;
    width: 600px;
    height: 460px;
}

#Ou {
	/* font-family: 'Ephesis', cursive; */
	margin-left: 6%;
	margin-top: 4%;
}

.Titre {
	font-size: 2.5em;
	font-family: 'Parisienne', cursive;
	margin: 0;
	/* margin-right: 8%; */
}

#Ou p:not(.Titre) {
	font-size: 1.3em;
	margin: 0;
	margin-bottom: 4%;
	/* font-family: 'Ephesis', cursive; */
	/* margin-right: 8%; */
}

#deroulement {
	width: 40%;
}
  
#deroulement_zoome {
	display: none;
}

.top {
    text-align: center;
    font-size: 45px;
    margin-top: 150px;
}

.top a {
    color: #031634;
}

/* INFORMATIONS TELEPHONE 2/2 */
@media only screen and (max-width: 1180px) {
  #Floral_Frame {
	width: 44%;
	margin-top: 5%;
  }

  .QuandOu2 {
    flex-direction: column;
    justify-content: center;
    padding-top: 3%;
	margin-bottom: 6%;
	color: #120464;
  }

  .map {
	margin: 0;
  }

  #frame {
    border: none;
    width: 100%;
    height: 600px;
	margin: 0;
	margin-top: 2%;
	margin-bottom: 5%;
  }

  #Ou {
	margin-left: auto;
    margin-right: auto;
  }

  .Titre {
	font-size: 4em;
	/* margin: 0; */
	/* margin-right: 8%; */
  }

  #Ou p:not(.Titre) {
	font-size: 2.5em;
	/* margin: 0; */
	/* margin-bottom: 4%; */
	/* margin-right: 8%; */
  }

  #deroulement {
	/* display: none; */
	display: inline;
	width: 100%;
  }
  
  #deroulement_zoome {
	/* display: inline; */
	/* width: 100%; */
  }

  .top {
    display: none;
  }

  /* .top a { */
    /* color: #031634; */
  /* } */
}

/* NEWSLETTER ORDI 1/2 */
.Box_Newsletter, #Container_News {
	background-image: url(Pictures/20160804_133228_3.jpg);
	/* background-size: contain; */
	background-size: cover;
	background-repeat: no-repeat;
	height: 900px;
	margin-top: 0;
	/* background-size: 80%; */
}

.Row_News {
	display: flex;
	flex-direction: row
}

.step {
    color: #e9232d;
    /* color: lightgreen; */
    font-size: 18px;
    text-align: center;
    margin: 5% 5% 5% 5%;
}

#Intro_News {
	background-color: #fff4e9;
	width: 560px;
    /* height: 540px; */
	/* padding-top: 40px; */
	margin-top: 9%;
	margin-left: 90px;
	padding-bottom: 4%;
}

#Intro_News form {
	padding-top: 2%;
}

#Intro_News form input[type=text], #Intro_News form input[type=password], #formConfirm form input[type=text], #formConfirm form input[type=password] {
    width: 36%;
    height: 25px;
	font-size: 14px;
}

#Intro_News form input[type=submit], #formConfirm form input[type=submit] {
    background-color: #120464;
    color: #fff4e9;
    border: none;
    cursor: pointer;
    width: 20%;
    font-size: 16px;
    padding: 14px 10px;
    margin: 8px 0 25px 0px;
}

.text_Intro_News {
	margin: 0% 5%;
	text-align: center;
    font-size: 1.24em;
	color: #120464;
	line-height: 1.4;
}

#Intro_News a, #formConfirm a {
	margin-top: 6%;
    font-size: 1.10em;
	color: #120464;
}


/* .ligne img:hover { */
    /* filter: opacity(50%); */
	/* opacity: 0.6; */
/* } */

/* NEWSLETTER TELEPHONE 1/2 */
@media only screen and (max-width: 1180px) {
	.Box_Newsletter {
		background-image: url(Pictures/20160804_133228_2_Phone.jpg);
		height: 100%;
	}
	
	#Intro_News {
		/* width: 560px; */
		margin-top: 26%;
		margin-left: auto;
		margin-right: auto;
		width: 70%;
		/* margin-left: 50px; */
		padding-bottom: 5%;
	}

	.text_Intro_News {
		font-size: 2.4em;
    }
	
	#Intro_News a, #formConfirm a {
		margin: 0% 5%;
		font-size: 1.8em;
    }
	
	#Intro_News form input[type=text], #Intro_News form input[type=password], #formConfirm form input[type=text], #formConfirm form input[type=password] {
		width: 45%;
		height: 32px;
		font-size: 26px;
		margin-bottom: 1%;
		border-radius: 10px;
	}

	#Intro_News form input[type=submit], #formConfirm form input[type=submit] {
		width: 26%;
		font-size: 25px;
		height: 45px;
		border-radius: 20px;
	}
	
	.step {
		font-size: 2.4em;
	}
}

/* NEWSLETTER ORDI 2/2 */
#Container_News {
	/* background-image: url(Pictures/20160804_133228_3.jpg); */
	/* background-size: contain; */
	/* background-size: cover; */
	/* background-repeat: no-repeat; */
	padding-top: 3%;
	/* height: 840px; */
}

#h3_News {
	margin-top: 0%;
    background-color: #fff4e9;
    /* margin-right: 25%; */
    /* margin-left: 25%; */
	margin-right: 27%;
    margin-left: 27%;
}

.Column_Newsletters {
	/* padding-top: 4%; */
	display: flex;
    flex-direction: column;
	/* justify-content: center; */
	/* margin-top: 0; */
	/* margin-left: 7%; */
}
	
.Row_Newsletters {
	padding-top: 4%;
	display: flex;
    /* flex-direction: row; */
	justify-content: center;
	/* Pour quand il y aura plus qu'une newsletter */
	/* justify-content: space-around; */
	/* height: 1000px; */
	margin-top: 0;
	margin-left: 7%;
}

.image_text {
    width: 20%;
}

#photo_News {
    width: 60%;
}

#photo_News:hover {
    filter: opacity(50%);
}

.contour {
    width: 60%;
	font-size: 1.24em;
    padding:8px 0px;
    text-align: center;
    background-color: #fff4e9;
	color: #120464;
}

/* NEWSLETTER TELEPHONE 2/2 */
@media only screen and (max-width: 1180px) {
	#Container_News {
		background-image: url(Pictures/20160804_133228_2_Phone.jpg);
		height: 100%;
	}

	#h3_News {
		margin-right: 10%;
		margin-left: 10%;
		background-color: #fff4e9;
	}
		
	.Row_Newsletters {
		padding-top: 6%;
		/* Pour quand il y aura plus qu'une newsletter */
		/* justify-content: space-around; */
		/* height: 1000px; */
		/* margin-left: 7%; */
	}

	.image_text {
		width: 35%;
	}

	#photo_News {
		width: 70%;
	}

	#photo_News:hover {
		filter: opacity(50%);
	}

	.contour {
		width: 70%;
		font-size: 2.4em;
		/* padding:8px 0px; */
		/* text-align: center; */
		/* background-color: #fff4e9; */
		/* color: #120464; */
	}
}


/* CONFIRMER ORDI */
#Confirm_Row {
	display: flex;
    flex-direction: row;
	justify-content: space-between;
}

#photo_Cascade {
	width: 46%;
}

#formConfirm {
	/* margin: 7% 6%; */
	margin: 6% 0%;
	background-color: #fff4e9;
	width: 42%;
	margin-left: auto;
	margin-right: auto;
	/* padding-bottom: 4%; */
}

#formConfirm p {
    /* margin: 0% 1%; */
    margin-top: 2%;
    text-align: center;
    font-size: 1.26em;
	color: #120464;
	line-height: 1.4;
}

#formConfirm label {
    margin-right: 1%;
    margin-top: 2%;
    text-align: center;
    font-size: 1.24em;
	color: #120464;
	line-height: 1.4;
}

#photo_airplane {
	width: 40%;
	margin-left: 30%;
    MARGIN-BOTTOM: 3%;
}

#Confirm_lignes {
	display: flex;
	flex-direction: column;
}

.Confirm_ligne {
	/* display: flex; */
	/* flex-direction: row; */
	/* MARGIN-BOTTOM: 2%; */
	margin-top: 5%;
	margin-left: 8%;
    /* text-align: center; */
    font-size: 1.1em;
	color: #120464;
	line-height: 1.2;
}


/* CONFIRMER TELEPHONE */
@media only screen and (max-width: 1180px) {
	#photo_Cascade {
		display: none;
	}
	
	#Confirm_Row {
		display: block;
		background-image: url(Pictures/20210523_100651156_iOS_Crop2.jpg);
		background-position: center;
		background-size: cover;
		padding: 20% 0%;
		background-repeat: no-repeat;
	}
	
	#formConfirm {
		/* padding: 4% 5%; */
		padding: 1% 5%;
		width: 68%;
	}
	
	#formConfirm p {
		/* margin: 0% 1%; */
		/* margin-top: 2%; */
		font-size: 2.4em;
		/* line-height: 1.4; */
	}

	#formConfirm label {
		/* margin-right: 1%; */
		/* margin-top: 2%; */
		font-size: 2.4em;
		/* line-height: 1.4; */
	}

	#photo_airplane {
		width: 40%;
		/* margin-left: 30%; */
		/* MARGIN-BOTTOM: 3%; */
	}
	
	input[type=checkbox]
	{
	  /* Double-sized Checkboxes */
	  -ms-transform: scale(1.3); /* IE */
	  -moz-transform: scale(1.3); /* FF */
	  -webkit-transform: scale(1.3); /* Safari and Chrome */
	  -o-transform: scale(1.3); /* Opera */
	  transform: scale(1.3);
	  padding: 10px;
	  margin-right: 1%;
	}
	
	input[type=radio]
	{
	  /* Double-sized Checkboxes */
	  -ms-transform: scale(1.3); /* IE */
	  -moz-transform: scale(1.3); /* FF */
	  -webkit-transform: scale(1.3); /* Safari and Chrome */
	  -o-transform: scale(1.3); /* Opera */
	  transform: scale(1.3);
	  padding: 10px;
	  margin-right: 1%;
	}
	
	#formConfirm textarea {
		border-radius: 10px;
		width: 64%;
		height: 100px;
		font-size: 26px;
	}
	
	#formConfirm textarea::placeholder {
		font-size: 25px;
	}
	
	.Confirm_ligne {
		font-size: 2em;
		/* line-height: 1.2; */
	}
}

/* CONTACT ORDI */
.avis {
    display: flex;
    /* flex-direction: row; */
    justify-content: center;
	/* background-image: url(Pictures/20200624_071506959_iOS.jpg); */
	/* background-image: url(Pictures/TRONCHEDECAKE.png); */
	background-image: url(Pictures/Flou_cotes_ok.png);
	background-position: center;
	/* background-size: cover; */
	/* background-size: contain; */
	background-size: 80%;
	background-repeat: no-repeat;
	/* height: 900px; */
}

#form_avis {
    background-color: rgba(18, 4, 100, 0.8);
    margin-top: 6%;
	margin-bottom: 10%;
    width: 745px;
	border-radius: 70px;
	color: #fff4e9;
	padding-bottom: 2%;
}

#h3_questions {
	color: #fff4e9;
	margin-bottom: 6%;
}

#questions_Txt {
	text-align: center;
    font-size: 1.24em;
	padding: 0% 7%;
	margin-bottom: 3%;
}

#forumQ input[type=text] {
    width: 36%;
    height: 25px;
	font-size: 14px;
}

#forumQ textarea {
    width: 62%;
    height: 15%;
	font-size: 14px;
	margin-bottom: 3%;
}

#forumQ input[type=submit] {
    background-color: #fff4e9;
    color: #120464;
    border: none;
    cursor: pointer;
    width: 15%;
	height: 32px;
    font-size: 16px;
    /* padding: 14px 20px; */
    /* margin: 8px 0 25px 0px; */
}

/* CONTACT TELEPHONE */
@media only screen and (max-width: 1180px) {
	.avis {
		background-size: 100%;
		/* background-image: url(Pictures/Questions_background.png); */
		background-image: url(Pictures/20200624_071506959_iOS_Phone2.jpg);
		padding-top: 15%;
		height: 1500px;
	}

	#form_avis {
		/* height: 1070px; */
		/* height: 76%; */
		height: 80%;
		width: 770px;
		/* margin-top: 15%; */
		border-radius: 50px;
	}

	#questions_Txt {
		font-size: 2.4em;
		/* margin-bottom: 10%; */
		margin-bottom: 0%;
	}
	
	#forumQ input[type=text] {
		width: 44%;
		height: 32px;
		font-size: 26px;
		margin-bottom: 1%;
		border-radius: 10px;
	}
	
	#forumQ input[type=text]::placeholder {
		font-size: 25px;
	}
	
	#forumQ textarea {
		border-radius: 10px;
		font-size: 26px;
	}
	
	#forumQ textarea::placeholder {
		font-size: 25px;
	}

	#forumQ input[type=submit] {
		width: 20%;
		font-size: 25px;
		height: 45px;
		border-radius: 20px;
		/* padding: 14px 0px; */
		/* padding-right: 15px; */
		/* padding-right: 25%; */
	}
}

/* INSCRIPTION ORDI */
.Box_Subscribe {
	display: flex;
	flex-direction: row;
	/* margin-bottom: 10%; */
	/* height: 1000px; */
	margin-top: 0%;
}

#forumI {
	background-image: url(Pictures/Wedding_Invitation.png);
	background-position: center;
	background-size: contain;
	/* background-size: cover; */
	background-repeat: no-repeat;
	/* A FAIRE LA PROCHAINE FOIS */
	/* background-size: 300px 100px; */
	
	/* padding: 20px; */
	padding-top: 5%;
	padding-bottom: 3%;
	margin-top: 0%;
    text-align: center;
	width: 44%;
	/* margin-right: auto; */
	/* margin-left: auto; */
	margin-left: 30%;
	/* height: 900px; */
	/* height: 700px; */
}

#forumI form {
    padding-top: 5px;
}

#forumI input[type=text], input[type=password], select[name=country] {
    width: 40%;
    height: 25px;
}

#forumI input[type=submit] {
    background-color: #120464;
    color: #fff4e9;
    border: none;
    cursor: pointer;
    width: 20%;
    font-size: 15px;
    padding: 14px 20px;
    margin: 8px 0 25px 0px;
}

#connectez_vous {
    width: 20%;
	margin-right: 6%;
	margin-left: 6%;
	margin-top: 12%;
    text-align: center;
}

#connectez_vous a {
    text-align: center;
    color: #120464;
    font-size: 1.07em;
}

#connectez_vous p {
    text-align: center;
	/* Mettre la color dans css de Body car même couleur partout (à vérifier) */
    color: #120464;
    font-size: 1.07em;
    /* margin-left: 35%; */
    /* margin-right: 6%; */
    /* margin: 2% 6%; */
	margin-top: 8%;
	line-height: 1.4;
	/* background-color: rgba(243, 229, 225, 0.6); */
}

/* #connectez_vous a {
    text-decoration: none;
    color: #120464;
} */

/* INSCRIPTION TELEPHONE */
@media only screen and (max-width: 1180px) {
	.Box_Subscribe {
		display: flex;
		flex-direction: column;
		/* margin-bottom: 10%; */
		/* height: 1000px; */
		margin-top: 0%;
	}

	#forumI {
		/* background-image: url(Pictures/Wedding_Invitation.png); */
		/* background-position: center; */
		/* background-size: contain; */
		background-size: cover;
		background-repeat: no-repeat;
		/* padding-top: 5%; */
		/* padding-bottom: 3%; */
		/* margin-top: 0%; */
		/* text-align: center; */
		padding-top: 18%;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	#forumI form {
		padding-top: 5%;
	}

	#forumI input[type=text], input[type=password], select[name=country] {
		width: 44%;
		height: 35px;
		font-size: 26px;
		margin-bottom: 2%;
		border-radius: 10px;
	}

	#forumI input[type=submit] {
		width: 18%;
		font-size: 25px;
		height: 45px;
		border-radius: 20px;
		padding-top: 4%;
		margin-bottom: 10%;
	}

	#connectez_vous {
		/* width: 100%; */
		width: auto;
		/* margin-right: 6%; */
		/* margin-left: 6%; */
		margin-right: 0%;
		margin-left: 0%;
		padding-right: 5%;
		padding-left: 5%;
		margin-top: 5%;
		margin-bottom: 5%;
		padding-top: 5%;
		background-color: #fff4e9;
	}

	#connectez_vous a {
		font-size: 2.4em;
	}

	#connectez_vous p {
		font-size: 2.4em;
		margin-top: 6%;
	}
}




#changer_connexion {
    display: block;
    text-align:center;
    text-decoration: none;
    color: lightblue;
    margin-top: 40px;
}