@charset "iso-8859-1";
/* =============================================
Exit 9 - www.exit9.fr
Tous droits réservés 2010
ecrit par Jean-Baptiste ROUAUX & Edouard PERRIN
dernière révision : 02/07/2010


/* HTML5 block-level reset pour un meilleur support structurel des tags sur les vieux navigateurs */
header, footer, section, aside, nav, article, figure { display: block; }

html { overflow-y: scroll; }

/* RESET
---------------*/
img {border:none;}

/* LINKS & TYPE
---------------*/
body { font: 100%  Arial, sans-serif; font-size: 12px; margin: 0 auto; padding: 0; background-color: #F2f2f2; width: 1023px;}


a { text-decoration:none}

img { border:0}

::selection{ background-color:#4c5f8a; color: #f2f2f2}

::-moz-selection{ background-color:#4c5f8a; color: #f2f2f2}

/*  HEADER
---------------*/
header { text-align: right}

header ul { margin-right: 17px; padding-top: 20px}

header li { display: inline}

header li a { text-decoration: none; color: #333333; font-weight: bold; padding: 35px 22px 5px 23px; 
-webkit-transition: background-color .1s ease-in, color .2s ease-in;
-moz-transition: background-color .1s ease-in, color .2s ease-in;
-o-transition: background-color .1s ease-in, color .2s ease-in;
transition: background-color .1s ease-in, color .2s ease-in;}

header li a:hover { color: #f2f6f9; background-color: #bac3d7}

header li .current_page { color: #f2f6f9; background-color: #bac3d7}

header li a:active { color: #f2f6f9; background-color: #bac3d7}

/*  BACKGROUND
---------------*/
#container { width: 1023px; height: 745px; float: right; background-image: url("../img/bg.png")}

#logoe9 { margin-top: 48px; margin-left: 10px}

#infogauche{ color: #FFF; width: 206px; float: left; font: 100% Arial, sans-serif; text-align: left; margin-left: 32px}

#infogauche dt { font: lighter 35px Myriad Pro, sans-serif; color: #d6daec; margin: -5px 0 15px 10px}

#infogauche dd { list-style-type: none; padding: 0; font: 12px Arial, sans-serif; color: #d6daec; margin: 0 0 10px 10px; letter-spacing: 2px}

#infogauche h1 { margin-top: 85px; letter-spacing: 1px; font-size: 12px; font-weight: bold}

#infogauche p { font-size: 11px; letter-spacing: 1px; line-height: 16px; color: #FFF}

#infogauche ul { list-style-type: none; padding: 0; margin: 35px 0 0 0}

#infogauche li { list-style-position: inside; margin-bottom: 12px; width: 200px; padding-bottom: 8px; border-bottom: solid 1px #62719c}

#infogauche a { font: 600 11px Arial, sans-serif; text-decoration: none; color: #e1e8f9;
-webkit-transition:color .2s ease-in;
-moz-transition:color .2s ease-in;
-o-transition:color .2s ease-in;
transition:color .2s ease-in;
}

#infogauche a:hover { font: 600 11px Arial, sans-serif; text-decoration: none; color: #FFF}

#lselector{
	margin-top: 5px;
	margin-left: -32px;
}

#infogauche a.lsel{font: 600 11px Arial, sans-serif; text-decoration: none; color: #4c5f8a;background-color: #bac3d7;padding: 5px;
-webkit-transition:color .2s ease-in;
-moz-transition:color .2s ease-in;
-o-transition:color .2s ease-in;
transition:color .2s ease-in;
opacity:0.6;

}

#infogauche a.lselfr{
	margin-right:5px;
}

#infogauche a.thislang{
	background-color: #7f8fbd;color: #fff;opacity: 1;
}

#infogauche a.lsel:hover{ color: #FFF}

/*  INDEX
---------------*/
#central { width: 734px; min-height:735px; float: right; margin-right: 17px; background-color: #FFF}

#indexcontent { float: left; margin: 40px 0 0 30px;}

#indexinfo { text-align: left; min-height:140px}

#indexinfo h2 { padding: 0 30px; font-size: 13px; font-weight: bold; color: #4b5f89}

#indexinfo h3 { letter-spacing: 1px; padding: 0 30px; width: 210px; font-size: 11px; font-weight: lighter; color: #666}

#indexinfo img {border:0; margin: -10px 0 0}

voirLink { margin: 0 0 0 180px; font-size:10px; padding:0 0 10px 15px; margin-bottom:20px;  background:url("../img/arrowright.gif") 50px 1px no-repeat; text-transform:uppercase}

.voirLink a { font-weight:bold; color:#475160}
	
.voirLink a:hover { text-decoration:underline}

@-webkit-keyframes 'rollover' { from { -webkit-transform: rotate(0); }

25% { -webkit-transform: rotate(2deg);}

50% { -webkit-transform: rotate(-2deg);}

75% { -webkit-transform: rotate(2deg);}

to { -webkit-transform: rotate(-2deg);}} 

@keyframes 'rollover', { from { transform: rotate(0);}

25% { transform: rotate(2deg);}

50% { transform: rotate(-2deg);}

75% { transform: rotate(2deg);}

to { transform: rotate(-2deg);}}
  
.rollover-brief:hover a{  -webkit-animation-name: 'rollover'; -webkit-animation-duration: 0.3s; -webkit-animation-iteration-count: 2; -webkit-animation-timing-function:ease-in; animation-name: 'rollover'; animation-duration: 0.3s; animation-iteration-count: 2; animation-timing-function:ease-in; background-position: 0 -69px}

.rollover-brief a { display:block; width: 183px; height: 68px; font: bold 13px Arial, Helvetica, sans-serif; color:#333; background: url("../img/rollover_brief.png") 0 0 no-repeat; text-indent:-9999px; text-decoration: none}

.rollover-brief-en a{
	background: url("../img/en-rollover_brief.gif") 0 0 no-repeat;
}

.rollover-brief a:active { background-position: 0 -137px}

#contactinfo { font: 11px/10px Arial, sans-serif; float: left; color: #666; letter-spacing: 1px; padding-bottom: 25px}

#contactinfo th { text-align: left; width: 150px}

#contactinfo td table td { color: #a5a5a5; text-align: left; width: 80px}

#contactinfo a { color: #a5a5a5; 
-webkit-transition: color .1s ease-in, text-shadow .1s ease-in;
-moz-transition: color .1s ease-in, text-shadow .1s ease-in;
-o-transition: color .1s ease-in, text-shadow .1s ease-in;
transition: color .1s ease-in, text-shadow .1s ease-in;
}

#contactinfo a:hover { color: #333; text-shadow: 1px 1px 1px #ccc}

#contactinfo hr { border: 0; height: 1px; color: #666; background-color: #eee; margin: 25px 50px 25px 0; width: 670px}

footer { width:750px; float: right; text-align:right; font-size: 11px; color: #666}

footer a{color: #666}

footer a:hover{text-decoration:underline}

.htmlvalid{
	float: left;
	margin-top: 0px;
	margin-left: 0;
	opacity: 0.3;
}

.htmlvalid:hover{
	opacity: 0.8;
}

/*  AGENCE
---------------*/
#showcaseagence{ margin: 30px 0 0 30px}

#agencepres p{ font: 11px/15px Arial, sans-serif; letter-spacing: 1px; color: #4c5f8a; width: 300px}

#agencepres h1{ font: bold 12px Arial, sans-serif; letter-spacing: 1px; color: #666}
#agencepres h1:last-of-type{ padding-top:15px}

#indexcontent aside{ float: right; margin: 10px 80px 0 0px}

#indexcontent aside ul{
	list-style-type: none;
	width: 250px;
}

#indexcontent aside ul li{
	height: 100px;
}

#indexcontent aside ul div{
	float:  right;
}

#indexcontent aside img{
	float: left;
}	
	
#indexcontent aside h3{ color: #4b5f89; font-size: 12px; font-weight: bold;}

#indexcontent aside p{ width: 170px;  color: #4b5f89; font-size: 11px; letter-spacing: 0;}


/*  RÉFÉRENCES
---------------*/
#navref { margin-left: -5px}

#navref ul { margin-right: 17px; padding-top: 22px}

#navref li { display: inline}

#navref li a { font-family:Futura,sans-serif; text-decoration: none; color: #999; padding: 35px 10px 5px 11px; 
-webkit-transition:background-color .1s ease-in, color .2s ease-in;
-moz-transition:background-color .1s ease-in, color .2s ease-in;
-o-transition:background-color .1s ease-in, color .2s ease-in;
transition:background-color .1s ease-in, color .2s ease-in;
}

#navref li a:hover { color: #fff; background-color: #c0c9dd}

#navref li .current_filter { color: #fff; background-color: #c0c9dd; }

#refcontent { float: left; margin: 20px 0 0 30px;}
#divtable{
	min-height: 550px;
}
#reftable h1 { color: #4b5f89; font-size:12px; font-weight: bold}

#reftable h2 { color: #4b5f89; font-size:12px; color: #999; font-weight: 100; margin-bottom: 20px}

#reftable tr { height: 220px}

#reftable td { width: 230px}

#reftable hr { border: 0; height: 1px; color: #666; background-color: #eee; margin: 0 0 0 -470px; width: 670px}

#reftable td img {width:198px; height:123px; 
transform: scale(1);
transition: transform .3s ease-in-out;

-webkit-transform: scale(1); 
-webkit-transition: -webkit-transform .3s ease-in-out;

-moz-transform: scale(1); 
-moz-transition: -moz-transform .3s ease-in-out}

#reftable td:hover img {
transform: scale(1.15);
transition: transform .3s ease-in-out;

-webkit-transform: scale(1.15); 
-webkit-transition: -webkit-transform .3s ease-in-out;


-moz-transform: scale(1.15); 
-moz-transition: -moz-transform .3s ease-in-out;

-o-transform: scale(1.15); 
-o-transition: -o-transform .3s ease-in-out;}

#reftable td:hover h1 {text-decoration:underline}

/*  CLIENT
---------------*/
#clientcontent { width: 670px; float:left; margin: 20px 0 0 30px}

.backLink { font-size:10px; border-bottom:0; padding:0 0 10px 15px; margin-bottom:20px;  background:url("../img/client/arrowleft.gif") 0 3px no-repeat; border-bottom:#e5e5e5 solid 1px; text-transform:uppercase}

.backLink a { font-weight:bold; color:#475160}
	
.backLink a:hover { text-decoration:underline}		

#clientcontent h1{ color: #4b5f89; font-size:14px; font-weight:bold}

#clientcontent details{ font-size:12px; color: #999; font-weight:100}

#clientside ul {list-style-type:none; margin:0; padding:0}

#clientside li {padding-left:12px; background:url("../img/client/bulletpoint.gif") 2px 6px no-repeat; color:#4a5f88}

#clientside{ float: right; width: 200px; margin:0; padding:0}

#clientcontent h2 { color: #666; border-bottom:0; font-size:13px; font-weight: bold; padding:0 0 2px 0; text-transform:uppercase;  border-bottom:#e5e5e5 solid 1px}
	
#clientcontent h3 { color: #4b5f89; font-size:11px; padding:0; margin-bottom:0; font-weight: bold}

#clientcontent ul { color: #4b5f89}

#clientcontent details { color: #666; font-size:11px;}

#clientside img { margin: 25px 0}
	
#clientcontent p{ font-size: 12px; line-height: 16px; color: #4b5f89}

#clienttext { float: left; width: 440px}
	
a.caseBanner {display:block; width:185px; height:59px; margin:0 auto; margin-top: 25px; background:url("../img/client/casestudy-banner.gif") 0 0 no-repeat; text-indent:-9999px}

a.encaseBanner{background:url("../img/client/en-casestudy-banner.gif") 0 0 no-repeat;}

a.caseBanner:hover {background-position:0 -59px}

a.caseBanner:active {background-position:0 -118px}	

a.ext {padding: 0 15px 0 0; height:6px; color:#4b5f89; background:url("../img/client/arrow_ext.gif") no-repeat 98% 40%;}

a.ext:hover {background:url("../img/client/arrow_ext2.gif") no-repeat 98% 40%; color:#072040;}

/*  CASE STUDIES
---------------*/
#csgen{ float: left; margin: 20px 0 0 30px}

#cshr{ border: 0; height: 1px; color: #dbe3ef; background-color: #dbe3ef; margin: 25px 0 0; width: 660px}

#csside{ float: left}

#csside ul{ list-style-type: none; margin:0; padding:0}

#csside li{ margin: -1px 0 0; width: 200px; padding: 5px 10px; border: 1px solid #dbe3ef; border-left: 0; border-right:0; 
-webkit-transition: background-color .2s ease-in;
-moz-transition: background-color .2s ease-in;
-o-transition: background-color .2s ease-in;
transition: background-color .2s ease-in;
}

#csside li:hover{ background-color: #dbe3ef}

#csside li.selcs{ background-color: #dbe3ef}

#csside li a{ text-decoration: none; color: #4b5f89}

#csside h2{ font-size: 12px}

#csside p{ color: #666; margin-top: -5px}

#cscontent{ float: right; width: 410px; margin: 0px 59px 0 0; border-left: 1px solid #dbe3ef; padding-left: 30px}

#cscontent h2{ font-size:12px; color: #666; font-weight: bold; margin-bottom: 20px}

#cscontent h3{ color: #4c5f8a; font-size:12px; font-weight: bold; margin-left: 30px}
	
#cscontent p{ font-size: 12px; line-height: 14px; color: #4c5f8a;}
	
#cscontent .souspar{ padding-left: 30px}

#cscontent li {list-style-type:none; margin-left:-30px; padding:0;}

#cscontent li{padding-left:12px; background:url("../img/client/bulletpoint.gif") 2px 6px no-repeat; font: 12px Arial, sans-serif; color:#4c5f8a}

.spacercase {clear: both; height:55px}
	
/*  PRESSE
---------------*/
#pressecontent{ float: left; margin: 20px 0 0 30px}

#pressecontent hr{ border:0; height:1px; background-color: #e8ebf1; width: 100%}

#pressecontent h2{ color: #666; font-size:13px;	 font-weight: bold; margin-bottom: 10px; letter-spacing:1px}

#pressecontent caption{ color:#999; font-size:12px; text-align:left; font-weight:bold; margin:0 0 0 20px; padding-top:10px; letter-spacing:1px}

.contactpresse{ list-style-type:none; color: #666; line-height:18px; letter-spacing:1px; width:250px}

#listecp{ list-style-type:none; margin:0; padding:0}

#listecp li{ margin-bottom: -1px; width: 620px; height:55px; padding: 5px 10px; border: 1px solid #dbe3ef; border-left: 0; border-right:0; z-index:1; 
-webkit-transition:background-color .5s ease-in;
-moz-transition:background-color .5s ease-in;
-o-transition:background-color .5s ease-in;
transition:background-color .5s ease-in;
}

#listecp li:hover{ background-color: #dbe3ef; z-index:1}

#listecp li a{ text-decoration: none; color: #4b5f89; z-index:1}

#listecp li h2{ color: #4b5f89; font-size: 12px; z-index:1}

#listecp li p{ color: #666; margin-top: 2px; z-index:1}

#listecp span {display:block; width:106px; height:26px; margin:-45px 0 0; padding:0; float:right; background:url("../img/presse/presse-button.gif") 0 0 no-repeat; text-indent:-9999px; z-index:2; 
-webkit-transition: background-position .2s ease-in;
-moz-transition: background-position .2s ease-in;
-o-transition: background-position .2s ease-in;
transition: background-position .2s ease-in;
}

#listecp.enlistecp span{
	background:url("../img/presse/en-presse-button.gif") 0 0 no-repeat;
}

#listecp span:hover { background-position:0 -27px; z-index:2}

/*  EXPERTISE
---------------*/
#expliste{ margin-left:-62px; margin-top:-30px; display:table}

#expliste h1{ font: 12px Futura,Arial, sans-serif;letter-spacing:1px; color:#336699; margin-bottom:15px}

#expliste h2{ font: bold 12px Arial, sans-serif; padding: 0 0 3px 40px; color:#336699; margin-bottom:-1px}

#expliste .expitem li {list-style-type:none; margin:0; padding:0}

#expliste .expitem li{padding-left:12px; background:url("../img/client/bulletpoint.gif") 2px 6px no-repeat; font: 12px Arial, sans-serif; color:#4c5f8a}

#expliste p { font: 12px Arial, sans-serif; padding:10px; color:#4c5f8a}

#expliste .expitem { width:220px; display:table-cell; padding:10px; padding-bottom:30px; transition:background-color 0.4s ease-in-out;  -webkit-transition: background-color 0.4s ease-in-out;  -moz-transition: background-color 0.4s ease-in-out; -o-transition: background-color 0.4s ease-in-out}

#expliste div { height:380px}

.butexpbis{ margin-left:12px; margin-bottom:15px; opacity:0; font: 11px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; padding:8px 28px; background-image:url("../img/expertise/butexpbis.gif"); background:linear-gradient(0deg,#AAA, #888); background:-webkit-gradient(linear, left top, left bottom, from(#AAA), to(#888)); background:-moz-linear-gradient(0deg,#AAA, #888); // background:-o-linear-gradient(0deg,#AAA, #888); /* Not supported yet */ transition:opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; box-shadow:inset 1em 1em 1em -1.3em white, inset -1em -1em 1em -1.3em black; -webkit-box-shadow:inset 1em 1em 1em -1.3em white, inset -1em -1em 1em -1.3em black;-moz-box-shadow:inset 1em 1em 1em -1.3em white, inset -1em -1em 1em -1.3em black;-o-box-shadow:inset 1em 1em 1em -1.3em white, inset -1em -1em 1em -1.3em black}

.butexpbis:hover{ font-family:Helvetica,sans-serif; font-size:11px; color:#fff; padding:8px 28px; border-radius:2px; -webkit-border-radius:2px; -webkit-box-shadow:inset 1em 1em 1em -1.3em white, inset -1em -1em 1em -1.3em black; background:-webkit-gradient(linear, left top, left bottom, from(rgb(123,147,203)), to(#505EAA)); background:-moz-linear-gradient(0deg,rgb(123,147,203), #505EAA);background:linear-gradient(0deg,rgb(123,147,203), #505EAA)}

.expitem:hover .butexpbis{ opacity:1}
.expitem:hover div { opacity:1}
.expitem:not(:hover) div{ opacity:0.25}
.expitem:hover {background-color:#f0f0f6; opacity:1}
.expitem div { transition: opacity 1s ease-in-out; -webkit-transition:  opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out}


/*  BRIEF
---------------*/
input, textarea, fieldset, button {font-family:Arial, Helvetica, sans-serif; outline:none; border:0; padding:0; margin:0; text-decoration:none}

textarea {overflow:auto}

#genform{margin-left:30px}

#BriefForm {width:417px; padding:0; margin-left:128px;  height:auto !important; height:331px; min-height:331px}

.titrebrief {background:url("../img/brief/t_brief.gif")0 0 no-repeat; height: 12px; margin:25px 0 -5px; text-indent:-9999px}

.en-titrebrief {background:url("../img/brief/en-t_brief.gif")0 0 no-repeat; height: 12px; margin:25px 0 -5px; text-indent:-9999px}

#BriefForm p {font-size:12px; line-height:17px; color:#4C5F8A; padding-top:8px}

#BriefForm hr {height:1px; line-height:1px; border:0; background:#e5e5e5; margin-top:11px; color:#e5e5e5}

#BriefForm h5 {font-size:11px; font-weight:bold; line-height:17px; padding:0; margin:0; color:#4B5F89}

#BriefForm fieldset ol {font-size:11px; color:#434343; font-weight:bold;list-style-position:outside}

.proposalListe {list-style-type:none; margin:0; padding:0}

.proposalListe li {margin-bottom:20px}

.proposalListe hr {margin:20px 0 0 0}

.proposalListe p {font-weight:normal; margin:10px 0 15px 0}

.proposalListe input.questionnaireField,
.proposalListe span.textareaBox, 
.proposalListe div.selectBox {margin-left:0 !important; margin-bottom:0 !important;}
.proposalListe span {font-weight:lighter}
.areaList {margin:0; padding:0}
.areaList li {margin:0;padding:0}				

#BriefForm fieldset  { width:417px; padding:18px 0 5px 0}

#BriefForm label {font-size:11px; display:block; color:#434343; font-weight:bold; margin-bottom:3px; line-height:15px}

#BriefForm label.longname {letter-spacing:-0.1px; clear:both}

#BriefForm label i {font-weight:normal; font-style:normal}
					
.questionnaireField {width:417px; height:31px; margin-bottom:8px; padding:0 0 0 5px; font-size:14px; color:#434343; background:url("../img/brief/formfield.gif") 0 0 no-repeat}

.questionnaireField:invalid {background-position: 0 -62px;}

.questionnaireField:-moz-invalid {background-position: 0 -62px;}

.questionnaireField:focus {background-position:0 -31px}


ol input.questionnaireField {margin-left:-20px}		

.areaList {overflow:hidden; clear:both; padding:3px 0 17px 0}

.areaList li {list-style-type:none; width:138px; float:left}

.areaList li ul {margin:0; padding:3px 0 0}

.cb_brief {font-weight:normal; height:19px; line-height:19px}

.cb_brief input {float:left; height:19px; margin-right:2px}

.cb_brief span {width:auto !important; height:19px; line-height:19px; float:left; margin:0 !important; background:none  !important;}
										
div.selectBox {margin:0 0 9px -17px}

.textareaBox {width:417px; height:121px; display:block; margin:8px 0 14px -20px; background:url("../img/brief/bg_field-form.gif") 0 0 no-repeat}
.textareaBox textarea:focus {height:121px; background:url("../img/brief/bg_field-form.gif") 0 0 no-repeat; background-position:0 -121px}
.textareaBox textarea {width:408px; height:115px; padding:3px 0 0 9px; background:none; font-size:11px; color:#434343; line-height:24px}						
						
#BriefForm p.buttonHolder {padding:0}
#BriefForm i {display:block; float:right; width:85px; margin-top:24px; height:27px; padding-top:1px; background:url("../img/brief/send-button.gif") 0 0 no-repeat; clear:both}
#BriefForm i button {width:85px; height:18px; float:right; line-height:18px; margin-top:2px; display:block; text-align:center; font-style:normal; color:#fff; font-size:11px; font-weight:bold; background:none; text-transform:uppercase}
#BriefForm i:hover {background-position:0 -27px}
#BriefForm i:active {background-position:0 -54px}		
	
.customSelect {height:29px; width:231px; position:relative; margin-bottom:20px}

.customSelect select {width:200px}
					
#showcase{ opacity: 1}

/*  ESENT
---------------*/

#sendrcontent { float: left; margin: 40px 0 0 30px}

.es_par{ font: 13px Lucida Grande, Helvetica, Arial, sans-serif; padding: 10px 25px 10px 25px; background-color: #f2f2f2; border: 1px solid #50618d; width: 620px; text-align: center; margin: 200px 0 0 0; color: #566898}

.press_enmsg{ font: 13px Lucida Grande, Helvetica, Arial, sans-serif; padding: 10px 25px 10px 25px; background-color: #f2f2f2; border: 1px solid #50618d; width: 620px; text-align: center; margin: 10px 0 0 0; color: #566898}

.es_backLink { font-size:10px; border:0; margin:50px 0 220px 250px; padding:0 0 10px 15px; text-align: left; background:url("../img/client/arrowleft.gif") 0 2px no-repeat; text-transform:uppercase}

.es_backLink a {font-weight:bold; color:#475160}
	
.es_backLink a:hover { text-decoration:underline}	

/*  PAGE 404 
---------------*/
.errorcontent { float: left; margin: 40px 0 0 30px}

.errorcontent h1 {margin-top: 15px; letter-spacing: 1px; font-size:1.5em; font-weight: bold}

.errorcontent p {margin-top: 15px; font-size:1em; line-height:17px; color:#4C5F8A; padding-top:8px}

.column {float: left; margin: 0 0 0 50px; padding: 15px}

.column h2 { margin: 0 0 20px 0; padding: 0; font-size: 13px; font-weight: bold; color: #4b5f89; text-transform:uppercase}

.column ul {list-style-type:none;margin: 0; padding: 0;}

.column li a {font: 1em/20px  Arial, sans-serif; color:#36F}

.column li a:hover {text-decoration:underline}

div.spacer {clear: both; height: 285px}

/*  SITEMAP 
---------------*/
#sitemap { float: left; margin: 40px 0 0px 30px}

#sitemap h1 { font: 1.5em Futura,Arial, sans-serif; width: 670px;letter-spacing:1px; color:#336699; margin-bottom:15px; border-bottom: solid 1px #62719c}
.spacersitemap { clear: both; height: 180px;}

/* OFF VERSION */