/*Alors le Fond est blanc #ffffff
La typo des titres c'est un Gris foncé #585858

Les 2 pavés textes (news et récompenses ) c'estdu gris #585858 et du bleu #189Ace
La derniere ligne du footer (copyright.....etc) c'est du gris #828282
Tout est en Arial sauf les titres "news" et "récompenses" en Arial Bold
658x74

Si
*/



/* reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typo */
html {font-size:100.01%;}
body {font-size:90%;color:#444444;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color: #189ACE;}
h1 {font-size:2.5em;line-height:1;margin-bottom:0.5em;letter-spacing: 0.01em;font-weight: bold;}
h2 {font-size:2em;margin-bottom:0.75em;color:#189ACE;border-bottom: 2px solid #189ACE;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom: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:#1CBEFF;}
a {color:#189ACE;text-decoration:none;}
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 {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;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
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;}
thead th {background:#c3d9ff;}
th, td, caption {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;}

/* forms */
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[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.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;}


/*button*/
/*
a.button {
display: inline;

background: url('assets/sprite.png') no-repeat top;background-position: 0px -32px;
border: 1px solid #73c1e2;
height: 32px;line-height: 32px;padding: 0.5em; color: white;margin: 1em;
-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    behavior: url(/css/border-radius.htc);
    border-radius: 6px;

}

a.button:hover{ background-position: 0px -96px;border-color: #09365c;}

*/

.button_wrapper{ margin: 1em;padding: 1em;}
#content_txt .button_wrapper{ height: 50px;}
a.button
{
background: url('assets/button.png') no-repeat top left;
height: 34px;
display: block;
float: left;
color: white;
padding: 0;
padding-left: 1em;
}

a.button span
{
padding: 5px 1em 5px 0;
background: white url('assets/button.png') no-repeat top right;
display: block;
height: 24px;
color: white !important;
}

a.button:hover{
background-position: bottom left;
}

a.button:hover span{
background-position: bottom right;
}


a.button:active {
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    color: black;
}

div.button_contact{ text-align: right;padding: 1em;}

/* dispo */
body {  background: white url('assets/bg_grisclair3.png') repeat-y center;}
body.homepage { background: none; }

/* HEADER */
#header{background: transparent url('assets/bg_header.png') repeat-x center bottom;height: 112px;overflow: hidden;position: relative;}

#header_content{width:1000px;margin:0 auto;position: relative;}

#header li { display: inline;}

#logo{ background: url('assets/logo_next.png') no-repeat left top;width: 310px; height: 81px;text-indent: -6666px;}
#logo a {display: block;width: 310px; height: 81px;}


/*
#top_links { position: absolute; top: 0px; right: 0px;}
#top_links li a{background: url('assets/onglet.png') no-repeat left top;color: white;width: 135px; height: 30px;display: block;float: left;text-align: center; }
#top_links li.first a{ background-position: 0 -125px;}
#top_links li.last  a{ background-position: right -125px;}
#top_links li.first a:hover{ background-position: 0 -180px;}
#top_links li.last  a:hover{ background-position: right -180px;}
*/

#top_links { position: absolute; top: 0px; right: 2em; font-size: 0.85em;}
#top_links li { border-right: 1px grey dotted;padding: 0 1em; }
#top_links li.last { border: none; }

#language_switcher { position: absolute; top: 30px; right: 4em; font-size: 0.85em;}
#language_switcher li {text-indent: -6666px; width: 17px; height: 10px;margin-left: 1em;display: block;float: left;}
#language_switcher li a{text-indent: -6666px;width: 17px; height: 10px;display: block;}

#language_switcher #en{ background: url('assets/en.gif') no-repeat ;}
#language_switcher #fr{ background: url('assets/fr.gif') no-repeat ;}
#language_switcher #de{ background: url('assets/de.gif') no-repeat ;}
#language_switcher #es{ background: url('es.gif') no-repeat ;}

#main_nav  { position: absolute; top: 67px; right: 0px; display: block;}

#main_nav li{ padding: 0; margin-right: 1px;display: block;float: left;}

#main_nav li a {  display: block;}

#main_nav li a { height: 24px; color: #666666; text-decoration: none;font-size: 14px;padding: 0 1em ;
margin: 0;font-weight: bold;}


#main_nav li.active a, #main_nav li a.active { color: #189ACE; }

/*
#main_nav li.first a:hover { background-color: none ; background: url('assets/onglet.png') top left;  }
#main_nav li.last a:hover  { background: none ; background: url('assets/onglet.png') top right; }
*/
#main_nav li a:hover {
background: #189ACE;
color: white;

-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
    behavior: url(/css/border-radius.htc);
border-top-left-radius: 6px;
border-top-right-radius: 6px;



}


/* CONTENT*/

#title_header{
background: url('assets/ruban-left.png') left bottom no-repeat;width: 956px;margin:0 auto;
position: relative;
min-height: 80px;
}
#title_header h1 {
margin: 0;
background: url('assets/ruban-main.png') no-repeat right bottom;
color: white; text-shadow: 2px 2px #00315E; margin: 0;font-size: 34px;padding: 10px 70px 36px 36px;
position:absolute;  width:auto; left: 18px;
}
#title_header h1 span {
font-size: 16px;text-shadow: none;margin-top: 12px;clear: both;margin-left: 1em;
border-left: 2px solid #69bddf;padding-left: 1em;
text-shadow: 1px 1px #00315E;

}

.icon_title{ float: left;}
#retargeting_icon{
background: url('assets/logo_retargetingDynamique.png') no-repeat right; width: 918px; height: 104px;
}
#apropos_icon{
/*background: url('assets/logo_equipe.png') no-repeat right; width: 918px; height: 104px;*/
}



#container {width:918px;margin:0 auto;}
#content {}

#homepage_content{ background: url('assets/sep-h.png') no-repeat top center; padding: 1em; margin-top: 2em;}



#content_txt{padding: 1em 36px;}
#content_txt em { color: #999999;}
#optout{
 background: url('assets/btn_optOut_Up.png'); display: block; width: 127px; height: 54px;
 text-indent: -6666px;float: right;
 }
#optout:hover{
 background: url('assets/btn_optOut_Down.png');
 }

#content_txt p {clear: both;}

p.intro { color: #003463; font-size: 20px; font-weight: bold;}


#col_1{float:left; width: 277px;background: url('assets/sep3.png') repeat-y right;padding-right: 14px;}
#col_2{float:left; width: 278px;background: url('assets/sep3.png') repeat-y right;padding: 0 14px}
#col_3{float:left; width: 277px;padding-left: 14px}

#col_1 h1, #col_2 h1, #col_3 h1 { font-size: 1.2em; padding-left: 0; margin-left: 0; display: inline;text-shadow: 1px 1px white;}

/*
#news_title{ background: url('assets/logos_icones/icone_news.png') no-repeat left;}
#awards_title{ background: url('assets/logos_icones/icone_recompense.png') no-repeat left;}
*/

#col_1 ul, #col_2 ul, #col_3 ul { padding-left: 2em; margin: 0;}

#col_50_1{float:left; width: 421px;padding: 12px;background: url('assets/sep1.gif') repeat-y right;}

#col_50_2{padding: 12px;margin-left: 421px;}

#col_50 {float:left; width: 390px;padding: 12px;}

#content li{ list-style-image: url('../assets/square.gif');}
#content li span{ list-style-type: square;color: #444444;}

#content .clear { margin: 0;}


#awards_title, #awards_icon{ margin-bottom: 1em!important;}
/*
#awards_title{ margin-left: 0;padding-left: 0 !important;}
#awards_title li{ padding-top: 32px; margin-bottom: 1em;list-style: none;}
#oseo{  background: url('assets/logos_icones/logo_oseo.png') no-repeat left top;  }
#zanox{ background: url('assets/logos_icones/logo_zanox.png') no-repeat left top; }
*/

#awards_icon li { list-style: none;}
#awards_icon li a{ display: block; float: left;width: 62px; height: 57px; text-indent: -6666px;margin-right: 1em;}
#fb a{ background: url('assets/logo_facebook.png') no-repeat center top; }
#contact_icon a{background: url('assets/logo_contact.png') no-repeat center top;}


/* FOOTER */
#footer{background: #003463 url('assets/bgfooter.gif') repeat-x bottom;border-top: 3px solid #164670;margin-top: 1em;}

#footer_content{width:1000px;margin:0 auto;position: relative;}

#bottom_links { text-align: center;padding: 1em;margin: 0; min-height: 100px;}

#bottom_links li{display: inline; list-style-type: none;padding: 1em;}
#bottom_links li a { color: #CCCCCC;}
#bottom_links li a:hover, #bottom_links li a.active { color: white;}

#copyright{ background: #003463;position: relative; text-align: center;margin: 0;padding: 1em;font-size: 12px;color: #999999;}

#copyright a { color: white;}
#copyright a:hover { color: white;text-decoration: underline;}

/* Tools */
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

.clearfix, .container {display:block;}

.clear {clear:both;}



#m_team, #b_team { clear: both; }
#m_team div, #b_team div{ width: 413px;float: left;  margin: 0;p}

#trombi_jcr, #trombi_hz{ padding-left: 10px; }
#trombi_vk, #trombi_me, #trombi_af{ padding-right: 10px; }
#m_team img, #b_team img{float: left;margin-right: 1em;}
#m_team h3, #b_team h3 {font-size: 18px; }
#m_team h3 em, #b_team h3 em  {display: block;font-size: 15px;font-weight: normal;font-style: normal;}




/* CARROUSSEL*/
#spotlight { 
display: block;
background: url('../assets/spotlight_bg2.gif') repeat-x;
width: 918px;
height: 272px;
position: relative;overflow: hidden;
border: 1px solid #EFEFEF;
margin: 0; padding: 0;
}
#spotlight li { display: block; }


#spotlight h3, #spotlight p { text-align: left; padding-left: 36px;}
#spotlight h4 { color: #189ACE;}

#carroussel_control { 
display: none;
background: #003664; width: 918px; text-align: left;display: block;
 height: 30px;text-align: left;padding: 0;
  }

#carroussel_control a{
display: block; float: left;
padding: 4px 20px; margin: 0;
border-left: 1px solid #15698d;color: #bbcde1;
font-weight: bold;
}
#carroussel_control a.pager-active { color: white; background: #189ACE;}
#carroussel_control a:hover { color: white; background: #189ACE;}


.bx-pager { 
background: #003664; width: 918px; text-align: left;display: block;
 height: 30px;text-align: left;padding: 0;
  }

.bx-pager a{
display: block; float: left;
padding: 4px 20px; margin: 0;
border-left: 1px solid #15698d;color: #bbcde1;
font-weight: bold;
}
.bx-pager a.pager-active { color: white; background: #189ACE;}
.bx-pager a:hover { color: white; background: #189ACE;}


.bx-prev{ 
display: block;
position: absolute; 
top: 150px; left:0px;
background: url('../assets/fleche.png') no-repeat top left; 
width: 66px; height: 47px; text-indent: -6666px;}
.bx-next{
display: block;
position: absolute; 
top: 150px; right:0px;  
background: url('../assets/fleche.png') no-repeat bottom left; 
width: 66px; height: 47px;text-indent: -6666px;
}
.bx-prev:hover { background-position: top right;}
.bx-next:hover { background-position: bottom right;}


h1{ color: #189ACE;text-align: left; width: 550px;margin-left: 50px;font-size: 26px;}
h1 strong { display: block; color: #003664; border-bottom: 1px solid #003664;font-size: 36px;}
h1 strong em { font-style: normal;font-size: 125%;}

/*spot 0*/

ul#inner-anim li{ display: none;  }
ul#inner-anim li.active{ display: block;  }

#spot0 .button_wrapper{ position: absolute; top: 200px;}
#spot0 .button_wrapper a { margin-left: 3em;}

/*ul#inner-anim li#np_promo1{ display: block;  }*/

ul#inner-anim {margin: 0;padding: 0;}
ul#inner-anim h1{ 
color: #003463; margin-left: 20px;font-size: 30px;padding-top: 0.5em; 
letter-spacing: -0.05em;
}
#np_promo1 .msg{color: #189ACE;margin-left: 18px;font-size: 22px;line-height: 30px;}
#np_promo1 .msg em{color: #003463; display: block;font-size: 20px;font-style: normal;font-weight: bold;}
#np_promo3 .msg{color: #189ACE;margin-left: 18px;font-size: 28px;line-height: 30px;}
#np_promo3 .msg em{color: #003463; display: block;font-size: 24px;font-style: normal;font-weight: bold;}

ul#inner-anim li#np_promo3 ul{padding-left: 26px;}
ul#inner-anim li#np_promo3 li{display: list-item;font-size: 16px;line-height: 18px;}
ul#inner-anim li#np_promo3 span{font-size: 12px;margin: 0;margin-left: 26px;color: #999999;}

.button_wrapper {float: left; }
ul#inner-anim .button_wrapper {float: left;margin: 0; }

/*#spotlight #spot1,#spotlight  #spot2,#spotlight  #spot3,#spotlight  #spot4{display: none; }*/

#np_promo1, #np_promo2, #np_promo3  { background: url('../assets/slide0-visuel1.jpg') top right no-repeat;width: 918px; height: 272px;position: relative;}
#vis2 { 
display: block; background: url('../assets/slide0-visuel2.png') top right no-repeat;
width: 205px; height: 140px;
position: absolute; top: 14px; left: 506px;
}
ul#inner-anim li#np_promo3 span#vis3 { 
display: block; background: url('../assets/slide0-visuel3.png') top right no-repeat;
width: 205px; height: 140px;
position: absolute; top: 14px; left: 506px;
margin: 0px;
}


#euro1{text-align: center;display: block;font-size: 26px;width: 210px;float: left;color: #189ACE;line-height: 26px;margin-top: 10px;}
#euro15{text-align: center;display: block;font-size: 22px;width: 210px;float: left;color: #189ACE;line-height: 26px;margin-top: 10px;}
#euro1 strong, #euro15 strong {display: block;font-size: 35px;}

#np_promo2 .msg { background: url('../assets/15euro.png') no-repeat 50px;height: 198px;}
#np_promo2 .msg p {clear: both;padding-top: 50px;font-size: 10px;}

/*spot1*/

#spot1{ background: url('../assets/spot_home/spot1.png') no-repeat 500px bottom;height: 272px;}
#spot1 h1{ color: #003463; margin-left: 20px;font-size: 36px;padding-top: 0.5em; }
#spot1 .msg{color: #189ACE;margin-left: 24px;font-size: 28px;line-height: 30px;}
#spot1 .msg em{color: #003463; display: block;font-size: 24px;font-style: normal;font-weight: bold;}


/* Spot 2 */
#spot2{ background: url('../assets/spot_home/spot2.png') no-repeat right bottom;height: 272px;}
#spot2 h1{ color: #003463; margin-left: 20px;font-size: 36px; padding-top: 0.5em;}
#spot2 .msg{color: #189ACE;margin-left: 24px;font-size: 28px;line-height: 30px;}
#spot2 .msg em{color: #003463; display: block;font-size: 24px;font-style: normal;font-weight: bold;}

/* Spot 3 */
#spot3 { background: url('../assets/spot_home/spot3.png') no-repeat right bottom;height: 272px;}
#spot3 h1{ color: #003463; margin-left: 20px;font-size: 36px; padding-top: 0.5em;}
#spot3 .msg{color: #189ACE;margin-left: 24px;font-size: 28px;line-height: 30px;}
#spot3 .msg em{color: #003463; display: block;font-size: 24px;font-style: normal;font-weight: bold;}

/* Spot 4 */
#spot4 { background: url('../assets/spot_home/spot4.png') no-repeat right bottom;height: 272px;}
#spot4 h1{ color: #003463; margin-left: 20px;font-size: 36px; padding-top: 0.5em;}
#spot4 .msg{color: #189ACE;margin-left: 24px;font-size: 28px;line-height: 30px;}
#spot4 .msg em{color: #003463; display: block;font-size: 24px;font-style: normal;font-weight: bold;}



/* Carroussel Brand */

#carroussel_brand{ background: url('../assets/customer_bg.png') no-repeat center;
height: 66px;margin: 1em 0 ;width: 900px; padding: 0 9px;

}

#carroussel_brand ul { margin: 0; padding: 0;position: relative; }
#carroussel_brand li { 
list-style: none; display: block;line-height: 54px;
vertical-align: top;margin-right: 1em;float: left;
}
#carroussel_brand img{vertical-align: middle;}



.tickercontainer { /* the outer div with the black border */
width: 900px;
height: 66px;
margin: 0;
padding: 0;
overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
height: 58px;
/*width: 718px;*/
overflow: hidden;
}


/* Solutions*/

.solutions { clear: both;}

.solutions #content_txt .c_comment { display: block; }
.solutions #content_txt div { display: none;}
.solutions #content_txt div.selected { display: block;}

#menu_solutions{ width: 200px; border-right: 2px dotted #189ACE; float: left;margin-top: 1em;}
.solutions #content_txt{width: 640px; float: left;}

#menu_solutions ul { padding-left: 1em;padding-top: 1em;}
#menu_solutions li { list-style: none;margin-bottom: 1em;text-align: right}
#menu_solutions li.selected a{ border-bottom: 1px solid #189ACE;}

#trustinus{
text-align: center;
background:  #EFEFEF url('assets/comment_ar.png')no-repeat top left;background-position: 30px 0px;
padding-left: 1.5em;padding-top: 1.5em;

-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    behavior: url(/css/border-radius.htc);
    border-radius: 6px;

}

#trustinus    img { margin: 0.2em 1em; }

/*
#trustinus h3  {width: 200px; border-right: 2px dotted #189ACE; float: left; text-align: right;padding-right: 1em;}
#trustinus div {width: 640px; float: left;margin-left: 1em;}
*/


/*  Clients */

.c_comment p {
background: #EFEFEF url('assets/comment_quote.png') no-repeat top right;padding: 1em;padding-right: 50px;
-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    behavior: url(/css/border-radius.htc);
    border-radius: 6px;

margin-bottom: 0;    

}
.c_comment img { display: block; }
.c_comment h4 { background: url('assets/comment_ar.png')no-repeat top left;background-position: 30px 0px; padding-left: 1.5em;padding-top: 1.5em;}
.c_comment h4 em{ font-size: 14px; }


/* Contact*/
#contact #flashContent{ width: 400px; float: left;}
#contact #adress_contact{ width: 400px; float: left;padding-top: 100px;margin-bottom: 100px;}


.recrut_list dt{color: #189ACE; font-size: 1.2em;margin-bottom: 0.5em;margin-top: 1em;}
.recrut_list dd{}