/* -- -----------------------
 * 
 *  Structure  City Guide 
 *  
 * -------------------------- */
 
 body {
	/*overflow: hidden;*/
	background: #010c12 ;
	font-family:Arial, Helvetica, sans-serif;
}
 #content {
 margin-top: 10px;

 }
 
#content #background-content {
	position: relative;
	width: 100%;
	height: 549px;
	overflow:hidden;
	z-index: 1;
	background:url(../_img/city-guide/city_guide_home.jpg) no-repeat;
	
}

#content #background-content_bl {
	position: relative;
	width: 100%;
	height: 549px;
	overflow:hidden;
	z-index: 1;
}


#lieu_date {
	position: absolute; 
	top: 27px;
	left: 2px;
	z-index:5;
	font: normal 13px Arial, Helvetica, sans-serif;
	color:#FFFFFF;

}

#lieu_date b{
	font-weight: bold;
	color:#56aadf;
}

#background-content #col_left {
	width: 251px;
	padding-left: 87px;
	height: 100%;
	padding-top: 65px;
	float: left;
	
}

#background-content #col_left img {
	border: 3px solid #FFFFFF;
	margin-bottom: 10px;
	margin-left: -2px;

}

#background-content #col_left p{
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-top: 14px;
	line-height: 14px;
}

#background-content #col_left a{
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: none;
	
}


#background-content #col_right {
	width: 555px;
	float: left;
	height: 485;
	margin-top: 65px;
	border-top: 1px solid #303b42;
	margin-left: 37px;
	
}


#background-content #col_right .head {
	width: 100%;
	height: 20px;
	padding-top: 10px;
}

#col_right .head #lieu_date {
	position: relative;
	font: normal 19px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	float: left;
	margin-top:0;
	top:-2px;
	left:0;
 }

#col_right #lieu_date b{
	font-weight: bold;
	color:#56aadf;
}
#col_right .head a.consulter  {
	position: relative;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	float: right;
	margin-top:0;
	top:2px;
	left:0;
	background:url(../_img/city-guide/puce.gif) no-repeat right;
	padding-right: 18px;
}

.content_city {
	width: 555px;
	height: 455px;
	margin-top: 29px;

}

.content_city h1.cityG {
	text-transform:uppercase;
	font: normal 40px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	 
}
.content_city h1.cityG b {
	color: #56aadf;
}
.content_city .auteur {
	display:block;
	font: normal 17px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: -8px;
	margin-left: 2px;
	margin-bottom: 22px;
}

.content_city p.citation {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #aadeff;

}
.content_city p.citation2 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #aadeff;
	line-height: 14px;
	margin-top: 14px;

}

.content_city p.texte_bl {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-top: 12px;
}

.content_city div.texte_bl {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-top: 12px;
	height: 80px;
}



h1.cityG { 
	font-size:18px;  
	padding-top:0px; 
	padding-bottom:0px; 
	margin:0px;
	color:#FFFFFF;
	text-transform: uppercase;
}

h1.cityG strong { 
	 
	padding-top:0px; 
	padding-bottom:0px; 
	margin:0px;
	color:#56AADF;
	text-transform: uppercase;
}

h2.cityguidelink2 {
	font-size:12px;  
	padding-top:0px; 
	padding-bottom:0px; 
	margin:0px;
	-margin-top:-20px;
	color:#FFFFFF;
	text-transform: uppercase;
}

h2.cityguidelink2 a {
	font-size:11px;  
	padding-top:5px;
	padding-bottom:0px; 
	margin:0px;
	display:block;
	color:#FFFFFF;
	height:40px;
}

h2.cityguidelink3{
	font-size:45px;  
	
	text-transform: uppercase;
}
h2.cityguidelink3 strong{
font-size:48px;    
	color:#FFFFFF;

}
h3.cityguidelink4{
	font-size:15px;  
	padding-top:0px; 
	padding-bottom:0px; 
	margin:0px;
	margin-left: -3px;
	*margin-left: 0px;
	margin-top: -14px;
	*margin-top: -12px;	
	color:#FFFFFF;
	text-transform: uppercase;
}
#acces {
	position: relative;
	background:url(../_img/city-guide/macaron.gif) no-repeat ; 
	padding-left: 27px; 
	margin-top: 40px;
}

#reponse {
	cursor: pointer;
}

#title {
	position: relative;
	width:252px; 
	text-align:left;
	padding-left: 64px;
	margin-top: 32px;
	float: left;
	height: 80px;
}

#city_retour {
	position: relative;
	width:500px;
	float: right;
	height: 80px;
	margin-right: 63px;
	-margin-right: 28px;
	margin-top: 23px;

}

.retour_city {
	position: absolute;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top:0;
	background:url(../_img/city-guide/puce.gif) no-repeat right;
	padding-right: 18px;
	bottom: 4px;
	right: 0;
}

a.retour_city2 {
	position: absolute;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top:10px;
	background:url(../_img/city-guide/puce.gif) no-repeat left;
	padding-left: 18px; 
	display: block;
	width: 200px;
	
	
}




#content_guide {
	position: relative;

	font-family: Arial;font-size: 11px;color: #000000;
	overflow: auto;
	width: 915px;
	height: 436px;
	margin-left: 64px;
}

#content_guide #blockContent {
	position: absolute;
	top: 0;left: 0px;
	width: 910px;height: 435px;
}
#content_guide .blockContent {
	overflow: auto;
}

.archive {
	width: 890px; 
	height: auto;
	clear:both;
	
}

.picture {
	width: 252px;
	border-top: 1px solid #3b4447;
	float: left;
	padding-top: 16px;
	padding-left: 2px;
}
.picture img {
	border: 3px solid #FFFFFF;
}

.content_txt {
	width: 606px;
	float: left;
	border-top: 1px solid #3b4447;	
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-left: 30px;
	padding-top: 8px;
}

.Arial_12_bold {
	font: bold 12px Arial, Helvetica, sans-serif;
}
.Arial_13_bold {
	font: bold 13px Arial, Helvetica, sans-serif;
}
.blue {
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #56aadf;
}
.bluep {

	color: #56aadf;
}
a.voir {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background:url(../_img/city-guide/macaron_petit.gif) no-repeat;
	padding-left: 18px;
	margin-top: 15px;
	display: block;
}

div.date {
	display: block;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
/*	width : 150px;*/
	width : auto;
	margin-top: 5px;
	_margin-top: 15px;
}
span.date b {
	color: #56aadf;
}

.content_txt p {
	font: normal 12px Arial, Helvetica, sans-serif;
	width: 600px;
	margin-top: 15px;
} 

tr.selection_ligne {
	height: 34px;
	vertical-align:top;
}

tr.sect_ligne {
	height: 30px;
	vertical-align:top;
}

td.number {
	height: 34px;
	width: 21px;
	color: #56aadf;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.txt_select {
	width: 266px;
	padding-left: 5px;
	float: left;
	height:40px;
}

.selection {
	margin-bottom: 20px;
	margin-top: 10px;
}

.selection b {
	display: block;
}

#left_city {
	position: relative;
	width: 248px;
	height: 538px;
	margin-left: 15px; 
	text-align:right;
	background: #010c12;
	float:left;
	border-top: 1px solid #343d41;
	padding-top: 17px;	

}

#left_city h1 {
	font: normal 19px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: -5px;
	margin-left: 1px;
	display:block;
	

}

#left_city h2 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: -4px;	
	display: block;

}

#left_city span.adresse {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	margin-top: 36px;
}


span.web_metro {
	display: block;
	margin-top: 20px;
	clear: both;
	margin-bottom: 12px;
}

.web_metro h3.metro {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background:url(../_img/city-guide/metro.gif) no-repeat top right;
	padding-top:2px;
	padding-right: 24px;
	height : 30px;

}
.web_metro a.web {
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 24px;
	clear: both;
}
.navigation {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #56aadf;
	clear: both
	
}
.navigation a:hover,
.web_metro a.web:hover {
	text-decoration:underline
}
.map_retour {
	position: absolute;
	bottom:10px;
	left: 0;
}

a.before {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background:url(../_img/city-guide/before.gif) no-repeat 0px 5px ;
	padding-left: 12px;
	margin-right: 7px;
	
}

a.next {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background:url(../_img/city-guide/next.gif) no-repeat 46px 5px;
	padding-right: 10px;
	margin-left: 7px;
}


a.next_en {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background:url(../_img/city-guide/next.gif) no-repeat 30px 5px;
	padding-right: 10px;
	margin-left: 7px;
}

#right_city {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 700px;
	float:left;
	margin-left: 30px;
	
	border-top: 1px solid #343d41;
	padding-top: 20px;

}

#right_city img {
	border: 2px solid #FFFFFF;
	margin-bottom: 12px;
}

#first_column {
	width: 350px;	float:left;
}

#right_city p {
	/*margin-bottom: 25px;*/
	
}
#second_column {
	width: 320px;
	float:left;
	margin-left: 30px;
}
<!-- Carte -->
*html body {
	overflow: hidden;
	background: #010c12 ;
	font-family:Arial, Helvetica, sans-serif;
}


.narrow-cell {
	width: 250px;
	font-family: din-medium;
	font-size: 44px !important;
	color: #56aadf;
	text-transform: uppercase;
	margin-top: 35px;
	*margin-top: 35px;
	padding-left:61px;
	letter-spacing: 0px;
	margin-bottom: 11px;
	float:left;
}

.narrow-cell span {
	
	*margin-left: 3px;
	 color:#FFF
}

span.archive_texte {
	width: 250px;
	font-family: din-medium;
	font-size: 15px !important;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-top: -4px;
	*margin-top: -4px;
	margin-left:3px;
	*margin-left: 14px;
	letter-spacing: 0px;
	display: block;
	/margin-left: 5px; -padding-left: 3px;
}


.bluep h3 {
	text-transform: uppercase;
	font-size: 12px;
}

#facebookShare_nl,
#facebookShare_es,
#facebookShare_en,
#facebookShare_fr {
	background: url(/_img/city-guide/facebook.gif) no-repeat;
	display: block;
	height: 18px;
	float: right;
	margin: 10px 10px 0 0;
}
#facebookShare_fr {
	background: url(/_img/city-guide/facebook_fr.gif) no-repeat;
	width: 76px;
}
#facebookShare_en {
	background: url(/_img/city-guide/facebook_en.gif) no-repeat;
	width: 63px;
}
#facebookShare_es {
	background: url(/_img/city-guide/facebook_es.gif) no-repeat;
	width: 83px;
}
#facebookShare_nl {
	background: url(/_img/city-guide/facebook_nl.gif) no-repeat;
	width: 98px;
}




/* POPIN ET SI ON Y ALLAIT */

#popinSiOnYAllait_close_open {
	display: block;
	background: url(/_img/sionyallaitdemain.gif) right no-repeat;
	padding-right: 27px;
	font: 11px normal Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 13px 0 17px 0;
}
#popinAlpha {
	position:absolute;
	top:0;
	left:0; 
	width: 1000px;
	height: 550px;
	background: #000;
	filter : alpha(opacity=70);
	-moz-opacity : 0.7;
	opacity : 0.7;
	z-index: 999;
}
#popinSiOnYAllait {
	position:absolute;
	top:59px;
	left:59px; 
	width: 875px;
	height: 441px;
	z-index: 1000;
}
#popinSiOnYAllait.nl {
	background: url(/_img/city-guide/bg-sionyallait_nl.jpg) right no-repeat  #fff;
}
#popinSiOnYAllait.es {
	background: url(/_img/city-guide/bg-sionyallait_es.jpg) right no-repeat  #fff;
}
#popinSiOnYAllait.en {
	background: url(/_img/city-guide/bg-sionyallait_en.jpg) right no-repeat  #fff;
}
#popinSiOnYAllait.fr {
	background: url(/_img/city-guide/bg-sionyallait_fr.jpg) right no-repeat  #fff;
}
#popinSiOnYAllait_success {
	position:absolute;
	top:59px;
	left:59px; 
	width: 475px;
	height: 341px;
	z-index: 1000;
	background:#FFFFFF
}
#popinSiOnYAllait {
	font:12px normal Arial, Helvetica, sans-serif; 
}
#popinSiOnYAllait_close { 
	position:absolute;
	top:14px;
	left:813px; 
	width: 60px;
	height: 20px;
}
.formPoppin {
	position: absolute;
	left: 20px; 
	top: 100px;
	padding: 0;
	margin: 0;
}
.formPoppin p  {
	width: 385px;
	margin: 0;
	padding: 3px 0 3px 5px;
}
.formPoppin label {
	font:11px normal Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	width: 160px;
	text-align: left;
	color: #000
}
input.inpsel_190, input.inpsel_190_error,
textarea.textarea_190, input.textarea_190_error {
	font:11px normal Arial, Helvetica, sans-serif;
	color: #000;
	padding:3px;
	width: 210px;
	background-color: #eff4f7;
	border: 1px solid #fff;
}
textarea.textarea_190, input.textarea_190_error {

}
input.inpsel_190_error {
border: 1px solid red

}
#popinSiOnYAllait h1 {
	position:absolute;
	top:5px; left:0px;
	width: 605px;
	height: 62px;

}
#popinSiOnYAllait h1.fr{
	background: url(/_img/city-guide/title_popin_sionyallait_fr.gif) right no-repeat  #fff;
}
#popinSiOnYAllait h1.en{
	background: url(/_img/city-guide/title_popin_sionyallait_en.gif) right no-repeat  #fff;
}
#popinSiOnYAllait h1.es{
	background: url(/_img/city-guide/title_popin_sionyallait_es.gif) right no-repeat  #fff;
}
#popinSiOnYAllait h1.nl{
	background: url(/_img/city-guide/title_popin_sionyallait_nl.gif) right no-repeat  #fff;
}
#requiredFieldsMention {
	position:absolute;
	display:block;
	width:135px;
	height:35px;
	color:#00CCFF;
	top: 370px;
	left: 20px;
	font:10px normal Arial, Helvetica, sans-serif;
	color: #9e9e9e;
}
#introPoppin {
	position: absolute;
	top:65px;
	left:20px;
	color: #000000;
}
#validateMessage {
	position:absolute;
	display:block;
	color:#00CCFF;
	top: 20px;
	left: 20px;
	font-size: 15px;
}
#cacheForm {
	position: absolute;
	top: 100px;
	width: 440px;
	height: 320px;
	background:#fff
}