/****************************************************************************
	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; }
/* 
 */

    .google-maps {
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
    }
    .google-maps iframe {
        left:0;
top:0;
height:100%;
width:100%;
position:absolute;
    }
	
/**
 * 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  {padding-left: 20px;}
		
		#aContact address p { font-size: 1em; }
		
		#aContact .row .cadre {
			margin-bottom: 15px;
			padding: 10px;
			background-color: #F2EEEC;
			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 .cadre .InfosForm { text-align: right; }
		#aContact .form-actions { margin-left: 170px; }

}


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

}


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


}