@charset "utf-8";
/* CSS Document */

body {
margin-top : -20px;
margin-left:auto;
margin-right:auto;
text-align:center;
width:1024px;
height:540px;
}

a {
text-decoration:none;
border:none;
cursor:pointer;
}

#container {
width:1024px;
height:540px;
background: url(../images/background.jpg);
}



/*------------------------ menu gauche ------------------------*/
#menuLeft {
width:153px;
float:left;
margin-left:-20px;
}

#menuLeft li {
list-style-type:none;
padding-top: 60px;
}

#menuLeft li a img {
text-decoration:none;
border:none;
}


/*------ RollOver menu gauche ------*/

#journalisme img {
display:none;
}

#journalisme {
display:block;
background-image:url(../images/menuLeftJournalisme.png);
width:153px;
height:62px;
}

#journalisme:hover {
background-image: url(../images/menuLeftJournalismeHover.png);
}

#communication img {
display:none;
}

#communication {
display:block;
background-image:url(../images/menuLeftCommunication.png);
width:153px;
height:55px;
}

#communication:hover {
background-image: url(../images/menuLeftCommunicationHover.png);
}

#creations img {
display:none;
}

#creations {
display:block;
background-image:url(../images/menuLeftCreations.png);
width:153px;
height:89px;
}

#creations:hover {
background-image: url(../images/menuLeftCreationsHover.png);
}

/*------------------------ tableau ------------------------*/
#centre{
width:511px;
height:309px;
float:left;
margin: 50px 83px 0;
}


#tableau img {
display:none;
}

#tableau {
display:block;
background-image:url(../images/tableau.png);
width:511px;
height:309px;
}

#tableau:hover {
background-image: url(../images/tableauHover.png);
}

/*------------------------ nuage de tag ------------------------*/
	
#nuageTag{
	display:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333;
	}

/*--------------------- menu droite ------------------------*/

#menuRight {
width:200px;
float:right;
margin-top:20px;
}

#menuRight li {
list-style-type:none;
padding-top: 2px;
}

#menuRight li a {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#696969;
}

#menuRight li a img {
text-decoration:none;
border:none;
}

/*------ RollOver menu droite ------*/

#horlogerie img {
display:none;
}

#horlogerie {
display:block;
background-image:url(../images/menuRightHorlogerie.png);
width:144px;
height:22px;
}

#horlogerie:hover {
background-image: url(../images/menuRightHorlogerieHover.png);
}

#afrique img {
display:none;
}

#afrique {
display:block;
background-image:url(../images/menuRightAfrique.png);
width:144px;
height:21px;
}

#afrique:hover {
background-image: url(../images/menuRightAfriqueHover.png);
}

#voyage img {
display:none;
}

#voyage {
display:block;
background-image:url(../images/menuRightVoyage.png);
width:144px;
height:21px;
}

#voyage:hover {
background-image: url(../images/menuRightVoyageHover.png);
}

#sante img {
display:none;
}

#sante {
display:block;
background-image:url(../images/menuRightSante.png);
width:144px;
height:20px;
}

#sante:hover {
background-image: url(../images/menuRightSanteHover.png);
}

#redaction img {
display:none;
}

#redaction {
display:block;
background-image:url(../images/menuRightRedaction.png);
width:144px;
height:22px;
}

#redaction:hover {
background-image: url(../images/menuRightRedactionHover.png);
}

#musique img {
display:none;
}

#musique {
display:block;
background-image:url(../images/menuRightMusique.png);
width:144px;
height:22px;
}

#musique:hover {
background-image: url(../images/menuRightMusiqueHover.png);
}

#custom img {
display:none;
}

#custom {
display:block;
background-image:url(../images/menuRightCustom.png);
width:144px;
height:22px;
}

#custom:hover {
background-image: url(../images/menuRightCustomHover.png);
}

#editions img {
display:none;
}

#editions {
display:block;
background-image:url(../images/menuRightEditions.png);
width:144px;
height:22px;
}

#editions:hover {
background-image: url(../images/menuRightEditionsHover.png);
}

#product img {
display:none;
}

#product {
display:block;
background-image:url(../images/menuRightProduct.png);
width:144px;
height:21px;
}

#product:hover {
background-image: url(../images/menuRightProductHover.png);
}

#evenementiel img {
display:none;
}

#evenementiel {
display:block;
background-image:url(../images/menuRightEvenementiel.png);
width:144px;
height:21px;
}

#evenementiel:hover {
background-image: url(../images/menuRightEvenementielHover.png);
}

#reseautage img {
display:none;
}

#reseautage {
display:block;
background-image:url(../images/menuRightReseautage.png);
width:144px;
height:22px;
}

#reseautage:hover {
background-image: url(../images/menuRightReseautageHover.png);
}

#relations img {
display:none;
}

#relations {
display:block;
background-image:url(../images/menuRightRelations.png);
width:144px;
height:20px;
}

#relations:hover {
background-image: url(../images/menuRightRelationsHover.png);
}

#bureau img {
display:none;
}

#bureau {
display:block;
background-image:url(../images/menuRightBureau.png);
width:144px;
height:21px;
}

#bureau:hover {
background-image: url(../images/menuRightBureauHover.png);
}

#scenarios img {
display:none;
}

#scenarios {
display:block;
background-image:url(../images/menuRightScenarios.png);
width:144px;
height:21px;
}

#scenarios:hover {
background-image: url(../images/menuRightScenariosHover.png);
}

#prowatch img {
display:none;
}

#prowatch {
display:block;
background-image:url(../images/menuRightProwatch.png);
width:144px;
height:21px;
}

#prowatch:hover {
background-image: url(../images/menuRightProwatchHover.png);
}

#projo img {
display:none;
}

#projo {
display:block;
background-image:url(../images/menuRightProjo.png);
width:144px;
height:22px;
}

#projo:hover {
background-image: url(../images/menuRightProjoHover.png);
}

/*------ Dock ------ */

#dock {
	position: relative; 
	height: 50px;
	text-align: center;
	top:470px;
	left: -5%;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Trebuchet MS, Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: -10px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/*------ Banniere ------ */

#banniere {
width: 996px;
height: 60px;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:40px}

#banniere a img {
text-decoration:none;
border:none;
}

#lienBanniereGauche {
float:left;
}

#lienBanniereDroite {
float:right;
}