/* CLASS */

.small {
	font-size: 10px;
}

.download-cp, .go-cp {
	display: block;
	background: url(../img/pdf.png) center top no-repeat;
	float: right;
	width: 150px;
	margin: 10px;
	border: 1px dashed black;
	padding-top: 60px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 10px;
}

.download-cp {
	background: url(../img/pdf.png) center top no-repeat;
}

.go-cp {
	background: url(../img/url.png) center top no-repeat;
}

/* HOME */


#bloomberg {
	clear: both;
}

#nuage {
	position: relative;
	left: -20px;
	background: url('../img/clusters.png') no-repeat;
	width: 233px;
	height: 353px;
}

#nuage li {
	text-indent: -9999px;
}

#nuage-agences,#nuage-chiffre,#nuage-ciblage,#nuage-cluster,#nuage-comportemental,#nuage-contact,#nuage-docs,#nuage-editeur,#nuage-equipe,#nuage-ethique,#nuage-glossaire,#nuage-network,#nuage-partenaire,#nuage-presse,#nuage-wintext,#nuage-regie,#nuage-service,#nuage-slidein,#nuage-factory,#nuage-corporate {
	position: absolute;
}

#nuage-agences {top: 60px; left: 160px; width: 70px; height: 23px; outline:none;}
#nuage-chiffre {top: 149px; left: 165px; width: 65px; height: 23px; outline:none;}
#nuage-ciblage { top: 110px; left: 17px; width: 85px; height: 30px; outline:none;}
#nuage-cluster { top: 85px; left: 155px; width:67px; height: 25px; outline:none;}
#nuage-comportemental { top: 62px; left: 33px; width:118px; height: 25px; outline:none;}
#nuage-contact { top: 193px; left: 157px; width:68px; height: 25px; outline:none;}
#nuage-docs { top: 213px; left: 119px; width:32px; height: 17px; outline:none;}
#nuage-editeur { top: 149px; left: 11px; width:65px; height: 28px; outline:none;}
#nuage-equipe { top: 335px; left: 29px; width:43px; height: 17px; outline:none;}
#nuage-ethique { top: 185px; left: 5px; width:80px; height: 28px; outline:none;}
#nuage-glossaire { top:	268px; left: 43px; width:79px; height: 22px; outline:none;}
#nuage-network { top: 114px; left: 125px; width:91px; height: 27px; outline:none;}
#nuage-partenaire { top: 0px; left: 95px; width:101px; height: 23px; outline:none;}
#nuage-presse { top: 239px; left: 148px; width:54px; height: 18px; outline:none;}
#nuage-wintext { top: 270px; left: 130px; width:88px; height: 25px; outline:none;}
#nuage-regie { top: 145px; left: 82px; width:80px; height: 37px; outline:none;}
#nuage-service { top:234px; left: 21px; width:88px; height: 30px; outline:none;}
#nuage-slidein { top:302px; left: 28px; width:58px; height: 25px; outline:none;}
#nuage-factory { top:300px; left: 99px; width:117px; height: 39px; outline:none;}
#nuage-corporate { top:26px; left:15px; width:142px; height: 35px; outline:none;}


/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
clear: left;
background: #fff; 
width: 600px; 
height: 27px; 
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;
left: 10px;
top: 8px;
width: 600px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
list-style-type: none;
margin: 0;
padding: 0;
}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}

/*
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
white-space: nowrap;
}
*/

ul.newsticker span {
white-space: nowrap;
margin: 0 50px 0 0;
} 


/* Slide autopromo */

#slide_autopromo {
	position: relative;
	float: left;
	width: 350px;
	height: 340px;
	margin-right: 10px;
	background: url('../img/slide_back.png') no-repeat;
}

#slide_autopromo ul li {
	display: none;
	opacity: 0;
	position: absolute;
	top: 8px;
	left: 12px;
	width: 320px;
	height: 320px;
}

#slide_autopromo ul li a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 320px;
	padding-top: 255px;
	text-align: left;
	text-decoration: none;
	color: #000;
}

#slide_autopromo li#wfactory a {
	background: url(../img/slide/wfactory.png) no-repeat;
}

#slide_autopromo li#ciblage a {
	background: url(../img/slide/ciblagecomportemental.png) no-repeat;
}

#slide_autopromo li#lab a {
	background: url(../img/slide/lab.png) no-repeat;
}

#slide_autopromo li#network a {
	background: url(../img/slide/networkpartenaires.png) no-repeat;
}

#slide_autopromo li#blogbang a {
	background: url(../img/slide/blogbang.png) no-repeat;
}

div#content div#slide_autopromo ul {
	list-style: none;
}

#slide_autopromo #slide-select {
	position: absolute;
	right: 14px;
	bottom: 15px;
	z-index: 999;
}

#slide_autopromo #slide-select a {
	display: block;
	float: left;
	text-decoration: none;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	text-align: Center;
	color: #fff;
	background: #a51625;
}

#slide_autopromo #slide-select a:hover {
	background: #e01e32;
}

/* Sous Menu */

#menuleft {
	margin: 20px;
}

#menuleft a {
	display:block;
	width: 200px;
	text-indent:-9999px;
	outline:none;
}

#menuleft > li {
	margin-bottom: 10px;
}

/* MENU WEBORAMA CONNECTION */

#menuleft #ssmenu-philo {
	height: 40px;
	background: url('../img/ssmenu/philo.png') no-repeat;
}

#menuleft #ssmenu-philo:hover, #menuleft #ssmenu-philo.selected {
	background: url('../img/ssmenu/philo-hover.png') no-repeat;
}

#menuleft #ssmenu-equipe {
	height: 40px;
	background: url('../img/ssmenu/equipe.png') no-repeat;
}

#menuleft #ssmenu-equipe:hover, #menuleft #ssmenu-equipe.selected {
        background: url('../img/ssmenu/equipe-hover.png') no-repeat;
}

#menuleft #ssmenu-references {
	height: 40px;
	background: url('../img/ssmenu/references.png') no-repeat;
}

#menuleft #ssmenu-references:hover, #menuleft #ssmenu-references.selected {
        background: url('../img/ssmenu/references-hover.png') no-repeat;
}

#menuleft #ssmenu-chiffres {
	height: 40px;
	background: url('../img/ssmenu/chiffres.png') no-repeat;
}

#menuleft #ssmenu-chiffres:hover, #menuleft #ssmenu-chiffres.selected {
        background: url('../img/ssmenu/chiffres-hover.png') no-repeat;
}

/* AGENCES ANNONCEURS */

#menuleft #ssmenu-wfactoryA {
	height: 40px;
	background: url('../img/ssmenu/wfactory.png') no-repeat;
}

#menuleft #ssmenu-wfactoryA:hover, #menuleft #ssmenu-wfactoryA.selected {
        background: url('../img/ssmenu/wfactory-hover.png') no-repeat;
}

#menuleft #ssmenu-pubA {
	height: 25px;
	background: url('../img/ssmenu/plateforme.png') no-repeat;
}

#menuleft #ssmenu-pubA:hover, #menuleft #ssmenu-pubA.selected {
        background: url('../img/ssmenu/plateforme-hover.png') no-repeat;
}

#menuleft #ssmenu-blogBang {
	height: 40px;
	background: url('../img/ssmenu/blogbang.png') no-repeat;
}

#menuleft #ssmenu-blogBang:hover, #menuleft #ssmenu-blogBang.selected {
        background: url('../img/ssmenu/blogbang-hover.png') no-repeat;
}

#menuleft #ssmenu-ciblageA {
	height: 40px;
	background: url('../img/ssmenu/ciblage.png') no-repeat;
}

#menuleft #ssmenu-ciblageA:hover, #menuleft #ssmenu-ciblageA.selected {
        background: url('../img/ssmenu/ciblage-hover.png') no-repeat;
}

#menuleft #ssmenu-comportementalA {
	height: 25px;
	background: url('../img/ssmenu/comportemental.png') no-repeat;
}

#menuleft #ssmenu-comportementalA:hover, #menuleft #ssmenu-comportementalA.selected {
        background: url('../img/ssmenu/comportemental-hover.png') no-repeat;
}

#menuleft #ssmenu-sociodemoA {
	height: 25px;
	background: url('../img/ssmenu/sociodemo.png') no-repeat;
}

#menuleft #ssmenu-sociodemoA:hover, #menuleft #ssmenu-sociodemoA.selected {
        background: url('../img/ssmenu/sociodemo-hover.png') no-repeat;
}

#menuleft #ssmenu-contextuelA {
	height: 25px;
	background: url('../img/ssmenu/contextuel.png') no-repeat;
}

#menuleft #ssmenu-contextuelA:hover, #menuleft #ssmenu-contextuelA.selected {
        background: url('../img/ssmenu/contextuel-hover.png') no-repeat;
}

#menuleft #ssmenu-themaA {
	height: 25px;
	background: url('../img/ssmenu/thematiques.png') no-repeat;
}

#menuleft #ssmenu-themaA:hover, #menuleft #ssmenu-themaA.selected {
        background: url('../img/ssmenu/thematiques-hover.png') no-repeat;
}

#menuleft #ssmenu-offreformat {
	height: 40px;
	background: url('../img/ssmenu/offreformat.png') no-repeat;
}

#menuleft #ssmenu-offreformat:hover, #menuleft #ssmenu-offreformat.selected {
        background: url('../img/ssmenu/offreformat-hover.png') no-repeat;
}

#menuleft #ssmenu-tarifcgv {
	height: 40px;
	background: url('../img/ssmenu/tarifcgv.png') no-repeat;
}

#menuleft #ssmenu-tarifcgv:hover, #menuleft #ssmenu-tarifcgv.selected {
        background: url('../img/ssmenu/tarifcgv-hover.png') no-repeat;
}

#menuleft #ssmenu-newsA {
	height: 40px;
	background: url('../img/ssmenu/newsletter.png') no-repeat;
}

#menuleft #ssmenu-newsA:hover, #menuleft #ssmenu-newsA.selected {
        background: url('../img/ssmenu/newsletter-hover.png') no-repeat;
}

/* EDITEURS */

#menuleft #ssmenu-wfactoryE {
	height: 40px;
	background: url('../img/ssmenu/wfactory.png') no-repeat;
}

#menuleft #ssmenu-wfactoryE:hover, #menuleft #ssmenu-wfactoryE.selected {
        background: url('../img/ssmenu/wfactory-hover.png') no-repeat;
}

#menuleft #ssmenu-pubE {
	height: 25px;
	background: url('../img/ssmenu/plateforme.png') no-repeat;
}

#menuleft #ssmenu-pubE:hover, #menuleft #ssmenu-pubE.selected {
        background: url('../img/ssmenu/plateforme-hover.png') no-repeat;
}

#menuleft #ssmenu-cluster {
	height: 25px;
	background: url('../img/ssmenu/cluster.png') no-repeat;
}

#menuleft #ssmenu-cluster:hover, #menuleft #ssmenu-cluster.selected {
        background: url('../img/ssmenu/cluster-hover.png') no-repeat;
}

#menuleft #ssmenu-ciblageE {
	height: 40px;
	background: url('../img/ssmenu/ciblage.png') no-repeat;
}

#menuleft #ssmenu-ciblageE:hover, #menuleft #ssmenu-ciblageE.selected {
        background: url('../img/ssmenu/ciblage-hover.png') no-repeat;
}

#menuleft #ssmenu-comportementalE {
	height: 25px;
	background: url('../img/ssmenu/comportemental.png') no-repeat;
}

#menuleft #ssmenu-comportementalE:hover, #menuleft #ssmenu-comportementalE.selected {
        background: url('../img/ssmenu/comportemental-hover.png') no-repeat;
}

#menuleft #ssmenu-sociodemoE {
	height: 25px;
	background: url('../img/ssmenu/sociodemo.png') no-repeat;
}

#menuleft #ssmenu-sociodemoE:hover, #menuleft #ssmenu-sociodemoE.selected {
        background: url('../img/ssmenu/sociodemo-hover.png') no-repeat;
}

#menuleft #ssmenu-contextuelE {
	height: 25px;
	background: url('../img/ssmenu/contextuel.png') no-repeat;
}

#menuleft #ssmenu-contextuelE:hover, #menuleft #ssmenu-contextuelE.selected {
        background: url('../img/ssmenu/contextuel-hover.png') no-repeat;
}

#menuleft #ssmenu-themaE {
	height: 25px;
	background: url('../img/ssmenu/thematiques.png') no-repeat;
}

#menuleft #ssmenu-themaE:hover, #menuleft #ssmenu-themaE.selected {
       background: url('../img/ssmenu/thematiques-hover.png') no-repeat;
}

#menuleft #ssmenu-newsE {
	height: 40px;
	background: url('../img/ssmenu/newsletter.png') no-repeat;
}

#menuleft #ssmenu-newsE:hover, #menuleft #ssmenu-newsE.selected {
        background: url('../img/ssmenu/newsletter-hover.png') no-repeat;
}

/* DOCS */
#menuleft #ssmenu-offreetpres {
	height: 40px;
	background: url('../img/ssmenu/offreetpres.png') no-repeat;
}

#menuleft #ssmenu-offreetpres:hover, #menuleft #ssmenu-offreetpres.selected {
        background: url('../img/ssmenu/offreetpres-hover.png') no-repeat;
}

#menuleft #ssmenu-presse {
	height: 40px;
	background: url('../img/ssmenu/presse.png') no-repeat;
}

#menuleft #ssmenu-presse:hover, #menuleft #ssmenu-presse.selected {
        background: url('../img/ssmenu/presse-hover.png') no-repeat;
}

#menuleft #ssmenu-infosmarche {
	height: 40px;
	background: url('../img/ssmenu/infosmarche.png') no-repeat;
}

#menuleft #ssmenu-infosmarche:hover, #menuleft #ssmenu-infosmarche.selected {
        background: url('../img/ssmenu/infosmarche-hover.png') no-repeat;
}

#menuleft #ssmenu-glossaire {
	height: 40px;
	background: url('../img/ssmenu/glossaire.png') no-repeat;
}

#menuleft #ssmenu-glossaire:hover, #menuleft #ssmenu-glossaire.selected {
        background: url('../img/ssmenu/glossaire-hover.png') no-repeat;
}

#menuleft #ssmenu-casestudies {
	height: 40px;
	background: url('../img/ssmenu/casestudies.png') no-repeat;
}

#menuleft #ssmenu-casestudies:hover, #menuleft #ssmenu-casestudies.selected {
        background: url('../img/ssmenu/casestudies-hover.png') no-repeat;
}

#menuleft #ssmenu-livreB {
	height: 40px;
	background: url('../img/ssmenu/livreb.png') no-repeat;
}

#menuleft #ssmenu-livreB:hover, #menuleft #ssmenu-livreB.selected {
        background: url('../img/ssmenu/livreb-hover.png') no-repeat;
}

/* PLAN DU SITE */

#menuleft #ssmenu-carriere {
	height: 40px;
	background: url('../img/ssmenu/carriere.png') no-repeat;
}

#menuleft #ssmenu-carriere:hover, #menuleft #ssmenu-carriere.selected {
        background: url('../img/ssmenu/carriere-hover.png') no-repeat;
}

#menuleft #ssmenu-contacts {
	height: 40px;
	background: url('../img/ssmenu/contacts.png') no-repeat;
}

#menuleft #ssmenu-contacts:hover, #menuleft #ssmenu-contacts.selected {
        background: url('../img/ssmenu/contacts-hover.png') no-repeat;
}

/* EQUIPE */

#equipe-direction {
	width: 400px;
	margin: auto;
}

#equipe-commerciale {
	/*float: right;*/
	/*width: 350px;*/
        float: left;
	width: 180px;
        margin: 10px 10px 0 10px;
}

#equipe-marketing {
	float: left;
	width: 180px;
        margin: 10px 10px 0 10px;
}

#equipe-admin {
        float: left;
        width: 180px;
        margin: 10px 10px 0 10px;
}


#equipe-rodolphe, #equipe-laurence, #equipe-snoussi, #equipe-salvatore, #equipe-yasmina, #equipe-odile, #equipe-cecile, #equipe-pierrot, #equipe-clement, #equipe-eva, #equipe-greg, #equipe-ben {
	display: block;
	width: 150px;
	height: 220px;
	float: right;
	text-indent: -9999px;
	border: 1px solid black;
	margin: 10px;
}

#equipe-rodolphe {
	background: url(../img/carte/rodolphe.png) bottom right no-repeat;
}

#equipe-rodolphe:hover {
	background: url(../img/carte/rodolphe-verso.png) bottom right no-repeat;
}

#equipe-laurence {
	background: url(../img/carte/laurence.png) bottom right no-repeat;
}

#equipe-laurence:hover {
	background: url(../img/carte/laurence-verso.png) bottom right no-repeat;
}

#equipe-snoussi {
	background: url(../img/carte/snoussi.png) bottom right no-repeat;
}

#equipe-snoussi:hover {
	background: url(../img/carte/snoussi-verso.png) bottom right no-repeat;
}

#equipe-salvatore {
	background: url(../img/carte/salvatore.png) bottom right no-repeat;
}

#equipe-salvatore:hover {
	background: url(../img/carte/salvatore-verso.png) bottom right no-repeat;
}

#equipe-yasmina {
	background: url(../img/carte/yasmina.png) bottom right no-repeat;
}

#equipe-yasmina:hover {
	background: url(../img/carte/yasmina-verso.png) bottom right no-repeat;
}

#equipe-odile {
	background: url(../img/carte/odile.png) bottom right no-repeat;
}

#equipe-odile:hover {
	background: url(../img/carte/odile-verso.png) bottom right no-repeat;
}

#equipe-cecile {
	background: url(../img/carte/cecile.png) bottom right no-repeat;
}

#equipe-cecile:hover {
	background: url(../img/carte/cecile-verso.png) bottom right no-repeat;
}

#equipe-pierrot {
	background: url(../img/carte/pierrot.png) bottom right no-repeat;
}

#equipe-pierrot:hover {
	background: url(../img/carte/pierrot-verso.png) bottom right no-repeat;
}

#equipe-clement {
	background: url(../img/carte/clement.png) bottom right no-repeat;
}

#equipe-clement:hover {
	background: url(../img/carte/clement-verso.png) bottom right no-repeat;
}

#equipe-eva {
        background: url(../img/carte/eva.png) top left no-repeat;
}

#equipe-eva:hover {
        background: url(../img/carte/eva.png) bottom left no-repeat;
}

#equipe-greg {
        background: url(../img/carte/gregory.png) top left no-repeat;
}

#equipe-greg:hover {
        background: url(../img/carte/gregory.png) bottom left no-repeat;
}

#equipe-ben {
        background: url(../img/carte/benjamin.png) top left no-repeat;
}

#equipe-ben:hover {
        background: url(../img/carte/benjamin.png) bottom left no-repeat;
}

.tete_tableau1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:145px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 4px;
	background-image:url(../img/Tete_dates.gif);
}

.tete_tableau2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 4px;
	background-image:url(../img/Tete_evenem.gif);
}

.tete_tableau3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 4px;
	background-image:url(../img/Tete_partition.gif);
}

.dates_tableau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #515151;
	width:145px;
	padding-left: 4px;
	padding-top:2px;
	vertical-align:top;
	background-image:url(../img/dates_back.gif);
	height:56px;
}

.dates_tableau2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #515151;
	width:145px;
	padding-left: 4px;
	padding-top:2px;
	vertical-align:top;
	background-image:url(../img/dates_back2.gif);
	height:56px;
}

.evenement_tableau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10px;
	color: #515151;
	padding-left: 4px;
	padding-top:2px;
	vertical-align:top;
	background-image:url(../img/evenem_back.gif);
	height:56px;
}

.evenement_tableau2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10px;
	color: #515151;
	padding-left: 4px;
	padding-top:2px;
	vertical-align:top;
	background-image:url(../img/evenem_back2.gif);
	height:56px;
}

.part_tableau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height:10px;
	color: #515151;
	padding-left: 4px;
	padding-top:2px;
	vertical-align:top;
	background-image:url(../img/partBack.gif);
	height:56px;
}

.part_tableau2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height:10px;
	color: #515151;
	padding-left: 4px;
	padding-top:2px;
	vertical-align:top;
	background-image:url(../img/partBack2.gif);
	height:56px;
}
