/*transeclair / nematis.com*/

/*Couleurs*/

/* #373018; /*marron foncé*/
/* #4b4aba; /*bleu logo*/


body {
	background-color: #fff;
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color: #373018; /*marron foncé*/
	padding: 0px;
	margin: 0px;
	text-align:center; 
}
a {
	color: #3B4650;
	text-decoration: underline;
}
a:visited {
	color: #3B4650;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
a:active {
	color: #3B4650;
}

h1 span
{
	margin-top:-3000px;
	position:absolute;
}

h2,h3 {
	font-family: Arial, Helvetica,  sans-serif;
	font-size: 14px;
	font-weight: bolder;
	letter-spacing: 1px;
	padding: 5px 24px;
	margin: 5px;
	font-variant: small-caps;
	background-image: url(images/fleche_droite.png);
	background-repeat: no-repeat;
	background-position: left;
	color: #3B4650;
}
h1.no_puce,
h2.no_puce
	{background-image:none}
table{
font-size:1.1em;
}
h1.topPage{margin-top:-2000px;position: absolute;}

hr{
color: #A89036;
background-color:#A89036;
height: 3px;
}

.clr{clear:both;}
/*conteneur pour afficher l'image de fond*/
#background {
  width: 980px;
	background-image: url(images/bandeau_fond.png);
	background-position: center;
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	
}

/* ----------conteneur pour centrer le layout-------------- */
#container {
	width: 781px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; 
	position:relative;
}
/* ----------banner header-------------- */
#banner {
	background-color: #e1ddd9;
	height: 126px;
	background: url(images/bandeau_header.png) no-repeat 0 0;
}
#banner img{
border:0;
}
#banner a{
border:0;
}

/* -----------------Zone de contenu principale--------------------- */
#content {
	padding: 0px;
	margin-left: 250px;
	margin-right: 0px;
}
div#content {
	min-height: 360px;
	height: expression(this.scrollHeight > 360 ? "auto": "360px");
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #4B4121;
}
#content div{margin:5px 10px;}

a.lienBleu{
	color:#4b4aba; /*bleu logo*/ 
	background:url(images/puce-bleu.png) no-repeat 0 6px;
	text-decoration:none;
	padding-left:15px;
	margin-left:18px;
	line-height:25px;
}
a.lienBleu:hover{text-decoration:underline;}

p, pre {
	padding: 5px 10px;
	margin: 0px;
}
/* --------------zone de gauche------------- */
#left {
	float: left;
	background:url(images/logo-demenagement-transeclair.png) no-repeat center 5px;
	width: 250px;
	margin: 0px;
	padding: 0px;
	padding-top:45px;
	/*min-height:100px;height:auto !important;height:100px;*/
}

#left ul{margin:0}
#left li{margin-bottom:12px;margin-left:8px;}

#left #leftDemenagement a{
	color: #3B4650;
	text-decoration: none;
	background: none;
	padding-left: 0;
	margin-left:0;
}
#left #leftDemenagement ul li a u{
	color:#4b4aba; /*bleu logo*/ 
	background:url(images/puce-bleu.png) no-repeat 0 6px;
	text-decoration:none;
	padding-left:15px;
	line-height:20px;
	margin-left:10px;
}
#left #leftDemenagement ul li a:hover u{text-decoration:underline;}

#left #devis_gratuit
{
	padding:22pt 0px 10px;
	width:160px !important;
	width:170px;
	background:url(images/devis-demenagement-perpignan.png) no-repeat center top;
	border:6px solid #4c4224;
	margin:0px 40px;
}
#left #devis_gratuit a
{
	display:block;
	padding:0px 15px 0px;
	background:url(images/puce-noir.png) no-repeat 7px 5px;
	color:#4c4224;
	margin-bottom:4px;
}
#left #devis_gratuit a.first
{
	border-top:6px solid #4c4224;
	padding-top:2px;
	background-position:7px 6px;
}

* html #left #devis_gratuit a.first{background-position:7px 12px;}				/*** Hack IE6 */ 
*:first-child+html #left #devis_gratuit a.first{background-position:7px 12px;}	/*** Hack IE7 */ 

#left #devis_gratuit a:hover{color:#0e3083 /* rouge */}

#left img{

     margin-left: 80px; 
}
/* -----------pied de page--------------------------- */
#footer {
	background-image: url(images/bandeau_footer.png);
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 72px;
	text-align: center;
}
#footer p {
	padding-top: 45px;
	line-height:12px;
}
span#sous_footer
{
	font-size:10px;
	/*color:#BFBFBF;*/
	text-align:center;
}

/* -----------menu--------------------------- */
#menu {
	padding: 0;
	margin: -36px 0 20px 260px !important;
	margin: -54px 0 20px 260px;
}
#menu ul {
	color: #4B4121;
	list-style-type: none;
	font-family: Arial, Helvetica,  sans-serif;
	font-size: 13px;
	font-weight: bolder;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu li {
	display: inline;
	margin: 0;
	padding: 0;
}
#menu li a {
	text-decoration: none;
	color: #4B4121;
}
#menu li a:hover {
text-decoration: underline;
	color: #3B4650;
}
#menu li a.select {
text-decoration: underline;
	color: #3B4650;
}

/* zone cliquable pour lien contact*/
#zoneContact {    
	/*float:left;*/
	display:block;
	width : 100px;
	height: 45px;
	margin : 0px;
	position : absolute;top:22px;left:260px;
	/*
	left: 8px;
	top:-55px;
	*/
	background:url(images/transeclair-demenagement-contact.png) no-repeat 0 0px;
	z-index:10;
	/*border: 1px dotted red;*/
}
#zoneContact:hover{background:url(images/transeclair-demenagement-contact.png) no-repeat 0 -45px;}
#zoneContact span{display:none}

/* zone cliquable pour lien Accueil*/
#zoneAccueil { 
	display:block;
	width : 15px;
	height: 15px;
	margin : 0px;
	position : absolute;top:53px;left:260px;
	background:url(images/icon-home.png) no-repeat 0 0px;
	z-index:10;
	padding:3px 0 0 18px;
}
a#zoneAccueil{text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-1px;font-family: Arial, Helvetica,  sans-serif;}
a#zoneAccueil:hover,a#zoneAccueil.select{background:url(images/icon-home-hover.png) no-repeat 0 0;text-decoration:underline;color:#373018;}

/* zone cliquable pour lien contact*/
#zoneCoordonnees {    
	position : absolute;
	top:22px;
	left:310px;
	z-index:10;
}

/* zone cliquable pour lien retour haut de page*/
#zoneTop {    
float:right;
width : 30px;
height: 30px;
margin : 0px;
margin-left: 0px;
margin-top: -50px;
/*border: 1px dotted red;*/
}

/* ##################### DETAILS DES PRESTATIONS #####################*/
.entete_details{font-size:10px;}

p.pointillets
{
	float:left;
	width:380px;
	background:url(images/pointillets.gif) repeat-x 0 80%;
	padding-left:0;
}
p.pointillets span{background-color:#fff;}

p.cases_cochees
{
	float:left;
	width:20px;
}
a.paragraphe{color: #3B4650;text-decoration: none;background: transparent url(images/puce-grise.png) no-repeat 0 6px;padding-left: 15px;margin-left:5px;}
a:hover.paragraphe{color: #3B4650;text-decoration: none;}

/* ##################### FORMULAIRE DE CONTACT #####################*/
#formulaire_contact label
{
	/*margin-left:50px;*/
	float: left;
	margin:0 5px 0 0;
	width:100px;
	text-align:right;
	font-size:1em;
}
#formulaire_contact span{font-size:10px;}
#formulaire_contact input{border:2px solid #A89036;width:250px;margin-bottom:5px;}
#formulaire_contact textarea{border:2px solid #A89036;width:250px;margin-bottom:5px;}
#formulaire_contact input.image{width:auto;border:none;}
.important{	color:#000;font-size:11px;}



/* ##################### FORMULAIRE DE DEVIS #####################*/
#container #fieldsetReponse{padding-left:125px;}

.aide img{border:none;vertical-align:top;margin-left:10px;}
.aide:hover {cursor: help;}

.devis_form fieldset p{margin:0;padding:0;clear:both;}
#container .labelDroit{width:auto;float: none;margin:0 5px 0 5px;text-align:left;}

#formulaire_devis fieldset p span.recap{font-size:1em;font-weight:bold}

#formulaire_devis{}

#formulaire_devis fieldset
{
	margin:10px;
	padding:10px;
	border:2px solid #A89036;
}
#formulaire_devis legend{
	font-weight:bold;
	font-size:1.1em;
}

#formulaire_devis label
{
	/*margin-left:50px;*/
	float: left;
	margin:0 5px 0 0;
	width:110px;
	text-align:right;
	font-size:1em;
}

#formulaire_devis span{font-size:10px;}
#formulaire_devis input.champs{border:2px solid #A89036;width:250px;margin-bottom:10px;}
#formulaire_devis input.champsCourt{border:2px solid #A89036;width:75px;margin-bottom:5px;}
#formulaire_devis textarea{border:2px solid #A89036;width:250px;margin-bottom:5px;}
#formulaire_devis textarea.textLarge{width:100%;}
#formulaire_devis select{border:2px solid #A89036;width:250px;margin-bottom:10px;}

#formulaire_devis div ul li{width:280px;clear:both;padding:4px 0}
#formulaire_devis div ul li span{float:right}

.importantReponse{color:#bd0926;}

/* ############## ONFOCUS */
input:focus{background-color:#EFE1B3;}
textarea:focus{background-color:#EFE1B3;}


#formulaire_devis input.image{width:auto;border:none;}
#centre_article input.radio{width:15px;border:none;}
#centre_article input.checkbox{width:15px;border:none;}

/* ############## CHECKED */
input:checked{color:#000;font-weight:bold;}

/* ##################### DIAPORAMA ##################### */
.block_lecture img{border:none}

/* ##################### AUTRES ################## */
a.u{text-decoration:underline;}

/* ##################### GMAPS ################## */
a#planLink {
	background: transparent url(images/puce-grise.png) no-repeat 0 6px;
	padding-left: 15px;
}


#content div#myMap *,
#content div#directions * {
	margin: 0px;
	padding: 0px;
}

form#itineraire fieldset{border:none;}
form#itineraire textarea{border:2px solid #A89036;width:220px;margin-bottom:5px;}


#formulaire_contact input.btDefault,
form#itineraire input.btDefault,
#formulaire_devis input.btDefault
{
	width:auto;
	background-color: silver;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	cursor:pointer;
}