body  {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0;
padding: 0;
color: #000000;
background-color:#e7e7e7;
width: 100%;
}

#agence-communication{
position:absolute;
left: 50%; 
width: 1224px;
margin-left: -612px; /* moitié de la largeur */
border: 0px solid #000;
z-index:1;
background-color: #e7e7e7;
height: 578px;
}

div.Gauche {
color:#000000;
font-family:Arial,Helvetica;
font-size:14px;
text-align:center;
width:100px;
height:576px;
float:left;
background-color: #e7e7e7;
}

div.Centre {
color:#000000;
font-family:Arial,Helvetica;
font-size:14px;
text-align:center;
width:1024px;
height:576px;
float:left;
background-color: #e7e7e7;
}

div.Centre-portfolio {
color:#000000;
font-family:Arial,Helvetica;
font-size:14px;
text-align:center;
width:1024px;
height:576px;
float:left;
background-color: #ffffff;
background: url(img/fond-2010.jpg) no-repeat left top;
overflow:auto;
}

div.Droite {
color:#000000;
font-family:Arial,Helvetica;
font-size:14px;
text-align:center;
width:100px;
height:576px;
float:left;
background-color: #e7e7e7;
}

div.Menu {
color:#000000;
font-family:Arial,Helvetica;
font-size:14px;
text-align:center;
width:900px;
height:25px;
position:absolute;
top:28px;
left:410px;
z-index:9990;
}

div.Bouton-accueil {
color:#000000;
font-family:Arial,Helvetica;
font-size:14px;
text-align:center;
width:200px;
height:50px;
position:absolute;
top:1px;
left:150px;
z-index:9990;
}

div.player {
width:380px;
height:380px;
background-color: #ffffff;
z-index:1;
}

div.cgv {
position:absolute;
width:930px;
left:150px;
background-color: #ffffff;
top :50px;
height:450px;
border: 1px #000;
overflow:auto;
color:#000000;
font-family:Arial,Helvetica;
font-size:10px;
}

h1.visualcom {font-family:verdana; font-size:10px; color:#a26c9e; font-weight:bold; text-align: center; margin: 5px;}
h2.visualcom {font-family:verdana; font-size:10px; color:#a26c9e; font-weight:bold; text-align: center; margin: 5px;}

p.footer {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;}
p.visualcom {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #a26c9e;}

a {font-family:verdana; font-size:10px; color:#000; text-decoration: none;}
a:hover {font-family:verdana; font-size:10px; color:#000000; text-decoration: underline;}

a.video {font-family:verdana; font-size:10px; color:#000; text-decoration: none; background-color: #dbdbdb;}
a.video:hover {font-family:verdana; font-size:10px; color:#000; text-decoration: none; background-color: #ededed;}

a.visualcom {font-family:verdana; font-size:9px; color:#000000; text-decoration: none;}
a.visualcom:hover {font-family:verdana; font-size:9px; color:#ffffff; text-decoration: none;}

a.visio {font-family:verdana; font-size:12px; color:#ffffff; text-decoration: none; font-weight:bold; background-color: #3c49f9;}
a.visio:hover {font-family:verdana; font-size:12px; color:#000000; text-decoration: none; font-weight:bold; background-color: #3c49f9;}

a.visioplus {font-family:verdana; font-size:12px; color:#ffffff; text-decoration: none; font-weight:bold; background-color: #ff6600;}
a.visioplus:hover {font-family:verdana; font-size:12px; color:#000000; text-decoration: none; font-weight:bold; background-color: #ff6600;}

a.visiopro {font-family:verdana; font-size:12px; color:#ffffff; text-decoration: none; font-weight:bold; background-color: #189d30;}
a.visiopro:hover {font-family:verdana; font-size:12px; color:#000000; text-decoration: none; font-weight:bold; background-color: #189d30;}

.texte {font-family:verdana; font-size:10px; color:#000000;}
.textew {font-family:verdana; font-size:10px; color:#ffffff;}
.evidence {font-family:verdana; font-size:12px; color:#fff; text-decoration: none; font-weight:bold; background-color: #000000;}
.promo {font-family:verdana; font-size:12px; color:#fff; text-decoration: none; font-weight:bold; background-color: #ff0000;}
/* -------------------------------------------------------------------- */
/* ------------------------ MENU PRINCIPAL ---------------------------- */
/* -------------------------------------------------------------------- */

ul#menu_principal {
	position: relative;
	list-style-type: none;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index:9990;
}

ul#menu_principal li.bouton_violet_m, ul#menu_principal li.bouton_orange_m, ul#menu_principal li.bouton_vertf_m, ul#menu_principal li.bouton_bleu_m, ul#menu_principal li.bouton_vertc_m {
	position: relative;
	height: 25px;
	float: left;
}

ul#menu_principal li div {
	height: 25px;
	width: 5px;
}

ul#menu_principal li.bouton_violet_m a, ul#menu_principal li.bouton_orange_m a, ul#menu_principal li.bouton_vertf_m a, ul#menu_principal li.bouton_bleu_m a, ul#menu_principal li.bouton_vertc_m a,
ul#menu_principal li.bouton_violet_m a:hover, ul#menu_principal li.bouton_orange_m a:hover, ul#menu_principal li.bouton_vertf_m a:hover, ul#menu_principal li.bouton_bleu_m a:hover, ul#menu_principal li.bouton_vertc_m a:hover {
	text-decoration: none;
	padding: 0;
}

ul#menu_principal li.bouton_violet_m a, ul#menu_principal li.bouton_orange_m a, ul#menu_principal li.bouton_vertf_m a, ul#menu_principal li.bouton_bleu_m a, ul#menu_principal li.bouton_vertc_m a,
ul#menu_principal li.bouton_violet_m a:hover, ul#menu_principal li.bouton_orange_m a:hover, ul#menu_principal li.bouton_vertf_m a:hover, ul#menu_principal li.bouton_bleu_m a:hover, ul#menu_principal li.bouton_vertc_m a:hover,
ul#menu_principal li.bouton_violet_m a:visited, ul#menu_principal li.bouton_orange_m a:visited, ul#menu_principal li.bouton_vertf_m a:visited, ul#menu_principal li.bouton_bleu_m a:visited, ul#menu_principal li.bouton_vertc_m a:visited {
	position: relative;
	display: block;
	color: black;
	font-size: 11px;
	font-weight: bold;
	margin: 2px 15px 0 15px;
}

.center {
	text-align: center;
}

.bouton_violet_m {
	background-color: #ededed;
}
.bouton_orange_m {
	background-color: #dbdbdb;
}
.bouton_vertf_m {
	background-color: #c9c9c9;
}
.bouton_bleu_m {
	background-color: #b7b7b7;
}
.bouton_vertc_m {
	background-color: #a5a5a5;
}




ul#menu_principal li.bouton_violet_m ul, ul#menu_principal li.bouton_orange_m ul , ul#menu_principal li.bouton_vertf_m ul, ul#menu_principal li.bouton_bleu_m ul, ul#menu_principal li.bouton_vertc_m ul  {
	display: none;
}

ul#menu_principal li:hover ul{
  display:block; 
  position:absolute;
  top:25px;
  background-color:#fff; 
  color:#000;
}
  
ul#menu_principal li ul {
	position: absolute;
	list-style-type: none;
	list-style-position: inside;
	padding: 0;
	margin: 0;
	display: block;
}

ul#menu_principal li ul li, ul#menu_principal li ul li:hover {
	position: relative;
	width: 150px;
	height: 22px;
	float:left;
}

ul#menu_principal li ul li a{
	margin: 3px 0 0 20px !important;
}

ul#menu_principal li ul li {
	background-color: #ededed;
}
ul#menu_principal li.bouton_violet_m:hover ul li:hover {
	background-color: #dbdbdb;
}
ul#menu_principal li.bouton_orange_m:hover ul li {
	background-color: #dbdbdb;
}
ul#menu_principal li.bouton_orange_m:hover ul li:hover {
	background-color: #c9c9c9;
}
ul#menu_principal li.bouton_vertf_m:hover ul li {
	background-color: #c9c9c9;
}
ul#menu_principal li.bouton_vertf_m:hover ul li:hover {
	background-color: #b7b7b7;
}
ul#menu_principal li.bouton_bleu_m:hover ul li {
	background-color: #b7b7b7;
}
ul#menu_principal li.bouton_bleu_m:hover ul li:hover {
	background-color: #a5a5a5;
}
ul#menu_principal li.bouton_vertc_m:hover ul li {
	background-color: #a5a5a5;
}
ul#menu_principal li.bouton_vertc_m:hover ul li:hover {
	background-color: #ededed;
}