/* Content */
	#content { margin-top: 50px; color: #555; /*font-family: century gothic;*/ }
	#content h1 { color: #CB2622; }
	#content h2 { color: #CB2622; }
	#content h3 { color: #CB2622; }
	#content h4 { color: #CB2622; }
	#content p { text-align: justify; }
	#content strong { color: #CB2622; }
	#content .theme_button { background: #DB2925; color: #fff; }
	#content .theme_button:hover { color: #fff; }
	
	#content .sous-menu a { display: block; background: #CB2622; color: #E7F9E2; padding: 10px 0;  }
	#content .sous-menu a:hover { background: #B62220; color: #fff; text-decoration: none; }
	
	
	/* Formulaire de contact */
	.form-contact .form-info { padding: 25px 50px; }
	.form-contact .form-retour { padding: 100px 10%; }
	.form-contact label { display: block; color: #B62220; cursor: pointer; padding: 10px 0; }
	.form-contact input[type="text"] { display: block; box-sizing: border-box; width: 100%; padding: 10px; border: 1px #999 solid; border-radius: 3px; }
	.form-contact textarea { padding: 10px; box-sizing: border-box; width: 100%; height: 200px; padding: 10px; resize: none; border: 1px #999 solid; border-radius: 3px;  }
	.form-contact input[type="text"]:hover, .formulaire-contact textarea:hover { background: #FBF7F7; }
	.form-contact input[type="text"]:disabled, .form-contact input[type="text"]:disabled:hover { background: #f5f5f5; border-color: #f5f5f5; }
	.form-contact input[type="text"]:focus, .formulaire-contact textarea:focus { border-color: #333; }
	.form-contact input[type="submit"] { float: right; border: 1px #e9e9e9 solid; background: #f4f4f4; color: #999; border-radius: 3px; padding: 5px 10px; }
	.form-contact input[type="submit"]:hover { border-color: #CB2622; background: #CB2622; color: #fff; }
	.form-contact fieldset { background: #fdfdfd; border: 1px #eee solid; margin: 0; }
	.form-contact legend { color: #DB2925; font-weight: bold; font-size: 16px; }
	.form-contact .form_error { border-color: #A00 !important; }
	
	
	/* Dropdown */
	.form-dropdown-head { background: #fff; border-color: #999; }
	.form-dropdown-head:hover { border-color: #333; cursor: pointer; }
	.form-dropdown-list { border-radius: 3px; border: 1px #999 solid; background: #fff; z-index: 99999; }
	.form-dropdown-list > ul { margin: 10px; max-height: 400px; }
	.form-dropdown-list ul {list-style: none; margin: 0; padding: 2px; }
	.form-dropdown-option { padding: 5px; border-radius: 3px; color: #666; }
	.form-dropdown-option-actif, .form-dropdown-option-actif:hover { background: #CA2622 !important; color: #fff !important; cursor: default !important; }
	.form-dropdown-option:hover { background: #eee; color: #000; cursor: pointer; }
	.form-dropdown-group {  }
	.form-dropdown-group span { font-weight: bold; color: #E27906; }
	.form-dropdown-group ul li { padding-left: 10px; }
	.auto_complete_result { position: absolute; margin-top: -3px; background: #fff; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border: 1px #CB2622 solid; border-top-color: #e9e9e9; }
	.auto_complete_result ul { margin: 2px; padding: 0; list-style: none; }
	.auto_complete_result li { display: block; padding: 5px 10px; }
	.auto_complete_result li:hover { background: #CB2622; color: #fff; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	
	
	/* Map GIE */
	#map_gie { height: 593px; font-family: Century gothic; }
	#map_gie .map { position: absolute; left: 50%; margin-top: 5px; margin-left: -568.5px; }
	#map_gie .esm-marker { width: 40px; height: 50px; background: transparent url('images/marker.png') no-repeat top left; position: absolute; left: 50%; }
	#map_gie .esm-marker:hover { background: transparent url('images/marker_over.png') no-repeat top left; }
	#map_gie .esm-marker a { display: block; width: 40px; height: 50px; }
	#map_gie .esm-ville { position: absolute; left: 50%; text-align: center; padding: 0 12px 1px 12px; background: #ebeae4; border: 1px #63440d solid; border-radius: 20px; font-size: 16px; text-shadow: 1px 1px 0 #fff; box-shadow: 2px 2px 3px #d8c49f inset; }
	#map_gie .esm-marker-small { width: 30px; height: 24px; background: transparent url('images/marker_small.png') no-repeat top left; }
	#map_gie .esm-marker-sa { background: transparent url('images/marker_small_sa.png') no-repeat top left; }
	#map_gie .esm-marker-small:hover { background: transparent url('images/marker_small_over.png') no-repeat top left; }
	
	#map_gie .esm-cadre-ombre { position: absolute; width: 482px; height: 255px; background: transparent url('images/cadre-ombre.png') no-repeat top left; margin-top: 324px; left: 50%; margin-left: -581px; }
	#map_gie .esm-cadre { position: absolute; width: 314px; height: 157px; background: transparent url('images/cadre.png') no-repeat top left; margin-top: 420px; left: 50%; margin-left: -540px; }
	#map_gie .esm-cadre-content { padding: 15px; }
	#map_gie .esm-cadre-content span { float: right; font-size: 14px; color: #3C7497; }
	#map_gie .esm-cadre-content p { clear: both; padding: 25px 0 0 0; margin: 0; text-align: center; color: #333; font-size: 11px; line-height: 15px; }
	#map_gie .esm-cadre-content img { border: none; position: absolute; }
	#map_gie .esm-cadre-content a { display: block; text-align: center; padding: 0; font-size: 14px; color: #3B7396; margin-top: -5px; }
	#map_gie .esm-cadre-t2 { clear: right; letter-spacing: 4px; }
	
	.esm-cadre-hpthsr img { margin: 0; margin-top: 20px; }
	.esm-cadre-hpthsj img { margin: 0; margin-top: 20px; }
	.esm-cadre-hpthsm img { margin: 0; margin-top: 20px; }
	.esm-cadre-hpthsm .esm-cadre-t2 { letter-spacing: 3px !important; }
	.esm-cadre-cdg img { width: 90px; height: 68px; margin-top: -5px; }
	.esm-cadre-cdg .esm-cadre-t2 { letter-spacing: 2px !important; }
	.esm-cadre-cdg a { padding: 3px 0 !important; }
	.esm-cadre .tel-addon { position: absolute; top: 132px; margin-left: -15px; width: 346px; height: 150px; background: transparent url('images/pano_tel_sa.png') no-repeat top left; z-index: 100; font-size: 12px; }
	.esm-cadre .tel-addon div:nth-child(1) { text-align: center; margin-top: 50px; }
	.esm-cadre .tel-addon div:nth-child(2) { text-align: center; margin-top: 20px; }
	
	.btn-valid { background: #DB2925; color: #fff !important; border-color: #DB2925; text-shadow: none !important; }
	.btn-valid:hover { background: #CB2622; }
	
	/* Plugin Adiva */
	.plugin_adiva_form_timeline ul { list-style: none; display: table; width: 100%; padding: 0; }
	.plugin_adiva_form_timeline li { display: table-cell; text-align: center; width: 20%; }
	.plugin_adiva_form_timeline li .num { display: inline-block; background: #fff; font-weight:bold; color: #aaa; border: 2px #aaa solid; padding: 5px 12px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
	.plugin_adiva_form_timeline li.actif .num { border-color: #DB2925; color: #DB2925; }
	.plugin_adiva_form_timeline li.pass .num { background: #DB2925; color: #fff; border-color: #DB2925; }
	.plugin_adiva_form_timeline li .libelle { display: block; padding-top: 10px; }
	.plugin_adiva_form_timeline li.actif .libelle { color: #DB2925; }
	.form_etape_5_recap { background: #fbfbfb; padding: 10px 20px; box-shadow: 2px 2px 0 #dedede; }
	.form_etape_5_recap:before { content: ''; position: absolute; margin-left: -20px; margin-top: -10px; border-left: 5px #DB2925 solid; border-top: 5px #DB2925 solid; border-right: 5px transparent solid; border-bottom: 5px transparent solid; }
	.plugin_adiva_required { position: relative; font-size: 6px; top: -5px; left: 2px; color: #CA2622; }

	/** =============================================================================
	  * Large
	  * ============================================================================= */
	  
	@media (min-width: 1050px) {

	}

	

	/** =============================================================================
	  * Tablette
	  * ============================================================================= */
	  
	@media (min-width: 480px) and (max-width: 1050px) { 
		
		/* Site */
		body { background: none; }
		#site { background: #fefefe; }
		#content { background: #fff; box-shadow: none; }

	}
	
	

	/** =============================================================================
	  * Mobile
	  * ============================================================================= */	

	@media (max-width: 480px) {
		
		/* Site */
		body { background: none; }
		#site { background: #fefefe; }
		#content { background: #fff; box-shadow: none; }

		
		/* Map GIE */
		#map_gie { height: 593px; font-family: Century gothic; }
		#map_gie .map { position: static; left: 0; margin-top: 0; margin-left: 0; }
		#map_gie .map img { width: 100%; height: auto; }
		#map_gie .esm-marker { display: none; }
		#map_gie .esm-marker:hover { background: transparent url('images/marker_over.png') no-repeat top left; }
		#map_gie .esm-marker a { display: block; width: 40px; height: 50px; }
		#map_gie .esm-ville { display: none; }
		#map_gie .esm-marker-small { width: 30px; height: 24px; background: transparent url('images/marker_small.png') no-repeat top left; }
		#map_gie .esm-marker-sa { background: transparent url('images/marker_small_sa.png') no-repeat top left; }
		#map_gie .esm-marker-small:hover { background: transparent url('images/marker_small_over.png') no-repeat top left; }
		
		#map_gie .esm-cadre-ombre { position: absolute; width: 482px; height: 255px; background: transparent url('images/cadre-ombre.png') no-repeat top left; margin-top: 324px; left: 50%; margin-left: -581px; }
		#map_gie .esm-cadre { position: static; width: 314px; height: 157px; background: transparent url('images/cadre.png') no-repeat top left; margin-top: 420px; left: 50%; margin-left: -540px; }
		#map_gie .esm-cadre-content { padding: 15px; }
		#map_gie .esm-cadre-content span { float: right; font-size: 14px; color: #3C7497; }
		#map_gie .esm-cadre-content p { clear: both; padding: 25px 0 0 0; margin: 0; text-align: center; color: #333; font-size: 11px; line-height: 15px; }
		#map_gie .esm-cadre-content img { border: none; position: absolute; }
		#map_gie .esm-cadre-content a { display: block; text-align: center; padding: 0; font-size: 14px; color: #3B7396; margin-top: -5px; }
		#map_gie .esm-cadre-t2 { clear: right; letter-spacing: 4px; }
		
		.esm-cadre-hpthsr img { margin: 0; margin-top: 20px; }
		.esm-cadre-hpthsj img { margin: 0; margin-top: 20px; }
		.esm-cadre-hpthsm img { margin: 0; margin-top: 20px; }
		.esm-cadre-hpthsm .esm-cadre-t2 { letter-spacing: 3px !important; }
		.esm-cadre-cdg img { width: 90px; height: 68px; margin-top: -5px; }
		.esm-cadre-cdg .esm-cadre-t2 { letter-spacing: 2px !important; }
		.esm-cadre-cdg a { padding: 3px 0 !important; }
		.esm-cadre .tel-addon { position: absolute; top: 132px; margin-left: -15px; width: 346px; height: 150px; background: transparent url('images/pano_tel_sa.png') no-repeat top left; z-index: 100; font-size: 12px; }
		.esm-cadre .tel-addon div:nth-child(1) { text-align: center; margin-top: 50px; }
		.esm-cadre .tel-addon div:nth-child(2) { text-align: center; margin-top: 20px; }

	}