/* @override http://localhost:8888/css/main.css */

/* @group Typo */

p {
  font-size: 1em; /* 12px */
  line-height: 1.3333em; /* 16px */
  margin: 0 0 1.3333em 0;
}

/* 10 - The quick brown fox jumps over the lazy dog */
you-got10px {
  font-size: 0.8333em; /* 10px */
  line-height: 1.6em; /* 16px */
  margin-top: 1.6em;
  margin-bottom: 0em;
}
/* 12 - The quick brown fox jumps over the lazy dog */
you-got12px {
  font-size: 1em; /* 12px */
  line-height: 1.3333em; /* 16px */
  margin-top: 1.3333em;
  margin-bottom: 0em;
}
/* 14 - The quick brown fox jumps over the lazy dog */
you-got14px {
  font-size: 1.1667em; /* 14px */
  line-height: 1.1429em; /* 16px */
  margin-top: 1.1429em;
  margin-bottom: 0em;
}
you-got24px {
  font-size: 2em; /* 24px */
  line-height: 1.3333em; /* 32px */
  margin-top: 0.6667em;
  margin-bottom: 0em;
}
/* 32 - The quick brown fox jumps over the lazy dog */
you-got32px {
  font-size: 2.6667em; /* 32px */
  line-height: 1em; /* 32px */
  margin-top: 0.5em;
  margin-bottom: 0em;
}
/* @end */

/* @group Eric Meyer CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;

}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background: white;
}
ol, ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

/* @end */

body {
  font: 12px/16px Arial, sans-serif;
  background: #EAE9E5 url(../img/body-bg.gif) repeat-y center top;
}

a {
  color: #0c2685;
  text-decoration: none;
}
a:hover, a:focus {
/*  text-decoration: underline;*/
        color       : #000;
}

.hide {
  display: none;
}

#wrap {
  position: relative;
  width: 930px;
  margin: 0 auto;
       /* background: #0c2685 url(../img/baseline_16px.gif) 0 -3px;*/
}

/* @group header */

#header {
  position: relative;
  height: 123px;
  /*background: url(../img/header.gif) no-repeat;*/
  background: url(../img/header_printemps.gif) no-repeat;
}

h1#logo a {
  display: block;
  width: 260px;
  height: 90px;
  overflow: hidden;
}

h1#logo span {visibility    : hidden; }
/*
h1#logo {
  position: absolute;
  left: 10px;
  top: 15px;
}

a h1#logo {
  display: block;
  width: 260px;
  height: 90px;
  overflow: hidden;
}

h1#logo span {visibility    : hidden; }
*/
#tagline {
  height: 0;
  overflow: hidden;
}

/* @end */



/* @group content */

#content {
  font-size   : 11px;
  float       : left;
  color       : #585858;
  background  : #fff;
  line-height : 1.6em; /* 16px */
  letter-spacing  : 0.08em;
  width       : 100%;
}

/*#content {
  opacity: 0.8;
}*/

h2 span {
  visibility    : hidden;
}

#content h2 {
        display     : block;
  color       : #0c2685;
  font-size   : 24px;
  line-height : 2em;
}

#content h2.t_page {
  clear : both;
  height      : 61px;
  margin-top  : -30px;
  position    : relative;
  z-index     : 10;
  padding-right   : 80px;
  width           : 260px;
}

#content h3 {
  clear: both;
  color: #0c2685;
  font-size: 1em; /* 12px */
  line-height: 1.3333em; /* 16px */
  margin: 4px 0;
  text-transform: uppercase;
}

#content p {
  position:relative;
        z-index:8;
  margin: 0 0 1.6em 0;
}

/* @group titles */

#equipe #content h2.t_page {background: url(../img/t_equipe.gif) no-repeat;}

#references #content h2.t_page {background: url(../img/t_clients.gif) no-repeat;}


#news.fr #content h2.t_page {background: url(../img/title-alaune.gif) no-repeat;}
#news.en #content h2.t_page {background: url(../img/title-alaune.gif);}

#team.fr #content h2.t_page {background: url(../img/t_equipe.gif) no-repeat;}
#team.en #content h2.t_page {background: url(../img/title-equipe.gif) no-repeat;}

#press.fr #content h2.t_page {background: url(../img/title-presse.gif) no-repeat;}

#contact.coordonnees h2.t_page {background: url(../img/t_contact.gif) no-repeat;}
#contact.nous-rejoindre h2.t_page {background: url(../img/t_job.gif) no-repeat;}
#contact.devis h2.t_page {background: url(../img/title-devis.gif) no-repeat;}

#legal #content h2.t_page {background: url(../img/t_legals.gif) no-repeat;}

#plan #content h2.t_page {background: url(../img/t_sitemap.gif) no-repeat;}

/* @end */

/* @group nav */

#content .nav {
        clear           : both;
  float           : left;
  width           : 200px; /* 186 */
  padding         : 16px 0 100px;

}

#content .nav li {
/*  padding: 0 32px 0 16px;*/
  color         : #8493b0;
  line-height: 1.3333em; /* 16px */

}

#content .nav li a {
  color         : #8493b0;
}

#content .nav li a:hover, #content .nav li.current, #content .nav li.current a {
  color         : #0c2685;
}

#content .nav li.current {
  font-weight: bold;
}

/* @end */

ul#compet {
  clear       : both;
  margin      : 0 0 0 80px;
}

ul#compet li.com {
  float               : left;
  width               : 290px;
}

ul#compet li.tech {
  float               : left;
  width               : 250px;
}

ul#compet li.crm {
  float               : left;
  width               : 250px;
  overflow: hidden; 
}

#content ul#compet h2 {
  margin-bottom       : 16px;
  margin-top          : 0;
  height              : 61px;
  line-height         : 24px;
}

h2.t_com, h2.t_tech, h2.t_crm {background       : transparent url(../img/t_compet.gif) no-repeat left bottom ;}

h2.t_com {width : 270px;background-position   : 0 0;}
h2.t_tech {background-position    : -282px 0% ;}
h2.t_crm {background-position   : -558px 0% ; width: 215px; overflow: hidden; }


ul#compet li ul {
}

ul#compet li li {
  display             : block;
  font-size           : 12px;
  color               : #000;
  margin-bottom       : 4px;
  padding-bottom      : 2px;
  padding-left        : 10px;
  background          : transparent url(../img/puce_compet.gif) no-repeat left top;
}

ul#compet li.tech li {
  width               : 210px;  /* padding left 10px */
}

ul#compet li.com li {
  width               : 280px;  /* padding left 10px */
}

.compet_text {
  display: block;
  clear: both;
  color: #000;
  font-size: 14px;
  padding-top: 20px;
  padding-left: 150px;
}


}

a.link_portfolio h2 span {
  /*visibility          : visible;*/
}

h2.link_portfolio {
  clear               : both;
  display             : block;
  width               : 100%;
  height              : 188px;
  background          : transparent url(../img/bg_compet.jpg) no-repeat bottom right;
}

h2.link_portfolio a {
  font-size           : 48px;
  font-weight         : normal;
  color               : #ccc;
  display             : block;
  position            : absolute;
  margin-left         : 670px;
  margin-top          : 100px;
  background          : transparent url(../img/bg_link_client.gif) no-repeat top left;
  width               : 148px;
  height              : 66px;
}

h2.link_portfolio a:hover {
  background-position	: 0% -66px ;
  color:  #000;
}

#footer .nav {
  float         : left;
  margin-left   : 16px;
  color         : #0c2685;
  width         : 600px;
  font          : 12px/16px Verdana, Geneva, Arial, sans-serif;
}

#footer .nav li {
  float         : left;
  padding-right : 12px;
  font-size     : 1em; /* 12px */
}

#footer .nav li a {
  float   : left;
  display   : block;
  height  : 16px;
  background      : transparent url(../img/t_bottom.gif) no-repeat left top ;
}

#footer .nav li.l_contact a {width  : 64px ;background-position       : 0px -38px;}
#footer .nav li.l_contact a:hover {background-position      : 0px -18px;}
#footer .nav li.l_contact a.current {background-position      : 0px 2px ;}

#footer .nav li.l_job a {width  : 100px ;background-position  : -72px -38px;}
#footer .nav li.l_job a:hover {background-position      : -72px -18px;}
#footer .nav li.l_job a.current {background-position      : -72px 2px ;}

#footer .nav li.l_equipe a {width : 124px ;background-position  : -172px -38px;}
#footer .nav li.l_equipe a:hover {background-position       : -172px -18px;}
#footer .nav li.l_equipe a.current {background-position       : -172px 2px ;}

#footer .nav li.l_blog a {width : 40px ;background-position   : -300px -38px;}
#footer .nav li.l_blog  a:hover {background-position      : -300px -18px;}
#footer .nav li.l_blog  a.current {background-position      : -300px 2px ;}

#footer .nav li.l_clients a {width : 49px ;background-position   : -336px -38px;}
#footer .nav li.l_clients  a:hover {background-position      : -336px -18px;}
#footer .nav li.l_clients  a.current {background-position      : -336px 2px ;}

#footer .nav li.l_competences a {width : 105px ;background-position   : -386px -38px;}
#footer .nav li.l_competences  a:hover {background-position      : -386px -18px;}
#footer .nav li.l_competences  a.current {background-position      : -386px 2px ;}


#footer .nav li span, #footer .nav li a span {visibility      : hidden; display:none;}

#footer .nav li a.current {font-weight    : bold;}

#footer .nav li a:hover {
  color         : #000;
  text-decoration : none;
}

/* @end */

/* @group side */

#content .intro {
  float: left;
  width: 290px;
  margin: 16px 32px 0 0;
}
#content .intro img {
  display: block;
  margin: 0 0 1.3333em;
}



/* @group main */

#content .main {
  float: left;
  /*width: 390px;*/
  width: 460px;
  margin: -3px 16px 0 0;
}



#references #content .main {
  width         : 590px;
  margin-right  : 0;
}

/* ========== AJAX clients ========= */

.ui-tabs-hide { display:none; }

/* @group news */

#news #content .main {
  margin: 64px 16px 0 0;
}

#news #content .main div {
  clear: both;
  float: left;
  padding-bottom: .7em;
  margin-bottom: .7em;
  background: url(../img/hr-news.gif) no-repeat right bottom;
}
#news #content .main .date {
  color: #ccc;
  margin: 0;
}

#page-home #content h3 {
        text-transform  : none !important;
        color           : #000;
        font-weight     : normal;
        font-size       : 11px;
        margin          : 0;
}

#news #content .main img {
  float: right;
  margin: 0 0 0 16px;
}
#news #content p.more {
  margin: 0;
}

/* @end */

#team #content h3.fn {
  margin: 0;
}


/* @end */



/* @group contact */

#contact div.main {
  background: #fff url(../img/contact-shadow.gif) no-repeat right bottom;
}
#contact div.page {
  border: 1px solid #ccc;
  margin: 0 7px 7px 0;
  padding: 16px 10px;
}


#contact.coordonnees div.main {
  background: none;
}

#contact .vcard {
  margin: 0 0 1.3333em;
  font-size: 1em; /* 12px */
  line-height: 1.3333em; /* 16px */
}
#contact .vcard .fn {
  font-size: 1.1667em; /* 14px */
  line-height: 1.1429em; /* 16px */
  font-weight: bold;
}
#contact .vcard .adr {
  margin-bottom: 0.66665em;
}
#contact .vcard a.email {
  display: block;
  margin-top: 0.66665em;
}

#display-map {
  display: block;
  height: 36px;
  padding: 0 0 0 56px;
  font-weight: bold;
  line-height: 32px;
  background: url(../img/contact-googlemaps.gif) no-repeat;
}

a#display-map:hover {
  text-decoration: underline;
}

#display-map-ratp {
  display: block;
  height: 36px;
  padding: 0 0 0 56px;
  font-weight: bold;
  line-height:32px;
  background: transparent url(http://www.ratp.info/picts/moteur/reseau/metro.png) no-repeat 20px;
}

a#display-map-ratp:hover {
  text-decoration: underline;
}

#google-map {
  height: 280px;
  width:  440px;
  background: #ccc;
  float:  left;
}

#contact-main {
  float:  left;
  width:  300px;
  margin: 0 auto 0 12px;
}

#contact-main .geo {
  display: none;
}

form.cmxform input {
  font-size: 0.8333em; /* 10px */
  line-height: 1.6em; /* 16px */
}

form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend, label strong {
  color: #0c2685;
  font-size: 1em; /* 12px */
  line-height: 1.3333em; /* 16px */
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  font-size: 1em; /* 12px */
  line-height: 1.3333em; /* 16px */
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
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: 34%; /* Width of labels */
}
form.cmxform input {
  width: 64%;
}
form.cmxform textarea {
  width: 100%;
}
#content form.cmxform p.submit {
  text-align: right;
  margin: 16px 0 0;
  padding: 0;
}
form.cmxform .submit input {
  width: auto;
}
form.cmxform input,
form.cmxform textarea,
form.cmxform select {
  border: 1px solid #ccc;
}

#contact h3 strong {
  font-weight: bold;
}

#contact dt {
  color: #0c2685;
  font-size: 1em; /* 12px */
  line-height: 1.3333em; /* 16px */
  font-weight: bold;
  margin: 1.3em 0;
}

#contact dd {
  font-size: 1em; /* 12px */
  line-height: 1.3333em; /* 16px */
}

#contact dl.error {
  border: 1px solid #f00;
  padding: 0 8px 8px;
  margin: 16px 0;
}

#contact .error dt {
  color: #f00;
  margin: 8px 0 0;
}
#contact .error dd {
  padding-left: 8px;
}
#contact .error label {
  color: #f00;
}
#contact .error input {
  background: #fcc;
}

#contact ul.options {
  font-size: 1em; /* 12px */
  line-height: 1.3333em; /* 16px */
  padding: 0.66665em 0;
}

#contact ul.options li a {
  float: right;
  padding: 0 0 0 22px;
  margin: 0 0 0 16px;
  background: no-repeat;
}

#contact ul.options li a.print {
  background-image: url(../img/contact-print.gif);
}

#contact ul.options li a.send {
  background-image: url(../img/contact-send.gif);
}

#contact.nous-rejoindre .intro {
  width: 322px;
  margin: 16px 0;
}
#contact.nous-rejoindre .intro h3 {
  color: #333;
  font-weight: bold;
  margin-top      :16px;
}
#contact.nous-rejoindre .intro p {
  margin-right: 32px;
}

#contact.nous-rejoindre .tabs {
}

#contact.nous-rejoindre .tabs li{
  margin-bottom: 1px;
}

#contact.nous-rejoindre .tabs li a {
  display: block;
  padding: 4px;
  color: #333;
  background-color: #f2f2f2;
  font-size: 11px; /* 12px */
  height        : 14px;
  /*line-height: 12px; 16px */
}

#contact.nous-rejoindre ul.tabs li.current a,
#contact.nous-rejoindre ul.tabs li.current a:hover {
  color: #fff;
  background-color: #0c2685;
}

#contact.nous-rejoindre ul.tabs li a:hover {
  color: #0c2685;
  text-decoration: none;
  background-color: #ccc;
}

/* @end */


/* @end */

/* @group footer */

#footer {
  clear: both;
  font-family : verdana;
  font-size   : 10px;
  height: 360px;
  background: #fff url(../img/footer.gif) no-repeat top left;
}

#footer div p {
  float: right;
  margin-right: 16px;
  color: #0c2685;
}
#footer div p strong {
  font-weight: bold;
}



#footer .lang,
#footer .subnav {
  clear: both;
  float: right;
  margin-top: 10px;
  color: #868BC1;
  font-family : verdana;
  font-size   : 10px;
  margin-right  : 16px;
}

#footer .lang {
/*  margin-right: 16px;*/
}

#footer .lang a {
  color: #fff;
}

#footer .subnav li {
  float: left;
  padding-left: 16px;
}
#footer .subnav li a {color: #868BC1;}
#footer .subnav li a:hover {color: #fff;}

/* @end */

/*      HOME PAGE    ********************************************************/

#page-home .news {
  float       : right;
  padding-top  : 10px;
  padding-right: 70px;
  width       : 330px;
}
#page-home .news h3, #page-home .news p {
  margin-bottom: 0;
}

#page-home #content   {
/*  padding-right : 80px;
  width         : 850px*/
}

#page-home #anim_home {
  width         : 390px;
  height        : 300px;
  float         : left;
}

.arg {
  color         : #0c2685;
  margin-top    : 20px;
  margin-left   : 640px;
  font          : 16px/18px  Verdana, Geneva, Arial, sans-serif;
/*  width         : 260px;
  height        : 64px;*/
}

.arg span {
  visibility    : hidden;
  background-image: url(../img/h_t_compet_small.gif); /* put cache image for rollover */
}

.arg a {
  display       : block;
  width         : 260px;
  height        : 64px;
  background    : transparent url(../img/t_compet_small.gif) no-repeat left bottom ;
}

.arg a:hover {
  background-image: url(../img/h_t_compet_small.gif);
}

#page-home .arg a {
  width         : 390px;
  height        : 110px;
  background    : transparent url(../img/bg_arg_hp.gif) no-repeat left bottom ;
}

#page-home .arg {
  float         : right;
  font-size     : 28px;
  width         : 460px;
  margin-bottom : 36px;
  margin-left   : 0;
}

#page-home .arg a:hover {background     : transparent url(../img/h_bg_arg_hp.gif) no-repeat left bottom ;}


#page-home #content #block_center {
  margin        : 0;
  padding       : 40px 0 0 0;
  background: transparent url(../img/bg_hp.jpg) no-repeat bottom left;
}

#competence #content #block_center {
  margin-top    : 42px;
  padding       : 0;
  float         : none;
}

#references #content #block_center {
  background        : transparent url(../img/bg_client.jpg) no-repeat bottom left;
  padding-bottom    : 160px;
}

#content #block_center {
  padding           : 0 32px 80px 80px;
  margin-top        : 0px;
  clear             : both;
  float             : left;
}

#content .client h4 {font-weight  : normal; font-size : 18px; color   : #0c2685; margin-bottom  : 4px;}

#content .client h3 {font-weight  : bold; color   : #0c2685; }


#content .client .fck {margin-left  : 14px;}

#example .ui-tabs-panel {
  height: 230px;
}

#content .client ul {
  padding:        8px 10px 4px;
  font:           14px/18px Verdana, Geneva, Arial, sans-serif;
  color:          #a8b7dc;
  background:     transparent url(../img/bg_menu_ref.gif) repeat-x top center;
  border-bottom:  1px solid #E2E6F3;
  margin-bottom:  14px;
}

#content .client ul li {display : inline; margin-right  : 18px; }

#content .client ul li a {color :#a8b7dc; }

#content .client ul li a:hover {color :#000; }


#content .client ul li.ui-tabs-selected {
  cursor:default;
}

#content .client ul li.ui-tabs-selected a {
  color :#0c2685;
}

#content .client ul.menu_ref li .current {color :#0c2685; }


#content .client .logo {float     : left; margin-right  : 14px;}


/*   / HOME PAGE    ********************************************************/
.fck{overflow:hidden; zoom:1;}


/* WINDOW SECTION *****************************************************/

#window
{
  position: absolute;
  left: 200px;
  top: 100px;
  width: 450px;
  height: 380px;
  overflow: hidden;
  display: none;
}
#windowTop
{
  height: 30px;
  /*overflow: 30px;*/
  background-image: url('img/window/window_top_end.png');
  background-position: right top;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  cursor: move;
}
#windowTopContent
{
  margin-right: 13px;
  background-image:url('img/window/window_top_start.png');
  background-position:left top;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
/*  color: #6caf00;*/
}
#windowMin
{
  position: absolute;
  right: 25px;
  top: 10px;
  cursor: pointer;
}
#windowMax
{
  position: absolute;
  right: 25px;
  top: 10px;
  cursor: pointer;
  display: none;
}
#windowClose
{
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
#windowBottom
{
/*  position: relative;*/
  background-image: url('img/window/window_bottom_end.png');
  background-position: right bottom;
  background-repeat: no-repeat;
  height:345px;
}
#windowBottomContent
{
  position: relative;
  background-image: url('img/window/window_bottom_start.png');
  background-position: left bottom;
  background-repeat: no-repeat;
  margin-right: 13px;
  height:100%;
}
#windowResize
{
  position: absolute;
  right: 3px;
  bottom: 5px;
  cursor: se-resize;
}
#windowContent
{
  position:absolute;
  top: 30px;
  left: 10px;
  width: auto;
  height: auto;
  overflow: auto;
/*  margin-right: 10px;*/
  border: 1px solid #FFF;/*#6caf00;*/
height:335px;
width:94%;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #000;
}
#windowContent *
{
/*  margin: 10px;*/
}
.transferer2
{
  border: 1px solid #000;
  background-color: #272946;
  filter:alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}

#goodies #content .main { 
width: 600px;
}

div.goodies table {
width: 600px;
margin: 0 auto;
}

div.goodies td {
text-align: center;
padding: 10px 0 0 0;
}