*{
margin:0;
padding:0;
}



a{

text-decoration:none;}

a:visited{
color:#CCCCCC;
}

ul{
list-style-type:none;
}


body{
font-size:10px;
font-family:"Trebuchet MS" , Helvetica ;
color:#FFFFFF;
margin : 0 50px;
background-color:#FFFFFF;
}

h1{
margin-left: 34px;
height:118px;
width :298px;
background:url(imgs/logo.gif) no-repeat;
text-indent:-5000px;
}

#container{
position:relative;
margin : 0 auto;
width:388px;
}

#header{
margin-bottom:10px;
position:relative;
height:236px;
background-color:#000000;
}



#menu{
color:#FFFFFF;
position :absolute;
right:0;
bottom:0;
}
#menu2{
color:#FFFFFF;
position :absolute;
right:0;
bottom:80px;
}


#menu ul li,#menu2 ul li{
margin:5px;}


#menu ul li a,#menu2 ul li a,.menusubmit{
line-height:10px;
width:80px;
font-size:9px;
height:14px;
display:block;
background-color:#000000;
color:#FFFFFF;
}

#menu ul li a:hover,#menu2 ul li a:hover{
background-color:#FFFFFF;
color:#000000;
}







.menu_webdesign{
position:absolute;
right:269px;
bottom:10px;
}

.menu_webdesign h3{
height:14px;
width : 69px;
background:url(imgs/menu-web.gif) no-repeat;
}

.menu_portfolio{
position:absolute;
right:178px;
bottom:10px;
}

.menu_portfolio h3{
height:14px;
width : 69px;
background:url(imgs/menu-folio.gif) no-repeat;
}

.menu_both{
position:absolute;
right:87px;
bottom:10px;
}

.menu_both h3{
height:14px;
width : 69px;
background:url(imgs/menu-both.gif) no-repeat;
}

h3{
text-indent:-5000px;
margin-left:6px;
}





img {
border:solid 0px #000000;
margin-bottom:7px;
}



.vignet{
background-image:url(imgs/bgimage.gif);
color:#FFFFFF;
background-color:#000000;
font-size:10px;
font-family:"Trebuchet MS" , Helvetica ;
display:block;
width:388px;
height:262px;
margin-bottom:77px;
}



.title{

line-height:10px;
margin-left: 34px;
}

.date{
line-height:10px;
margin:0 10px 0 0;
clear:both;
float:right;}

#basweb{
margin-top:77px;
width:388px;
height:236px;
background-color:#000000;
color:#FFFFFF;
}

#basweb a{
font-size:10px;
font-family:"Trebuchet MS" , Helvetica ;
color:#FFFFFF;}


#basweb a:hover{
color:#000000;
background-color:#FFFFFF;
}



#pages {
padding-top : 15px;
margin :0 0 0 34px;
}

.lien_pagination{
padding:0 2px;
}




.on{
padding:0 2px;
/*color:#000000;
background-color:#FFFFFF;*/
font-weight:bold;

}



#contact {

background-color:#000000;
color:#FFFFFF;
width:388px;
height:235px;

}


label {
display:inline;
float:left;
width:100px;}

INPUT { 
margin-bottom:18px;
padding-left:3px;
background-color: #FFFFFF ;
font-family: "Trebuchet MS", Helvetica ;
font-size:10px;
border:1px solid black;}



TEXTAREA { 
margin-bottom:18px;
padding-left:3px;
background-color: #FFFFFF ;
font-size:10px;
font-family: "Trebuchet MS", Helvetica ;
border:1px solid black;}

.boutsubmit{
text-align:left;

width : 69px;

padding-left:3px;
background-color: #000000;
color:#FFFFFF;
font-size:10px;
font-family: "Trebuchet MS", Helvetica ;
border:1px solid black; 
}

.boutsubmit:hover{
background-color: #FFFFFF ;
color:#000000;
cursor: pointer;
}