/* 
  LD LINES FRET CSS
   * Filename:  screen.css
   * Version:   0.1 (2009-01-15) YYYY-MM-DD
   * Author:	RF Publicité
   
    
   == STRUCTURE: ========================
   * Page width:            962 px
   * Number of columns:     27
   * Column width:          26 px
   * Margin width:          10 px
  ======================================
 
  == COLOR: ========================
  Deep blue : #081f63
  
   
*/
/* Blueprint grid.css */
@import 'grid.css';
 
 
/* typography.css */
body {font-size:75%;color:#222; background: #fafafa url(../img/bg_body.gif) repeat-x;font-family: Arial, sans-serif; margin-top: 0}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#0d3f8f;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;color: #fff;background:#cfcfcf;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
 
 
/* layout.css */
.container { }
hr.nospace { background: #fff; color: #fff; margin: 0; height: 0; min-height: 0;}
.content { background: url(../img/bg_content.gif) no-repeat; padding: 20px 21px 22px 22px; position: relative; }
.logo { height: auto; margin: 0;}

/* footer */
.footer p { text-align: right;}
.footer img { margin-left: 1em;}

/* top nav */
div#topnav ul, div.nav ul { list-style-type:none; margin:0; }
div#topnav ul { margin-top: 50px; text-align:right}
div#topnav ul li { float: left; margin-left: 14px; }
div#topnav li a:link, div#topnav li a:visited { color: #666;}
div#topnav li span.fl_countries { display: block; width: 24px; padding-left: 0}
div#topnav li span.fl_countries a { display: block; width: 100%; text-decoration: none;}

div.nav { position: absolute; background: #fff; left: 294px; width: 200px; text-align: right; background: url(../img/bg_underligne.gif) no-repeat left bottom; padding-bottom: 0.15em;/*filter: alpha(opacity=80); -moz-opacity: 0.80; -khtml-opacity: 0.80; opacity: 0.80;*/}
div.nav ul a { background:url(../img/ico-sub.gif)  no-repeat right; color:#666; padding-right:12px; text-decoration:none; }
div.nav ul a:hover, div.nav ul a.active  { background-image:url(../img/ico-subOn.gif); color:#081e61; }

/* flags */
.fl_countries {display:inline;  overflow:hidden; height:24px; font-size: 18px !important; padding-left:18px; padding-bottom:0px; background-repeat:no-repeat;  background-image:url( ../img/flags.png); }
.fl_uk {background-position: 0px 0px}
.fl_france {background-position: 0px -24px}
.fl_eire {background-position: 0px -48px}
.fl_germany {background-position: 0px -72px}
.fl_spain {background-position: 0px -96px}

/* accordion */
.accordion, .accordion * {	margin:0;	padding:0;	list-style-type: none; }
.accordion div h3 { line-height: normal; font-size: 0.01em; margin: 0; padding: 0;}
.accordion div h3 a { display: block; width: 98px; height: 449px;background: #fff url(../img/bg_nav_uk.jpg) no-repeat;}
body.uk .accordion div h3 a { background-image: url(../img/bg_nav_uk.jpg); }
body.fr .accordion div h3 a { background-image: url(../img/bg_nav_fr.jpg); }
body.sp .accordion div h3 a { background-image: url(../img/bg_nav_es.jpg); }
.accordion div h3 a span { display: none}
 
.accordion h3.one  a { background-position: 0 0; }
.accordion h3.one a:hover, .accordion div.active h3.one a { background-position: 0 -449px;}
.accordion h3.two a	{ background-position: -98px 0; }
.accordion h3.two a:hover, .accordion div.active h3.two a { background-position: -98px -449px;}
.accordion h3.three a { background-position: -196px 0; }
.accordion h3.three a:hover, .accordion div.active h3.three a { background-position: -196px -449px;}
.accordion h3.four a { background-position: -294px 0; }
.accordion h3.four a:hover, .accordion div.active h3.four a { background-position: -294px -449px;}

.active { z-index: 20;  }
.accordion div span.relContent 		{ position: absolute; top: 0; left: 98px; width: 528px; height: 449px; overflow: auto; background: #fff url(../img/img_network.jpg) no-repeat;}
.accordion div.four span.relContent { background: #fff url(../img/img_accueil.jpg) no-repeat;}
.accordion div.two span.relContent {}

/* frame content */
.embed { position: absolute; top: 29px; width: 510px;; display: none; z-index: 30; overflow: none;}
.embed iFrame {width: 510px; height: 430px; overflow: none;}
#embed-one { left: 227px;}
#embed-two { left: 325px;}
#embed-three { left: 423px;}

.frameContent, .winContent { background: #fff;}
body.winContent div.container { width: 746px;}
body.frameContent div.container { width: 494px;}
body.frameContent #contentText { height: 306px; overflow: auto;}

h5 { color: #081f63}

/* cmxform */
form.cmxform fieldset {  margin-bottom: 10px;}
form.cmxform legend {  padding: 0 2px; font-weight: bold; }
form.cmxform label {  display: inline-block;  line-height: 1.8;  vertical-align: top; }
form.cmxform fieldset ol {  margin: 0;  padding: 0; }
form.cmxform fieldset li {  list-style: none;  padding: 5px;  margin: 0; border-bottom: 1px solid #efefef }
form.cmxform fieldset fieldset {  border: none;  margin: 3px 0 0; }
form.cmxform fieldset fieldset legend {  padding: 0 0 5px;  font-weight: normal; }
form.cmxform fieldset fieldset label {  display: block;  width: auto; }
form.cmxform em {  font-weight: bold;  font-style: normal;  color: #f00; }
form.cmxform label { width: 200px; /* Width of labels */ }
form.cmxform fieldset fieldset label {  margin-left: 203px; /* Width plus 3 (html space) */ }

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text {border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.textSmall { width: 100px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}