/* Class pour les box contenant des infos */
.classDemiBoxShadow{
	position:relative;
	display:table-cell;
	height:auto;
	width:390px;
	min-width:390px;
 	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-ms-box-shadow: 0px 0px 10px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 10px rgba(255,255,255,1);
	-o-box-shadow: 0px 0px 10px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 0px 10px rgba(255,255,255,1);
	box-shadow: 0px 0px 10px rgba(255,255,255,1);
	background-color:rgba(0,0,0,0.8);
}

#divEmptyColumn
{
	position:relative;
	display:table-cell;
	height:auto;
	width:20px;
	min-width:20px;
}

/* Décoration et titre top pour box shadow */
.classDecoTop2
{
	position:relative;
	z-index:0;
	text-align: center;
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-9px;
}

.classTitleTop2
{
	position:relative;
	z-index:0;
	width:auto;
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-45px;
	
	color:black;
    text-shadow: rgb(0, 0, 255) 2px 2px 2px;
	text-align: center;
    font-weight: bold;
    font-size: 1.4em;
}

.classTitleTop3
{
	position:relative;
	z-index:0;
	width:auto;
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-45px;
	
	color:black;
    text-shadow: rgb(255, 0, 0) 2px 2px 2px;
	text-align: center;
    font-weight: bold;
    font-size: 1.4em;
}

/* Contenu associé à 1 box shadow avec titre en haut*/
#AdresseContent
{
	position:relative;
	margin-top:60px;
	margin-bottom:2px;
	font-weight:bold;
}

/* image avec encadrement shadow*/
.classImg {
	position:relative;
	top:0px;
	left:0px;
	margin-left:auto;
	margin-right:auto;
}

.classImgTop {
	position:absolute;
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;

	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 0px 0px 5px rgba(255,255,255,1);
	-o-box-shadow: 0px 0px 5px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 0px 5px rgba(255,255,255,1);
	box-shadow: 0px 0px 5px rgba(255,255,255,1);
}

.classInput
{
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

/********************/
#Column1Message
{
	display:table-cell;
	position:relative;
	width:50%;
	text-align:right;
	padding:20px;
	padding-right:0px;
}


#Column2Message
{
	display:table-cell;
	position:relative;
	width:50%;
    padding:20px;
	vertical-align:top;
}


#MessageContent
{
	padding:20px;
	position:relative;
	text-align:left;
	color:white;
}

#email
{
	width:100%;
	background-color:rgb(200,200,200);
}
#name
{
	width:100%;
	background-color:rgb(200,200,200);
}
#objet
{
	width:100%;
	background-color:rgb(200,200,200);
}

#message
{
	width:100%;
	height:200px;
	min-width:100%;
	max-width:100%;
	max-width:300px;
	max-height:300px;
	background-color:rgb(200,200,200);
}

#mapGoogle
{
	padding:20px;
}

#iframe {
    border-width: 0px;
	padding:5px;
  
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 0px 0px 5px rgba(255,255,255,1);
	-o-box-shadow: 0px 0px 5px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 0px 5px rgba(255,255,255,1);
	box-shadow: 0px 0px 5px rgba(255,255,255,1);
}


.classInfos {
    text-align: left;
}

.classWarning{
    color:red;
    font-weight:bold;
    opacity:0;
}

.classBtn
 {
    position:relative;
	font-weight: bold;
    text-align: center;
    font-size: 1.1em;
    height: 43px;
    width: 122px;
    color: rgb(255, 255, 255);
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-width: 1px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	opacity:1;
}

.classBtn:hover
{
    cursor: pointer;
}

#SendBtn{
	background-color: rgb(0, 50, 0);
}
#clearBtn {
     background-color: rgb(50, 0, 0);
}

#MessageOK{
	position:absolute;
    color: green;
	font-weight:bold;
    opacity:0;
}

#MessageKO{
	position:absolute;
    color: red;
	font-weight:bold;
    opacity:0;
}