@charset "utf-8";

/* =============================================================================== */
/* =============================================================================== */
/* =========        COCHARD David
/* =========        CSS color=green 
/* =========		Topic title strips, buttons...
/* =========        	  
/* =============================================================================== */
/* =============================================================================== */


/* ========= site map buttons FR ========== */


		/* ========= project  button ========== */

dl#map_sitemap_button_projets_fr{
	background:  url(../images/green/topic_titles/projects_fr.png) top left no-repeat;
	height: 38px;
	width: 148px;
	position: relative;
}
					
					
dt#map_sitemap_button_projets_fr_light{
	top: 0px;
	left: 0px;
}
				
				
dt#map_sitemap_button_projets_fr_light a{
	position: absolute;
	width: 148px;
	height: 38px;
	left: -3px;
	top: 4px;
}
				
dt#map_sitemap_button_projets_fr_light a span{ display: none; }
				
dt#map_sitemap_button_projets_fr_light a:hover {
	position: absolute;
	background: url(../images/green/topic_titles/projects_fr.png) 3px -46px no-repeat;		/* With pushing effect */
	top: 1px;
	left: -3px;
}



		/* ========= photos  button ========== */


dl#map_sitemap_button_photos_fr{
	background:  url(../images/green/topic_titles/photos_fr.png) top left no-repeat;
	height: 38px;
	width: 148px;
	position: relative;
}
					
					
dt#map_sitemap_button_photos_fr_light{
	top: 0px;
	left: 0px;
}
				
				
dt#map_sitemap_button_photos_fr_light a{
	position: absolute;
	width: 148px;
	height: 38px;
	left: -3px;
	top: 4px;
}
				
dt#map_sitemap_button_photos_fr_light a span{ display: none; }
				
dt#map_sitemap_button_photos_fr_light a:hover {
	position: absolute;
	background: url(../images/green/topic_titles/photos_fr.png) 3px -46px no-repeat;		/* With pushing effect */
	top: 1px;
	left: -3px;
}



		/* ========= contact  button ========== */


dl#map_sitemap_button_contact_fr{
	background:  url(../images/green/topic_titles/contact_fr.png) top left no-repeat;
	height: 38px;
	width: 148px;
	position: relative;
}
					
					
dt#map_sitemap_button_contact_fr_light{
	top: 0px;
	left: 0px;
}
				
				
dt#map_sitemap_button_contact_fr_light a{
	position: absolute;
	width: 148px;
	height: 38px;
	left: -3px;
	top: 4px;
}
				
dt#map_sitemap_button_contact_fr_light a span{ display: none; }
				
dt#map_sitemap_button_contact_fr_light a:hover {
	position: absolute;
	background: url(../images/green/topic_titles/contact_fr.png) 3px -45px no-repeat;		/* With pushing effect */
	top: 0px;
	left: -3px;
}


/* ========= site map buttons EN ========== */


		/* ========= project  button ========== */

dl#map_sitemap_button_projets_en{
	background:  url(../images/green/topic_titles/projects_en.png) top left no-repeat;
	height: 38px;
	width: 148px;
	position: relative;
}
					
					
dt#map_sitemap_button_projets_en_light{
	top: 0px;
	left: 0px;
}
				
				
dt#map_sitemap_button_projets_en_light a{
	position: absolute;
	width: 148px;
	height: 38px;
	left: -3px;
	top: 4px;
}
				
dt#map_sitemap_button_projets_en_light a span{ display: none; }
				
dt#map_sitemap_button_projets_en_light a:hover {
	position: absolute;
	background: url(../images/green/topic_titles/projects_en.png) 3px -46px no-repeat;		/* With pushing effect */
	top: 1px;
	left: -3px;
}



		/* ========= photos  button ========== */


dl#map_sitemap_button_photos_en{
	background:  url(../images/green/topic_titles/photos_en.png) top left no-repeat;
	height: 38px;
	width: 148px;
	position: relative;
}
					
					
dt#map_sitemap_button_photos_en_light{
	top: 0px;
	left: 0px;
}
				
				
dt#map_sitemap_button_photos_en_light a{
	position: absolute;
	width: 148px;
	height: 38px;
	left: -3px;
	top: 4px;
}
				
dt#map_sitemap_button_photos_en_light a span{ display: none; }
				
dt#map_sitemap_button_photos_en_light a:hover {
	position: absolute;
	background: url(../images/green/topic_titles/photos_en.png) 3px -46px no-repeat;		/* With pushing effect */
	top: 1px;
	left: -3px;
}



		/* ========= contact  button ========== */


dl#map_sitemap_button_contact_en{
	background:  url(../images/green/topic_titles/contact_en.png) top left no-repeat;
	height: 38px;
	width: 148px;
	position: relative;
}
					
					
dt#map_sitemap_button_contact_en_light{
	top: 0px;
	left: 0px;
}
				
				
dt#map_sitemap_button_contact_en_light a{
	position: absolute;
	width: 148px;
	height: 38px;
	left: -3px;
	top: 4px;
}
				
dt#map_sitemap_button_contact_en_light a span{ display: none; }
				
dt#map_sitemap_button_contact_en_light a:hover {
	position: absolute;
	background: url(../images/green/topic_titles/contact_en.png) 3px -45px no-repeat;		/* With pushing effect */
	top: 0px;
	left: -3px;
}


/* ========= site map buttons JP ========== */


		/* ========= project  button ========== */

dl#map_sitemap_button_projets_jp{
	background:  url(../images/green/topic_titles/projects_jp.png) top left no-repeat;
	height: 38px;
	width: 148px;
	position: relative;
}
					
					
dt#map_sitemap_button_projets_jp_light{
	top: 0px;
	left: 0px;
}
				
				
dt#map_sitemap_button_projets_jp_light a{
	position: absolute;
	width: 148px;
	height: 38px;
	left: -3px;
	top: 4px;
}
				
dt#map_sitemap_button_projets_jp_light a span{ display: none; }
				
dt#map_sitemap_button_projets_jp_light a:hover {
	position: absolute;
	background: url(../images/green/topic_titles/projects_jp.png) 3px -46px no-repeat;		/* With pushing effect */
	top: 1px;
	left: -3px;
}



		/* ========= photos  button ========== */


dl#map_sitemap_button_photos_jp{
	background:  url(../images/green/topic_titles/photos_jp.png) top left no-repeat;
	height: 38px;
	width: 148px;
	position: relative;
}
					
					
dt#map_sitemap_button_photos_jp_light{
	top: 0px;
	left: 0px;
}
				
				
dt#map_sitemap_button_photos_jp_light a{
	position: absolute;
	width: 148px;
	height: 38px;
	left: -3px;
	top: 4px;
}
				
dt#map_sitemap_button_photos_jp_light a span{ display: none; }
				
dt#map_sitemap_button_photos_jp_light a:hover {
	position: absolute;
	background: url(../images/green/topic_titles/photos_jp.png) 3px -46px no-repeat;		/* With pushing effect */
	top: 1px;
	left: -3px;
}



		/* ========= contact  button ========== */


dl#map_sitemap_button_contact_jp{
	background:  url(../images/green/topic_titles/contact_jp.png) top left no-repeat;
	height: 38px;
	width: 148px;
	position: relative;
}
					
					
dt#map_sitemap_button_contact_jp_light{
	top: 0px;
	left: 0px;
}
				
				
dt#map_sitemap_button_contact_jp_light a{
	position: absolute;
	width: 148px;
	height: 38px;
	left: -3px;
	top: 4px;
}
				
dt#map_sitemap_button_contact_jp_light a span{ display: none; }
				
dt#map_sitemap_button_contact_jp_light a:hover {
	position: absolute;
	background: url(../images/green/topic_titles/contact_jp.png) 3px -45px no-repeat;		/* With pushing effect */
	top: 0px;
	left: -3px;
}


/* ========= Title Strips with logo ========== */

.blank_title_strip{
	display: block;
	background : url(../images/green/topic_titles/blank_strip.png) no-repeat;
	height:45px;
	width:200px;
	padding-left: 0px;
	padding-top: 8px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:600;
	background-position:top;
	color:#366129;

}


.email_title_strip{
	display: block;
	background : url(../images/green/topic_titles/email_strip.png) no-repeat;
	height:60px;
	width:210px;
	padding-left: 50px;
	padding-top: 17px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:600;
	background-position:top;
	color:#366129;

}


.skype_title_strip{
	display: block;
	background : url(../images/green/topic_titles/skype_strip.png) no-repeat;
	height:60px;
	width:210px;
	padding-left: 30px;
	padding-top: 17px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:600;
	background-position:top;
	color:#366129;

}



.mail_title_strip{
	display: block;
	background : url(../images/green/topic_titles/mail_strip.png) no-repeat;
	height:60px;
	width:210px;
	padding-left: 50px;
	padding-top: 17px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:600;
	background-position:top;
	color:#366129;

}



.mobile_title_strip{
	display: block;
	background : url(../images/green/topic_titles/mobile_strip.png) no-repeat;
	height:60px;
	width:210px;
	padding-left: 50px;
	padding-top: 17px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:600;
	background-position:top;
	color:#366129;

}



.pdf_title_strip{
	display: block;
	background : url(../images/green/topic_titles/pdf_strip.png) no-repeat;
	height:60px;
	width:210px;
	padding-left: 50px;
	padding-top: 17px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:600;
	background-position:top;
	color:#366129;

}


.pointer_title_strip{
	display: block;
	background : url(../images/green/topic_titles/pointer_strip.png) no-repeat;
	height:60px;
	width:210px;
	padding-left: 30px;
	padding-top: 17px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:600;
	background-position:top;
	color:#366129;

}


/* ============== Module pages (lightview pop-up windows) title strips  ================= */

.pushpin_title_strip{
	display: block;
	background : url(../images/green/topic_titles/pin_strip.png) left no-repeat;
	height:60px;
	width:380px;
	padding-left: 120px;
	padding-top: 17px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:600;
	background-position:top;
	color:#366129;
}

.info_title_strip{
	display: block;
	background : url(../images/green/topic_titles/info_strip.png) left no-repeat;
	height:60px;
	width:380px;
	padding-left: 120px;
	padding-top: 17px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:600;
	background-position:top;
	color:#366129;
}


.keywords_title_strip{
	display: block;
	background : url(../images/green/topic_titles/keys_strip.png) left no-repeat;
	height:60px;
	width:380px;
	padding-left: 120px;
	padding-top: 17px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:600;
	background-position:top;
	color:#366129;
}


.description_title_strip{
	display: block;
	background : url(../images/green/topic_titles/note_strip.png) left no-repeat;
	height:60px;
	width:380px;
	padding-left: 120px;
	padding-top: 17px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:600;
	background-position:top;
	color:#366129;
}

.project_title_strip{
	display: block;
	background : url(../images/green/topic_titles/project_strip.png) left no-repeat;
	height:60px;
	width:380px;
	padding-left: 120px;
	padding-top: 17px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:600;
	background-position:top;
	color:#366129;
}

.attachements_title_strip{
	display: block;
	background : url(../images/green/topic_titles/paperclip_strip.png) left no-repeat;
	height:60px;
	width:380px;
	padding-left: 120px;
	padding-top: 17px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:600;
	background-position:top;
	color:#366129;
}

/* ========= contact form button (same for all languages) ========== */

/* english */

dl#map_contact_form_button_en{
	background:  url(../images/greeen/topic_titles/pointer_strip_en.png) no-repeat;
	height: 60px;
	width: 210px;
	position: relative;
	
}
				

					
dt#map_contact_form_button_en_light{
	top: 0px;
	left: 0px;
}
				
				
dt#map_contact_form_button_en_light a{
	position: absolute;
	width: 215px;
	height: 60px;
	left: -3px;
	top: 4px;
}
				
dt#map_contact_form_button_en_light a span{ display: none; }
				
dt#map_contact_form_button_en_light a:hover {
	position: absolute;
	background: url(../images/green/topic_titles/pointer_strip_en.png) 3px -63px no-repeat;
	top: 1px;
	left: -3px;
}


/* French */

dl#map_contact_form_button_fr{
	background:  url(../images/green/topic_titles/pointer_strip_fr.png) no-repeat;
	height: 60px;
	width: 210px;
	position: relative;
	
}
				

					
dt#map_contact_form_button_fr_light{
	top: 0px;
	left: 0px;
}
				
				
dt#map_contact_form_button_fr_light a{
	position: absolute;
	width: 215px;
	height: 60px;
	left: -3px;
	top: 4px;
}
				
dt#map_contact_form_button_fr_light a span{ display: none; }
				
dt#map_contact_form_button_fr_light a:hover {
	position: absolute;
	background: url(../images/green/topic_titles/pointer_strip_fr.png) 3px -63px no-repeat;
	top: 1px;
	left: -3px;
}