body {
  font-family: verdana, sans-serif;
  background-repeat: no-repeat;
  background-attachment:  fixed;
  font-size:12px;
  background-color:#CCCCCC;
	line-height:18px;
  min-height: 100%;
  height: auto !important;
  height: 100%
}
.tramed {
  background-image: url('/css/trame.gif');
}
strong{font-weight:bold;}

/**
*
* HEADER
*
*/

#HD_btn_fullscreen {
/*
  position:absolute;
  top:17px;
  right:50px;
*/
  background-color:#E02133;
  float:left;
  margin-left:10px;
  margin-top:10px;
  height:21px;
  z-index:10;
}
#HD_btn_fullscreen img {
  z-index:12;
}

/* Project Toolbar  */
#HD_project_toolbar {
  /*margin-top:20px;*/
  /*margin-bottom:20px;*/
	font-size:10px;
  background-color:#000;
  color:#FFF;
  margin-top:10px;
  padding: 3px 5px 3px 10px;
  padding-bottom: 3px! important;
  padding-bottom: 0px; /**/
  float:left; 
  display:inline;
}
#HD_project_toolbar a, 
#HD_project_toolbar a:link,
#HD_project_toolbar a:visited {
  color:#FFF;
  text-decoration:none;
  font-weight:bold;
}
#HD_project_toolbar ul,
#HD_project_toolbar li {
  margin:0;
  padding:0 3px;
  display:inline;
}

.PRJ_conv, .PRJ_rouge {
  border-bottom:3px solid #DD0337;
  padding-bottom:3px;
}
.PRJ_attr, .PRJ_orange {
  border-bottom:3px solid #F59826;
  padding-bottom:3px;
}
.PRJ_depot_permis, .PRJ_verte {
  border-bottom:3px solid #f3ec19;
  padding-bottom:3px;
}


/* Site Title  */
#HD_maintitle {
  margin-top:10px;
	float:left;
  padding:5px 8px 0 5px;
  color:white;
  background-color:#dd0337;
}
#HD_maintitle h1.title {
  line-height:25px;
  font-size:22px;
}
.HD_splashtitle {
  padding:10px;
  color:#dd0337;
	float:left;
	font-size:36px;
	line-height:36px;
	height:39px;
  background-color:#FFF;
	
}
#HD_splashlang_container{
	margin-top:150px;
}
.HD_splashlang {
  padding:10px;
  color:#dd0337;
	float:left;
	font-size:36px;
	line-height:36px;
	height:39px;
  background-color:#FFF;
	margin-bottom:22px;
}
.HD_splashlang a {
  margin:9px;
  color:white;
	display:block;
	padding:4px 8px;
	line-height:normal;
	font-size:11px;
	font-weight:bold;
  background-color:#E02133;
	text-decoration:none;
}
/* Site Main Menu  */
#HD_mainmenu {
  margin-top:10px;
  color:#dd0337;
}
#mainmenu {
  float:left;
  /*background-color:#FFF;
  padding:6px 10px 6px 10px;*/
  margin-top:6px;
  margin-bottom:6px;
  margin-right:10px;
}
#lang {
  float:left;
  background-color:#FFF;
  padding:5px;
}
#HD_mainmenu  li {
  margin:0;
  padding:0;
  display:inline;
}
#HD_mainmenu  li:hover {
}
#HD_mainmenu a,
#HD_mainmenu a:link,
#HD_mainmenu a:visited {
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  background-color:#DD0337;
  padding:6px 10px 6px 10px;

}
#HD_mainmenu a:hover {
  color:#DD0337;
  text-decoration:none;
  background-color:#ccc;
  color:#DD0337;
}


/* Gestion du current menu */
body#PG_home a#menu_home {
  background-color:#ccc;
  color:#DD0337;
}
body#PG_pourquoi a#menu_pourquoi {
  background-color:#ccc;
  color:#DD0337;
}
body#PG_comment a#menu_comment {
  background-color:#ccc;
  color:#DD0337;
}
body#PG_news a#menu_news {
  background-color:#ccc;
  color:#DD0337;
}
body#PG_projects a#menu_projects {
  background-color:#ccc;
  color:#DD0337;
}
body#PG_info a#menu_contact {
  background-color:#ccc;
  color:#DD0337;
}
body#PG_links a#menu_links {
  background-color:#ccc;
  color:#DD0337;
}



/**
*
* CONTENT
*
*/
.txt_underlined {
  background-image:url(/images/bg_lines.gif);
  line-height:18px;
}
#CT_main_wrapper {
  clear:both;
  margin:10px 0 0 0;
}
#CT_main_wrapper a, 
#CT_main_wrapper a:link, 
#CT_main_wrapper a:visited {
  color:#666;
  text-decoration:none;
	border-bottom:1px dotted #dd0337;
}
#CT_main_wrapper a:hover {
  color:#dd0337;
}

h1.main_title {
  line-height:30px;
  font-size:28px;
  color:white;
	font-weight:normal;
}

h2.title {
  line-height:20px;
  font-size:17px;
  color:#dd0337;
}

h3.smalltitle {
  line-height:12px;
  font-size:10px;
  padding-bottom:5px;
}
h3.smalltitle_red {
  line-height:12px;
  font-size:10px;
  padding-bottom:5px;
	color:#dd0337;
}

h4.smalltitle {
  line-height:10px;
  font-size:10px;
  padding-bottom:5px;
}

.project_title_container {
  padding:10px;
  color:#FFF;
	float:left;
	font-size:24px;
	line-height:24px;
  background-color:#dd0337;
	margin-bottom:12px;
}

.HD_splashlang {
  padding:10px;
  color:#dd0337;
	float:left;
	font-size:36px;
	line-height:36px;
  background-color:#FFF;
	margin-bottom:22px;
}


.COL_col {
  float:left;
  background-color:#FFF;
  /*height:520px;*/
  display:inline-block;
  margin-right:10px;
  padding:10px;
	min-height:450px;
	width:auto;
}
.COL_subcol {
  float:left;
  margin-right:20px;
}
.COL_subcol_PG {
  float:left;
  margin-right:10px;
}

.COL_fauxcolumn {
  /*background-color:silver;*/
}

.COL_thin {
  width:255px;
}
.COL_med {
  width:450px;
}
.COL_xl {
  width:690px;
}
.COL_wide {
  width:800px;
}
.COL_xxl {
  width:870px;
}

#COL_map {
  width:384px;
  min-height:500px;
  margin-right:0;
}

tr.over td {
	background-color:#E4EEF2;
	cursor:pointer;
}
/**
*
* Home Page
*/
#COL_pres{
  width:500px;
}
/**
*
* legende carte
*/
#map_legend  {
font-size:10px;
}
#map_legend IMG {
	vertical-align:middle;
}
/**
*
* Pages de contenu
*/
#PG_menu {
  width:180px;
}
#PG_content {
  width:450px;
}
#PG_content_wide {
  width:620px;
}
#PG_medias {
  width:180px;
}
select.sort_news {
	margin-bottom:6px;
	width:140px;
	}

/**
*
* FOOTER
*
*/
#ST_footer a:link, #ST_footer a:visited {
  color:#000;
  text-decoration:none;
	font-size:10px;
}
#ST_footer a:hover {
  color:#000;
  text-decoration:underline;
}


/**
* CLEAR N HACK
*/
.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0}
.clear:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }
.clear{display: inline-block;}
/* Hides from IE-mac \*/
* html .clear{height: 1%;}
.clear{display: block;}
/* End hide from IE-mac */
.clear_big{
  clear:both;
  line-height:85%;
}



/* IMAGE BOX */
#ImageBoxOverlay
{
	background-color: #000;
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
}
#ImageBoxNextImage
{
	background-image: url(/images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(/images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(/images/imagebox/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(/images/imagebox/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}


#CT_main_wrapper #slideShow1 a:link,
#CT_main_wrapper #slideShow1 a:visited,
#CT_main_wrapper #slideShow1 a:hover,
{
  border-bottom:0px;
}