@charset "utf-8";
/* CSS Document */
.great-vibes-regular {
  font-family: "Great Vibes", cursive;
  font-weight: 400;
  font-style: normal;
}


.quicksand-regul {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.quicksand-bold {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.quicksand-light {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

/**AFFICHAGE PC**/
@media (min-width: 1920px){
body {
	margin: 0;
	padding: 0;
}
	.contenu{
	width: 100vw;
	background-color: inherit!important;
}
        .entete{
			width: 100vw!important;
			height: 100vh!important;
			position: relative;
	}
            nav {}
            .intro{
				background-image: url("img/accueil/plan.png");
				position: relative;
				width: 100%!important;
				height: 100%;
				background-repeat: no-repeat;
				background-size: cover;
				background-color: purple;
				background-position: center;
				opacity: 1;
	}
				.intro h1 {
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    top: 43%;
    font-size: 6em;
    color: #fff;
    /* background-color: rgb(255,255,255,0.3); */
    text-shadow: 3px 1px 1px black;
}
				.intro h4 {
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    top: 52.1%;
    font-size: 2em;
    color: #fff;
    text-shadow: 2px 2px 1px black;
    /* background-color: rgb(255,255,255,0.3); */
}
				.intro h3{
				display: block;
					width: 100%;
					height: auto;
					text-align: center;
					font-size: 1.5em;
        			color: #fff;
       				text-shadow: 3px 1px 1px black;
				}
	
				.intro ul{
				display: block;
					width: 100%;
					height: auto;
					text-align: center;
					position: absolute;
					bottom: 0;
					font-size: 1.2em;
        			color: #fff;
       				text-shadow: 2px 1px 1px black;
					list-style: none;
					margin-bottom: 10px;
				}
	
				.intro ul li{
				height: auto;
				display: block;
				font-style: italic;
				}
	
	.titleprod{
		width: 100%;
		text-align: center;
		position: relative;
		margin-top: 7%;
	}
	.titleprod h1{
		font-size: 5em;
		color: #00606B;
	}
	.titleprod h3{
		font-size: 2em;
		color: #272727;
	}
	.titleprod h5{
		font-size: 1.2em;
		color: #4A4A4A;
		width: 70%;
		margin: 0 auto;
		font-style: italic;
	}
	.titleprod ul{
	position: relative;
    list-style: none;
    display: block;
    width: 100%;
    height: 2em;
    margin: 1% 0;
	}
	.titleprod ul li{
	position: relative;
    display: inline-grid;
    width: 16%;
    float: left;
    height: 100%;
    align-items: center;
	font-size: 1.3em;
	color: #6C0176;
	cursor: pointer;
	}
	
	.titleprod ul li a {
		color: #6C0176;
	}
	
	.ecrin{
				clear: both;
				background-image: url("img/ecrins/DSC_0014.JPG");
				position: relative;
				width: 100vw!important;
				height: 100vh;
				background-repeat: no-repeat;
				background-size: cover;
				background-color: purple;
				background-position: center;
		opacity: 1;
	}
				.ecrin h1{
					display: inline-block;
					width: 70%;
					height: auto;
					text-align: left;
					left: 25%;
					position: absolute;
					top: 35%;
					font-size: 5em;
        			color: #fff;
       				text-shadow: 3px 1px 1px black;
				}
				.ecrin h4{
					display: inline-block;
					width:70%;
					right: 25%;
					height: auto;
					text-align: right;
					position: absolute;
					top: 53%;
					font-size: 7em;
        			color: #fff;
       				text-shadow: 3px 1px 1px black;
				}
	
	.idnum{
				clear: both;
				background-image: url("img/designnum/buisness.png");
				position: relative;
				width: 100vw!important;
				height: 100vh;
				background-repeat: no-repeat;
				background-size: cover;
				background-color: purple;
				background-position: center;
		opacity: 1;
	}
				.idnum h1{
					display: inline-block;
					width: 70%;
					height: auto;
					text-align: left;
					left: 25%;
					position: absolute;
					top: 35%;
					font-size: 5em;
        			color: #fff;
       				text-shadow: 3px 1px 1px black;
				}
				.idnum h4{
					display: inline-block;
					width:70%;
					right: 25%;
					height: auto;
					text-align: right;
					position: absolute;
					top: 53%;
					font-size: 7em;
        			color: #fff;
       				text-shadow:3px 1px 1px black;
				}
	
	.event{
				clear: both;
				background-image: url("img/events/GSWA_20230921_235428.png");
				position: relative;
				width: 100vw!important;
				height: 100vh;
				background-repeat: no-repeat;
				background-size: cover;
				background-color: purple;
				background-position: center;
		opacity: 1;
	}
				.event h1{
					display: inline-block;
					width: 70%;
					height: auto;
					text-align: left;
					left: 25%;
					position: absolute;
					top: 35%;
					font-size: 5em;
        			color: #fff;
       				text-shadow: 3px 1px 1px black;
				}
				.event h4{
					display: inline-block;
					width:70%;
					right: 25%;
					height: auto;
					text-align: right;
					position: absolute;
					top: 53%;
					font-size: 7em;
        			color: #fff;
       				text-shadow: 3px 1px 1px black;
				}
	
	.desnum{
		clear: both;
        background-image: url("img/designnum/fond.png");
        position: relative;
        width: 100vw!important;
        height: 100vh;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: purple;
        background-position: center;	
		opacity: 1;
	
	}
	.desnum h1{
					display: inline-block;
					width: 70%;
					height: auto;
					text-align: left;
					left: 25%;
					position: absolute;
					top: 35%;
					font-size: 5em;
        			color: #fff;
       				text-shadow: 3px 1px 1px black;
				}
				.desnum h4{
					display: inline-block;
					width:70%;
					right: 25%;
					height: auto;
					text-align: right;
					position: absolute;
					top: 53%;
					font-size: 7em;
        			color: #fff;
       				text-shadow: 3px 1px 1px black;
				}
	.brico{
		clear: both;
        background-image: url("img/brico/GSWA_20191205_194045.jpg");
        position: relative;
        width: 100vw!important;
        height: 100vh;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: purple;
        background-position: center;
		opacity: 1;
	}
	.brico h1{
					display: inline-block;
					width: 70%;
					height: auto;
					text-align: left;
					left: 25%;
					position: absolute;
					top: 35%;
					font-size: 5em;
        			color: #fff;
       				text-shadow: 3px 1px 1px black;
				}
				.brico h4{
					display: inline-block;
					width:70%;
					right: 25%;
					height: auto;
					text-align: right;
					position: absolute;
					top: 53%;
					font-size: 7em;
        			color: #fff;
       				text-shadow: 3px 1px 1px black;
				}
	
	.legal{
				position: relative;
				width: 100vw!important;
				height: auto;
				background-color: #fff;
	}
			
	
	.onglet {
	width: 100vw;
	height: 2em;
	line-height: 2em;
	background-color: #00606B;
	color: #fff;
	padding-left: 2%;
		border-bottom: 1px solid #fff;
}
	.onglet a{
		color: #fff;
		cursor: pointer;
	}
	.onglet a:hover{
		color: #fff;
	}

        .corps{
			position: relative;
			width: 80vw;
	}
	
            .presentation{}
			
                .presentation h1{
					position: relative;
					line-height: 2em;
					vertical-align: middle;
                  width: 100%;
				text-align: center;
					font-size: 4em;
					color: #6C0176;
					
                }
	.presentation h1:first-letter{
		text-transform: capitalize;
	}

                .imgG {
                  position: relative;
                  width: 40%;
                  height:auto;
                  margin:auto;
                  padding:10px;
				margin-top: 2%;
                 }

                .paragD {
                  position: relative;
                  margin: 0;
                  padding: 0;
                  width: 50%;
                  float: right;
					padding-top: 8%;
                 }
                .paragD h5{
                    width: 70%;
                    line-height: 1em;
                    padding-bottom: 1em;
                    font-size: 3em;
                    color: #6C0176;
                }
                .paragD p{
                    width: 50%;
                }
                .imgD {
                      position: relative;
                      width: 40%;
                      height:auto;
                      margin:auto;
                      padding:10px;
                    margin-top: 2%;
                    float: right;
                     }

                .paragG {
                  position: relative;
                  margin: 0;
                  padding: 0;
                  width: 50%;
                  padding-top: 8%;
                 }
                .paragG h5{
                    width: 70%;
                    line-height: 1em;
                    padding-bottom: 1em;
                    font-size: 3em;
                    color: #6C0176;
                }
                .paragG p{
                    width: 50%;
                }

            
    .galerie{
        position: relative;
        width: 100%;
        height: 80vh;
		min-height: 1015px;
        margin: 0 auto;
      }
              .galerie h1{
                  font-size: 5em;
                  color: #6C0176;
                  text-align: center;
                  width: 100%;
              }
              #galerieDefile {
              width: 100%;
              height: 90%;
          }

              .imgGal {
                  width: auto;
                  height: 100%;
              }
	.titreImg:first-letter{
		text-transform: capitalize;
	}
	
	.titreImg{
		color: #000;
		font-size: 2em;
	}
	.sousTitreImg:first-letter{
		text-transform: capitalize;
	}
	.sousTitreImg{
		font-style: italic;
	}
	
	
            .contact{
				position: relative;
				width: 100%;
	}
	.contact h1{
		color: #6C0176;
		width: 100%;
		vertical-align: middle;
		text-align: center;
		font-size: 5em;
		margin-top: 1%;
	}
	#bloContact{
		position:relative;
		width: 100%;
	}
	#form{
		position: relative;
		width: 50%;
		height: 64vh;
		max-height: 699px;
		min-height: 640px;
		background-color: rgba(192,131,140,0.20);
		border-radius: 45px;
		margin: 0;
		padding: 0;
		float: left;
	}
	#form form{
		position: relative;
		width: 80%;
		height: 64vh;
		max-height: 699px;
		min-height: 640px;
		padding-top: 10%;
		padding-bottom: 10%;
	}
	
	#soumettre{
		position: relative;
		width: 50%;
		margin: 0 auto 0 auto;
		display: grid;
	}
	
            .network{
				position: relative;
				width: 100%;
				height: 5%;
				clear: both;
				text-align: center;
				margin-bottom: 1%;
	}
	.network h1{
		font-size: 5em;
		color: #6C0176;
		line-height: 2em;
		vertical-align: middle;
	}
	
	.network a{
		display: inline-block;
		width:100px;
		height: 100px;
		margin-right: 2%;
	}
	
	.network img{
		position: relative;
	}
	
	.listeProd{
		position:relative;
		width: 100vw;
		text-align: center;
	}
		
	.article{
		position: relative;
		width: 60vw;
		min-width: 1520px;
		margin: 0 auto;
		min-height: 510px;
		clear: both;
		padding-bottom: 1%;
		margin-bottom: 1%;
		border-bottom: 1px solid #C0838C;
	}	
	
	.imageProdG{
		position: relative;
		width: 50%;
		max-height: 500px;
		float: left;
	}
	.imageProdG img{
		max-height: 500px;
		width: auto;
		height: auto;
	}
	.descriptifD{
	position: relative;
    width: 50%;
    text-align: right;
    display: grid;
    align-content: center;
    min-height: 510px;
		line-height: 1.2em;
	}
	.descriptifD h1{
		width: 100%;
		text-align: center;
		font-size: 4em;
		color: #6C0176;
	}
	
	.descriptifD h1:first-letter{
	 text-transform: capitalize;
	}
	.descriptifD p{
		width: 100%;
		position: absolute;
		bottom: 0; right: 0;
		font-size: 1em;
	}
	.descriptifG{
	position: relative;
    width: 50%;
    text-align: left;
    display: grid;
    align-content: center;
    min-height: 510px;
		line-height: 1.2em;
	}
	.descriptifG h1{
		width: 100%;
		text-align: center;
		font-size: 4em;
		color: #6C0176;
	}
	
	.descriptifG h1:first-letter{
	 text-transform: capitalize;
	}
	.descriptifG p{
		width: 100%;
		position: absolute;
		bottom: 0; left: 0;
		font-size: 1em;
	}
	.imageProdD{
		position: relative;
		width: 50%;
		max-height: 500px;
		float: right;
		text-align: right;
	}
	.imageProdD img{
		max-height: 500px;
		max-width: 100%;
	}
	
	.articleevent{
		width: 80%;
		position: relative;
		margin: 0 auto;
	}
	.articleevent h1{
		position: relative;
		font-size: 5em;
		color: #6C0176;
		text-align: center;
		margin-bottom: 1%;
		margin-top: 1%;
	}
	
	.articleevent h2{
		font-size: 2em;
		color: #6C0176;
	}
	
	.articleevent p{
		font-size: 1.5em;
	}
	
	.imgGauche{
		display: block;
		width: 40%;
		float: left;
		max-height: 60vh;
	}
	.imgGauche img{
		display: inline-block;
		max-height: 60vh;
		min-height: 40vh;
	}
	.bloctexteDroite{
		display: grid;
		align-content: center;
		width: 60%;
		float: right;
		max-height: 60vh;
		min-height: 50vh;
	}
	.imgDroite{
		display: block;
		width: 40%;
		float: right;
		max-height: 60vh;
	}
	.imgDroite img{
		display: inline-block;
		max-height: 60vh;
		min-height: 40vh;
	}
	.bloctexteGauche{
		display: grid;
		align-content: center;
		width: 60%;
		float: left;
		max-height: 60vh;
		min-height: 50vh;
		padding-left: 10%;
		padding-right: 10%;
	}
	
	#gocontact{
		position: relative;
		width: 15%;
		margin-top: 1%;
		margin-bottom: 1%;
		border-radius: 15px;
		background-color: #6C0176;
		color: #fff;
	}
	
	.corpsfp{
		position: relative;
		width: 100vw;
	}
	
	.fpart{
				clear: both;
				background-image: url("img/faireparts/Calque 1.png");
				position: relative;
				width: 100vw!important;
				height: 100vh;
				background-repeat: no-repeat;
				background-size: cover;
				background-color: purple;
				background-position: center;
		opacity: 1;
	}
	
	.fpart h1{
					display: inline-block;
					width: 70%;
					height: auto;
					text-align: left;
					left: 25%;
					position: absolute;
					top: 35%;
					font-size: 5em;
        			color: #fff;
       				text-shadow: 3px 1px 1px black;
				}
	.fpart h4{
					display: inline-block;
					width:70%;
					right: 25%;
					height: auto;
					text-align: right;
					position: absolute;
					top: 53%;
					font-size: 7em;
        			color: #fff;
       				text-shadow: 3px 1px 1px black;
				}
	
	
	.fpartlist{
		position: relative;
		width: 90vw;
		text-align: center;
		margin: 0 auto;
		
	}
	
	.fpartlist h1{
		position: relative;
		font-size: 5em;
		color: #00606B;
		text-align: center;
		margin-bottom: 1%;
		margin-top: 1%;
	}
	.fpartlist h2{
		font-size: 2em;
		color: #6C0176;
	}
	
	.fpartlist p{
		font-size: 1.5em;
	}
	
	.fpartlist img{
		position :relative;
		width: 90%;
		height: auto;
	}
	
	.mentions{
		position: relative;
		width: 90vw;
		text-align: center;
		margin: 5% auto;
		
	}
	
	.mentions h1{
		position: relative;
		font-size: 5em;
		color: #00606B;
		text-align: center;
		margin-bottom: 1%;
		margin-top: 1%;
	}
	.mentions h4{
		font-size: 2em;
		color: #6C0176;
	}
	
	.mentions p{
		font-size: 1.5em;
	}
	
	
	
	footer{
			position: relative;
			width: 100%;
			background-color: #6C0176;
			color: #fff;
			height: 20vh;
			min-height: 180px;
			align-content: center;
			
	}
	
	footer>.pied>p>a{
		color: #fff!important;
	}
	
	footer>.pied>p>a:hover{
		color: #696969;
	}
	
	footer>.pied>p>a:visited{
		color: #fff;
	}
	
	.pied{
		display: grid;
		width: 60%;
		margin: 0 auto;
		justify-items: center;
	}
	
	.pied img{
		margin-bottom: 10px;
	}
	#coord {
	position: relative;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	display: grid;
	align-items: center;
}

#coord img {
	width: 30%;
	margin: 0 auto;
}
	
#coord p {
	font-size: 2em;
	margin: 0 auto;
}

}


/**AFFICHAGE tablette**/
@media (max-width: 1919px){
	@media (min-width: 1368px){
body {
	margin: 0;
	padding: 0;
}
	.contenu{
	width: 100vw;
	background-color: inherit!important;
}
        .entete{
			width: 100vw!important;
			height: 100vh!important;
			position: relative;
	}
            nav {}
            .intro{
				background-image: url("img/accueil/plan.png");
				position: relative;
				width: 100%!important;
				height: 100%;
				background-repeat: no-repeat;
				background-size: cover;
				background-color: purple;
				background-position: center;
				opacity: 1;
	}
				.intro h1{
					display: inline-block;
					width: 100%;
					height: auto;
					text-align: center;
					position: absolute;
					top: 43%;
					font-size: 6em;
        			color: #fff;
       				text-shadow: 4px 1px 6px black;
				}
				.intro h4{
					display: inline-block;
					width: 100%;
					height: auto;
					text-align: center;
					position: absolute;
					top: 53%;
					font-size: 2em;
        			color: #fff;
       				text-shadow: 4px 1px 6px black;
				}
				.intro h3{
				display: block;
					width: 100%;
					height: auto;
					text-align: center;
					font-size: 1.5em;
        			color: #fff;
       				text-shadow: 4px 1px 6px black;
				}
	
				.intro ul{
				display: block;
					width: 100%;
					height: auto;
					text-align: center;
					position: absolute;
					bottom: 0;
					font-size: 1.2em;
        			color: #fff;
       				text-shadow: 4px 1px 6px black;
					list-style: none;
					margin-bottom: 10px;
				}
	
				.intro ul li{
				height: auto;
				display: block;
				font-style: italic;
				}
	
	.titleprod{
		width: 100%;
		text-align: center;
		position: relative;
		margin-top: 7%;
	}
	.titleprod h1{
		font-size: 5em;
		color: #00606B;
	}
	.titleprod h3{
		font-size: 2em;
		color: #272727;
	}
	.titleprod h5{
		font-size: 1.2em;
		color: #4A4A4A;
		width: 70%;
		margin: 0 auto;
		font-style: italic;
	}
	.titleprod ul{
	position: relative;
    list-style: none;
    display: block;
    width: 100%;
    height: 2em;
    margin: 1% 0;
	}
	.titleprod ul li{
	position: relative;
    display: inline-grid;
    width: 16%;
    float: left;
    height: 100%;
    align-items: center;
	font-size: 1.3em;
	color: #6C0176;
	cursor: pointer;
	}
	
	.titleprod ul li a {
		color: #6C0176;
	}
	
	.ecrin{
				clear: both;
				background-image: url("img/ecrins/DSC_0014.JPG");
				position: relative;
				width: 100vw!important;
				height: 100vh;
				background-repeat: no-repeat;
				background-size: cover;
				background-color: purple;
				background-position: center;
		opacity: 1;
	}
				.ecrin h1{
					display: inline-block;
					width: 70%;
					height: auto;
					text-align: left;
					left: 25%;
					position: absolute;
					top: 35%;
					font-size: 5em;
        			color: #fff;
       				text-shadow: 4px 1px 6px black;
				}
				.ecrin h4{
					display: inline-block;
					width:70%;
					right: 25%;
					height: auto;
					text-align: right;
					position: absolute;
					top: 53%;
					font-size: 7em;
        			color: #fff;
       				text-shadow: 4px 1px 6px black;
				}
	
	.idnum{
				clear: both;
				background-image: url("img/designnum/buisness.png");
				position: relative;
				width: 100vw!important;
				height: 100vh;
				background-repeat: no-repeat;
				background-size: cover;
				background-color: purple;
				background-position: center;
		opacity: 1;
	}
				.idnum h1{
					display: inline-block;
					width: 70%;
					height: auto;
					text-align: left;
					left: 25%;
					position: absolute;
					top: 35%;
					font-size: 5em;
        			color: #fff;
       				text-shadow: 4px 1px 6px black;
				}
				.idnum h4{
					display: inline-block;
					width:70%;
					right: 25%;
					height: auto;
					text-align: right;
					position: absolute;
					top: 53%;
					font-size: 7em;
        			color: #fff;
       				text-shadow: 4px 1px 6px black;
				}
	
	.event{
				clear: both;
				background-image: url("img/events/GSWA_20230921_235428.png");
				position: relative;
				width: 100vw!important;
				height: 100vh;
				background-repeat: no-repeat;
				background-size: cover;
				background-color: purple;
				background-position: center;
		opacity: 1;
	}
				.event h1{
					display: inline-block;
					width: 70%;
					height: auto;
					text-align: left;
					left: 25%;
					position: absolute;
					top: 35%;
					font-size: 5em;
        			color: #fff;
       				text-shadow: 4px 1px 6px black;
				}
				.event h4{
					display: inline-block;
					width:70%;
					right: 25%;
					height: auto;
					text-align: right;
					position: absolute;
					top: 53%;
					font-size: 7em;
        			color: #fff;
       				text-shadow: 4px 1px 6px black;
				}
	
	.desnum{
		clear: both;
        background-image: url("img/designnum/fond.png");
        position: relative;
        width: 100vw!important;
        height: 100vh;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: purple;
        background-position: center;	
		opacity: 1;
	
	}
	.desnum h1{
					display: inline-block;
					width: 70%;
					height: auto;
					text-align: left;
					left: 25%;
					position: absolute;
					top: 35%;
					font-size: 5em;
        			color: #fff;
       				text-shadow: 4px 1px 6px black;
				}
				.desnum h4{
					display: inline-block;
					width:70%;
					right: 25%;
					height: auto;
					text-align: right;
					position: absolute;
					top: 53%;
					font-size: 7em;
        			color: #fff;
       				text-shadow: 4px 1px 6px black;
				}
	.brico{
		clear: both;
        background-image: url("img/brico/GSWA_20191205_194045.jpg");
        position: relative;
        width: 100vw!important;
        height: 100vh;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: purple;
        background-position: center;
		opacity: 1;
	}
	.brico h1{
					display: inline-block;
					width: 70%;
					height: auto;
					text-align: left;
					left: 25%;
					position: absolute;
					top: 35%;
					font-size: 5em;
        			color: #fff;
       				text-shadow: 4px 1px 6px black;
				}
				.brico h4{
					display: inline-block;
					width:70%;
					right: 25%;
					height: auto;
					text-align: right;
					position: absolute;
					top: 53%;
					font-size: 7em;
        			color: #fff;
       				text-shadow: 4px 1px 6px black;
				}
	
	.legal{
				position: relative;
				width: 100vw!important;
				height: auto;
				background-color: #fff;
	}
			
	
	.onglet {
	width: 100vw;
	height: 2em;
	line-height: 2em;
	background-color: #00606B;
	color: #fff;
	padding-left: 2%;
		border-bottom: 1px solid #fff;
}
	.onglet a{
		color: #fff;
		cursor: pointer;
	}
	.onglet a:hover{
		color: #fff;
	}

        .corps{
			position: relative;
			width: 80vw;
	}
	
            .presentation{}
			
                .presentation h1{
					position: relative;
					line-height: 2em;
					vertical-align: middle;
                  width: 100%;
				text-align: center;
					font-size: 4em;
					color: #6C0176;
					
                }
	.presentation h1:first-letter{
		text-transform: capitalize;
	}

                .imgG {
                  position: relative;
                  width: 40%;
                  height:auto;
                  margin:auto;
                  padding:10px;
				margin-top: 2%;
                 }

                .paragD {
                  position: relative;
                  margin: 0;
                  padding: 0;
                  width: 50%;
                  float: right;
					padding-top: 8%;
                 }
                .paragD h5{
                    width: 70%;
                    line-height: 1em;
                    padding-bottom: 1em;
                    font-size: 3em;
                    color: #6C0176;
                }
                .paragD p{
                    width: 50%;
                }
                .imgD {
                      position: relative;
                      width: 40%;
                      height:auto;
                      margin:auto;
                      padding:10px;
                    margin-top: 2%;
                    float: right;
                     }

                .paragG {
                  position: relative;
                  margin: 0;
                  padding: 0;
                  width: 50%;
                  padding-top: 8%;
                 }
                .paragG h5{
                    width: 70%;
                    line-height: 1em;
                    padding-bottom: 1em;
                    font-size: 3em;
                    color: #6C0176;
                }
                .paragG p{
                    width: 50%;
                }

            
    .galerie{
        position: relative;
        width: 100%;
        height: 80vh;
		min-height: 1015px;
        margin: 0 auto;
      }
              .galerie h1{
                  font-size: 5em;
                  color: #6C0176;
                  text-align: center;
                  width: 100%;
              }
              #galerieDefile {
              width: 100%;
              height: 90%;
          }

              .imgGal {
                  width: auto;
                  height: 100%;
              }
	.titreImg:first-letter{
		text-transform: capitalize;
	}
	
	.titreImg{
		color: #000;
		font-size: 2em;
	}
	.sousTitreImg:first-letter{
		text-transform: capitalize;
	}
	.sousTitreImg{
		font-style: italic;
	}
	
	
            .contact{
				position: relative;
				width: 100%;
	}
	.contact h1{
		color: #6C0176;
		width: 100%;
		vertical-align: middle;
		text-align: center;
		font-size: 5em;
		margin-top: 1%;
	}
	#bloContact{
		position:relative;
		width: 100%;
	}
	#form{
		position: relative;
		width: 50%;
		height: 64vh;
		max-height: 699px;
		min-height: 640px;
		background-color: rgba(192,131,140,0.20);
		border-radius: 45px;
		margin: 0;
		padding: 0;
		float: left;
	}
	#form form{
		position: relative;
		width: 80%;
		height: 64vh;
		max-height: 699px;
		min-height: 640px;
		padding-top: 10%;
		padding-bottom: 10%;
	}
	
	#soumettre{
		position: relative;
		width: 50%;
		margin: 0 auto 0 auto;
		display: grid;
	}
	
            .network{
				position: relative;
				width: 100%;
				height: 5%;
				clear: both;
				text-align: center;
				margin-bottom: 1%;
	}
	.network h1{
		font-size: 5em;
		color: #6C0176;
		line-height: 2em;
		vertical-align: middle;
	}
	
	.network a{
		display: inline-block;
		width:100px;
		height: 100px;
		margin-right: 2%;
	}
	
	.network img{
		position: relative;
	}
	
	.listeProd{
		position:relative;
		width: 100vw;
		text-align: center;
	}
		
	.article{
		position: relative;
		width: 60vw;
		min-width: 1300px;
		margin: 0 auto;
		min-height: 510px;
		clear: both;
		padding-bottom: 1%;
		margin-bottom: 1%;
		border-bottom: 1px solid #C0838C;
	}	
	
	.imageProdG{
		position: relative;
		width: 50%;
		max-width: 100%;
		max-height: 500px;
		float: left;
	}
	.imageProdG img{
		position: relative;
		max-height: 500px;
		max-width: 100%;
		width: auto;
		height: auto;
	}
	.descriptifD{
	position: relative;
    width: 50%;
    text-align: right;
    display: grid;
    align-content: center;
    min-height: 510px;
		line-height: 1.2em;
	}
	.descriptifD h1{
		width: 100%;
		text-align: center;
		font-size: 4em;
		color: #6C0176;
	}
	.descriptifD p{
		width: 100%;
		position: absolute;
		bottom: 0; right: 0;
		font-size: 1em;
	}
	.descriptifG{
	position: relative;
    width: 50%;
    text-align: left;
    display: grid;
    align-content: center;
    min-height: 510px;
		line-height: 1.2em;
	}
	.descriptifG h1{
		width: 100%;
		text-align: center;
		font-size: 4em;
		color: #6C0176;
	}
	.descriptifG p{
		width: 100%;
		position: absolute;
		bottom: 0; left: 0;
		font-size: 1em;
	}
	.imageProdD{
		position: relative;
		width: 50%;
		max-width: 100%;
		max-height: 500px;
		float: right;
		text-align: right;
	}
	.imageProdD img{
		position: relative;
		max-height: 500px;
		max-width: 100%;
	}
	
	.articleevent{
		width: 80%;
		position: relative;
		margin: 0 auto;
	}
	.articleevent h1{
		position: relative;
		font-size: 5em;
		color: #6C0176;
		text-align: center;
		margin-bottom: 1%;
		margin-top: 1%;
	}
	
	.articleevent h2{
		font-size: 2em;
		color: #6C0176;
	}
	
	.articleevent p{
		font-size: 1.5em;
	}
	
	.imgGauche{
		display: block;
		width: 40%;
		float: left;
		max-height: 60vh;
	}
	.imgGauche img{
		display: inline-block;
		max-height: 60vh;
		min-height: 40vh;
	}
	.bloctexteDroite{
		display: grid;
		align-content: center;
		width: 60%;
		float: right;
		min-height: 50vh;
	}
	.imgDroite{
		display: block;
		width: 40%;
		float: right;
		max-height: 60vh;
	}
	.imgDroite img{
		display: inline-block;
		max-height: 60vh;
		min-height: 40vh;
	}
	.bloctexteGauche{
		display: grid;
		align-content: center;
		width: 60%;
		float: left;
		min-height: 50vh;
		
	}
	
	#gocontact{
		position: relative;
		width: 15%;
		margin-top: 1%;
		margin-bottom: 1%;
		border-radius: 15px;
		background-color: #6C0176;
		color: #fff;
	}
	
	.corpsfp{
		position: relative;
		width: 100vw;
	}
	
	.fpart{
				clear: both;
				background-image: url("img/faireparts/Calque 1.png");
				position: relative;
				width: 100vw!important;
				height: 100vh;
				background-repeat: no-repeat;
				background-size: cover;
				background-color: purple;
				background-position: center;
		opacity: 1;
	}
	
	.fpart h1{
					display: inline-block;
					width: 70%;
					height: auto;
					text-align: left;
					left: 25%;
					position: absolute;
					top: 35%;
					font-size: 5em;
        			color: #fff;
       				text-shadow: 4px 1px 6px black;
				}
	.fpart h4{
					display: inline-block;
					width:70%;
					right: 25%;
					height: auto;
					text-align: right;
					position: absolute;
					top: 53%;
					font-size: 7em;
        			color: #fff;
       				text-shadow: 4px 1px 6px black;
				}
	
	
	.fpartlist{
		position: relative;
		width: 90vw;
		text-align: center;
		margin: 0 auto;
		
	}
	
	.fpartlist h1{
		position: relative;
		font-size: 5em;
		color: #00606B;
		text-align: center;
		margin-bottom: 1%;
		margin-top: 1%;
	}
	.fpartlist h2{
		font-size: 2em;
		color: #6C0176;
	}
	
	.fpartlist p{
		font-size: 1.5em;
	}
	
	.fpartlist img{
		position :relative;
		width: 90%;
		height: auto;
	}
	
	.mentions{
		position: relative;
		width: 90vw;
		text-align: center;
		margin: 5% auto;
		
	}
	
	.mentions h1{
		position: relative;
		font-size: 5em;
		color: #00606B;
		text-align: center;
		margin-bottom: 1%;
		margin-top: 1%;
	}
	.mentions h4{
		font-size: 2em;
		color: #6C0176;
	}
	
	.mentions p{
		font-size: 1.5em;
	}
	
	
	
	footer{
			position: relative;
			width: 100%;
			background-color: #6C0176;
			color: #fff;
			height: 20vh;
			min-height: 180px;
			align-content: center;
			
	}
	
	footer>.pied>p>a{
		color: #fff!important;
	}
	
	footer>.pied>p>a:hover{
		color: #696969;
	}
	
	footer>.pied>p>a:visited{
		color: #fff;
	}
	
	.pied{
		display: grid;
		width: 60%;
		margin: 0 auto;
		justify-items: center;
	}
	
	.pied img{
		margin-bottom: 10px;
	}
		
		#coord {
	position: relative;
	float: right;
	width: 50%;
	margin: 0;
	text-align: center;
	max-height: 699px;
	min-height: 640px;
	display: grid;
	align-items: center;
}

#coord img {
	width: 50%;
	margin: 0 auto;
}


}
}


/**AFFICHAGE portable**/
@media (max-width: 1367px){
	@media (min-width: 314px){
body {
	margin: 0;
	padding: 0;
	width: 100vw;
}
	.contenu{
	width: 100vw;
	background-color: inherit!important;
}
        .entete{
			width: 100vw!important;
			height: 500px!important;
			position: relative;
	}
            nav {}
            .intro{
				background-image: url("img/accueil/plan.png");
				position: relative;
				width: 100%!important;
				height: 100%;
				max-height: 500px;
				background-repeat: no-repeat;
				background-size: cover;
				background-color: purple;
				background-position: center;
				opacity: 1;
	}
				.intro h1{
					display: inline-block;
					width: 100%;
					height: auto;
					text-align: center;
					position: absolute;
					top: 38%;
					font-size: 4em;
        			color: #fff;
       				text-shadow: 4px 1px 6px black;
					line-height: 1em;
				}
				.intro h4{
					display: inline-block;
					width: 100%;
					height: auto;
					text-align: center;
					position: absolute;
					top: 64%;
					font-size: 1em;
        			color: #fff;
       				text-shadow: 3px 1px 4px black;
				}
				.intro h3{
				display: block;
					width: 100%;
					height: auto;
					text-align: center;
					font-size: 0.9em;
        			color: #fff;
       				text-shadow: 3px 1px 4px black;
					line-height: 1em;
				}
	
				.intro ul{
				display: block;
					width: 100%;
					height: auto;
					text-align: center;
					position: absolute;
					bottom: 0;
					font-size: 0.7em;
        			color: #fff;
       				text-shadow: 3px 1px 4px black;
					list-style: none;
					margin-bottom: 0;
				}
	
				.intro ul li{
				height: auto;
				display: block;
				font-style: italic;
				}
	
	.titleprod {
    width: 100%;
    text-align: center;
    position: relative;
    padding-top: 25%;
    /* top: 17%; */
}
	.titleprod h1{
		font-size: 4em;
		color: #00606B;
	}
	.titleprod h3{
		font-size: 2em;
		color: #272727;
	}
	.titleprod h5 {
    font-size: 1.1em;
    color: #4A4A4A;
    width: 90%;
    margin: 0 auto;
    font-style: italic;
}
	.titleprod ul {
    position: relative;
    list-style: none;
    display: block;
    width: 100vw;
    height: auto;
    margin: 4% 0;
    padding: 0;
    /* line-height: 28px; */
}
	.titleprod ul li {
    position: relative;
    display: block;
    width: 33%;
    float: left;
    height: 66px;
    font-size: 1em;
    color: #6C0176;
    cursor: pointer;
}
	
	.titleprod ul li a {
		color: #6C0176;
	}
	
	.ecrin {
    clear: both;
    background-image: url("img/ecrins/DSC_0014.JPG");
    position: relative;
    width: 100vw!important;
    height: 24vh;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: purple;
    background-position: center;
    opacity: 1;
}
	.ecrin h1 {
    display: inline-block;
    width: 70%;
    height: auto;
    text-align: left;
    left: 25%;
    position: absolute;
    top: 35%;
    font-size: 2em;
    color: #fff;
    text-shadow: 4px 1px 6px black;
}
	.ecrin h4 {
    display: inline-block;
    width: 70%;
    right: 25%;
    height: auto;
    text-align: right;
    position: absolute;
    top: 53%;
    font-size: 2em;
    color: #fff;
    text-shadow: 4px 1px 6px black;
}
	
	.idnum{
				clear: both;
				background-image: url("img/designnum/buisness.png");
				position: relative;
    width: 100vw!important;
    height: 30vh;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff;
    background-position: center;
    opacity: 1;
	}
	.idnum h1 {
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
    /* left: 25%; */
    position: absolute;
    top: 20%;
    font-size: 3em;
    color: #fff;
    text-shadow: 1px 2px 3px black;
}
.idnum h4 {
    display: inline-block;
    width: 100%;
    /* right: 25%; */
    height: auto;
    text-align: center;
    position: absolute;
    top: 45%;
    font-size: 2.8em;
    color: #fff;
    text-shadow: 1px 2px 3px black;
}
	
	.event {
    clear: both;
    background-image: url("img/events/GSWA_20230921_235428.png");
    position: relative;
    width: 100vw!important;
    height: 23vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    background-position: center;
    opacity: 1;
}
	
				.event h1{
					display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
    /* left: 25%; */
    position: absolute;
    top: 20%;
    font-size: 3em;
    color: #fff;
    text-shadow: 1px 2px 3px black;
				}
				.event h4{
			 display: inline-block;
    width: 100%;
    /* right: 25%; */
    height: auto;
    text-align: center;
    position: absolute;
    top: 45%;
    font-size: 2.8em;
    color: #fff;
    text-shadow: 1px 2px 3px black;
				}
	
	.desnum{
		clear: both;
        background-image: url("img/designnum/fond.png");
    position: relative;
    width: 100vw!important;
    height: 23vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    background-position: center;
    opacity: 1;
	}
	.desnum h1 {
    display: inline-block;
    width: 100vw;
    height: auto;
    text-align: center;
    /* left: 25%; */
    position: absolute;
    top: 23%;
    font-size: 3em;
    color: #fff;
    text-shadow: 4px 1px 6px black;
}
				.desnum h4 {
    display: inline-block;
    width: 100vw;
    /* right: 25%; */
    height: auto;
    text-align: center;
    position: absolute;
    top: 52%;
    font-size: 3em;
    color: #fff;
    text-shadow: 4px 1px 6px black;
}
	.brico{
		clear: both;
        background-image: url("img/brico/GSWA_20191205_194045.jpg");
    position: relative;
    width: 100vw!important;
    height: 23vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    background-position: center;
    opacity: 1;
	}
	.brico h1{
    display: inline-block;
    width: 100vw;
    height: auto;
    text-align: center;
    /* left: 25%; */
    position: absolute;
    top: 23%;
    font-size: 3em;
    color: #fff;
    text-shadow: 4px 1px 6px black;
				}
				.brico h4{
    display: inline-block;
    width: 100vw;
    /* right: 25%; */
    height: auto;
    text-align: center;
    position: absolute;
    top: 52%;
    font-size: 3em;
    color: #fff;
    text-shadow: 4px 1px 6px black;
				}
	
	.legal{
				position: relative;
				width: 100vw!important;
				height: auto;
				background-color: #fff;
	}
			
	
	.onglet {
	width: 100vw;
	height: 2em;
	line-height: 2em;
	background-color: #00606B;
	color: #fff;
	padding-left: 2%;
		border-bottom: 1px solid #fff;
}
	.onglet a{
		color: #fff;
		cursor: pointer;
	}
	.onglet a:hover{
		color: #fff;
	}

        .corps{
			position: relative;
			width: 100vw;
	}
	
            .presentation{
				width: 100vw;
				margin: 0;padding: 0;
		}
			
                .presentation h1{
					position: relative;
					line-height: 2em;
					vertical-align: middle;
                  width: 100%;
				text-align: center;
					font-size: 3em;
					color: #6C0176;
					
                }
	.presentation h1:first-letter{
		text-transform: capitalize;
	}

                .imgG {
                  position: relative;
                  width: 100vw;
                  height:auto;
                  margin:auto;
				margin-top: 2%;
                 }

                .paragD {
                  position: relative;
                  margin: 0;
                  padding: 0;
                  width: 100%;
                  float: right;

                 }
                .paragD h5{
                    width: 100%;
                    line-height: 2em;
                    font-size: 2em;
                    color: #6C0176;
                }
                .paragD p{
                    width: 90%;
                }
                .imgD {
                      position: relative;
                      width: 100vw;
                      height:auto;
                      margin:auto;
                    margin-top: 2%;
                    float: right;
                     }

                .paragG {
                  position: relative;
                  margin: 0;
                  padding: 0;
                  width: 90%;
                 }
                .paragG h5{
                    width: 100%;
                    line-height: 2em;
                    font-size: 2em;
                    color: #6C0176;
                }
                .paragG p{
                    width: 90%;
                }

            
    .galerie{
        position: relative;
        width: 100vw;
        height: auto;
		min-height: 670px;
        margin: 0 auto;
      }
              .galerie h1{
                  font-size: 2.5em;
                  color: #6C0176;
                  text-align: center;
                  width: 100%;
              }
              #galerieDefile {
              width: 100%;
              height: 90%;
          }

             .imgGal {
    max-height: 400px;
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100vw;
}
	.titreImg:first-letter{
		text-transform: capitalize;
	}
	
	.titreImg{
		color: #000;
		font-size: 2em;
		line-height: 1em!important;
		width: 90%;
		text-align: center;
		margin: 0 auto;
	}
	.sousTitreImg:first-letter{
		text-transform: capitalize;
	}
	.sousTitreImg{
		font-style: italic;
	}
	  .carousel-control-next-icon {
    background-image: url("../img/accueil/next.png");
    height: 8%;
    opacity: 0;
}
		.carousel-control-prev-icon {
    background-image: url("../img/accueil/prev.png");
    height: 8%;
    opacity: 0;
}
	
	
            .contact{
				position: relative;
				width: 100%;
	}
	.contact h1{
		color: #6C0176;
		width: 90%;
		vertical-align: middle;
		text-align: center;
		font-size: 3em;
		margin-top: 1%;
	}
	#bloContact{
		position:relative;
		width: 100%;
	}
	#form{
		position: relative;
		width: 100vw;
		height: 64vh;
		max-height: 699px;
		min-height: 640px;
		background-color: rgba(192,131,140,0.20);
		border-radius: 45px;
		margin: 0 auto;
		padding: 0;

	}
	#form form{
		position: relative;
		width: 80%;
		height: 64vh;
		max-height: 699px;
		min-height: 640px;
		padding-top: 10%;
		padding-bottom: 10%;
	}
	
	#soumettre{
		position: relative;
		width: 50%;
		margin: 0 auto 0 auto;
		display: grid;
	}
	
            .network{
				position: relative;
				width: 100%;
				height: 5%;
				clear: both;
				text-align: center;
				margin-bottom: 1%;
	}
	.network h1{
		font-size: 5em;
		color: #6C0176;
		line-height: 1em;
		vertical-align: middle;
	}
	
	.network a{
		display: inline-block;
		width:100px;
		height: 100px;
		margin-right: 2%;
	}
	
	.network img{
		position: relative;
	}
	
	.listeProd{
		position:relative;
		width: 100vw;
		text-align: center;
	}
		
	.article {
    position: relative;
    width: 100vw;
    margin: 0 auto;
    clear: both;
    padding-bottom: 5%;
		padding-top: 5%;
    border-bottom: 1px solid #C0838C;
}
	
	.imageProdG {
    position: relative;
    width: 100vw;
    display: block;
}
	.imageProdG img{
		position: relative;
		max-height: 500px;
		max-width: 100%;
		width: auto;
		height: auto;
	}
	.descriptifD {
    position: relative;
    width: 100vw!important;
    display: block;
    text-align: center;
    line-height: 1.2em;
    height: auto;
}
	.descriptifD h1{
		width: 100%;
		text-align: center;
		font-size: 3em;
		color: #6C0176;
	}
	
		.descriptifD h1>span{
			font-size: 0.4em!important;
			color: #000;
			line-height: 1em;
			width: 100vw!important;
			
		}
		
			.descriptifG h1>span{
			font-size: 0.4em!important;
			color: #000;
			line-height: 1em;
			width: 90vw;
			
		}
	.descriptifD p {
    width: 80vw;
    position: relative;
    bottom: 0;
    right: 0;
    font-size: 1em;
    margin: 0 auto;
}
	.descriptifG {
    position: relative;
    width: 100vw!important;
    display: block;
    text-align: center;
    line-height: 1.2em;
    height: auto;
}
	.descriptifG h1 {
    width: 100vw;
    text-align: center;
    font-size: 3em;
    color: #6C0176;
}
	.descriptifG p{
	width: 80vw;
    position: relative;
    bottom: 0;
    right: 0;
    font-size: 1em;
    margin: 0 auto;
	}
	.imageProdD{
	position: relative;
    width: 100vw;
    display: block;
	}
	.imageProdD img{
		position: relative;
		max-height: 500px;
		max-width: 100%;
		width: auto;
		height: auto;
	}
	
	.articleevent{
		width: 100vw;
		position: relative;
		margin: 0 auto;
	}
	.articleevent h1{
		position: relative;
		font-size: 3em;
		color: #6C0176;
		text-align: center;
		margin-bottom: 1%;
		margin-top: 1%;
		width: 100vw;
	}
	
	.articleevent h2{
		font-size: 1.2em;
		color: #6C0176;
	}
	
	.articleevent p{
		font-size: 1em;
		width: 80vw;
		margin: 0 auto;
	}
	
	.imgGauche {
    display: block;
    width: 100vw!important;
    height: auto!important;
}
	.imgGauche img{
		display: inline-block;
		width: 100%;
	}
	.bloctexteDroite {
    display: block;
    align-content: center;
    width: 100vw!important;
}
	.imgDroite {
    display: block;
    width: 100vw;
    height: auto;
}
	.imgDroite img {
    display: inline-block;
    width: 100%;
}
	.bloctexteGauche {
    display: block;
    width: 100vw;
}
	
	#gocontact{
		position: relative;
		width: auto;
		margin-top: 1%;
		margin-bottom: 1%;
		border-radius: 15px;
		background-color: #6C0176;
		color: #fff;
	}
	
	.corpsfp{
		position: relative;
		width: 100vw;
	}
	
	.fpart {
    clear: both;
    background-image: url("img/faireparts/Calque 1.png");
    position: relative;
    width: 100vw!important;
    height: 23vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    background-position: center;
    opacity: 1;
}
	
	.fpart h1 {
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    top: 21%;
    font-size: 3em;
    color: #fff;
    text-shadow: 4px 1px 6px black;
}
	.fpart h4 {
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    top: 55%;
    font-size: 3em;
    color: #fff;
    text-shadow: 4px 1px 6px black;
}
	
	
	.fpartlist {
    position: relative;
    width: 100vw;
    text-align: center;
    margin: 0 auto;
}
	
	.fpartlist h1 {
    position: relative;
    font-size: 3em;
    color: #00606B;
    text-align: center;
    margin-bottom: 1%;
    margin-top: 1%;
}
	.fpartlist h2{
		font-size: 2em;
		color: #6C0176;
	}
	
	.fpartlist p {
    font-size: 1.1em;
    width: 90vw!important;
    margin: 5% auto;
}
	
	.fpartlist img {
    position: relative;
    width: 100vw!important;
    height: auto!important;
}
}
	
	.mentions{
		position: relative;
    width: 90vw!important;
    background-color: #fff;
    opacity: 1;
		padding-top: 20%;
		align-content: center;
		margin: 10% auto;
		
		
	}
	
	.mentions h1{
		position: relative;
		font-size: 3em;
		color: #00606B;
		text-align: center;
		margin-bottom: 1%;
		margin-top: 1%;
	}
	.mentions h4{
		font-size: 2em;
		color: #6C0176;
	}
	
	.mentions p{
		font-size: 1.1em;
		width: 90vw;
		
	}
	
	
	
	footer {
    position: relative;
    width: 100%;
    background-color: #6C0176;
    color: #fff;
    min-height: 180px;
    align-content: center;
    bottom: 0;
    height: auto;
    text-align: center;
}
	
	footer>.pied>p>a{
		color: #fff!important;
	}
	
	footer>.pied>p>a:hover{
		color: #696969;
	}
	
	footer>.pied>p>a:visited{
		color: #fff;
	}
	
	.pied{
		display: grid;
		width: 60%;
		margin: 0 auto;
		justify-items: center;
	}
	
	.pied img{
		margin-bottom: 10px;
	}
		#coord {
    position: relative;
    /* float: right; */
    width: 100vw;
    margin: 0;
    text-align: center;
    height: auto;
    min-height: 390px;
    display: grid;
    align-items: center;
}

		#coord img {
	width: 50%;
	margin: 0 auto;
}


}
}