*{
margin:0px;
padding:0px;
} 
body{
overflow:hidden;
}

span{
display:none;
}
blockquote{
color:transparent;
}
a:link, a:active, a:visited{
color:#FFFFFF;
text-decoration:none;
font-size:16px;
}
a:hover{
color:#FFFFFF;
text-decoration:underline;
font-size:16px;
}
p{
font-size:14px;
color:#FFFFFF;
}

h1{
margin:70px 0 0 0;
}
img{
margin:0 0 5px 0;
}
td{
vertical-align:top;
}
#intro h1{background:transparent url(../images/H1intro.png) no-repeat left top; height:267px;}
#info h1{background:transparent url(../images/h1info.png) no-repeat left top; height:36px;}
#web h1{background:transparent url(../images/h1web.png) no-repeat left top; height:36px;}
#liens h1{background:transparent url(../images/h1liens.png) no-repeat left top; height:36px;}
#contact h1{background:transparent url(../images/h1contact.png) no-repeat left top; height:36px;}

#menu{
position:fixed;
width:100%;
height:75px;
top:0px;
left:0px;

}
#menu table{
width:100%;
height:75px;
}
#menu table tr td.fond{
background:transparent url(../images/fondmenu.png) top left repeat-x;
}
#menu ul li{
list-style:none inside;

}
#menu ul li.title a{
display:block;
width:333px;
height:75px;
background:transparent url(../images/menu_03.png) top left no-repeat;
float:right;
}
#menu ul li.infographie a{
display:block;
width:271px;
height:75px;
background:transparent url(../images/menu_04.png) top left no-repeat;
float:right;
}
#menu ul li.dvpweb a{
display:block;
width:152px;
height:75px;
background:transparent url(../images/menu_05.png) top left no-repeat;
float:right;
}
#menu ul li.liens  a{
display:block;
width:154px;
height:75px;
background:transparent url(../images/menu_06.png) top left no-repeat;
float:right;
}
#menu ul li.contactdevis a{
display:block;
width:242px;
height:75px;
background:transparent url(../images/menu_07.png) top left no-repeat;
float:right;
}


#menu ul li.infographie a:hover, #menu ul li.dvpweb a:hover, #menu ul li.liens a:hover, #menu ul li.contactdevis a:hover{
background-position: left bottom;
}

#intro, #info, #web, #liens, #contact{
width:100%;
height:1080px;
}
#intro{
background:#000 url(../images/fondintro.png) top left repeat-x;
}
#benett{
width:806px;
height:267px;
margin:18% auto;
}
#info{
background:#2985aa url(../images/fondinfo.png) top left repeat-x;
}
#infomenu{
float:left;
width:500px;
height:600px;

}
#infomenu ul{
margin:25px 0 0 25px;
}
#infomenu ul li{
list-style: url(../images/puce.png) inside;
margin:0 0 5px 0;

}
#infomenu ul li a{
color:#FFFFFF;
font-size:15px;
text-decoration:none;
}
#infomenu ul li a:hover{
color:#FFFFFF;
font-size:15px;
text-decoration:underline;
}
#infocontent{
width:600px;
height:600px;
margin:25px;
float:left;
color:#FFFFFF;
font-size:15px;
}
#web{
background:#7da646 url(../images/fondweb.png) top center repeat-y;
}
#webmenu{
width:400px;
height:600px;
float:left;

}
#webmenu ul{
margin:25px 0 0 50px;
}
#webmenu ul li{
list-style: url(../images/puce.png) inside;
margin:0 0 5px 0;

}
#webmenu ul li a{
color:#FFFFFF;
font-size:15px;
text-decoration:none;
}
#webmenu ul li a:hover{
color:#FFFFFF;
font-size:15px;
text-decoration:underline;
}
#webcontent{
width:700px;
min-height:400px;
margin:25px 0 0 50px;
float:left;
color:#FFFFFF;
font-size:15px;
border-left:1px solid #FFFFFF;
}
#webcontent table{
width:90%;
margin:0 auto;
}
#liens{
background:#d83f03 url(../images/fondliens.png) top center no-repeat;
width:100%;
}
#lienscontent{
width:80%;
margin:0 auto;
}
#lienscontent p{
width:100%;
margin:20px 0 20px 0;
}
#lienscontent ul{
margin:25px 0 0 50px;
}
#lienscontent ul li{
color:#FFFFFF;
float:left;
width:200px;
margin:0 0 5px 5px;
list-style: url(../images/puce.png) inside;
}
#contact{
background:#e1e6fa url(../images/fondcontact.png) top left repeat-x;
}
#contactpage{
margin:0 auto;
width:90%;
}
#mail{
width:320px;
height:340px;
margin:50px 0 0 50px;
float:left;
}
form{
width:312px;
height:330px;
border:1px dashed #FFFFFF;

}
#mail input[type=text]{
width:290px;
height:20px;
background: #FFFFFF;
color:#CCCCCC;
border:none;
padding:3px 0 0 10px;
}
#mail input[type=text]:hover{
border:1px dotted #FFFFFF;
color:#FFFFFF;
background: transparent;
}
#mail input[type=text]:focus{
border:1px dotted #FFFFFF;
color:#000;
background: transparent;
}
#mail textarea{
border:0;
width:299px;
background: #FFFFFF;
color:#CCCCCC;
border:1px dashed #FFFFFF;
}
#mail  textarea:hover{
border:1px dotted #FFFFFF;
color:#CCCCCC;
background: transparent;
}
#mail  textarea:focus{
border:1px dashed #FFFFFF;
color:#000;
background: transparent;
}
#mail select{
border:0;
width:300px;
height:20px;
background: #FFFFFF;
color:#CCCCCC;
border:1px dashed #FFFFFF;
padding:0 0 0px 10px;
}
#mail select:hover{
border:1px dotted #FFFFFF;
color:#FFFFFF;
background: transparent;
}
#mail select:focus{
border:1px dashed #FFFFFF;
color:#000;
background: transparent;
}
#mail input[type=submit]{
background:#FFFFFF;
color:#CCCCCC;
width:60px;
height:25px;
float:right;
cursor:pointer;

}
#mail input[type=submit]:hover{
border:1px dashed #FFFFFF;
color:#FFFFFF;
background: transparent;
}
#coordonees{
width:700px;
min-height:400px;
margin:0 0 0 50px;
float:left;
}
#coordonees h1{background:transparent url(../images/fondform.png) top left no-repeat; height:421px;}