body{
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
margin:0;
padding:0;
background:url(design-sites-web/fond.jpg) top center no-repeat;
background-attachment: fixed;
background-color:#000;
scrollbar-face-color:#000;
scrollbar-highlight-color:#fff;s
crollbar-3dlight-color:#fff;
scrollbar-darkshadow-color:#a2a2a2;
scrollbar-shadow-color:#a2a2a2;
scrollbar-arrow-color:#b3fc05;
scrollbar-track-color:#7f7f7f;
}

h1 {
clear:both;
padding:0 0 0 15px;
font-size:14px;
font-weight:bold;
color:#000;
margin:0;
}

h2 {
padding:0 0 0 5px;
font-size:13px;
font-weight:bold;
color:#8dc604;
}

#conteneur {
left:50%;
margin-left:-495px;
position:absolute;
width:990px;
top:0;
}

/*
left:50%;
margin-left:-495px;
*/

#haut{
font-size:9px !important;
font-size:8px;
font-family:Arial,Helvetica,sans-serif;
color:#000;
height:11px;
text-align:center;
margin:0;
padding:0;
}

#header{
display:block;
height:193px;
margin:0;
}

#centre{
margin:-650px 0 0 220px !important;
margin:-700px 0 0 220px;
font-size:13px;
font-family:Arial,Helvetica,sans-serif;
color:#000;
clear:both;
width:770px;
}

#centre a{
color:#000;
}

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

#footer{
clear:both;
display:block;
text-align:center;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-weight:bold;
font-size:10px;
color:#537501;
}

#footer a{
color:#8dc604;
}

#footer a:hover{
text-decoration:none;
color:#000;
}

.texte{
font-size:13px;
font-family:Arial,Helvetica,sans-serif;
color:#000;
}

p{
margin:0 10px 0 10px;
}
ul.menu{
margin:0;
padding:0;
list-style-type:none; /*Suppression du margin,du padding et des puces du <ul>*/
}

ul.menu li{
margin:0;
padding:0; /*Suppression du padding du <li>*/
}

ul.menu li a{
font-family:Arial,Helvetica,sans-serif;
font-weight:bold; display:block; /*On passe les liens en elements de type block pour leur donner des proprietes detaillees*/
width:143px;
line-height:32px;
color:#fff;
text-indent:15px;
text-decoration:none;
background:url(design-sites-web/boutons.gif) no-repeat 0 0; /*On met une image de background, que l'on positionne a 0px du bord gauche et 0px du bord haut*/
border:none;
}
 
ul.menu li a:hover{
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
background:url(design-sites-web/boutons.gif) no-repeat 0 -32px; /*Et ici on decale l'image du background de 30px vers le haut pour laisser apparaitre la 2eme partie de l'image*/
border:none;
color:#000;
}

ul.menu2{
margin:0;
padding:0;
list-style-type:none; /*Suppression du margin,du padding et des puces du <ul>*/
}

ul.menu2 li{
margin:0;
padding:0 0 5px 15px; /*Suppression du padding du <li>*/
}

.menu2{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
color:#3e5801;
}

.menu2 a{
color:#3e5801;
text-decoration:none;
}

.menu2 a:hover{
color:#8dc604;
text-decoration:none;
}

/*Mise en forme formulaires */
form{
width:550px;
}

input{
border:1px solid #8dc604;
background-color:#F1FBD5;
font-family:Arial,Helvetica,sans-serif;
color:#000;
}

select,option{
background-color:#F1FBD5;
color:#000;
}

textarea{
border:1px solid #28dc604;
background-color:#F1FBD5;
font-family:Arial,Helvetica,sans-serif;
color:#000;
}

/* references */
td{
valign="top"
}

.vert{
background-color:#F1FBD5;
}

.mauve{
background-color:#d9d7d7;
}

.references{
font-size:13px;
font-family:Arial,Helvetica,sans-serif;
color:#000;
}

.centre{
text-align:center;
}

/* Boxes realisations*/
.vignettes{
border:1px solid #8dc604;
margin:5px 5px 20px 5px;
float:left;
width:100px;
height:75px !important;
height:92px;
text-align:center;
}

.logos{
border:1px solid #8dc604;
margin:5px;
float:left;
width:180px;
text-align:center;
}

.ban468{
border:1px solid #8dc604;
margin:5px;
float:left;
width:468px;
text-align:center;
}

.ban159-401{
border:1px solid #8dc604;
margin:5px;
float:left;
width:159px;
text-align:center;
}

.ban160x600{
border:1px solid #8dc604;
margin:5px;
float:left;
width:160px;
text-align:center;
}

.ban120x600{
border:1px solid #8dc604;
margin:5px;
float:left;
width:120px;
text-align:center;
}

.ban88{
border:1px solid #8dc604;
margin:5px;
float:left;
width:88px;
text-align:center;
}

.ban728x90{
border:1px solid #8dc604;
margin:5px;
float:left;
width:728px;
text-align:center;
}

.ban90c60{
border:1px solid #8dc604;
margin:5px;
float:left;
width:90px;
text-align:center;
}

.ban234x60{
border:1px solid #8dc604;
margin:5px;
float:left;
width:234px;
text-align:center;
}

.ban500{
border:1px solid #8dc604;
margin:5px;
float:left;
width:500px;
text-align:center;
}

.ban300{
border:1px solid #8dc604;
margin:5px;
float:left;
width:300px;
text-align:center;
}

.ban655x125{
border:1px solid #8dc604;
margin:5px;
float:left;
width:655px;
text-align:center;
}

.site{
border:1px solid #8dc604;
margin:5px;
float:left;
width:550px;
text-align:center;
}

.iphone{
border:1px solid #8dc604;
margin:5px;
float:left;
width:100px;
text-align:center;
}


.boite{
width:100%;
}

.spacer2{
clear:both;
}

/*faq*/

#1{
}

#2{
}

#3{
}

#4{
}

#5{
}

#6{
}

#7{
}

#8{
}

/*raalisations sites Web*/
#1{
}

#2{
}

#3{
}

#4{
}

#5{
}

#6{
}

#7{
}

#8{
}