body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

body.general {background:url("../images/Body_bando_general.gif") 0% 0% repeat-x;}
body.b2c {background:url("../images/Body_bando_b2c.gif") 0% 0% repeat-x;}
body.b2b {background:url("../images/Body_bando_b2b.gif") 0% 0% repeat-x;}
body.mobile {background:url("../images/Body_bando_mobile.gif") 0% 0% repeat-x;}
body.lead {background:url("../images/Body_bando_lead.gif") 0% 0% repeat-x;}


h1 {
font-size: 28px;
font-weight: normal;
color: #fff;
margin: 0;
padding:15px 0 0 18px;
}

h2 {
font-size:16px;
line-height: 18px;
font-weight: normal;
margin: 5px 0 6px 0;
padding:0 0 0 20px;
}

.bold {font-weight: bold;}

img {border: none;}
.imgcadre {border: 1px solid #EEEEEE; padding: 3px; margin: 0;}
.imgcadrewhite {border: 1px solid #EEEEEE; padding: 3px; margin:0;}
.photocadre {float:left; border: 1px solid #EEEEEE; padding: 3px; margin: 3px 8px 5px 0;}
.icon {padding: 0px; margin:0 10px 0 0;}

.right {float: right;}
.left {float: left;}

.vert {color:#40B240;}
.rouge {color:#E82627;}
.orange {color: #ff9933;}
.grisclair {color: #5C5C5C;}
.violet {color: #472075;}
.blue {color: #508CE7;}
.black {color: #000;}
.blanc {color: #fff;}
.p12 {font-size: 12px;}
.p14 {font-size: 14px;}
.p16 {font-size: 14px;}
.margeL15px {margin-left: 15px;}
.center {text-align:center;}
.maj {font-variant:small-caps;}

div.container {
margin-left:auto;
margin-right:auto;
position:relative;
width: 760px;
}



/***********************/
/***************** Header *****************/
/***********************/
div.container_header {
margin-left:auto;
margin-right:auto;
position:relative;
width:760px;
z-index: 5;
}
#header {
margin-left:auto;
margin-right:auto;
text-align:center;
}

#header img {
float:left;
margin: 0;
padding: 30px 0 15px 20px;
}

#header p.nav_secondaire {
float:right;
width: 450px;
font-size:10px;
color:#727272;
text-align:right;
margin: 0;
padding: 13px 16px 0 0;
}

#header p.nav {
float: right;
width: 450px;
font-size: 12px;
color: #767676;
font-weight: bold;
text-align: right;
margin: 0;
padding: 25px 16px 0 0;
}

#header a {
text-decoration: none;
color: #767676;
margin: 0; 
padding: 0 4px 0 4px;
}
#header a:hover {color: #EE890D;}

#header a.selected {
color: #EE890D; 
text-decoration: none;
margin: 0; 
padding: 0 4px 0 4px;
}




/*******************************************************/
/************************************************** HOME ***********************************/
/**********************************************************/


/***********************/
/******************** Div Flash pour home *******************/
div.effidata_flash_container {
margin-left:auto;
margin-right:auto;
text-align:center;
}
#effidata_flashmarketing {
margin-left:auto;
margin-right:auto;
text-align:center;
}


/***********************/
/************************ CONTENT LEFT ***********************/
/***********************/

#home_content_left {
width:440px;
float:left;
margin: 0;
padding: 30px 40px 0 20px;
}

#home_content_left h1 {
font-size: 28px;
font-weight: normal;
color: #ed8504;
margin: 0;
padding:15px 0 10px 0px;
}

#home_content_left p {
color:#626262;
margin: 0;
padding: 0;
}


#home_content_left a.plus {
float: left;
display: inline;
font-size:11px;
font-weight:bold;
color:#EE890D;
background:url("../images/puce_orange.gif") 0% 2px no-repeat;
text-decoration:underline;
padding: 0 0 0 25px;
}
#home_content_left a.plus:hover {
background:url("../images/puce_grey.gif") 0% 2px no-repeat;
color: #626262;
}

#home_content_left a.plus_content {
margin: 10px 0 20px 12px;
}
#home_content_left a.plus_produit {
margin: 5px 0 0 0;
}


/*************************/
/**************** ONGLETS *******************/
/*************************/

/********* Les onglets ****************/


/********* table ****************/
table.infos thead th p.onglet {
float: left;
background: url("../images/home_onglets_fdL.gif") 0% 0% no-repeat;
font-size: 12px;
font-weight: bold;
padding: 0 0 4px 8px;
margin: 0 1px 0 0;
color: #707070;
}
table.infos thead th p.onglet a {
float: left;
display: block;
padding: 6px 15px 0 8px;
margin: 0;
background:  url("../images/home_onglets_fdR.gif") 100% 0% no-repeat;
text-decoration: none;
color: #707070;
}
table.infos thead th p.onglet a.b2c:hover {color: #FF9933;}
table.infos thead th p.onglet a.b2b:hover {color: #E82929;}
table.infos thead th p.onglet a.mobile:hover {color: #44B444;}
table.infos thead th p.onglet a.performance:hover {color: #9109BF;}

table.infos thead th .selected {
float: left;
display: block;
padding: 6px 15px 0 8px;
margin: 0;
background: url("../images/home_onglets_fdR.gif") 100% 0% no-repeat;
text-decoration: none;
}
table.infos thead th .b2c {color: #FF9933;}
table.infos thead th .b2b {color: #E82929;}
table.infos thead th .mobile {color: #44B444;}
table.infos thead th .performance {color: #9109BF;}
table.infos thead th .clients {color: #270F74;}


/**************** B2C B2B MOBILE PERFORMANCE *******************/
/************* TABLE PRODUITS **********************/
table.infos {
float:left;
width:440px;
display: inline;
margin: 0;
padding: 0;
border-spacing: 0px;
border-collapse: collapse;
}
table.infos thead th {padding: 0; margin: 0;}


/********* LES PRODUITS ****************/
table.infos tbody td {border: 1px solid #D4D4D4; padding: 15px 5px 10px 15px; margin: 0; width: 198px;cursor:pointer;}
table.infos tbody td:hover {background-color:#F4F4F4;}
table.infos tbody td.clients:hover {background-color:#fff;}

table.infos tbody td h2 {
font-size: 14px;
font-weight: bold;
color: #444;
margin: 0;
padding: 0;
}
table.infos tbody td h3 {
font-size: 12px;
font-weight: bold;
color: #737373;
margin: 0;
padding: 0;
}
table.infos tbody td p {
font-size: 11px;
color: #737373;
margin: 0 0 0 0;
padding: 0;
}



/*************************/
/**************** LES CLIENTS : ANONNCEURS EDITEURS AGENCES *******************/
/*************************/

table.infos thead th p.onglet a:hover {color: #270F74;}

table.infos tbody td {width:440px; border:1px solid #D4D4D4; padding: 15px; margin: 0;}
table.infos p.txt {
float: left;
width: 300px;
font-size: 12px;
color: #7E7E7E;
}
table.infos img {float: right;}



/*************************/
/**************** REDACTION  *******************/
/*************************/

div#redaction {
float:left;
background: url("../images/fd_redaction.gif") 0% 0% repeat-x;
width: 405px;
line-height: 16px;
margin: 20px 0 0 0;
padding: 15px 20px 15px 15px;
}
div#redaction h2 {
font-size: 18px;
color:#508CE7;
font-weight: normal;
margin: 0 0 15px 0;
padding: 0;
}
div#redaction p {
font-size: 12px;
color: #666;
margin: 0 0 10px 0;
padding: 0;
}
div#redaction img {
float: right;
border: 1px solid #ccc;
padding: 3px;
margin: 0 0 5px 15px;
}
div#redaction a {
font-size: 11px;
font-weight: bold;
color: #EE890D;
background: url("../images/puce_orange.gif") 0% 2px no-repeat;
text-decoration: underline;
padding: 0 0 0 25px;
margin: 0;
}
div#redaction a:hover {
background:url("../images/puce_grey.gif") 0% 2px no-repeat;
color: #626262;
}


/***********************/
/************************ CONTENT RIGHT ***********************/
/***********************/
#contentsright {
width: 240px;
float: right;
margin: 0;
padding: 45px 15px 0 0px;
}

#contentsright ul,ol {
font-size:12px;
color:#363636;
margin:0;
padding:8px 0 0 0;
cursor:pointer;
}

#contentsright li {
font-size:12px;
list-style:url("../images/puce_grey.gif") outside;
color:#363636;
margin:0 0 10px 20px;
padding:0px 0 0 5px;
}

#contentsright a.solution {
font-size:12px;
font-weight:normal;
color:#363636;
text-decoration:none;
margin: 0;
padding:0;
}

#contentsright a.solution:hover {
text-decoration:underline;
color: #363636;
}

#contentsright a.allsolution {
font-size: 11px;
font-weight: bold;
color: #EE890D;
background: url("../images/puce_orange.gif") 0% 50% no-repeat;
text-decoration: underline;
margin: 0;
padding: 0 0 0 25px;
}

#contentsright a.allsolution:hover {
background:url("../images/puce_grey.gif") 0% 50% no-repeat;
color: #626262;
}

#contentsright h2.news {
font-size:18px;
font-weight:normal;
color:#508CE7;
margin:36px 0 0 0;
padding:0 0 4px 0px;
border-bottom:4px solid #E6E5E3;
}
#contentsright p.date, #contentsright p.news {
font-size:11px;
color:#827E74;
line-height:14px;
margin:0 0 0 0;
padding:0 0 4px 0px;
}
#contentsright p.titlenews {font-size:11px; font-weight: bold; color:#508CE7; margin:10px 0 0 0; padding:0;}


#contentsright a.actualite {
font-size:11px;
font-weight:normal;
color:#827E74;
text-decoration:none;
margin: 0;
padding:0 0 0 0px;
}

#contentsright a.actualite:hover {
text-decoration:underline;
color: #363636;
}



/************/
/*********************** FOOTER *******************/
/************/

#content_footer {
clear: both;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
padding: 0;
padding-bottom: 20px;
text-align: center;
width: 760px;
border-top: 1px solid #E5E5E5;
}

#content_footer h2 {
float: left;
font-size: 14px;
margin: 0;
padding: 10px 0 2px 10px;
text-align: left;
}
#content_footer h2.communiquons {color: #4F2482;width: 450px;}
#content_footer h2.newsletter {color: #ff9933;width: 290px;}


/* communiquons */
#communiquons {
width: 320px;
height: 50px;
float: left;
background-color: #260f70;
margin: 0 8px 0 0;
padding: 0;
}

#communiquons img {margin: 5px; padding: 0;}
.imgcallback {border: 1px solid #fff;}


/* Newsletter */
#newsletter {
float: left;
display: inline;
width: 298px;
height: 50px;
border: 1px solid #E5E5E5;
background: url("../images/fd_newsletter.gif") 0% 100% repeat-x;
margin: 0 0 0 6px;
padding: 0;
}


#newsletter p {
float: left;
display: inline;
width: 275px;
height: 46px;
font-size: 12px;
line-height: 18px;
border: 1px solid #fff;
color: #827E74;
margin: 0px 0 0 0;
padding: 2px 10px 0 10px;
}

#newsletter input.txt {
float: left;
font-size: 12px;
border: 1px solid #827E74;
color: #ff9933;
margin: 2px 0 0 18px;
padding: 2px 0 2px 8px;
width: 150px;
}

#newsletter input.bt {
float: left;
display: inline;
margin: 0 0 0 0px;
padding: 0 0 0 5px;
}


/* FOOTER 2e PARTIE */
#footer {
float: left;
display: inline;
width: 760px;
margin: 4px 0 0 0px;
padding: 0;
}

#footer p.navlien {
background:url("../images/fd_footer_navigation.gif") 0% 0% repeat-x;
font-size:11px;
text-align:center;
color:#fff;
margin: 0px 0 0 0px;
padding: 15px 0 6px 9px;
}
#footer p.navlien a {
font-size:11px;
font-weight:normal;
color:#fff;
text-decoration:none;
margin: 0;
padding: 0;
}

#footer p.navlien a:hover {
text-decoration:underline;
color: #e4e4e4;
}

#footer p.copyright {
font-size:11px;
text-align:center;
color:#979797;
margin: 0;
padding: 6px 0 10px 9px;
}
#footer p.copyright a {
font-size:11px;
font-weight:normal;
color:#979797;
text-decoration: underline;
margin: 0;
padding: 0;
}

#footer p.copyright a:hover {text-decoration: none;}





/************************************/
/***************************** RUBRIQUES *************************/


/***************** Chemin rubrique ******************/
div.titlebox {
width:730px;
float:left;
margin:0 0 0px 0;
padding: 0 0 2px 0px;
}


/**************** Content rubrique *****************/
#rub_content_left {
width: 500px;
float: left;
display: inline;
margin: 0;
padding:25px 20px 0 20px;
border:0px solid red;
}

#rub_content_left h2 {
font-size: 22px;
line-height: 22px;
font-weight: normal;
color:#270F74;
margin: 5px 0 6px 0;
}

#rub_content_left h3 {
font-size: 20px;
color:#000;
font-weight: normal;
margin: 0px 0 6px 0;
padding: 6px 0 0 0;
}

#rub_content_left h4 {
font-size: 18px;
color:#508CE7;
font-weight: normal;
margin: 25px 0 6px 0;
}
#rub_content_left h5 {
font-size:16px;
color:#333;
font-weight:bold;
margin: 0px 0 6px 0;
padding: 0;
}

#rub_content_left p.txt {
font-size: 12px;
line-height: 16px;
color: #5C5C5C;
margin: 0 0 8px 0;
padding:0;
}

#rub_content_left p.chapo {
font-size: 14px;
font-weight: bold;
color:#666;
margin: 0px 0 5px 0;
padding:8px 0 0 0;
width: 100%;
}

#rub_content_left dl {
margin:20px 0 10px 0;
padding: 0;
}

#rub_content_left dt {
font-size: 12px;
font-weight: bold;
color: #270F74;
margin: 5px 0 0px 0;
padding: 0 0 5px 0;
}

#rub_content_left dd {
font-size: 12px;
line-height: 16px;
color: #5C5C5C;
margin: 0px 0 5px 10px;
padding: 0 0 0 12px;
background: url(../images/liste-puce.gif) 0% 2px no-repeat;
}
#rub_content_left dd.seconde {
font-size: 12px;
color: #5C5C5C;
margin: 0px 0px 0px 25px;
padding:0 0 5px 15px;
background: url(../images/puce_lien_gris.gif) 0% 2px no-repeat;
}

#rub_content_left ul {margin: 0 0 8px 0; padding: 0;}
#rub_content_left ul li {
font-size: 12px;
color: #5C5C5C;
margin: 5px 0 5px 15px;
list-style: url(../images/liste-puce.gif) inside;
}


#rub_content_left a.gris {color: #5C5C5C;}

#rub_content_left a.mail {
font-size: 12px;
color: #5C5C5C;
text-decoration: underline;
margin: 0 0 0px 0;
padding:0;
}
#rub_content_left a.mail:hover {
text-decoration:none;
}

#rub_content_left a.presse {
font-size:12px;
color: #ff9933;
text-decoration:underline;
margin: 0 0 0px 0;
padding:0;
}
#rub_content_left a.presse:hover {
text-decoration:none;
}

#rub_content_left a.cas_client {
display: block;
font-size:12px;
color: #472075;
font-weight: bold;
text-decoration:none;
margin: 10px 0 5px 10px;
padding:0 0 0 25px;
background: url(../images/puce_orange.gif) 0% 2px no-repeat;
}

#rub_content_left a.cas_client:hover {color:#ff9933;}

#rub_content_left a.voir {
display: block;
font-size:12px;
color: #333;
font-weight: bold;
text-decoration:none;
margin: 10px 0 5px 10px;
padding:0 0 0 25px;
background: url(../images/puce_orange.gif) 0% 2px no-repeat;
}
#rub_content_left a.voir:hover {color:#472075;}

#rub_content_left .imgpack {
border:1px solid #ccc;
margin:0 20px 0 0;
padding:2px;
}
/************************************ PAGES PRODUITS ****************************************/
/************************ TABLE PACK PRODUITS *********************/
/*************************/


/********* div ****************/
div.effidata_pack {
float: left;
width: 450px;
border-top: 1px solid #D4D4D4;
border-left: 1px solid #D4D4D4;
border-right: 2px solid #BCBCBC;
border-bottom: 2px solid #BCBCBC;
background: url("../images/packs_produits_thead_fd.gif") 0% 100% repeat-x;
margin: 0 0 20px 0;
padding: 15px 10px 5px 15px;
}
div.effidata_pack a.voirlesite {
font-size:14px;
float: left;
color: #5c5c5c;
font-weight:bold;
margin: 10px 0 0 0px;
background:url(../images/icones_web.gif) 0% 0% no-repeat;
padding:0 0px 10px 25px;
text-decoration:none;
}

div.effidata_pack a.voirlesite:hover {
text-decoration:underline;
}

div.effidata_pack a.telechargerlefichier {
font-size:14px;
float: right;
color: #5c5c5c;
font-weight:bold;
margin: 10px 20px 0 0px;
background:url(../images/icones_pdf.gif) 0% 0% no-repeat;
padding:0 0px 10px 25px;
text-decoration:none;
}

div.effidata_pack a.telechargerlefichier:hover {
text-decoration:underline;
}

table.packs_produits {
float:left;
width: 100%;
display: inline;
margin: 0;
padding: 0;
border-spacing: 0px;
border-collapse: collapse;
border: 1px solid #D4D4D4;
font-size: 12px;
}

table.acces_extranet {
float:left;
width:170px;
margin:20px 0 20px 0;
padding: 0;
border-spacing: 0px;
border-collapse: collapse;
border: 1px solid #D4D4D4;
font-size: 12px;
}

table.packs_produits thead td, table.acces_extranet thead td{
padding: 4px 2px 2px 4px;
margin: 0;
background: url("../images/packs_produits_thead_fd.gif") 0% 100% repeat-x;
font-weight: bold;
color: #472075;
border-right: 1px solid #D4D4D4;
}

table.packs_produits tbody td, table.acces_extranet tbody td{
border-top: 1px solid #D4D4D4;
border-right: 1px solid #D4D4D4;
padding: 8px 2px 6px 4px;
margin: 0;
vertical-align: top;
color: #5C5C5C;
}
table.packs_produits td.voir {width: 30px;}
table.packs_produits td.pack {width: 100px;}
table.packs_produits td.description {width: 150px;}
table.packs_produits td.potentiel {width: 190px;}

table.packs_produits tbody td a, table.acces_extranet tbody td a {color: #F68807; font-weight: bold; margin:0; padding:0;}
table.packs_produits tbody td a:hover, table.acces_extranet tbody td a:hover {text-decoration: none;}


/* haut de page */
a.hautdepage {
float: right;
text-align: right;
display: block;
font-size: 11px;
color: #5C5C5C;
text-decoration: none;
margin: 20px 0 10px 0;
padding: 0 15px 0 0;
background: url(../images/puce_haut.gif) 100% 2px no-repeat;
}

a.hautdepage:hover {text-decoration:underline;}



/************* Content Right Rubrique **************/
#rub_content_right {
float: right;
width: 175px;
display: inline;
margin: 32px 20px 0 0;
padding: 0 10px 0 0;
}

#sous_menu {
float: right;
width: 160px;
margin: 0 0 20px 0;
padding: 0;
}
#sous_menu p.n1 {
font-size: 14px;
font-weight: bold;
color: #ff9933;
padding: 0 0 2px 2px;
margin: 0;
border-bottom: 3px solid #E6E5E3;
}
#sous_menu ul {
font-size: 12px;
padding: 0 0 2px 2px;
margin: 0;
}
#sous_menu ul li {
list-style-type: square;
list-style-position: inside;
color: #363636;
padding: 4px 0 4px 5px;
border-bottom: 1px solid #E6E5E3;
}
#sous_menu ul li.selected {font-weight: bold; color: #270F74;}
#sous_menu a {
margin: 0;
padding: 0;
color: #363636;
text-decoration: none;
}
#sous_menu a:hover {
color: #270F74;
font-weight: bold;
}


/* Promo */
div.effidatapromo {
float: right;
width: 152px;
border: 1px solid #eee;
margin: 10px 0 20px 0;
padding: 3px;
background-color: #fff;
}
div.fond{
display: block;
margin: 0;
padding: 5px;
background-color: #f2f3f3;
line-height: 14px;
}
div.effidatapromo h2 {
font-size: 14px;
font-weight: bold;
color: #270F74;
line-height:17px;
margin: 4px 0 5px 0;
padding: 0;
}
div.effidatapromo h3 {
font-size: 18px;
font-weight: bold;
color: #270F74;
line-height:20px;
margin: 0 0 8px 0;
padding: 0;
}
div#conquete h3 {color: #532684;}
div.effidatapromo img { border: 1px solid #eee; background-color: #fff; padding: 2px;}
div.effidatapromo p {
color: #5C5C5C;
font-size: 12px;
margin: 5px 0 12px 0;
padding: 0;
}
div.effidatapromo a {
margin: 0;
padding: 0;
color: #5C5C5C;
text-decoration: none;
}
div.effidatapromo a:hover {text-decoration: underline;}
div#conquete a {color: #F68807;}


/* Contact */
div.pub {
float: right;
display: inline;
width: 158px;
margin: 10px 0 20px 0;
padding: 20px 0 0 3px;
background: url("../images/right_top_pub.gif") 100% 0% no-repeat;
}

div.pub p {
font-size: 12px;
line-height: 16px;
color: #827E74;
margin: 0 6px 0 0;
padding: 4px 0 6px 25px;
}

div.pub p.bottom {border-bottom: 1px solid #D4D4D4;}
div.pub p.titre {font-size: 16px; margin: 0 0 5px 15px; padding: 8px 0 0 0; font-weight: bold; line-height: 20px;}
div#contact p.titre {color: #270F74;}
div#aea p.titre {color: #F68807;}

div.pub a {text-decoration: none; color: #827E74;}
div.pub a:hover { color: #F68807;}






/************ RUBRIQUE INFORMATIONS ***********/
table.informations {
float: left;
width: 450px;
border-spacing: 0;
border-collapse: none;
margin: 30px 0 20px 0;
}
table.informations td {
font-size: 12px;
font-weight: bold;
color: #333;
padding: 5px;
vertical-align: top;
text-align: left;
}
table.informations td input, table.informations td texarea {
font-size: 12px;
font-weight: normal;
border: 1px solid #ccc;
}
table.informations td input.bt {
float: right;
background: url(../images/bt_envoyer.gif) 0% 0% no-repeat;
width: 85px;
height: 25px;
border: none;
}

/************* RUBRIQUE lead **************/
table.lead {
float: left;
width: auto;
border-spacing: 10;
border-collapse: none;
margin: 30px 0 20px 0;
}
table.lead td {
font-size: 11px;
font-weight: bold;
color: #333;
padding: 5px;
text-align: left;
}
table.lead td input, table.informations td texarea {
font-size: 11px;
font-weight: normal;
border: 1px solid #ccc;
}
table.lead td input.bt {
float: right;
background: url(../images/bt_envoyer.gif) 0% 0% no-repeat;
width: 85px;
height: 25px;
border: none;
}