@media only screen and (max-width : 319px) {
	.menuPage {
		border-radius: 10px 125px 10px 25px;
		width: 75%;
		height: 70%;
		right: 1%;
		transform: translateY(-50%);
		top: 50%;
	}
	
	#menuContent {
		left: -35px;
		top: 10%;
		animation-duration: 1.6s;  
		animation-name: menuMove2;
		-webkit-animation-name: menuMove2;
		-moz-animation-name: menuMove2;
		-o-animation-name: menuMove2;
	}
	
	.wrapper{
  		top: 2%;
		right: 10px;
		width: 80%;
	}
	
	.textMent2 {
		left: 50%;
		top: 49%;
		font-size: 0.6em;
	}
	
	.infoText,
	.textCont {
		left: 50%;
		top: 49%;
		font-size: 1em;
	}
	
	#accuPage1,
	#accuPage2,
	#reflPage,
	#consPage1,
	#consPage2,
	#consPage3,
	#contPage1,
	#contPage2,
	#partPage1,
	#partPage2,
	#mentPage1,
	#mentPage2 { 
		height: 65%;
		width: 95%;
		padding: 5px;
	}
	
	#menuContentSc {
		bottom: 0;
		right: 0;;
		animation-duration: 1.6s;  
		animation-name: menuMove;
		-webkit-animation-name: menuMove;
		-moz-animation-name: menuMove;
		-o-animation-name: menuMove;
	}
	
	.menuBtSc img,
	.menuBt img{
		width: 60%;
		height: auto;
	}
	
	.pageTitle {
		font-size: 6vw;
		top: 16px;
		z-index: 9999;
	}
	
	.titleWidthAccu {
		left: 30%;
	}
	
	.titleWidthRefl {
		left: 35%;
	}
	
	.titleWidthCons1 {
		left: 30%;
	}
	
	.titleWidthCont {
		left: 30%;
	}
	
	.titleWidthPart {
		left: 40%;
	}
	
	.titleWidthMent {
		left: 30%;
	}
	
	#titleCons1 {
		display: block;
	}
	
	#titleCons2 {
		display: none;
	}
}

@media screen and (min-width: 320px) and (max-width: 479px) {
	.menuPage {
		border-radius: 10px 125px 10px 25px;
		width: 78%;
		height: 70%;
		right: 1%;
		transform: translateY(-50%);
		top: 50%;
	}
	
	#menuContent {
		left: -8%;
		top: 10%;
		animation-duration: 1.6s;  
		animation-name: menuMove2;
		-webkit-animation-name: menuMove2;
		-moz-animation-name: menuMove2;
		-o-animation-name: menuMove2;
	}
	
	.wrapper{
  		top: 3%;
		right: 10px;
		width: 80%;
	}
	
	.textMent2 {
		left: 50%;
		top: 49%;
		font-size: 0.6em;
	}
	
	.infoText,
	.textCont {
		left: 50%;
		top: 49%;
		font-size: 1em;
	}
	
	#accuPage1,
	#accuPage2,
	#reflPage,
	#consPage1,
	#consPage2,
	#consPage3,
	#contPage1,
	#contPage2,
	#partPage1,
	#partPage2,
	#mentPage1,
	#mentPage2 {
		height: 65%;
		width: 95%;
		padding: 5px;
	}
	
	#menuContentSc {
		bottom: 0;
		right: 0;
		animation-duration: 1.6s;  
		animation-name: menuMove;
		-webkit-animation-name: menuMove;
		-moz-animation-name: menuMove;
		-o-animation-name: menuMove;
	}
	
	.menuBtSc img,
	.menuBt img{
		width: 70%;
		height: auto;
	}
	
	.pageTitle {
		font-size: 16px;
		top: 18px;
	}
	
	.titleWidthAccu {
		left: 85px;
	}
	
	.titleWidthRefl {
		left: 115px;
	}
	
	.titleWidthCons1 {
		left: 105px;
	}
	
	.titleWidthCont {
		left: 105px;
	}
	
	.titleWidthPart {
		left: 126px;
	}
	
	.titleWidthMent {
		left: 95px;
	}
	
	#titleCons1 {
		display: block;
	}
	
	#titleCons2 {
		display: none;
	}
}

@media screen and (min-width: 480px) and (max-width: 639px) {
	.menuPage {
		border-radius: 10px 125px 10px 25px;
		width: 82%;
		height: 70%;
		right: 1%;
		transform: translateY(-50%);
		top: 50%;
	}
	
	.wrapper{
  		top: 4%;
		right: 15px;
		width: 70%;
	}
	
	.textMent2 {
		left: 45%;
		top: 47%;
		font-size: 0.6em;
	}
	
	.infoText,
	.textCont {
		left: 45%;
		top: 47%;
		font-size: 1em;
	}
	
	#accuPage1,
	#accuPage2,
	#reflPage,
	#consPage1,
	#consPage2,
	#consPage3,
	#contPage1,
	#contPage2,
	#partPage1,
	#partPage2,
	#mentPage1,
	#mentPage2 {
		height: 65%;
		width: 82%;
		padding: 5px;
	}
	
	#menuContent {
		left: -5%;
		top: 10%;
		animation-duration: 1.6s;  
		animation-name: menuMove2;
		-webkit-animation-name: menuMove2;
		-moz-animation-name: menuMove2;
		-o-animation-name: menuMove2;
	}
	
	#menuContentSc {
		bottom: 0;
		right: 1%;
		animation-duration: 1.6s;  
		animation-name: menuMove;
		-webkit-animation-name: menuMove;
		-moz-animation-name: menuMove;
		-o-animation-name: menuMove;
	}
	
	.menuBtSc img,
	.menuBt img{
		width: 70%;
		height: auto;
	}
	
	.pageTitle {
		top: 20px;
		font-size: 18px;
	}
	
	.titleWidthAccu {
		left: 95px;
	}
	
	.titleWidthRefl {
		left: 125px;
	}
	
	.titleWidthCons2 {
		left: 190px;
	}
	
	.titleWidthCont {
		left: 115px;
	}
	
	.titleWidthPart {
		left: 140px;
	}
	
	.titleWidthMent {
		left: 105px;
	}
	
	#titleCons1 {
		display: none;
	}
	
	#titleCons2 {
		display: block;
	}
}

@media screen and (min-width: 640px) and (max-width: 767px) {
	.menuPage {
		border-radius: 10px 125px 10px 25px;
		width: 85%;
		height: 70%;
		right: 1%;
		transform: translateY(-50%);
		top: 50%;
	}
	
	.wrapper{
  		top: 4%;
		right: 25px;
		width: 70%;
	}
	
	.textMent2 {
		left: 46%;
		top: 47%;
		font-size: 0.6em;
	}
	
	.infoText,
	.textCont {
		left: 46%;
		top: 47%;
		font-size: 1em;
	}
	
	#accuPage1,
	#accuPage2,
	#reflPage,
	#consPage1,
	#consPage2,
	#consPage3,
	#contPage1,
	#contPage2,
	#partPage1,
	#partPage2,
	#mentPage1,
	#mentPage2 {
		height: 65%;
		width: 85%;
		padding: 5px;
	}
	
	#menuContent {
		left: -4%;
		top: 10%;
		animation-duration: 1.6s;  
		animation-name: menuMove2;
		-webkit-animation-name: menuMove2;
		-moz-animation-name: menuMove2;
		-o-animation-name: menuMove2;
	}
	
	#menuContentSc {
		bottom: 0;
		right: 2%;
		animation-duration: 1.6s;  
		animation-name: menuMove;
		-webkit-animation-name: menuMove;
		-moz-animation-name: menuMove;
		-o-animation-name: menuMove;
	}
	
	.menuBtSc img,
	.menuBt img{
		width: 80%;
		height: auto;
	}
	
	.pageTitle {
		font-size: 22px;
		top: 15px;
	}
	
	.titleWidthAccu {
		left: 98px;
	}
	
	.titleWidthRefl {
		left: 138px;
	}
	
	.titleWidthCons2 {
		left: 220px;
	}
	
	.titleWidthCont {
		left: 125px;
	}
	
	.titleWidthPart {
		left: 155px;
	}
	
	.titleWidthMent {
		left: 110px;
	}
	
	#titleCons1 {
		display: none;
	}
	
	#titleCons2 {
		display: block;
	}
}

@media only screen and (max-width : 767px) {
	.fondPics {
		background: url(../pics/fond1.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		margin: 0;
		z-index: -1;
	}
	
	#fullText,
	#fullIco {
		display: none;
	}
	
	#effectText,
	.effectText {
  		stroke-dasharray: 400;
  		stroke: rgba(0,255,255,0.4);
	}
	
	.menuBtSc li{
		display: inline-block;
	}
	
	.menuBt li {
		display: block;
		padding-bottom: 10px;
		text-decoration: none;
	}	
	.statueHautGau {
		left: 5px;
		top: 5px;
		height: 50px;
		width: auto;
	}

	.statueBasDroit {
		bottom: 5px;
		right: 5px;
		height: 100px;
		width: auto;
	}
	
	#containerContact {
		width: 80%;
		height: 65%;
	}
	
	#partOnePart table tr td{
		display: block;
	}
	
	#partOnePart table {
		width: 50%;
	}
	
	#partOnePart table {
		margin-top: 10px;
	}
	
	#partTwoAccu table tr td{
		display: block;
	}
	
	#partTwoAccu table {
		width: 50%;
	}
	
	#partTwoAccu table {
		margin-top: 10px;
	}
	
	#contPage1 iframe {
		width: 95%;
		height: 400px;
	}
	
	.contTitre {
		font-size: 16px;
	}
	
	.picsSize {
		width: 25px;
		height: 25px;
	}
	
	#partPage1 {
		overflow-x: hidden;
		overflow-y: auto;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}	
	.logoPart {
		max-width: 70%;
	}
}

@media only screen and (min-width : 768px) {
	.fondPics {
		background: url(../pics/fond.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		margin: 0;
		z-index: -1;
	}
	
	#fullText,
	#fullIco {
		display: block;
	}
	
	.wrapper{
  		top: 6%;
		right: 50px;
		width: 50%;
	}
	
	#effectText,
	.effectText {
  		stroke-dasharray: 400;
  		stroke: rgba(0,255,255,0.7);
	}
	
	.menuBtSc img,
	.menuBt img {
		width: 70%;
		height: auto;
	}
	
	#menuContentSc {
		left: -1%;
		top: 10%;
		animation-duration: 1.6s;  
		animation-name: menuScMove;
		-webkit-animation-name: menuScMove;
		-moz-animation-name: menuScMove;
		-o-animation-name: menuScMove;
	}
	
	.menuBtSc li{
		display: block;
		animation: animateIconSc 1.2s;
		-webkit-animation: animateIconSc 1.2s;
		-moz-animation: animateIconSc 1.2s;
		-o-animation: animateIconSc 1.2s;
		padding: 8px;
	}
	
	#menuContent {
		bottom: 0;
		right: 2%;
		animation-duration: 1.6s;  
		animation-name: menuMove;
		-webkit-animation-name: menuMove;
		-moz-animation-name: menuMove;
		-o-animation-name: menuMove;
	}
	
	.menuBt li{
		display: inline-block;
		text-decoration: none;
		vertical-align: middle;
	}
	
	.menuPage {
		border-radius: 20px 225px 20px 125px;
		width: 80%;
		height: 60%;
		left: 55%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	
	.pageTitle {
		font-size: 28px;
		top: 10px;
	}
	
	.titleWidthAccu {
		left: 120px;
	}
	
	.titleWidthRefl {
		left: 175px;
	}
	
	.titleWidthCons2 {
		left: 275px;
	}
	
	.titleWidthCont {
		left: 155px;
	}
	
	.titleWidthPart {
		left: 195px;
	}
	
	.titleWidthMent {
		left: 140px;
	}
	
	.statueHautGau {
		left: 10px;
		top: 10px;
		height: 50px;
		width: auto;
	}

	.statueBasDroit {
		bottom: 5px;
		right: 10px;
		height: 150px;
		width: auto;
	}
	
	#partPage1 {
		overflow-x: auto;
		overflow-y: hidden;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	
	#accuPage1,
	#accuPage2,
	#reflPage,
	#consPage1,
	#consPage2,
	#consPage3,
	#contPage1,
	#contPage2,
	#partPage1,
	#partPage2,
	#mentPage1,
	#mentPage2 {
		height: 60%;
		width: 70%;
		padding: 10px;
	}
	
	.textMent2 {
		left: 45%;
		top: 47%;
		font-size: 0.8em;
	}
	
	.infoText,
	.textCont {
		left: 42%;
		top: 50%;
		font-size: 1em;
	}
	
	#titleCons1 {
		display: none;
	}
	
	#titleCons2 {
		display: block;
	}
	
	#containerContact {
		width: 60%;
		height: 60%;
	}
	
	#partOnePart table tr {
		display: inline-block;
	}
	
	#partOnePart table {
		width: 80%;
	}
	
	#partOnePart table {
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	
	#partTwoAccu table tr {
		display: inline-block;
	}
	
	#partTwoAccu table {
		width: 100%;
	}
	
	#contPage1 iframe {
		width: 95%;
		height: 500px;
	}
	
	.contTitre {
		font-size: 22px;
	}
	
	.picsSize {
		width: 50px;
		height: 50px;
	}
	
	.logoPart {
		width: 120px;
	}
}

@media only screen and (min-width : 1024px) {
	#accuPage1,
	#reflPage,
	#consPage1,
	#consPage2,
	#consPage3,
	#contPage1,
	#contPage2,
	#partPage1,
	#partPage2,
	#mentPage1,
	#mentPage2 {
		height: 65%;
		width: 70%;
	}
	
	#accuPage2 {
		width: 60%;
	}
	
	.textMent2 {
		left: 45%;
		top: 47%;
		font-size: 1em;
	}
	
	.infoText,
	.textCont {
		left: 45%;
		top: 47%;
		font-size: 1em;
	}
	
	.statueHautGau {
		left: 10px;
		top: 10px;
		height: 60px;
		width: auto;
	}

	.statueBasDroit {
		bottom: 5px;
		right: 10px;
		height: 200px;
		width: auto;
	}
	
	.wrapper{
  		top: 4%;
		right: 50px;
		width: 45%;
	}
	
	.pageTitle {
		top: 14px;
	}
	
	.titleWidthAccu {
		left: 130px;
	}
	
	.titleWidthRefl {
		left: 185px;
	}
	
	.titleWidthCons2 {
		left: 285px;
	}
	
	.titleWidthCont {
		left: 165px;
	}
	
	.titleWidthPart {
		left: 205px;
	}
	
	.titleWidthMent {
		left: 150px;
	}
	
	.menuPage {
		border-radius: 20px 225px 20px 125px;
		width: 85%;
		height: 65%;
		left: 55%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	
	#contPage1 iframe {
		width: 90%;
		height: 500px;
	}
}

@media only screen and (min-width : 1280px) {
	.textMent2 {
		left: 45%;
		top: 50%;
		font-size: 1.2em;
	}
	
	.infoText,
	.textCont {
		left: 45%;
		top: 50%;
		font-size: 1.2em;
	}
	
	#accuPage1,
	#reflPage,
	#consPage1,
	#consPage2,
	#consPage3,
	#contPage1,
	#contPage2,
	#partPage1,
	#partPage2,
	#mentPage1,
	#mentPage2 {
		height: 65%;
		width: 80%;
	}
	
	.statueHautGau {
		left: 10px;
		top: 10px;
		height: 80px;
		width: auto;
	}

	.statueBasDroit {
		bottom: 5px;
		right: 15px;
		height: 250px;
		width: auto;
	}
	
	.wrapper{
		right: 75px;
		width: 40%;
	}
	
	.pageTitle {
		top: 28px;
	}
	
	.titleWidthAccu {
		left: 150px;
	}
	
	.titleWidthRefl {
		left: 200px;
	}
	
	.titleWidthCons2 {
		left: 295px;
	}
	
	.titleWidthCont {
		left: 175px;
	}
	
	.titleWidthPart {
		left: 210px;
	}
	
	.titleWidthMent {
		left: 155px;
	}
}

@media only screen and (min-width : 1440px) {
	.titleWidthAccu {
		left: 150px;
	}
	
	.titleWidthRefl {
		left: 205px;
	}
	
	.titleWidthCons2 {
		left: 305px;
	}
	
	.titleWidthCont {
		left: 185px;
	}
	
	.titleWidthPart {
		left: 225px;
	}
	
	.titleWidthMent {
		left: 170px;
	}
}