div#page{
  background-image:url('/assets/templates/tickner/images/fond2010.jpg');
  background-repeat:no-repeat;
  width:1280px;
  min-height:774px;
  margin:0 auto 0 -640px;
  position:absolute;
  top:0px;
  left:50%;
}




/* ---------------------------------------
#
#
#     MENU
#
#
------------------------------------------*/



ul#menu{
  margin-left:230px;
  width:820px;
  height:48px;
  background-color:transparent;
  padding:0px;
  margin-top:20px;
}


span.hide {
  left:-5000px;
  position:absolute;
  text-indent:-5000px;
  top:-5000px;
}


ul#menu li {
  float:left;
  padding:0px;
  list-style-type:none;
  margin:0px;
}


ul#menu li ul{
	display: block;
	visibility: hidden;
	position: absolute;
	margin: 0px;
	padding:0px;
	font-size:20px;
	left:230px;
	width:820px;
}

ul#menu li ul.sousmenu {
	visibility: visible;
	z-index: 100;
	list-style-type:none;	
	float:left;
	height:28px;
	/*background-color:#555555;*/
}

ul#menu li ul.sousmenu li {
	visibility: visible;
	z-index: 100;
	list-style-type:none;	
	float:left;
  height:28px;
	
	/*background-color:#555555;*/
}


.toutsurtickner {
	background-color:#555555;
}

.loisirs {
	background-color:#d3031c;
}

.maisons {
	background-color:#88ab0f;
}

.nouveaumonde {
	background-color:#009ee0;
}

.collectivites {
	background-color:#e5b200;
}

.toutsurtickner a {
	color:#afafaf;
}

.loisirs a {
	color:#ff9faa;
}

.maisons a {
	color:#c6ee3d;
}

.nouveaumonde a {
	color:#8adcfe;
}

.collectivites a {
	color:#fff;
}

ul#menu li ul.sousmenu a {
	list-style-type:none;
	background:none;
	width:auto;	
	height:22px;
  margin-left:20px;
  margin-top:6px;
  font-size:12px;
	display: inline-block;
  vertical-align:top; 
	/*color:#afafaf;*/
	text-decoration:none;
	text-align:center;
}

ul#menu li ul.sousmenu a:hover {
  color:#ffffff;
	text-decoration:none;
}



li#toutsurtickner .inactif, li#toutsurtickner a {
	display: block; 
	width: 167px ;
	height: 34px;
	background: url('/assets/templates/tickner/images/2010-tout-sur-tickner.gif') no-repeat 0 0 ;
}

li#toutsurtickner .menuactif {
  background: url('/assets/templates/tickner/images/2010-tout-sur-tickner.gif') no-repeat 0 -34px ;
}



li#loisirs .inactif, li#loisirs a {
	display: block; 
	width: 168px ;
	height: 34px;
	background: url('/assets/templates/tickner/images/2010-annexes-de-loisirs-kit.gif') no-repeat 0 0 ;
}

li#loisirs .menuactif {
  background: url('/assets/templates/tickner/images/2010-annexes-de-loisirs-kit.gif') no-repeat 0 -34px ;
}

li#maisons .inactif, li#maisons a {
	display: block; 
	width: 143px ;
	height: 34px;
	background: url('/assets/templates/tickner/images/2010-maisons-ossature-bois.gif') no-repeat 0 0 ;
}

li#separation{
	display: block; 
	width: 59px ;
	height: 34px;
	background: url('/assets/templates/tickner/images/2010-separation.gif') repeat-x 0 0 ;  

}

li#maisons .menuactif{
  background: url('/assets/templates/tickner/images/2010-maisons-ossature-bois.gif') no-repeat 0 -34px ;
}

li#collectivites .inactif, li#collectivites a {
	display: block; 
	width: 173px ;
	height: 34px;
	background: url('/assets/templates/tickner/images/2010-pro-collectivites.gif') no-repeat 0 0 ;
}

li#collectivites .menuactif{
  background: url('/assets/templates/tickner/images/2010-pro-collectivites.gif') no-repeat 0 -34px ;
}
/*
li#nouveaumonde .inactif, li#nouveaumonde a {
	display: block; 
	width: 152px ;
	height: 34px;
	background: url('/assets/templates/tickner/images/menu4.gif') no-repeat 0 0 ;

}

li#nouveaumonde .menuactif{
  background: url('/assets/templates/tickner/images/menu4.gif') no-repeat 0 -34px ;
}
*/
li#menucontact a {
	display: block; 
	width: 110px ;
	height: 34px;
	background: url('/assets/templates/tickner/images/2010-contact.gif') no-repeat 0 0 ;

}

li#menucontact a:hover{
  background: url('/assets/templates/tickner/images/2010-contact.gif') no-repeat 0 -34px ;
}


li#menucontact .btn-contact-annexes a {
	display: block; 
	width: 110px ;
	height: 34px;
	background: url('/assets/templates/tickner/images/2010-contact.gif') no-repeat 0 0 ;

}

li#menucontact .btn-contact-annexes a:hover{
  background: url('/assets/templates/tickner/images/2010-contact.gif') no-repeat 0 -34px ;
}


li#menucontact .btn-contact-maisons a {
	display: block; 
	width: 110px ;
	height: 34px;
	background: url('/assets/templates/tickner/images/2010-contact.gif') no-repeat 0 0 ;

}

li#menucontact .btn-contact-maisons a:hover{
  background: url('/assets/templates/tickner/images/2010-contact.gif') no-repeat 0 -34px ;
}

/* ---------------------------------------
#
#
#     NEWS (FLASH)
#
#
------------------------------------------*/

div#news{
  margin-left:230px;
  width:820px;
  height:322px;
  margin-top:30px;
  margin-bottom:-10px;
}

div#news .annexes {
  border-bottom:solid 4px #E2001A;
  background-color:transparent;
  width:820px;
  height:322px;
}

div#news .maisons  {
  border-bottom:solid 4px #88AB0F;
  background-color:transparent;
  width:820px;
  height:322px;
}

div#news .toutsurtickner  {
  border-bottom:solid 4px #555555;
  background-color:transparent;
  width:820px;
  height:322px;
}

div#news .collectivites  {
  border-bottom:solid 4px #e5b200;
  background-color:transparent;
  width:820px;
  height:322px;
}



/* ---------------------------------------
#
#
#     MAP (google)
#
#
------------------------------------------*/

div#map {
  margin-left:9px;
  width:319px;
  /*float:left;*/
}

div#formadresse {
  margin-left:9px;
  width:319px;
  clear:both;
  /*float:left;*/
}

/* ---------------------------------------
#
#
#     CONTENT version 2010
#
#
------------------------------------------*/

div#content2010 {
  margin-top:0px;
  margin-left:230px;
  width:790px;
  background-color:#2a2a2a;
  padding:15px;
  padding-top:30px;
  font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-bottom:solid 4px #444444;
}

div#content2010 table.content {
  width:760px;
}

div#content2010 table.content td.contentGauche {
  width:370px;
  vertical-align:top;
}

div#content2010 table.content td.contentDroite {
  width:390px;
  vertical-align:top;
}

div#content2010 img {
  float:none;
  margin:0px; 
}

div#content2010 p img{
  float:none;
  margin:0px;
}

div#content2010 h1 {
  font-size:19px;
  color:#ffffff;
  margin-bottom:10px;
  margin-top:0px;
}

div#content2010 h1 strong {
  color:#d3031c;
}

div#content2010 h2 {
  font-size:17px;
  color:#d3031c;
  margin-bottom:5px;
  margin-top:0px;
}

div#content2010 h2 a {
  font-weight:normal;
  text-decoration:none;
  margin-left:0px;
  font-size:15px;
  color:#888888;
  margin-bottom:0px;
  margin-top:0px;
  padding-right:50px;
  background-image: url('/assets/templates/tickner/images/grandepuce.png');
  background-repeat: no-repeat;
  background-position: 1% 50%;
  padding-left: 13px; 
}

div#content2010 h2 a:hover {
  text-decoration:none;
  color:#ffffff;
}

div#content2010 h3 {
  font-size:15px;
  color:#888888;
  margin-bottom:10px;
  margin-top:-5px;
}

div#content2010 ul li {
  margin:0px;
  padding:0px;
  margin-bottom:10px;
  font-size:12px;
  display: list-item;
  color:#ffffff;
  list-style-image: url('/assets/templates/tickner/images/puce.gif');
  width:340px;
  
  
}

div#content2010 p {
  /*float:left;*/
  font-size:12px;
  color:#ffffff;
  margin-bottom:15px;
  margin-top:0px;
  padding-top:0px;
  padding-right:20px;
}

div#content2010 p.legende {
  /*float:left;*/
  font-size:10px;
  color:#666666;
  margin-bottom:15px;
  margin-top:0px;
  padding-top:0px;
  padding-right:20px;
}

div#content2010 a {
  font-weight:bold;
  font-size:12px;
  color:#d3031c;
  text-decoration:none;  
}

/*
div#content2010 a {
  text-decoration:none;
  font-weight:bold;
  color:#ffffff;
  margin-left:370px;
  font-size:12px;
  color:#ffffff;
  margin-bottom:15px;
  margin-top:0px;
  padding-right:50px;
}*/

/* ---------------------------------------
#
#
#     FORMULAIRE
#
#
------------------------------------------*/

div#content2010 table.formcontact {
  /*float:left;*/
  
  font-size:12px;
  color:#ffffff;
  margin-bottom:15px;
  margin-top:0px;
  padding-top:0px;
  padding-right:20px;
  border-collapse:collapse;
}

div#content2010 table.formcontact tr {
  font-size:12px;
  background-color:#444444;
  border-width:5px;
  border-style:solid; 
  border-color:#2C2C2C;
  margin-bottom:5px;
}

div#content2010 table.formcontact tr:hover {
  background-color:#666666;
}

div#content2010 table.formcontact td {
  /*float:left;*/
  padding:5px 10px 5px 10px;
  margin-top:10px;
  border-bottom:10px solid #2C2C2C;

}

div#content2010 table.formcontact a {
  /*float:left;*/
  color:#ffffff;

}

div#content2010 input[type="text"],div#content2010 input[type="password"],div#content2010 textarea {
  width:200px;
}


div#content2010 .formcontact input[type="text"],
div#content2010 .formcontact input[type="password"],
div#content2010 .formcontact textarea {
  width:270px;
}

div#content2010 .formerror {
  font-size:10px;
  font-weight:bold;
  color:red;
  display:block;
}


/* ---------------------------------------
#
#
#     FORMULAIRE (hors contact)
#
#
------------------------------------------*/

div#content2010 div.formulaire label {
  
}

div#content2010 div.formulaire input[type="text"] {

}

div#content2010 div.formulaire input[type="text"] {

} 


/* ---------------------------------------
#
#
#     NEWS (HTML CONTENT)
#
#
------------------------------------------*/

.newscontent {
  margin-top:40px;
  margin-left:230px;
  width:790px;
  background-color:#2c2c2c;
  padding:15px;
  padding-top:30px;
  font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;

}

.newscontent img {
  float:left;
  margin-left:9px;
  margin-bottom:20px;
  clear:both;
}

.newscontent p img{
  float:left;
  margin-left:-360px;
  clear:both;
  margin-bottom:20px;
}

.newscontent h1 {
  margin-left:370px;
  font-size:19px;
  color:#ffffff;
  margin-bottom:10px;
  margin-top:0px;
  padding-right:20px;
}

.newscontent h1 strong {
  color:#d3031c;
}

.newscontent h2 {
  margin-left:370px;
  font-size:17px;
  color:#d3031c;
  margin-bottom:5px;
  margin-top:0px;
  padding-right:50px;
}

.newscontent h2 a {
  font-weight:normal;
  text-decoration:none;
  margin-left:0px;
  font-size:15px;
  color:#888888;
  margin-bottom:0px;
  margin-top:0px;
  padding-right:50px;
  background-image: url('/assets/templates/tickner/images/grandepuce.png');
  background-repeat: no-repeat;
  background-position: 1% 50%;
  padding-left: 13px; 
}

.newscontent h2 a:hover {
  text-decoration:none;
  color:#ffffff;
}

.newscontent h3 {
  margin-left:370px;
  font-size:15px;
  color:#888888;
  margin-bottom:10px;
  margin-top:-5px;
  padding-right:50px;
}

.newscontent ul li {
  margin:0px;
  padding:0px;
  margin-left:370px;
  margin-bottom:10px;
  font-size:12px;
  display: list-item;
  color:#ffffff;
  list-style-image: url('/assets/templates/tickner/images/puce.gif');
  width:340px;
  
  
}

.newscontent p {
  /*float:left;*/
  margin-left:370px;
  font-size:12px;
  color:#ffffff;
  margin-bottom:15px;
  margin-top:0px;
  padding-top:0px;
  padding-right:50px;
}

.newscontent a {
  font-weight:bold;
  font-size:12px;
  color:#d3031c;
  text-decoration:none;  
}

/* ---------------------------------------
#
#
#     VIGNETTES (vignettes promo bas de page)
#
#
------------------------------------------*/

div#vignettes{
  margin-left:230px;
  width:820px;
  margin-top:20px;
  margin-bottom:10px;
}

.vignette {
  width:182px;
  height:128px;
  display:block;
  border-bottom:solid 4px #444444;
}


/* ---------------------------------------
#
#
#     FOOTER
#
#
------------------------------------------*/

div#footer {
  margin-top:0px;
  margin-left:230px;
  width:820px;
  padding-left:15px;
  padding-right:15px;
  vertical-align:middle;
  height:20px;
}

div#footer span {
  display:inline;
}




div#footer #newsletter2010 {

}


div#footer #newsletter2010 input {  
  border-style:solid;
  border-width:1px;
  border-color:#ffffff;
  font-size:10px;
  width:100px;  
  padding:2px;
  background-color:#838383;
  color:#ffffff;
  position:absolute;
  margin-left:5px;
}

div#footer #newsletter2010 a {  
  position:absolute;
  margin-left:115px;
}

div#footer #newsletter2010 #newsletterFeedback {
  position:absolute;
  margin-top:23px;
  margin-left:5px;  
  color:#ffffff;
  font-size:11px;
}


div#footer .newsletterform  {
  color:#afafaf;
  width:400px;
  
}

div#footer .sociallinks  {
  font-size:11px;
  color:#afafaf;
  text-align:center;
  margin-left:180px;
}

div#footer .bottomlinks  {
  margin-left:30px;
  font-size:11px;
  color:#afafaf;
  text-align:right;
}

div#footer .bottomlinks  a {
  text-decoration:none;
  color:#afafaf;
}

div#footer .bottomlinks  a:hover{
  text-decoration:none;
  color:#ffffff;
}

div#footer .bottomlinks a img{
  margin-left:2px;
  vertical-align:bottom;
  
}