@import url('gallery/reset.css');

/* Import font */

@font-face{
	font-family:"vijaya";
	src : url(vijaya.ttf) format("truetype");
}

@font-face{
	font-family:"vivaldi";
	src : url(VIVALDII.ttf) format("truetype"); 
}

/* webSite design */


body{
	position:relative;
	background: #5ca50d; /* Old browsers */
background: -moz-linear-gradient(-85deg, #5ca50d 0%, #e3f5ab 26%, #ffffc7 47%, #ffffc7 63%, #e3f5ab 72%, #5ca50d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#5ca50d), color-stop(26%,#e3f5ab), color-stop(47%,#ffffc7), color-stop(63%,#ffffc7), color-stop(72%,#e3f5ab), color-stop(100%,#5ca50d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-85deg, #5ca50d 0%,#e3f5ab 26%,#ffffc7 47%,#ffffc7 63%,#e3f5ab 72%,#5ca50d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-85deg, #5ca50d 0%,#e3f5ab 26%,#ffffc7 47%,#ffffc7 63%,#e3f5ab 72%,#5ca50d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-85deg, #5ca50d 0%,#e3f5ab 26%,#ffffc7 47%,#ffffc7 63%,#e3f5ab 72%,#5ca50d 100%); /* IE10+ */
background: linear-gradient(175deg, #5ca50d 0%,#e3f5ab 26%,#ffffc7 47%,#ffffc7 63%,#e3f5ab 72%,#5ca50d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ca50d', endColorstr='#5ca50d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

background-repeat:no-repeat;
background-size:100% 100%;
margin:0px;

}

a{text-decoration:none; color:inherit;}

.clear{
	clear:both;
}

.red{
	color:BA0F53;
	font-weight:bold;
}
section#page-content{
	
}

/** HEADER **/


section#header{
	/*border:black 1px dotted;*/
	width:100%;
	
}

section#header > img#feuille {
	position:absolute;
	top:0;
	right:1%;
	z-index:100;
	width: 150px;
}

section#header > section#title_website h1{
	text-align:center;
	font-size:3.1em;
	color:#4e0d69;
	font-family:"vivaldi";
	text-shadow: 2px 2px 8px #7c476b,1px 1px 5px white;
	margin-bottom: 15px;
	position:relative;
	z-index:200;
}
section#header > nav.navbar{
	background:#7f389e;
	border:1px solid grey;
	box-shadow:1px 1px 10px 1px black;
	margin-bottom: 10px;
}

section#header > nav.navbar button.navbar-toggle{
	background:#FFE5EC;
	border-color:#FFFFFF;
}

section#header > nav.navbar button.navbar-toggle .icon-bar{
	background:#7f389e;
}

section#header > nav.navbar button.navbar-toggle:hover{
	background:#F1B9E6;
}

section#header > nav.navbar > .container-fluid > .navbar-header > .navbar-brand{
	padding:0 10px;
}
section#header > nav.navbar > .container-fluid > .navbar-header > .navbar-brand > img{
	height:100%;
}

section#header > nav.navbar > .container-fluid > .navbar-collapse > ul > li.active > a {
	background:#FFE5EC;
	color:#7f389e;
	text-shadow: 1px 1px 1px #F1B9E6,2px 2px 1px #F1B9E6;
	
}

section#header > nav.navbar > .container-fluid > .navbar-collapse > ul > li > a {
	color:white;
	font-size:1.5em;
	font-family:"vivaldi";
	text-shadow: 1px 1px 1px black,2px 2px 1px black;
}

section#header > nav.navbar > .container-fluid > .navbar-collapse > ul > li > a:hover {
	text-shadow: 1px 1px 1px #F5A9E1;
}

/** Content **/
/** SLIDER **/

section#content{
	width:100%;
	
}

section#content > #promo > .banner { 
	position: relative; 
	overflow: auto; 
	border: grey 1px solid;
	border-radius: 5px;
	box-shadow: 1px 1px 8px black;	
	margin:10px 0px;
	padding: 0px;
}

section#content > #promo > .banner li { 
	list-style: none; 
}
section#content > #promo >  .banner > ul > li { 
	float: left;
 }
 
section#content > #promo >  .banner > ul > li > div.description{ 
	position: absolute;	
	text-align:center;
	z-index:100;
}

section#content > #promo >  .banner > ul > li > img.background{ 
	position:absolute; 
	height:100% ; 
	width:100%; 
}

section#content > #promo >  .banner > ul > li > a{
	position:absolute; 
	height:100% ; 
	width:100%;
	top:0;
	left:0;
	z-index:100; 
}


section#content > #promo >  .banner ul { 
	padding:0px;
	margin:0px;
}

section#content > #promo >  .banner > .unslider-arrow {
	position:absolute;
	font-size:2em;
	padding:5px 10px;
	font-family:"vijaya";
	color: white;
	z-index :200;
}

section#content > #promo >  .banner > .unslider-arrow:hover {
	color:#7f389e;
}

section#content > #promo >  .banner > .unslider-arrow.prev {
	bottom:1%;
	left:2%;
}

section#content > #promo >  .banner > .unslider-arrow.next {
	bottom:1%;
	right:2%;
}

section#content > #promo >  .banner > div.nav{ 
	position:absolute; 
	height:15% ; 
	width:100%; 
	bottom:0;
	background:black;
	opacity:0.2;
	z-index:150;
}

/** CONTENU **/

section#content > section#contenu > section.backgroundContenu {
	border-radius:5px;
	box-shadow : 1px 1px 8px black;
	border: black 1px solid;
	background:rgba(255,255,255,0.2);
	margin-bottom:10px;
	position:relative;
	z-index:200;
	min-height:600px;
}

.notPadding{
	padding: 0 !important;
}

section#content > section#contenu 	a.numeroTel{
	color:#7f389e;
	font-weight:bold;
}

section#content > section#contenu 	a.numeroTel:hover{
	color:#E987D6;
	text-decoration:none;
}

section#content > section#contenu > section.backgroundContenu > section.titleContenu{
	background:#7f389e;
	color:white;
	font-family:"vijaya";
	font-weight:700;
	font-size:1.2em;
	border-radius:3px 3px 0px 0px;
	border-bottom:2px solid black;
	padding:5px 15px;
	box-shadow : 1px 1px 8px black;
	text-shadow: 1px 1px 1px black,2px 2px 1px black;
}

section#content > section#contenu > section.backgroundContenu > section.titleContenu > h1{
	margin:0px;
	font-size:1.5em;
}

section#content > section#contenu > section.backgroundContenu  section.cellContenu {
	padding:25px;
	font-family:"vijaya";
	text-align:justify;
	font-size:1.4em;
}

section#content > section#contenu > section.backgroundContenu  section.cellContenu > #ariane {
	color:#7f389d;
	font-family:"vijaya";
	margin-bottom:10px;
}

section#content > section#contenu > section.backgroundContenu  section.cellContenu > #ariane a {
	color:black;
	font-family:"vijaya";
}


section#content > section#contenu > section.backgroundContenu  section.cellContenu ul li{
	list-style:url(img/fleurs.png);
	font-family:"vijaya";
}



section#content > section#contenu > section.backgroundContenu  section.cellContenu  h1, section#content > section#contenu > section.backgroundContenu  section.cellContenu h2{
	color:#7f389d;
	text-shadow: 1px 1px 1px #FFE5EC,2px 2px 1px #FFE5EC;
}

section#content > section#contenu > section.backgroundContenu  section.cellContenu h2{
	font-size:1.3em;
}

section#content > section#contenu > section.backgroundContenu  section.cellContenu  h3{
	color:#7f389d;
	text-shadow: 1px 1px 1px #FFE5EC,2px 2px 1px #FFE5EC;
}

/** Lien vers autres prestation **/

section#content > section#contenu > section.backgroundContenu > #AutrePrestation{
	position:relative;
	z-index:300;
	float:right;
	margin-top:15px;
	color:#FFF;
}

section#content > section#contenu > section.backgroundContenu > #AutrePrestation a {
	float:right;
	text-align:center;
	margin-top:20px;
	text-decoration:none;
	color:#FFF;
	font-family:"vijaya";
	font-size:1.2em;
	background:rgba(127,56,157,0.8);
	border:1px solid black;
	box-shadow : 1px 1px 8px black;
	text-shadow: 1px 1px 1px black,2px 2px 1px black,1px 3px 1px black;
	border-radius:5px;
	padding:5px 0px;
	width:150px;
	
}

section#content > section#contenu > section.backgroundContenu > #AutrePrestation a:hover {
	background:rgba(127,56,157,0.7);
}

section#content > section#contenu > section.backgroundContenu > #AutrePrestation ul{
	margin:0;
	padding:0;
}

section#content > section#contenu > section.backgroundContenu > #AutrePrestation li{
	list-style:none;
	height:68px;
	width:200px;
	margin-right:-5px;
}

section#content > section#contenu > section.backgroundContenu > #AutrePrestation li.prestations{
		display:none;
}

/** GRID **/


section#content > section#contenu > div.grid {
	list-style:none;
	margin:0;
	padding:0;
}

section#content > section#contenu > div.grid > .containerCell {
	margin:5px 0;
}


section#content > section#contenu >  div.grid  div.cell {
	display:inline-block;
	vertical-align: top;
	margin-bottom:10px;
	border-radius:5px;
	box-shadow : 1px 1px 8px black;
	border: black 1px solid;
	background:white;
	position:relative;
	width:100%
}

section#content > section#contenu >  div.grid  div.cell:nth-child(2n){
	margin-right:0;
}

section#content > section#contenu >  div.grid  div.cell > div.title{
	background:#7f389e;
	color:white;
	font-family:"vijaya";
	font-weight:700;
	font-size:1.2em;
	border-radius:3px 3px 0px 0px;
	border-bottom:2px solid black;
	padding:5px 10px;
	box-shadow : 1px 1px 8px black;
	text-shadow: 1px 1px 1px black,2px 2px 1px black;
	position:relative;
}

section#content > section#contenu >  div.grid  div.cell > div.title > h1{
	font-size:1.2em;
	margin:0;
}

section#content > section#contenu >  div.grid  div.cell > div.title > a.tools{
	position:relative;
	z-index:2000;
}

section#content > section#contenu >  div.grid  div.cell > div.title > a.tools > i{
	display:inline-block;
}

section#content > section#contenu >  div.grid  div.cell > div.description{
	position:relative;
	height:170px;
}

section#content > section#contenu >  div.grid  div.cell2 > div.description{
	position:relative;
	height:210px;
}

section#content > section#contenu >  div.grid  div.cell > a.lienCell{
	position:absolute;
	height: 100%;
	width:100%;
	top:0;
	left:0;
	border-radius:5px
	
}

section#content > section#contenu >  div.grid  div.cell > li.cell > a.lienCell:hover{
	background:#FFE5EC;
	opacity:0.2;
	
}

section#content > section#contenu >  div.grid  div.cell > div.description > img{
	position: absolute;
	height: 100%;
	width: 100%;
	border-radius: 0px 0px 5px 5px;
}

section#content > section#contenu >  div.grid  div.cell > div.description > img.imgCell{
	width: auto;
	height:90%;
	left:5%;
	
}

section#content > section#contenu .cellContenu table{
	border-radius:5px;
}

section#content > section#contenu .cellContenu table > thead > tr {
	background:#7f389e;
	color:white;
}

section#content > section#contenu .cellContenu table > thead tr:first-child th:first-child {
	border-radius: 5px 0px 0px 0px
}
section#content > section#contenu .cellContenu table > thead tr:first-child th:last-child {
	border-radius: 0px 5px 0px 0px
}
section#content > section#contenu .cellContenu table > tbody tr:last-child td:first-child {
	border-radius: 0px 0px 0px 5px
}
section#content > section#contenu .cellContenu table > tbody tr:last-child td:last-child {
	border-radius: 0px 0px 5px 0px
}

section#content > section#contenu .cellContenu table > tbody > tr:nth-child(odd) {
	background:#FFE5EC;
}

section#content > section#contenu .cellContenu table > tbody > tr:nth-child(even) {
	background:#FCE2F7;
}
section#content > section#contenu .cellContenu table > tbody > tr:hover{
	background:#F1B9E6;
}




/* Page info Produit */

img#materielEpilation{
}

img#peggySage{

}
img#algologie{

}

/* Carte de fidéliter */

img.cheque {
}

/* Cheque cadeau */
img.enveloppe {

}

img.cheque {

}


/* Page Avis */

#contenu ul.commentaire{
	margin-top:40px;
	padding:0px;
}

#contenu ul.commentaire li.commentaire{
	border-radius:5px;
	box-shadow: 1px 1px 7px #7f389d;
	background:rgba(255,255,255,0.8);
	position:relative;
	z-index:200;
	list-style-image:none;
	list-style:none !important;
	margin-bottom:20px;
	
	
}

#upCom{
	color:#7f389d;
	font-family:"vijaya";
	font-weight:bold;
	font-size:18px;
	border-bottom: 1px solid black;
	box-shadow: 1px 1px 10px gray;
	background: rgba(227, 189, 245, 0.5);
	
}


#dateCom{
	text-shadow: 1px 1px 1px #FFE5EC,2px 2px 1px #FFE5EC;
	display: inline-block;
	vertical-align: bottom;
	padding:5px;
	
}
#nomCom{	
	background:rgba(127,56,157,0.7);
	color:#FFF;
	border-radius:4px 0px 0px 0px;
	box-shadow : 1px 1px 5px black;
	text-shadow: 1px 1px 1px black,2px 2px 1px black;
	display: inline-block;
	vertical-align: bottom;
	padding:5px 2%;
	
}
#notationAvis{
	vertical-align: top;
	padding:8px;
	float:right;
}
#nomClient{
color:#7f389d;
	font-family:"vijaya";
	font-weight:bold;
	font-size:18px;
	display:inline-block;
	width:100%;
	text-shadow: 1px 1px 1px #FFE5EC,2px 2px 1px #FFE5EC;
	
	
	
}

#com{
	width:100%;
}
#downCom{
	padding:10px;

}

/* Donnez Avis*/
input{
 padding:8px;
 border:1px  #F5C5C5;
 border-radius:0px 5px 5px 0px;
 width:68%;
 box-shadow:1px 1px 3px #7f389d inset,
 			1px 1px 5px #7f389d ;
 margin-left:-4px !important;
 margin-top:0;
 height:34px;
 display:inline-block;
 vertical-align:top;
}

select {
 padding:3px;
 border-radius:0px 5px 5px 0px;
 width:100%;
 height:34px !important;
 box-shadow:1px 1px 3px #7f389d inset,
 			1px 1px 7px #7f389d ;
 margin-left:-4 !important;
 border:none;
 overflow:visible !important;
 background-color:white !important;

}

.groupSelect{
	position:relative;
	display:inline-block;
	vertical-align:top;
	overflow:visible !important;
	width:67%;
}

.buttonSelect {
	color:#7f389d;
	background:white;
	height:27px;
	width: 30px;
	border-radius: 0px 5px 5px 0px;
	position:absolute;
	top:5;
	right:5;
	z-index:2000;
	padding:6;
	
}

.buttonSelect:hover {
	cursor:pointer;
}

div.fontLabel{
	border-radius:5px 0px 0px 5px;
	 box-shadow:1px 1px 7px #7f389d;
	 margin-right:-1px;
	 background:#7f389d;
	  width:75px;
	  display:inline-block;
	  height: 34px;
}

label{
	font-size:0.95em;
	font-weight:bold;
	
	 padding:6px 8px;
	 
	 color:white;
	
	 text-shadow:1px 1px 7px black;
	 font-family:"vijaya";
	 
}

label.nom{
	padding-right:40px;
	}
label.email{
	padding-right:34px;
	}
label.categorie{
	padding-right:10px;
	padding-top:4px;
	margin-right:-3px;
	}
label.note{
	padding-right:44px;

}

#note{
 position:relative;
 z-index:2;	
 border-radius:0px 5px 5px 0px;
 width:140px;
 height:34px;
 box-shadow:1px 1px 3px #7f389d inset,
 			1px 1px 7px #7f389d ;
 padding:6px;
 background-color:#FFF;
 
 display:inline-block;
 vertical-align:top;
 margin-left:-4px;
}

img.note{
	opacity:0.4;
	height:100%;
	width:auto;	
}

div.labelH3{
	 border-radius:5px 5px 0px 0px;
	 box-shadow:1px 1px 5px black;
	 background:#7f389d;
	 margin-top:30px;
	 
	 width:95%;
	
}

h3.com{
	 padding:6px;
	 margin-bottom:0px;
	  font-family:"vijaya";
	 text-shadow:1px 1px 7px black !important;
	  color:white !important;
}

input[type=submit]{
 padding:3px;
 margin-top:20px;
 border:1px #F5C5C5;
 border-radius:5px;
 width:175px;
 
 box-shadow:1px 1px 7px black ;
 background-color:#7f389d;
 color:white;
 font-size:1.0em;
  font-weight:bold;
 font-family:"vijaya";
 padding-bottom:30px;
 text-shadow:1px 1px 7px black ;
 margin-left:0px !important;
}

input[type=submit]:hover , select:hover{
	cursor:pointer;
	background-color:#F5C5C5;
}

textarea{
	
 padding:6px;
 border:1px  #F5C5C5;
 border-radius:0px 0px 5px 5px;
 width:95%;
 height:100px;
 box-shadow:1px 1px 3px #7f389d inset,
 			1px 1px 5px #7f389d ;
 margin-top:0;
 resize:none;
}


#pagination{
	
}

#pagination li.page{
	display: inline-block;
	cursor:pointer;
}

#pagination li.page:hover{
	font-weight:bold;
}

#pagination li.page.active{
	color:#7f389d;
	font-family:"vijaya";
	font-weight:bold;
	cursor:default;
}



/* FOOTER */

section#footer{
	margin-bottom:80px;
}

section#footer > #contenuFooter{
	
	/*border:black 1px dotted;*/
	width:100%;
	background:#7f389e;
	color:white;
	font-family:"vijaya";
	box-shadow : 1px 1px 8px black;
	text-shadow: 1px 1px 1px black,2px 2px 1px black,1px 3px 1px black;
	border-radius:5px;
	border:1px solid black;
	font-size:1.3em;

}

section#footer > #contenuFooter > img#pierre {
	position:absolute;
		left:2%;
		z-index:100;
		width: 25%;
}

/*ecran trés large*/
@media (min-width:1450px) {
	section#page-content{
		width:56%;
		margin-left:22%;
	}
	section#header > nav.navbar > .container-fluid > .navbar-collapse > ul > li > a {
		font-size:1.65em;
	}
}

@media (max-width:1200px) and (min-width:1070px) {
	section#page-content{
		width:70%;
		margin-left:15%;
	}
	
	div.fontLabel:not(#fontLabelCategorieClient){
		width:95%;
		border-radius:5px 5px 0px 0px;
	}
	input{
		width:95%;
		border-radius:0px 0px 5px 5px;
		margin-left:0px !important;
	}
	
	#note{
		width:95%;
		border-radius:0px 0px 5px 5px;
		margin-left:0px !important;
	}
	
	#groupSelectAvis{
		width:95%;
	}
	
	#liste{
		border-radius:0px 0px 5px 5px;
		margin-left:0px !important;
	}
	
	
}

@media (max-width: 900px) and (min-width:751px) {
	section#header > nav.navbar > .container-fluid > .navbar-collapse > ul > li > a {
		font-size:1.12em;
	}
}

@media (max-width: 991px) and (min-width:751px) {
	input{
		width:45%;
	}
	#groupSelectAvis{
		width:45%;
	}
}

@media (max-width: 750px) {

	section#content > #promo >  .banner > ul > li > div.description > h1{ 
		font-size:1.2em;
	}
	
	section#content > #promo >  .banner > ul > li > div.description > p{ 
		font-size:1em;
	}
	
	section#content > #promo >  .banner > ul > li > div.description > h3{ 
		font-size:1.1em;
	}
	
	section#content > section#contenu h2{ 
		font-size:1.2em;
	}
	
	section#content > section#contenu > section.backgroundContenu > #AutrePrestation{
		width:150px;
		position:absolute;
		top:50px;
		right:-10px;
	}
	section#content > section#contenu > section.backgroundContenu > #AutrePrestation li{
		height:0px;
		width:auto;
		
	}
	
	section#content > section#contenu > section.backgroundContenu > #AutrePrestation li a:not(.prestations){
		width:80px;
	}
	
	section#content > section#contenu h2.infoPrestation{
		width:80%;
	}
	
	section#content > section#contenu #isomarine{
		width:100%;	
	}
}

@media (max-width: 540px){
	
	section#content > section#contenu #tablePrestation{
		width:100%;
		padding:0 15px;
	}
	
	section#content > section#contenu #infoPrestation{
		width:100%;
		padding:0 15px;
	}
	
	section#content > section#contenu h2.infoPrestation{
		width:80%;
		padding:0 5px;
	}
	
	section#content > section#contenu > section.backgroundContenu > section.cellContenu {
		font-size:1.2em;
	}
	
	section#content > #promo >  .banner > ul > li > div.description > h1{ 
		font-size:1em;
	}
	section#content > #promo >  .banner > ul > li > div.description > h2{ 
		font-size:1.1em;
	}
	
	section#content > #promo >  .banner > ul > li > div.description > p{ 
		font-size:0.9em;
	}
	
	section#content > #promo >  .banner > ul > li > div.description > h3{ 
		font-size:0.9em;
	}
	
	section#content > section#contenu h2{ 
		font-size:1.1em;
	}
	
	section#content > section#contenu > section.backgroundContenu > #AutrePrestation li a:not(.prestations){
		width:80px;
		margin-top:-35px;
		display:none;
	}
	
	section#content > section#contenu > section.backgroundContenu > #AutrePrestation li a.prestations{
		width:80px;
	}
	
	section#content > section#contenu > section.backgroundContenu > #AutrePrestation li.prestations{
		display:block;
	}
	
	section#content > section#contenu 	a.numeroTel{
	color:#FFFFFF;
	padding:5px;
	border-radius:5px;
	background:#7f389e;
	box-shadow : 1px 1px 8px black;
	border: black 1px solid;
	
}

section#content > section#contenu 	a.numeroTel:hover{
	color:#FFFFFF;
	background:#F1B9E6;
}

}

@media (max-width: 540px) and (min-width: 481px) {

section#content > section#contenu > div.grid div.cell > div.title > h1{
	font-size:1.0em;
}
	

	
}

@media (max-width: 480px){
	section#content > section#contenu >  div.grid > div.containerCell{
		width:100%;
		padding:0 15px;
	}
}

@media (max-width: 400px) {
	
	#ariane > span {
		display:none;
	}
	
	img#materielEpilation{
		width:200px;
	}
	
	#fideliteContainer img.cheque {
		width:200px;
	}
	
	#cadeauContainer img.cheque {
		width:200px;
	}
	
	#cadeauContainer img.enveloppe {
		width:200px;
	}
	
	section#content > #promo >  .banner > ul > li > div.description > h1{ 
		font-size:0.8em;
	}
	
	section#content > #promo >  .banner > ul > li > div.description > h2{ 
		font-size:0.9em;
	}
	
	section#content > #promo >  .banner > ul > li > div.description > p{ 
		font-size:0.6em;
	}
	
	section#content > #promo >  .banner > ul > li > div.description > h3{ 
		font-size:0.7em;
	}
	
	section#content > section#contenu > section.backgroundContenu > section.cellContenu h2{ 
		font-size:1.0em;
	}
	
	div.fontLabel{
		width:95%;
		border-radius:5px 5px 0px 0px;
	}
	input{
		width:95%;
		border-radius:0px 0px 5px 5px;
		margin-left:0px !important;
	}
	
	#note{
		width:95%;
		border-radius:0px 0px 5px 5px;
		margin-left:0px !important;
	}
	
	#groupSelectAvis{
		width:95%;
	}
	
	#groupSelectCategorie{
		width:95%;
	}
	
	#liste{
		border-radius:0px 0px 5px 5px;
		margin-left:0px !important;
	}
	
	#ma_liste1{
		border-radius:0px 0px 5px 5px;
		margin-left:0px !important;
	}
}


/*@media screen and (min-width: 1400px){
	section#page-content{
		padding:0px 25%;
		width:50%;
	
	}
	
	section#header > img#feuille {
		right:17%;
		z-index:100;
		width: 250px;
	}
	
	section#footer{
		margin-bottom: 90px; 
	}
	
	section#footer > img#pierre {
		position:absolute;
		bottom:-80px;
		left:10%;
		z-index:100;
		width: 18%;
	}

		
}

@media screen and (max-width: 1000px){
	section#header > img#feuille {
		right:8%;
		z-index:100;
		width: 220px;
	}

	section#footer > img#pierre {
		position:absolute;
			bottom:-70px;
			left:2%;
			z-index:100;
			width: 28%;
	}

}


@media screen and (max-width: 780px){
	section#page-content{
		padding:0px 10%;
		width:80%;
	
	}
	
	section#header > img#feuille {
		position:absolute;
		top:0;
		right:0;
		z-index:100;
		width: 225px;
	}
	
	section#header > nav#main-menu > section#navresponsive{
		display:inline-block;
		width:62%;
		height:100%;
		background:none;
		background-image:none;
		border:none;
		vertical-align:top;
		padding-left:10px;
		cursor:pointer;	
		border-radius: 0px 10px 25px 0px;
		position:relative;
		
	}
	
	section#header > nav#main-menu > section#navresponsive > h1{
		font-size:35px;
		margin:10px;
		color:white;
		font-weight:bold;
		font-family:"vivaldi";
		text-shadow: 1px 1px 1px black,2px 2px 1px black,1px 3px 1px black;
	}
	
	
	section#header > nav#main-menu > section#navresponsive > ul#nav-mobile{
		display:none;
		list-style:none;
		font-size:25px;
		font-weight:bold;
		font-family:"vivaldi";
		text-shadow: 1px 1px 1px black,2px 2px 1px black,1px 3px 1px black;
		color:white;
		background:#7f389e;
		border: 1px solid black;
		border-top:none;
		border-radius: 0px 0px 25px 10px;
		-webkit-box-shadow:1px 1px 10px 1px black;
		-moz-box-shadow:1px 1px 10px 1px black;
		box-shadow:1px 1px 10px 1px black;
		position:absolute;
		top:100%;
		left:-4px;
		padding:0px;
		margin:0px;
		z-index:1000;
	}
	
	section#header > nav#main-menu > section#navresponsive > ul#nav-mobile >li{
		padding:10px 25px;
		border-top:2px solid white;
	}
	
	section#header > nav#main-menu > section#navresponsive > ul#nav-mobile >li:first-child{
		border-top:2px solid white;
	}
	
	section#header > nav#main-menu > section#navresponsive:hover h1{
		
		text-shadow: 1px 1px 1px #ce1125,2px 2px 1px #ce1125,1px 3px 1px #ce1125;
	}
	
	section#header > nav#main-menu > section#navresponsive > ul#nav-mobile >li:hover{
		text-shadow: 1px 1px 1px #ce1125,2px 2px 1px #ce1125,1px 3px 1px #ce1125;
	}
	
	section#header > nav#main-menu > ul#nav-pc {
		display:none;
	}
	
	
	/* Cheque cadeau */ /*
img.enveloppe {
	float:right;
	margin-top:-40px;
	padding-left:20px;
	width:235px;

}

img.cheque {
float:left;
padding-right:40px;
width:154px;
}
	
	
	section#footer > img#pierre {
		position:absolute;
		bottom:-50px;
		left:0%;
		z-index:100;
		width: 30%;
	}

}

@media screen and (max-width: 600px){
	div.fontLabel{
		border-radius:5px 5px 0px 0px;
	  	width:90%;
	}	
	
	input{
 		border-radius:0px 0px 5px 5px;
 		width:90%;
 		margin-left:0px;
	}
	
	#groupSelect{
		width:90%;
	}
	#buttonSelect{
		padding: 6px 7px 7px 7px;
		top:2;
		width:auto;
		height:auto;
		border-radius:0px 0px 5px 0px;
	}
	select {
	 border-radius:0px 0px 5px 5px;
	 width:100%;
	 margin-left:0;
	}
	#note{
		border-radius:0px 0px 5px 5px;
 		width:86%;
 		margin-left:0px;
		padding: 4px 2%;
	}
}

@media screen and (max-width: 400px){
	
section#page-content{
		padding:0px 5%;
		width:90%;
	
}

section#header > img#feuille {
		position:absolute;
		top:0;
		right:0;
		z-index:100;
		width: 135px;
}

section#header > nav#main-menu > section#navresponsive{
	width:53%;
}

section#header > section#title_website h1{
	text-align:center;
	font-size:1.7em;
	color:#4e0d69;
	font-family:"vivaldi";
	text-shadow: 2px 2px 8px #7c476b,1px 1px 5px white;
}

section#content > section#contenu > section.backgroundContenu > #AutrePrestation{
	display:none;
}


	
	/* Cheque cadeau */ /*
img.enveloppe {
	float:right;
	margin-top:-40px;
	padding-left:20px;
	width:154px;

}

img.cheque {
float:left;
padding-right:40px;
width:125px;
}

section#footer > img#pierre {
		position:absolute;
		bottom:-50px;
		left:0%;
		z-index:100;
		width: 35%;
	}

}


*/