/*--------------------------------------------------------------------------------

CSS for www.camaleon-peru.com
Version: 1.0
Author: Nicolas Ducarne
e-Mail: nducarne@camaleon-peru.com
Website: http://www.camaleon-peru.com

/* Standard
--------------------------------------------------------------------------------*/
p {
font-size: 1.1em;
line-height: 1.3em;
font-weight: normal;
color: #000000;
margin: 0em 0em 1em 0em;
padding-right:10px;

}

p a:link, p a:visited, li a:link, li a:visited {
color: #333333;
font-weight: bold;
text-decoration: underline;
}

p a:hover, p a:active, p a.selected, li a:hover, li a:active {
color: #8E8E8E;
font-weight: bold;
text-decoration: underline;
}

h1 {
font-size: 1.4em;
font-weight: bold;
color: #660000;
margin: 0px;
padding: 0px;
}

h1 a:link, h1 a:visited {
color: #0000FF;
font-weight: bold;
text-decoration: none;
}

h1 a:hover, h1 a:active {
color: #0000FF;
font-weight: bold;
text-decoration: none;
}

h2 {
font-size: 1.4em;
font-weight: bold;
color: #660000;
margin: 0px;
padding: 0px;
}

h2 a:link, h2 a:visited {
color: #0000FF;
font-weight: bold;
text-decoration: none;
}

h2 a:hover, h2 a:active {
color: #0000FF;
font-weight: bold;
text-decoration: none;
}

h3 {
font-size: 0.9em;
font-weight: normal;
color: #000000  ;
margin: 0px;
padding: 0px;
}
.rouge{color: #660000; font-weight: bold; }
.style17 {font-size: 92%}

/* -------------------------------------------------------
 	1. LIENS base
 ------------------------------------------------------- */

a, a:link, a:visited
{
	text-decoration: none;
	color: #FFCC00 ;
}

a:hover
{
	text-decoration: none;
	color: #FFF;
	color: #0033CC ;
}

/* -------------------------------------------------------
 	2. MISE EN PAGE - BLOCS PRINCIPAUX
 ------------------------------------------------------- */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
	font: 80%/1 Trebuchet MS, "Lucida Grande", "Lucida Sans", Tahoma, Arial, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
	margin: 0;
	text-align: center;
}
#page
{
	position: relative; 
	margin: 0em auto; 
	padding: 0;
	width: 784px;
	background-color: #000000;
}	
#entete
{
	position: relative;
	height: 263px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-width: 0;
	z-index: 0;
	background-color: #000000;
}
#entetesomos
{
	position: relative;
	height: 590px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-width: 0;
	z-index: 0;
	background-color: #000000;
}
#milieu
{
	position: relative;
	width: 784px;
	margin: 0px 0px 0px 0px;
	padding:0px;
	background-color: #000000;
}
#menu
{
	position:relative;
	width: 155px;
	top: 8 px;
	border-width: 0px;
	margin: 5px 0px 5px 0px;
	padding:0px;
}
.droite{}
.gauche{background-color: #000000;}
.bas
{
	height:7px;
	background-color: #000000;
}
.ligne
{
height:2px;
background-color:#660000;
margin-bottom:3px;
}
.fond {
background:url(picto/caillou.jpg);
background-repeat: no-repeat;
margin-left:7px;
padding-right:7px;
margin-top:10px;
}
.ok a{
width: 130px;
}
#menubas{
position:relative;
height:24px;
width:700px;
}
#pub
{
background-color:#FFFFFF;
float:right;
position: absolute;
height:600px;
width:120px;
margin: 0px 0px 0px 0px;
padding:5px;
}
/* -------------------------------------------------------
 	3. Menu
 ------------------------------------------------------- */
#reflet {
margin-left:-10px;
}
.tablohaut {
background: url("images/tablohaut.gif");
background-repeat:repeat-x;
background-position:top left;
}
.tablohautb {
background: url("images/tablohautb.gif");
background-repeat:repeat-x;
background-position:top left;
}
.tablogauche {
background: url("images/tablogauche.gif");
background-repeat:repeat-y;
background-position:top left;
}
.tablogaucheb {
background: url("images/tablogaucheb.gif");
background-repeat:repeat-y;
background-position:top left;
}
.tablogauche2 {
background: url("images/tablogauche2.gif");
background-repeat:repeat-y;
background-position:top left;
}
.tablogauche2b {
background: url("images/tablogauche2b.gif");
background-repeat:repeat-y;
background-position:top left;
}
.tablodroite {
background: url("images/tablodroite.gif");
background-repeat:repeat-y;
background-position:top left;
}
.tablodroiteb {
background: url("images/tablodroiteb.gif");
background-repeat:repeat-y;
background-position:top left;
}
.tablodroite2 {
background: url("images/tablodroite2.gif");
background-repeat:repeat-y;
background-position:top left;
}
.tablodroite2b {
background: url("images/tablodroite2b.gif");
background-repeat:repeat-y;
background-position:top left;
}
.tablobas{
background: url("images/tablobas.gif");
background-repeat:repeat-x;
background-position:top left;
}
.tablobasb{
background: url("images/tablobasb.gif");
background-repeat:repeat-x;
background-position:top left;
}
.tablobas2{
background: url("images/tablobas2.gif");
background-repeat:repeat-x;
background-position:top left;
}
.tablobas2b{
background: url("images/tablobas2b.gif");
background-repeat:repeat-x;
background-position:top left;
}
#sousnavigation ul {
margin: 0px;
padding: 0px;
}
#sousnavigation li {
margin: 0px;
padding: 0px 0px 0px 0px;
list-style: none;
display: inline;
}
#sousnavigation a {
float: left;
padding: 0px 0px 0px 0px;
overflow: hidden;
}
#navigation ul {
margin: 0px;
padding: 0px;
}
#navigation li {
margin: 0px;
padding: 0px 0px 0px 0px;
list-style: none;
display: inline;
}
#navigation a {
float: left;
padding: 27px 0px 0px 0px;
overflow: hidden;
height: 0px !important;
height /**/: 27px; /* For IE5.x/Win only */
}
#navigation a:hover {
background-position: 0px -27px;
}
#navigation a:active, #navigation a.selected {
background-position: 0px -27px;
}
#navigationbt ul {
margin: 0px;
padding: 0px;
}
#navigationbt li {
margin: 0px;
padding: 0px 0px 0px 0px;
list-style: none;
display: inline;
}
#navigationbt a {
float: left;
padding: 63px 0px 0px 0px;
overflow: hidden;
height: 0px !important;
height /**/: 27px; /* For IE5.x/Win only */
}
#navigationbt a:hover {
background-position: 0px -63px;
}
#navigationbt a:active, #navigation a.selected {
background-position: 0px -63px;
}
#navigationbas ul {
margin: 0px;
padding: 0px;
}
#navigationbas li {
margin: 0px;
padding: 0px 0px 0px 0px;
list-style: none;
display: inline;
}
#navigationbas a {
float: left;
padding: 27px 0px 0px 0px;
overflow: hidden;
height: 0px !important;
height /**/: 24px; /* For IE5.x/Win only */
}
#navigationbas a:hover {
background-position: 0px -24px;
}
#navigationbas a:active, #navigation a.selected {
background-position: 0px -24px;
}
.agenciadepublicidad a{
width: 115px;
background: url("images/agenciab.gif") no-repeat top center;
}
.agenciadepublicidadover a{
width: 115px;
background: url("images/agencia.gif") no-repeat top center;background-position: 0px -24px;
}
.disenografico a{
width: 78px;
background: url("images/graficob.gif") no-repeat top center;
}
.disenograficover a{
width: 78px;
background: url("images/graficob.gif") no-repeat top center;background-position: 0px -24px;
}
.disenopublicitario a{
width: 101px;
background: url("images/publicitariob.gif") no-repeat top center;
}
.disenopublicitariover a{
width: 101px;
background: url("images/publicitariob.gif") no-repeat top center;background-position: 0px -24px;
}
.disenowebmultimedia a{
width: 142px;
background: url("images/webb.gif") no-repeat top center;
}
.disenowebmultimediaover a{
width: 142px;
background: url("images/webb.gif") no-repeat top center;background-position: 0px -24px;
}
.disenoidentidad a{
width: 116px;
background: url("images/identidadb.gif") no-repeat top center;
}
.disenoidentidadover a{
width: 116px;
background: url("images/identidadb.gif") no-repeat top center;background-position: 0px -24px;
}
.packagingbas a{
width: 57px;
background: url("images/packagingb.gif") no-repeat top center;
}
.packagingbasover a{
width: 57px;
background: url("images/packagingb.gif") no-repeat top center;background-position: 0px -24px;
}
.reportajefoto a{
width: 124px;
background: url("images/reportajeb.gif") no-repeat top center;
}
.reportajefotover a{
width: 124px;
background: url("images/reportajeb.gif") no-repeat top center;background-position: 0px -24px;
}
.somos a{
width: 58px;
background: url("images/somosb.gif") no-repeat top left;
}
.somoson a{
width: 58px;
background: url("images/somosb.gif") no-repeat top left; background-position: 0px -27px;
}
.servicios a{
width: 84px;
background: url("images/serviciosb.gif") no-repeat top left;
}
.servicioson a{
width: 84px;
background: url("images/serviciosb.gif") no-repeat top left; background-position: 0px -27px;
}
.portafolio a{
width: 97px;
background: url("images/portafoliob.gif") no-repeat top left;
}
.clientes a{
width: 79px;
background: url("images/clientesb.gif") no-repeat top left;
}
.contactenos a{
width: 115px;
background: url("images/contactenosb.gif") no-repeat top left;
}
.multimedia a{
width: 153px;
background: url("picto/multimedia.gif") no-repeat top center;
}
.multimediaover a{
width: 153px;
background: url("picto/multimedia.gif") no-repeat top center;background-position: 0px -63px;
}
.grafico a{
width: 153px;
background: url("picto/grafico.gif") no-repeat top center;
}
.graficover a{
width: 153px;
background: url("picto/grafico.gif") no-repeat top center;background-position: 0px -63px;
}
.publicitario a{
width: 153px;
background: url("picto/publicitario.gif") no-repeat top center;
}
.publicitariover a{
width: 153px;
background: url("picto/publicitario.gif") no-repeat top center;background-position: 0px -63px;
}
.identidad a{
width: 153px;
background: url("picto/identidad-corporativa.gif") no-repeat top center;
}
.identidadover a{
width: 153px;
background: url("picto/identidad-corporativa.gif") no-repeat top center;background-position: 0px -63px;
}
.packaging a{
width: 153px;
background: url("picto/packaging.gif") no-repeat top center;
}
.packagingover a{
width: 153px;
background: url("picto/packaging.gif") no-repeat top center;background-position: 0px -63px;
}
.reportaje a{
width: 153px;
background: url("picto/reportaje.gif") no-repeat top center;
}
.reportajeover a{
width: 153px;
background: url("picto/reportaje.gif") no-repeat top center;;background-position: 0px -63px;
}
.agencia a{
width: 153px;
background: url("picto/Agencia-de-Publicidad.gif") no-repeat top center;

}
.agenciaservicio a{
width: 153px;
background: url("picto/Agencia-de-Publicidad.gif") no-repeat top center;

}
.agenciaover a{
width: 153px;
background: url("picto/Agencia-de-Publicidad.gif") no-repeat top center;background-position: 0px -63px;

}
.texte{font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
}
#navigation2 ul {
margin: 0px;
padding: 0px;
}

#navigation2 li {
margin: 0px;
padding: 0px 0px 0px 0px;
list-style: none;
display: inline;
}
#navigation2 a {
float: left;
padding: 35px 0px 0px 0px;
overflow: hidden;
height: 0px !important;
height /**/: 27px; /* For IE5.x/Win only */
}

#navigation2 a:hover {
background-position: 0px -33px;
}

#navigation2 a:active, #navigation a.selected {
background-position: 0px -33px;
}
.sabergrafico a{
width: 115px;
background: url("images/newcam_16-54.gif") no-repeat top left;
}
.saberweb a{
width: 115px;
background: url("images/newcam_55.gif") no-repeat top left;
}
.saberfoto a{
width: 115px;
background: url("images/newcam_57.gif") no-repeat top left;
}