* { /* reset all default values */
  border: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

* img{
	display: block;	
}

html,
body {
	text-align: center; /* for ie */
	height: 100%;
}

html {
	background: transparent url("../images/skin/bg_layout.jpg") repeat-y 50% 0;
}

body {
	background: transparent url("../images/skin/bg_top.jpg") no-repeat 50% 0;
	font: small/170% "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#wrapper {
	background: transparent url("../images/skin/bg_main.gif") repeat-y;
	width: 806px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Lucida Grande", "Verdana", Arial, Helvetica, sans-serif;
  font-weight: normal;
}

a {
	text-decoration: none;
}

.break {
	display: block;
	clear: both;
}

/******* Header Components ****************************************************/

#header {
	width: 100%;
	height: 267px;
	background: transparent url("../images/skin/bg_header.jpg") no-repeat;
}

#logo {
	margin-left: 24px;
}

#logo img {
  display: none;
}

#logo a {
  height: 115px;
  position: absolute;
  width: 286px;
  z-index: 100;
}

/******* Navigation Components ************************************************/

#navigation {
	font-family: "Tahoma", "verdana", helvetica, sans-serif;
	font-weight: bold;
	position: absolute;
	left: 25px;
	top: 115px;
	width: 285px;
	height: 152px;
}

#navigation li {
  display: block;
  height: 31px;
  padding-left: 20px;
}

#navigation li a { 
  display: table-cell;
  vertical-align: middle;
  height: 31px;
  color: white;
  background: transparent url("../images/skin/puce_nav.gif") no-repeat 0 8px;
  padding-left: 18px;
}

* html #navigation li a { /** nice for ie **/
	background: transparent url("../images/skin/puce_nav.gif") no-repeat 0 2px;
}

#navigation li a:hover {
	color: #473e2f;
}

#navigation li.last {
	border: 0;
}

/******* Visit Components ****************************************************/

#visit {
	position: absolute;
	right: 40px;
	top: 20px;
	color: white;
	z-index: 50;
}

#visit .go{
	font-size: 0;
	background: url("../images/skin/btn_go.gif") no-repeat;
	height: 16px;
	width: 27px;
	float: left;
	margin-top: 2px;
	margin-left: 2px;
}

#visit select{
	
}

#visit ul{
	float: left;
}
/******* Select replacement ****************************************************/

select {
	display: block;
	margin: 0 0 10px;
	width: 200px;
}
    
select.replaced {
	width: 1px;
	position: absolute;
	left: -999em;
}

ul.selectReplacement {
	background: url(../images/skin/select-top.jpg) no-repeat 0 1px;
	margin: 0 0 5px;
	padding: 0;
	height: 1.65em;
	width: 325px;
	position: relative;
	z-index: 20;
}

ul.selectFocused {
	background-image: url(top-focus.jpg);
}

ul.selectReplacement li {
	background: white;
	color: black;
	cursor: pointer;
	display: none;
	font-size: 11px;
	line-height: 1.7em;
	list-style: none;
	margin: 0;
	padding: 0px 12px;
	width: 300px;
}

ul.selectOpen li {
	display: block;
}

ul.selectReplacement li.selected {
	background: url(../images/skin/select-bottom.jpg) bottom left no-repeat;
	color: black;
	display: block;
}

ul.selectOpen li.selected {
	background-color: #36a1ef;
	color: white;
	border: 0;
	display: block;
}

ul.selectOpen li:hover,
ul.selectOpen li.hover,
ul.selectOpen li.selected:hover {
	background-color: #36a1ef;
	color: white;
}

/******* Maincontent Components ***************************************************/

#maincontent {
	/*min-height: 500px;*/
	width: 420px;
	border-top: 5px solid #db4e22;
}

/******* Sidebar Components ***************************************************/

#sidebar {
	position: absolute;
	top: 104px;
	right: 0px;
	width: 386px;
	background: transparent url("../images/skin/bg_sidebar.gif") repeat-y;
}

#inner-sidebar {
	background: transparent url("../images/skin/bg_sidebar_top.jpg") no-repeat;
}

#sidebar-footer {
	background: #473e2f url("../images/skin/bg_sidebar_footer.gif") no-repeat;
	padding-top: 10px;
}

#sidebar-footer p {
	font-family: "lucida grande", "helvetica", arial, sans-serif;
	font-size: .8em;
	color: #e7804e;
	margin-left: 10px;
	line-height: 105%;
	clear: both;
}

#sidebar-footer a {
	color: #e7804e;
}

#sidebar-footer a:hover{
	text-decoration: underline;
}

#sidebar-bottom-nav a{
	color: #756955;
	font-family: "verdana", "helvetica", arial, sans-serif;
	font-size: .9em;
	text-transform: uppercase;
}

#sidebar-bottom-nav a:hover{
	color: #a19684;
}

#sidebar-bottom-nav ul{
	list-style: none;
	margin-left: 10px;
}

#sidebar-bottom-nav li{
	background: transparent url("../images/skin/puce_footer-nav.gif") 0 7px no-repeat;
	display: block;
	float: left;
	padding: 0 10px;
}

#sidebar-bottom-nav li.first-item{
	background: none;
	padding-left: 0;
}

.sidebar-recompenses {
	margin: 10px;
	float: left;
}

.sidebar-recompenses a {
	float: left;
	margin-right: 20px;
	
}

/******* Footer Components ****************************************************/

#footer {
	background: transparent url("../images/skin/bg_footer.jpg") no-repeat;
	height: 71px;
}

/******* CLASS Components ****************************************************/

/*** Accueil & Presentation ***/

.class-accueil .columnA,
.class-presentation-intro .columnA  {
	padding: 15px 12px;
	width: 186px;
	float: left;
	background: #564c3c;
}

* html .class-accueil .columnB,
* html .class-presentation-intro .columnB { /** nice for ie **/
	float: right;
}

.class-accueil,
.class-presentation-intro {
	background: #db4e22;
}

.class-accueil .attribute-contenu,
.class-presentation-intro .attribute-contenu {
	font-size: 90%;
	line-height: 1.2em;
	color: white;
	text-align: justify;
}

.class-accueil .attribute-contenu p,
.class-presentation-intro .attribute-contenu p {
	margin-bottom: 1em;
}

* html .class-accueil,
* html .class-presentation-intro { /** nice for ie **/
	float: left;
}

.class-presentation-contenu {
	padding: 0 10px;
}

.class-presentation-contenu p{
	font-size: 90%;
	line-height: 1.2em;
	color: white;
	text-align: justify;
}

.class-presentation .attribute-titre {
	margin-bottom: 10px;
}

.class-presentation-contenu .attribute-sous-titre {
	margin-top: 0;
}

/*** Attributes ***/

h2.attribute-titre {
	color: #eae1c4;
	font-size: 125%;
}

h3.attribute-sous-titre {
	color: #dd7744;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 80%;
	margin-top: -8px;
}

* html h3.attribute-sous-titre {
	font-size: 75%;
}


/*** Chantiers ***/

/* LINE */

.class-chantier-line .teaser{
	border-bottom: 1px solid #473e2f;
	position: relative;
}

.class-chantier-line .teaser a{
	background: #605849 url('../images/skin/bg_teaser_line.gif') no-repeat;
	display: block;
	height: 100%;
}

.class-chantier-line .teaser a:hover{
	background-position: 0 -110px;
}

.class-chantier-line a.visit {
	background: transparent url('../images/skin/visited_link.gif') no-repeat 0 -14px;
	height: 14px;
	width: 14px;
	position: absolute;
	left: 130px;
	bottom: 10px;
}

.class-chantier-line a.visit:visited{
	background-position: 0 0;
}

.class-chantier-line .attribute-nom {
	color: #eae1c4;
	font-size: 105%;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	display: block;
}

.class-chantier-line .attribute-ville {
	line-height: 1.2em;
	font-size: 80%;
	color: #dd7744;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	text-align: right;
	text-transform: uppercase;
	display: block;
}

.class-chantier-line .attribute-photo {
	float: left;
}

.class-chantier-line .attribute-photo img{
	display: block;
	margin: 0;
	padding: 0;
}

/* FULL */

.class-chantier-full .teaser{
	background: #605849 url('../images/skin/bg_teaser_full.gif') no-repeat;
	height: 180px;
	border-bottom: 1px solid #473e2f;
}

.class-chantier-full .attribute-nom {
	color: #eae1c4;
	font-size: 105%;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	padding-left: 190px;
	padding-top: 50px;
}

.class-chantier-full .attribute-photo {
	float: left;
}

.class-chantier-full .attribute-photo img{
	display: block;
}

.class-chantier-full .attribute-ville {
	line-height: 1.2em;
	font-size: 80%;
	color: #dd7744;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 190px;
	padding-top: 10px;
	text-align: right;
	text-transform: uppercase;
}

.class-chantier-full .attribute-description-courte {
	padding: 10px;
	text-align: justify;
	line-height: 1.3em;
	color: #eae1c4;
	font-weight: normal;
}

.class-chantier-full .attribute-description {
	padding: 10px;
	text-align: justify;
	line-height: 1.3em;
	font-size: 92%;
	color: white;
	font-weight: normal;
}

.class-chantier-full .articles-associes {
	border-top: 1px solid #857b65;
}

.class-chantier-full .articles-associes h2{
	padding-left: 10px;
	color: white;
	text-decoration: underline;
	display: none;
}

/** Articles **/

/* LINE */

.class-article-presse-line {
	padding: 10px;
	clear: both;
	border-bottom: 1px solid #857b65;
}

.class-article-presse-line .attribute-date {
	color: #eae1c4;
	float: right;
	margin-left: 10px;
}

.class-article-presse-line .attribute-editeur {
	color: #eae1c4;
}

.class-article-presse-line .attribute-titre {
	color: #dd7744;
	font-size: 125%;
}

.class-article-presse-line .attribute-intro {
	color: white;
	font-size: 90%;
	line-height: 1.2em;
	text-align: justify;
}

.class-article-presse-line .attribute-file {
	color: #eae1c4;
	clear: both;
}

.class-article-presse-line .attribute-file a img{
	float: left;
	padding-right: 5px;
}

.class-article-presse-line .attribute-file a{
	clear: both;
	color: #dd7744;
	float: right;
	text-decoration: underline;
	padding-top: 10px;
}

/** Contact **/

.class-contact-full {
	padding: 18px;
	color: white;
}

.class-contact-full a {
	color: #dd7744;
}

.class-contact-full a:hover{
	text-decoration: underline;
}

.class-contact-full .attribute-intro {
	line-height: 110%;
	margin-top: 10px;
	font-size: 95%;
	text-align: justify;
}

.class-contact-full .attribute-intro p {
	padding-bottom: 5px;
}

.class-contact-full form {
	margin-top: 10px;
}

.class-contact-full div{
	clear: both;
	margin-bottom: 5px;
}

.class-contact-full label {
	display: block;
	text-align: left;
}

.class-contact-full input, 
.class-contact-full textarea {
	width: 380px;
}

.class-contact-full .mandatory {
	color: #db4e22;
}

/** LIENS **/

.class-dossier-liens-full {
	padding: 18px;
}

.class-dossier-liens-full a {
	color: #dd7744;
}

.class-dossier-liens-full a:hover {
	color: #dd7744;
	text-decoration: underline;
}

/** sidebar parts **/

.sidebar-full-chantier {
	padding: 18px;
}

h1.sidebar-titre {
	font-family: Verdana;
	font-size: 140%;
	color: white; 
	margin-left: 0px;
	padding-left: 20px;
	background: transparent url('../images/skin/puce_sidebar.gif') no-repeat 0 3px;
}

h1.sidebar-titre span {
	color: #4d4435;
	font-size: 70%;
	font-weight: bold;
}

.sidebar-galerie {
	margin-top: 10px;
}

.sidebar-hilight {
	padding-left: 40px;
	padding-top: 10px;
}

.sidebar-hilight h1 {
	margin-left: 15px;
	padding-left: 20px;
}

.sidebar-chantiers-en-cours {
	padding: 0 20px;
}

.sidebar-chantiers-en-cours h1 {
	font-size: 120%;
}

/******* Images and Photos Components ****************************************************/

.hilight {
	width: 217px;
	height: 249px;
	background: transparent url('../images/skin/bg_hilight.gif') no-repeat;
	padding: 26px 25px 0 23px;
}

.hilight-v {
	height: 398px;
	background: transparent url('../images/skin/bg_hilight_v.jpg') no-repeat;
}

.hilight a {
	color: #605849; 
}

.hilight a:hover {
	text-decoration: underline;
}

.chantier-legend {
	font-size: 80%;
	line-height: 110%;
	width: 190px;
	height: 40px;
	float: left;
	margin-top: 3px;
	display: table;
}

.chantier-legend div {
	vertical-align: middle;
	display: table-cell;
}

.chantier-lieu {
	display: block;
	clear: both;
	color: #db4e22;
}

* html .chantier-legend { /** nice for ie **/
	position: relative;
	margin-top: 0;
}

* html .chantier-legend .inner { /** nice for ie **/
	position: absolute;
	top: 50%;	
}

* html .chantier-legend div { /** nice for ie **/
	position: relative;
	top: -50%;
}

.hilight .more {
	float: right;
	margin-top: 13px;
}

.thumb {
	width: 152px;
	height: 131px;
	background: transparent url('../images/skin/bg_thumbnail.gif') no-repeat;
	padding: 8px;
	float: left;
}

.thumb-legend {
	color: #605849;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	padding-right: 8px;
	font-family: "arial", "helvetica", sans-serif;
}

* html .thumb-legend {
	font-size: 75%;
}

.thumb-panoramic {
	width: 320px;
	height: 150px;
	background: transparent url('../images/skin/bg_thumbnail_panoramic.gif') no-repeat;
	padding: 8px;
}

.thumb-panoramic a {
	color: #605849;
}

.thumb-panoramic .chantier-legend {
	height: 32px;
	width: 280px;
	float: left;
}

.thumb-panoramic .more-small {
	float: right;
	margin-right: 20px;
	margin-top: 10px;
}

.more {
	display: block;
	width: 21px;
	height: 21px;
	background: transparent url('../images/skin/thumb_more.gif') no-repeat;	
}

.more:hover {
	background-position: -21px 0;
}

.more-small {
	display: block;
	width: 12px;
	height: 12px;
	background: transparent url('../images/skin/thumb_more_small.gif') no-repeat;
}

.more-small:hover {
	background-position: -12px 0;
}

/*** Part component - Villes des chantiers ***/

.villes-chantiers {
	padding-left: 10px;
	padding-top: 10px;
}

.villes-chantiers ul{
	list-style: none;
	color: white;
	font-size: 80%;
}

.villes-chantiers li{
	padding-left: 20px;
	margin-left: 0px;
	background: url('../images/skin/puce_ville.gif') no-repeat 5px;
}

.villes-chantiers li a {
	color: white;
}

.villes-chantiers li a:hover{
	text-decoration: underline;
}

/*** Warnings ***/

.message-warning{
	border: 1px solid #db4e22;
	background-color: #a19684;
	color: #473e2f;
}

.message-warning h3{
	color: white;
	font-size: 1em;
	display: block;
	width: 100%;
	background: #db4e22;
	font-weight: bold;
}

.message-warning h3 span {
	padding-left: 5px;
}

.message-warning .attribute-name {
	color: white;
}

.message-warning li {
	margin-left: 20px;
}

/*** legendes ***/

.legende {
	color: white;
	font-size: 95%;
}