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

#contener
{
	height:100%;
	min-height:100%;
   position:relative;	
   color: #e4e4e4;
	margin: auto;
	width: 100%;
	font-family: "Helvetica Neue", "Gill Sans", "Gill Sans MT", "Calibri", sans-serif;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
	
}
#contener TABLE {border:0px;color:#e6e6e6;font-family: "Helvetica Neue";}

	
	.size16 {font-size: 1em;}
	.size24 {font-size: 1.4em;}
	.size32 {font-size: 1.8em;}
	.size64 {font-size: 2.2em;}
A {
	color: #26BCEB;
	text-decoration: none;
	  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;		
}
A:hover {
	
	color: #adadad;
	  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;		
}

H1 {font-size: 2.2em;padding-left: 0.3em;margin: 0;}

.shadow {
		-webkit-box-shadow: 4px 13px 19px -9px rgba(163,163,163,1);
	-moz-box-shadow: 4px 13px 19px -9px rgba(163,163,163,1);
	box-shadow: 4px 13px 19px -9px rgba(163,163,163,1);	
}
.prestation_bloctitle {
	background: rgba(0, 0, 0, 0.24);
	/*position: fixed;*/
	color: white;
	font-family: "Helvetica";
	text-transform: capitalize;
	text-align: center;
	font-size: 2em;
z-index: 100;
	width: 100%;
}

.prestation_blocdl {
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);
	color: white;
	font-family: "Helvetica";
	text-transform: capitalize;
	text-align: center;
	font-size: 1em;
	margin:auto;
	top: 130px;
	position: relative;
	width: auto;
	z-index: 99;

}

.prestation_blocdl A {
	text-decoration: none;
	color: white;
}
.prestation_blocdl A:hover{
	text-decoration: none;
	color: #26BCEB;
  -webkit-transition: 1.5s ease-out;	
   -moz-transition: 1.5s ease-out;	
   -o-transition: 1.5s ease-out;	
   -ms-transition: 1.5s ease-out;	
   transition: 1.5s ease-out;		
}	

.prestation_outer {
	display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.prestation_middle {
	vertical-align: middle;
	display: table-cell;
}

.prestation_bottom {
	vertical-align: bottom;
	display: table-cell;
}
.prestation_inner {
    margin-left: auto;
    margin-right: auto; 
    width: 100%;
}

.prestation_bg_photo{
	background-position:center center;
	background-size:contain;
	background-repeat: no-repeat;
}

.mail_confirm {
	color:white;
	-webkit-filter: drop-shadow(5px 5px 5px #222);filter:drop-shadow(5px 5px 5px #222);
}


.roundborder {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #E1E1E1;
	padding: 2px;
}

.loginimg{
	height: 4em;
	width:100%;
}

.galleryimg{
	height: 2em;
	width:100%;
}






.row {
	width:100%;
	position: relative;
	margin: auto;
	
}
.row > div {
	float : left;

}

.w-1 { width : 7.3%; }
.w-2 { width : 15.6%; }
.w-3 { width : 25%; }
.w-4 { width : 33.3%; }
.w-5 { width : 40.6%; }
.w-6 { width : 49%; }
.w-7 { width : 57.3%; }
.w-8 { width : 65.6%; }
.w-9 { width : 74%; }
.w-10 { width : 82.3%; }
.w-11 { width : 90.6%; }
.w-12 { width : 99%; margin:auto}
.w-13 { width : 100%; margin:auto}
.clear { clear : both ; }

input[type=email]{
	margin-bottom: 20px;
	margin-top: 10px;
	width:50%;
	padding: 15px;
	border-radius:5px;
	border:1px solid #7ac9b7;
	font-size:1em;
}


input[type=tel]{
	margin-bottom: 20px;
	margin-top: 10px;
	width:50%;
	padding: 15px;
	border-radius:5px;
	border:1px solid #7ac9b7;
	font-size:1em;
}

input[type=text]{
	margin-bottom: 20px;
	margin-top: 10px;
	width:50%;
	padding: 15px;
	border-radius:5px;
	border:1px solid #7ac9b7;
	font-size:1em;
}


input[type=password]{
	margin-bottom: 20px;
	margin-top: 10px;
	width:50%;
	padding: 15px;
	border-radius:5px;
	border:1px solid #7ac9b7;
	font-size:1em;
}

input[type=submit]
{
	width:52.5%;
	padding: 15px;
	border:1px solid #7ac9b7;
	background-color: #434b6c;
	color: rgba(219, 219, 219, 0.93);
	font-size:1.3em;
	cursor:pointer;
	border-radius:5px;
}	
 select{
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 5px;
	border-radius:5px;
	border:1px solid #7ac9b7;
	height:25px;
	  line-height:25px;
}

.body {

/*max-width: 1300px;*/
width:88%;
margin: auto;
}	

.prestation_photo{
	height: 200px;
}

   .card_aff {width: 50%;height: 100%;margin: auto;background-color: rgba(219, 219, 219, 0.1);}
/*CSS INPUT FILE CUSTOM BY creativejuiz*/
 .js .input-file-container {  
      position: relative;  
      width:52.7%; 
 }  
.js .input-file-trigger {  
  display: block;  
  padding: 15px;  
  background: #26BCEB;  
  color: #fff;  
  font-size: 1em;  
  transition: all .4s;  
  cursor: pointer;  
  border-radius:5px;
}  
.js .input-file {  
  position: absolute;  
  top: 0; left: 0;  
  width:50%; 
  padding: 14px 0;  
  opacity: 0;  
  cursor: pointer;  
}  

/* quelques styles d'interactions */  
.js .input-file:hover + .input-file-trigger,  
.js .input-file:focus + .input-file-trigger,  
.js .input-file-trigger:hover,  
.js .input-file-trigger:focus {  
  background: #34495E;  
  color: #26BCEB;  
}  
   
/* styles du retour visuel */  
.file-return {  
  margin: 0;  
}  
.file-return:not(:empty) {  
  margin: 1em 0;  
}  
.js .file-return {  
  font-style: italic;  
  font-size: .9em;  
  font-weight: bold;  
}  
/* on complète l'information d'un contenu textuel  uniquement lorsque le paragraphe n'est pas vide */  
.js .file-return:not(:empty):before {  
  content: "Fichier : ";  
  font-style: normal;  
  font-weight: normal;  
}  

@media only screen and (min-width:120px) and (max-width:1024px) and (orientation: landscape) {	
	.prestation_photo{
		height: 300px;
		
	}	


	.w-3 { width : 49%; }
	.card_aff {width: 50%;margin: auto}
}

@media only screen and (min-width:120px) and (max-width:1024px) and (orientation: portrait) {
	.w-3 { width : 100%; }	
	.card_aff {width: 100%;margin: auto}
	
}

@media only screen and (min-width:120px) and (max-width:1024px){
	H1 {font-size: 1.5em;padding-left: 0.3em;margin: 0;}
	input[type=email]{
		margin-bottom: 20px;
		margin-top: 10px;
		width:80%;
		padding: 15px;
		border-radius:5px;
		border:1px solid #7ac9b7;
		font-size:1em;
	}
	
	input[type=password]{
		margin-bottom: 20px;
		margin-top: 10px;
		width:80%;
		padding: 15px;
		border-radius:5px;
		border:1px solid #7ac9b7;
		font-size:1em;
	}
	
	input[type=text]{
		margin-bottom: 20px;
		margin-top: 10px;
		width:80%;
		padding: 15px;
		border-radius:5px;
		border:1px solid #7ac9b7;
		font-size:1em;
	}	
	input[type=tel]{
		margin-bottom: 20px;
		margin-top: 10px;
		width:80%;
		padding: 15px;
		border-radius:5px;
		border:1px solid #7ac9b7;
		font-size:1em;
	}	
	select{
		margin-bottom: 5px;
		margin-top: 5px;
		padding: 5px;
		border-radius:5px;
		border:1px solid #7ac9b7;
		height:25px;
		  line-height:25px;
		  width:80%;
	}	
	input[type=submit]
	{
		margin-bottom: 20px;
		width:90%;
		padding: 15px;
		border:1px solid #7ac9b7;
		background-color: #434b6c;
		color: rgba(219, 219, 219, 0.93);
		font-size:1.3em;
		cursor:pointer;
	}
	
}