/****************************************************************************
	Agestis - Content Management System - http://www.agestis.com
	by ARICIA http://www.aricia.fr
*****************************************************************************
			Version:	20131022.1141
			Coder: 		Damien
*****************************************************************************
		Contact.template.css
		Feuille de style du module contact
****************************************************************************/

#ContactForm {
	/* margin:0 auto 10px; */
}

#aContact .dl-horizontal dd { font-weight: bold; }
#aContact .dl-horizontal dt { font-weight: normal; }
/*
 */


/**
 * MEMO - BootStrap 3
 * Extra small devices (phones, less than 768px)
 * No media query since this is the default in Bootstrap
 *
 * @media(max-width:767px){}
 */

/* Small devices (tablets, 768px and up) */
@media(min-width:768px){

	.page-header {
		display: block;
		width: 100%;
		margin: 0;
		padding-bottom: 0;
		/* border-bottom: 1px solid gray; */
	}
		.page-header iframe { width: 100%; border: 1px solid gray;
		}

	#wrap > #Content_Container.container { margin-top: 0; padding-top: 0; }

	#aContact  {}

		#aContact address h1 { font-size: 3em; }
		#aContact address p { font-size: 1.6em; }

		#aContact .row .col-sm-7 {
			margin-top: -100px;
			margin-bottom: 15px;
			padding: 35px;
			background-color: #F0F0F0;
			background-position: top center;
			background-repeat: no-repeat;
			background-size: 100% auto;
			background-image: url(/skins/standard/images/bg_card.jpg);

			border: 10px solid white;
			   -moz-box-shadow: 0px 0px 2px 0px #656565;
			-webkit-box-shadow: 0px 0px 2px 0px #656565;
			     -o-box-shadow: 0px 0px 2px 0px #656565;
			        box-shadow: 0px 0px 2px 0px #656565;
			            filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=2);
		}
		#aContact .row .col-sm-7 .InfosForm { text-align: right; }
		#aContact .form-actions { margin-left: 170px; }
		#aContact .form-group { margin-bottom: 8px; }

}


/* Medium devices (desktops, 992px and up) */
@media(min-width:992px){

}


/* Large devices (large desktops, 1200px and up) */
@media(min-width:1200px){


}