/*******************  css by nicobilou www.agence-actweb.fr  *********************/


body {
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color: #000;
height:100%;
}

img{
border:0px
}

.img-gauche {
float:left;
margin-right:5px;
margin-bottom:5px;
margin-top:5px;
}

.img-droite {
float:right;
margin-left:5px;
margin-bottom:5px;
margin-top:5px;
}

.img-promo-droite {
float:right;
margin-left:0px;
margin-bottom:5px;
margin-top:5px;
}

.img-promo-gauche {
float:left;
margin-right:0px;
margin-bottom:5px;
margin-top:5px;
}


#header {

background-color: #000000;
}
#header h1 {

color:#ccc;
font-weight:normal;
text-align:right;
padding-right:2px;
font-size:9px;
margin:0px;
}


#conteneur {
position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
background-color: #000;
}

#intro {
padding-left:35px;
padding-right:30px;
padding-top:30px;
font-size:80%;
color:#999999;}
#intro p{
text-align:justify;}

#contact {

padding-top:60px;

}

#centre {
background-color:#000000;
margin-left:285px;
padding-left:20px;
padding-bottom:20px;
padding-top:20px;
padding-right:20px;
text-align:justify;
color:#999999;

}
#centre h1{
font:1.8em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #ffffff ;
margin:0px;
padding:0px;
text-align:left;
}

#centre h2{
font:1em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #999999;
text-align:left;
font-weight:bold;
	
}
#centre h3{
font: 1.1em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #ccc;
text-align:left;
}
#centre h3 a {
color: #0066CC;
cursor: text;
}
#centre h3 a:hover {
color: #0066CC;
cursor: text;
}

#centre h4 {
font: 1.1em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #ccc;
background-image: url("../images-web-agency/puce-ul-cadre-txt.gif"); 
background-repeat:no-repeat;
text-align:left;
}

#centre h5 {
font: 1.1em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #0066CC;
padding-left:50px;
font-weight:bold;
text-align:right;
}
#centre h5 a{

text-decoration:underline;
}

#centre h5 a:hover{
text-decoration:underline;
}

#centre h6 {
font: 1.1em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
padding-left:25px;
font-weight:bold;

}

#centre a {
color: #857361;
text-decoration:underline ;

}

#centre a:hover {
text-decoration: none;
color:#857361;
}


#gauche {

float:left;
width: 285px;
background-color: #000;
padding-bottom:20px;
margin-bottom:10px;
}

#gauche h2{
font-size:12px;
padding-left:10px;
padding-top:15px;
padding-bottom:10px;
color: #ccc;
border-top:1px dotted #666;
/*background-image:url(../imgs-agence-interactive/bgh2gauche.gif);*/
}

#gauche p{
font-size:9px;
margin:0;
padding:0;
}

#intro2 p{

margin:0;
padding:0;
/*background-image:url(../imgs-agence-interactive/bgPgauche.gif);*/
background-position:bottom;
background-repeat:no-repeat;
}


#pied {
height: 30px;
background-color: #000;
color:#999999;
margin-top:-10px;
clear:both;
padding-top:10px;
padding-right:2px;
font-size:80%;
text-align:right;

}

#motscle{
font-size:80%;

}

#menugauche {
font-size:90%;
}
#menugauche li {
list-style-image:url(../imgs-agence-interactive/puce-menu-agence-web.png);

margin-left:70px;
}
#menugauche li a {
margin: 0 2px;
color: #857361;
text-decoration: underline;
list-style-image:url(../imgs-agence-interactive/puce-menu-agence-web.png);
}
#menugauche li a:hover {
text-decoration: none;
color:#857361;
list-style-image:url(../imgs-agence-interactive/puce-menu-agence-web-on.png);
}
p {margin: 0 0 10px 0;}