@charset "utf-8";
/* CSS Document             keldocMarmule77$  */

/**********************************************************/
/*                      GLOBAL                            */
/**********************************************************/
html, body {
	/*font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;*/
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
	font-size: 1em;
	background-color: #fff; /*#3773b9;/* #00183A;/*#4E5869;*/
    border: 0px solid transparent;
	margin: 0;
	padding: 0;
	/*color: #000;*/
}
img, object, embed, canvas, video, audio, picture {
   max-width: 100%;
   height: auto;
}

/*
a img 
{ 	border: 0;
}
a, img, a:hover, a:focus, img:focus{
    outline: 0;
    border:0;
}
*/
/*

.press{
    outline-width: 0;
}

.press:focus{
    outline: none;
}
*/
.main {
	/*display: block;*/
	width: 100%;
	/*max-width: 960px; /* une valeur « max-width » peut s'avérer utile pour éviter que cette mise en page ne soit trop large sur un moniteur de grande taille. La lisibilité de la longueur de ligne est ainsi améliorée. IE6 ne tient pas compte de cette déclaration. */
	min-width: 360px;/* une valeur « min-width » peut s'avérer utile pour éviter que cette mise en page ne soit trop étroite. La longueur de ligne est ainsi plus lisible dans les colonnes latérales. IE6 ne tient pas compte de cette déclaration. */
	background-color: #FFF;
	margin: 0 auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page. Elle n'est pas nécessaire si vous fixez la largeur du conteneur à 100%. */
}

/**********************************************************/
/*                      PRELOAD                            */
/**********************************************************/
div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

/**********************************************************/
/*                      SEPARATION                        */
/**********************************************************/
.separation-fond-blanc {
	margin-left: auto;
	margin-right: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0);
	/*max-width: 960px;*/
	min-width: 360px;
	min-height: 1em;
    display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.separation-fond-bleu {
    background-color: #00183A;
	max-width: 960px;
	min-width: 360px;
	min-height: 1em;
    display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.separation-fond-html {
    background-color: #3773b9; 
	max-width: 960px;
	min-width: 360px;
	min-height: 1em;
}
.separation-ligne {
    background-color: #3773b9;
	max-width: 860px;
	min-width: 280px;
	min-height: 0.1em;
    display: block;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.separation-ligne-bas {
    background-color: #3773b9;
	max-width: 760px;
	min-width: 180px;
	min-height: 0.1em;
    display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 40px;
	padding-right: 40px;
}

/**********************************************************/
/*                     PRESENTATION                       */
/**********************************************************/
.conteneur-presentation-icone {
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0);
    display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
	/*border: 2px solid #0A0; /*#A00;*/
    margin-left: auto;
    margin-right: auto;
	max-width:600px;
	height:auto;
}
.presentation-element {
    display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;
	background-color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 4px;
	width: auto;
	padding: 5px;
	margin: 5px;
	box-sizing: border-box; /* Make sure that padding and width stays in place */
	border: 2px solid #fff; 
}
/*
.presentation-element:hover {
    display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;
	background-color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 4px;
	width: auto;
	padding: 5px;
	margin: 5px;
	box-sizing: border-box;
	border: 2px solid #ec6622; 
}
*/


/**********************************************************/
/*                      NEW                          */
/**********************************************************/
.conteneur-section {
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	max-width: 960px;
	min-width: 360px;
	min-height: auto;
	/*border: 2px solid #A00; /*#A00;*/
}
.conteneur-section-2 {
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	max-width: 900px;
	min-width: 360px;
	min-height: auto;
	/*border: 2px solid #A00; /*#A00;*/
}
.conteneur-section-detail {
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
	max-width: 960px;
	min-width: 360px;
	min-height: auto;
}

p.texte-section {
	background: rgb(0,0,0);
	background: rgba(0,0,0,0);
	max-width: 700px;
	min-width: 320px;
	text-align: center;
	padding: 0px 20px 0px 20px;
	/*border: 2px solid #00A; /*#000;*/
}
p.texte-section2 {
	background: rgb(0,0,0);
	background: rgba(0,0,0,0);
	max-width: 820px;
	min-width: 280px;
	text-align: justify;
	margin: 0px;
	padding: 10px 40px 15px 40px;
	/*border: 2px solid #00A; /*#000;*/
}

ul.liste-section {
	list-style: none;
	/*max-width: 700px;*/
	/*
	margin: 0px 0px 0px 0px;
	padding: 0px auto 0px 0px;
	*/
	margin: auto; /*centrer la colonne*/
	padding: 0px 20px 10px 50px;/*margin interne HDBG*/	/*border: 2px solid #0A0; /*#0A0;*/
}
ul.liste-section2 {
	list-style: none;
	max-width: 700px;
	margin-top: 0px;
	/*border: 2px solid #0A0; /*#0A0;*/
}
ul.liste-service {
	list-style: none;
	max-width: 700px;
	margin-top: 0px;
	color: #000;
	/*
	color: #3773b9;
	font-weight: bold;
	font-size: 1.1em;
	*/ 
	/*border: 2px solid #0A0; /*#0A0;*/
}
.h-section-bleu {
	/*text-align: center;*/	
	color: #3773b9;
	margin: auto; /*centrer la colonne*/
	padding: 20px 10px 10px 30px;/*margin interne HDBG*/	/*border: 2px solid #0A0; /*#0A0;*/
}

.h-center-bleu {
	text-align: center;	
	color: #3773b9;
	margin-bottom: 0px;
}
.h-center-orange {
	text-align: center;	
	color: #ec6622;
	margin-bottom: 0px;
}

.menu-prestation {
    background-color: #fff; /*#fff;*/
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	/*border: 2px solid #ddd; /*#A00;*/
	max-width: 960px;
	min-width: 360px;
	min-height: 2em;
}

#menu-conteneur-scroll {
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
    background-color: #00183A;/*#eee ; /*#ddd;*/
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	/*max-width: auto; /*960px;*/
	min-width: 360px;
	min-height: 2em;
	padding-top: 0.2em; /**/
	padding-bottom: 0.2em; /**/
	z-index: 5;
}
.menu-conteneur-sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
 .main-content {
	max-width: 960px;
	padding-top: 0px;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
/*
.sticky + .main-content {
  padding-top: 20px;
}
*/

.menu-conteneur-ligne-bas {
    background-color: #6693c9;
	width:960px;
	min-height: 0.1em;
    display: block;
	padding-bottom: 0; /**/
	margin-bottom: 0; /**/
}

.menu-conteneur {
    background-color: #fff; /*#fff;*/
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	max-width: 960px;
	min-width: 360px;
	min-height: 2em;
	padding-top: 0.2em; /**/
	padding-bottom: 0.2em; /**/
}
.menu-element {
    /*background-color: #ddd; /**/
	/*
	width: 90px;
	height: 1.4em;
	*/
	margin: 0;
	padding: 0;
	/*border: 2px solid #ddd;*/
}
p.menu-para3 {
	width: 100%;
	height: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #fff;/*#3773b9; /*#fff; */
    font-size: 0.8em; 
	font-weight: bold;
}
p.menu-para3:hover {
	width: 100%;
	height: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #ec6622;/*#fff; /*#3773b9;/*#ec6622;*/
	font-size: 0.8em; 
	font-weight: bold;
 }

p.menu-para-pro {
	width: 100%;
	height: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #12c960;
    font-size: 0.8em; 
	font-weight: bold;
}
p.menu-para-pro:hover {
	width: 100%;
	height: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #17ff7a;
	font-size: 0.8em; 
	font-weight: bold;
 }


div#div-menu-image-logo {
	width:188px;
	height:20px;
	display: block;
	background:url("image/EAMS-logo-19-188x20-transp.png");
	background-repeat:no-repeat;
}	
div#div-menu-image-home {
	display: none;
	width:22px;
	height:20px;
	display: block;
	background:url("image/EAMS-icone-home-22x20-transp-blanc-fff.png"); // EAMS-icone-home-22x20-transp-blanc-fff  // EAMS-icone-home-22x20-transp-bleu-3773B9
	background-repeat:no-repeat;
}	
div#div-menu-image-home:hover {
	width:22px;
	height:20px;
	display: block;
	background:url("image/EAMS-icone-home-22x20-transp-orange-EC6622.png");
	background-repeat:no-repeat;
}

.footer-text {
	background: rgb(0,0,0);
	background: rgba(0,0,0,0);
	color: #ec6622;
	text-align: justify;
	text-justify: inter-word; 
	font-size: 1.0em; 
	font-weight: bold;
	max-width: 700px;
	/*border: 2px solid #00A; /*#000;*/
}

/**********************************************************/
/*                      RESEAU                            */
/**********************************************************/
.icone-contact-conteneur {
    background-color: #00183A;
    background-color: rgba(0,0,0,0);
    display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
	/*border: 2px solid #0A0; /*#A00;*/
	width: 250px;
}
.icone-contact-element {
	width: 34px;
	height: 34px;
	margin: 5px 15px 5px 15px;
	padding: 0;
}	

/**********************************************************/
/*                      LISTE                            */
/**********************************************************/
ul li::before {
	content: "\2022";
	color: #ec6622;
	font-weight: bold;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
	margin-top: 0.4em;
}

ul li.li-tarif::before {
	content: "\2022";
	color: #fff;
	font-weight: bold;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
	margin-top: 0.4em;
}
ul li.li-tarif {
	color: #fff;
}


/**********************************************************/
/*                      HEADER                            */
/**********************************************************/

.header-conteneur {
	margin-left : auto;
	margin-right: auto;
	background-color: #00183A;
    display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
	/*max-width: auto; /*960px;*/
	min-width: 360px;
	min-height: 260px;
}
img.header-logo {
	background-color: #ddd;
	width: 100%;
	height: auto;
	max-width: 500px;
	max-height: 360px;

	min-width: auto;
	min-height: auto;
	padding: 0px;
	/*border: 2px solid #000; /*#000;*/
}
.header-text-container {
	background-color : rgb(255,255, 255);
	background-color : rgba(255,255, 255, 0.8);
	border-radius: 4px;
	width: 100%;
	height: 100%;
	max-width: 600px;
	max-height: auto;
}
p.title-text-style{
	text-align: center;
	margin: 10px 10px;
	color: #3773b9;
    font-size: 1.5em;
	/*
	text-shadow: white 0em 0em 0.5em, white 0em 0em 0.5em, white 0em 0em 0.05em, white 0em 0em 0.05em;
	*/
}
p.title-text-style-bleu{
	text-align: center;
	margin: 10px 10px;
	color: #3773b9;
    font-size: 1.5em;
	font-weight: bold;	
}
p.title-text-style-orange{
	text-align: center;
	margin: 10px 10px;
	color: #ec6622;
    font-size: 1.5em;
	font-weight: bold;	
	/*
	text-shadow: white 0em 0em 0.5em, white 0em 0em 0.5em, white 0em 0em 0.05em, white 0em 0em 0.05em;
	*/
}
p.header-text-style{
	text-align: center;
	margin: 10px 10px;
	color: #3773b9;
    font-size: 1.5em;
	/*
	text-shadow: white 0em 0em 0.5em, white 0em 0em 0.5em, white 0em 0em 0.05em, white 0em 0em 0.05em;
	*/
}
p.header-text-style-orange{
	text-align: center;
	margin: 10px 10px;
	color: #ec6622;
    font-size: 1.6em;
	/*
	text-shadow: white 0em 0em 0.5em, white 0em 0em 0.5em, white 0em 0em 0.05em, white 0em 0em 0.05em;
	*/
}


/**********************************************************/
/*                      ESPACE                            */
/**********************************************************/

.espace-conteneur {
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	/*border: 2px solid #A00; /*#A00;*/
	max-width: 960px;
	min-width: 360px;
	min-height: 2em;
}

/**********************************************************/
/*                      SERVICE                           */
/**********************************************************/
	/*align-items: center;*/

.service-conteneur {
	margin-left: auto;
	margin-right: auto;
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	max-width: 960px;
	min-width: 360px;
}
.service-element {
	position: relative;
	width: 210px;
	min-height: 463px;
	padding:6px;
	margin: 6px;
	border: 2px solid #fff; 
    border-radius: 4px;
	background-color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index: auto;
}

/*700px*/
@media screen and (max-width: 927px) { 
	.service-element {
		position: relative;
		width: 250px;
		min-height: 400px;
		padding:6px;
		margin: 6px;
		border: 2px solid #fff; 
		border-radius: 4px;
		background-color: white;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
}
/*572px  850px*/
/*
@media screen and (max-width: 572px) { 
	.service-element {
		position: relative;
		width: 300px;
		min-height: 380px;
		padding:6px;
		margin: 6px;
		border: 2px solid #fff; 
		border-radius: 4px;
		background-color: white;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
}
*/

img.service-image {
	display: block;
	background-color: #ccc;
	width: 70px;
	height: 70px;
	margin-left: auto;
    margin-right: auto;
}

p.service-para {
	background: rgb(0,0,0);
	background: rgba(0,0,0,0);
    padding: 4px;
	text-align: center;
	margin: 10px auto;
	color: #ec6622;
	font-size: 1.4em; 
	font-weight: bold;
	/*border: 2px solid #00A; /*#000;*/
}
p.service-para-tarif-old {
	background: rgb(0,0,0);
	background: rgba(0,0,0,0);
    padding: 4px;
	text-align: center;
	margin: 10px auto;
	color: #ec6622;
	font-size: 1em; 
	font-weight: bold;
	/*border: 2px solid #00A; /*#000;*/
}

p.service-para-tarif {
	position: absolute;
	bottom: 0px;
	left: -1px;
	
	width: 100%; 
	text-align: center; 
	box-sizing: border-box;
	/*
	left: 10%;
	transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	*/
	/*
	*/
	background: rgb(0,0,0);
	background: rgba(0,0,0,0);
	/*
    padding: 4px;
	text-align: center;
	margin: 10px auto;
	*/
	color: #ec6622;
	font-size: 1em; 
	font-weight: bold;	
	
}

/**********************************************************/
/*                      FOOTER                            */
/**********************************************************/

.footer-conteneur {
    background-color: #ccc; /*#31455d;*/
	background-image: url('image/EAMS-fond-04.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	/*
	max-width: 960px;
	min-height: 80px;
	min-width: 360px;
	*/
	width: 100%;
	height: 200px;
	max-width: 960px;
	max-height: 200px;

}
img.footer-logo {
	width: 30%;
	min-width: 300px;
	height: auto;
	padding: 20px;
}
.footer-conteneur2 {
    margin-left: auto;
    margin-right: auto;
	background-color: #00183A;
	background-image : url("image/EAMS-fond-06.jpg");
 	background-size: cover; /*contain;*/
	background-repeat: no-repeat;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	/*max-width: 960px;*/
	min-width: 360px;
	/*min-height: auto;*/
}
img.footer-logo2 {
	background-color: #ddd;
	width: 100%;
	height: auto;
	max-width: 960px;
	max-height: 278px;

	min-width: auto;
	min-height: auto;
	padding: 0px;
	/*border: 2px solid #000; /*#000;*/
}
.footer-contact-conteneur {
    background-color: #00183A;
    background-color: rgba(0,0,0,0);
    display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
	/*border: 2px solid #0A0; /*#A00;*/
	width: 300px;
	padding : 0px;
}
.footer-copyright-conteneur {
    background-color: #00183A;
    background-color: rgba(0,0,0,0);
    display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
	/*border: 2px solid #0A0; /*#A00;*/
	width: 300px;
}
/*
.footer-absolute {
	//position : absolute;
	bottom: 0;
}
*/

/**********************************************************/
/*                      TARIF                            */
/**********************************************************/

.tarif-conteneur {	
    display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-around;	
	align-content: space-between;
	max-width: 960px;
    min-width: 360px;
}
.tarif-cont {
	width: 268px;
	min-height:100px;
	padding: 4px;
	padding-bottom: 10px;
}
.tarif-element {
	width: 260px;
	min-height:100px;
	/*
	margin: 4px;
	padding: 4px;
	*/
	/*
	border: 2px solid #ddd;
	*/
	border-radius: 4px;
	background-color: #3773b9;
	box-sizing: border-box; /* Make sure that padding and width stays in place */
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.h-center-blanc {
	text-align: center;	
	color: #fff;
	margin: 0;
}
.h-center-marge {
	margin: 0px 0px 10px 0px;
}

/*
th, td {
  border: 1px solid #ddd;
}
*/
table, th, td {
  border: 1px solid #bbb;
  border-collapse: collapse;
}

th, td {
  padding: 8px;
  color: #3773b9;
}
.table-center {
	width: 95%;
	text-align: center;	
	margin-left: auto;
	margin-right: auto;
}
/*
#table-header-tarif th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #3773b9;
  color: white;
}
*/
/**********************************************************/
/*                      CONTACT                            */
/**********************************************************/

.contact-conteneur {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: space-around;
	max-width: 360px;
	min-width: 360px;
	min-height: 8em;
	box-sizing: border-box;
}
.contact-element {
    display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	max-width: 300px;
	min-width: 276px;
	background-color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 4px;
	padding: 5px;
	margin: 5px;
	box-sizing: border-box; /* Make sure that padding and width stays in place */
	border: 2px solid #fff; /*#A00;*/
}
.contact-texte {
	margin: 0;/*1em auto 0.5em auto;*/
	margin-left: 0.5em;
	font-size: 0.6em;
	/*min-height: 3em;*/
	color:#000;
}
.contact-texte-big {
	margin: 0;/*1em auto 0.5em auto;*/
	margin-left: 0.5em;
	font-size: 0.9em;
	/*min-height: 3em;*/
	color:#000;
}
	
.contact-rappel-conteneur {
	margin-left: auto;
	margin-right: auto;
    display: block;
	max-width: 960px;
	min-width: 300px;
	min-height: 200px;
	border: 2px solid #ddd;
	border-radius: 4px;
	padding: 5px;	
	/*margin: 20px;*/
}

.h-center-bleu-margin {
	text-align: center;	
	color: #3773b9;
}
.h-center-orange-margin {
	text-align: center;	
	color: #ec6622;
}


/**********************************************************/
/*                      FORM                            */
/**********************************************************/

/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
	width: 100%; /* Full width */
	padding: 12px; /* Some padding */ 
	border: 1px solid #ccc; /* Gray border */
	border-radius: 4px; /* Rounded borders */
	box-sizing: border-box; /* Make sure that padding and width stays in place */
	margin-top: 6px; /* Add a top margin */
	margin-bottom: 16px; /* Bottom margin */
	resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type=submit], input[type=reset], button {
	background-color: #f2f2f2; 
	color: #3773b9;
	font-weight:bold;
	padding: 12px 20px; 
	border: none;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border: 2px solid #fff; 
}
input[type=submit]:hover, input[type=reset]:hover, button:hover {
	background-color: #f2f2f2; 
	color: #ec6622;
	font-weight:bold;
	padding: 12px 20px; 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	/*border: 2px solid #ec6622; */
}


.container-form {
	border-radius: 5px;
	background-color: #ddd; /*#f2f2f2;*/
	padding: 20px;
}


/**********************************************************/
/*                      OVERLAY                            */
/**********************************************************/

#overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.5);
	z-index: 10;
	cursor: pointer;
}

#text{
	width: 340px;
	height: 340px;
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	color: #333;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}