/*CSS*/

* {
margin:0;
padding:0;
border:0;
}
body{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:0;
padding:0;
background-color:#666666;
color:#666666;
}

h1 {
margin:0;
padding:0;
font-size:16px;
font-variant:small-caps;
text-decoration:none;
letter-spacing:1px;
color:#ffffff;
font-weight:bold;
}

a {
color : #ff9900;
text-decoration:none;
}
a:hover {
color:#ff6600;
text-decoration:underline;
}
.rouge {
  color:#F00;
}
.orange {
  color:#FF6600;
}
.vert {
  color:#006600;
}
.bleu {
  color:#336699;
}

.center {
text-align:center;
}
.right {
text-align:right;
}
ul {
  padding: 0px 0px 10px 25px;
  margin:0;
}
li{
  list-style-type: none;
  line-height:150%;
  background: url(li.gif) no-repeat 0px 0px;
  padding: 0px 0px 5px 19px;
  margin:0;
}
.spacer {
	clear:both;
}

/* Blocks principaux */
#wrapper {
  width: 800px;
  margin: 20px auto 5px auto;
  padding:0;
  background-color:#ffffff;
  border:1px solid #336699;
}
#header {
  background-color:#ffffff;
  display:block;
  padding:0;
  margin:0;
  height:120px;
  width:800px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-variant:small-caps;
  color:#969696;
}
#menu {
  padding:0;
  margin:11px 0 0 0;
  font-size:11px;
  height:21px;
}
#content {
  display:block;
  margin:0px;
  padding:15px 10px 10px 10px;
}
#content.internet {
  background:url(internet.jpg) no-repeat top center;
}
#content.graphisme {
  background:url(graphisme.jpg) no-repeat top center;
}
#content.intranet {
  background:url(intranet.jpg) no-repeat top center;
}
#content.contact {
  background:url(contact.jpg) no-repeat top center;
}
#content.accueil {
  background:url(accueil.jpg) no-repeat top center;
}
#content #main {
  display:block;
  width:540px;
  text-align:left;
  height:100%;
  padding:25px 15px 10px 15px;
  margin:85px 0px 10px 30px;
}


/* MENUS ET SOUS MENUS */

#menu a {
	display:block;
	width:160px;
	height:21px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	padding:2px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(bg-menu.gif) repeat-x 0 0;
}

#menu a:hover, #menu a.active {
	background:url(bg-menu2.gif) repeat-x 0 0;
	color:#336699;
	text-decoration:none;
}

#sous-menu {
  float:right;
  width:144px;
  height:265px;
  padding:5px 0px 10px 0px;
  margin:0px 10px 0px 0px;
}
#sous-menu ul.block-menu {
  padding:0px 0px 0 7px;
  margin:0 0 0 0;
}
#sous-menu ul.block-menu li {
  list-style-type: none;
  line-height:100%;
  background: url(li-menu.gif) no-repeat 0px 0px;
  padding: 0px 0px 2px 14px;
  margin:5px 0px 10px 0px ;
}
#sous-menu h1 {
font-variant:small-caps;
font-size:14px;
letter-spacing:0;
text-align:center;
margin: 0;
padding: 6px 0 10px 0;
}

#sous-menu p.title {
font-variant:small-caps;
font-size:14px;
letter-spacing:0;
text-align:center;
margin: 0;
padding: 6px 0 10px 0;
color:#ffffff;
font-weight:bold;
}
#sous-menu p.title2 {
font-size:12px; 
color:#336699; 
font-variant:small-caps; 
text-align:center; 
padding:4px 0 5px 0;
font-weight:bold;
}

#sous-menu a {
color:#666666 ;
font-size:10px;
}

#footer {
  clear: both;
  display:block;
  text-align:center;
  font-size:11px;
  margin:0 10px 0 10px;
  padding:5px 0 0 0;
  border-top: #336699 solid 1px;
}

#header .logo {
  margin:0 0 0 0;
  padding:10px 10px 20px 10px;
}

#header .menu {
margin:1px 0 0 0;
text-align:left;

}

#header p.contact {
	float:right;
  margin:0 0 0 0;
  padding:10px 10px 0px 0px;
  color:#336699;
  text-align:right;
  font-size:11px;
}
#header p.contact a {
  color:#336699;
  text-decoration:none;
}
#header p.contact a:hover {
  color:#ff9900;
  text-decoration:underline;
}


#content p.liens a {
  color:#fff;
  text-decoration:none;
}
#content p.liens a:hover {
  color:#fff;
  text-decoration:underline;
}



#main p {
  text-align:justify;
  margin:0;
  padding:0px 0px 10px 0px;
  color:#666666;
  font-size:11px;
  line-height:150%;
}
#main p.center {
  text-align:center;
}

#main h1 {
  margin:0;
  padding:2px 0px 10px 0px;
  font-size:16px;
  font-variant:small-caps;
  text-decoration:none;
  letter-spacing:1px;
  color:#336699;
  font-weight:bold;

}

#main h2 {
  margin:0;
  padding:2px 0px 10px 0px;
  font-size:12px;
  text-decoration:none;
  letter-spacing:1px;
  color:#336699;
  font-weight:bold;

}

#main h3 {
  margin:0;
  padding:10px 0px 2px 0px;
  font-size:13px;
  font-variant:small-caps;
  text-decoration:underline;
  letter-spacing:1px;
}

#main p.legende {
  text-align:center;
}


#main a.bouton {
  display:block;
  width:147px;
  height:23px;
  background: url("bouton-devis.gif") repeat-x 0 0;
  color:#FFF;
  text-align:center;
  font-size:12px;
  margin:0 0 10 0;
  padding:3px 0px 0px 0px;
  font-variant:small-caps;
  text-decoration:none;
}
#main a.bouton:hover { 
  background: url("bouton-devis-2.gif") repeat-x 0 0;
  color:#FFF;
  text-decoration:none;
}

#footer p {
  text-align:center;
  margin:0;
  padding:0px 0px 5px 0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#ffffff;
  font-size:10px;
}
p.footer {
  color:#ffffff;
}
#footer a, p.footer a  {
  color:#ffffff;
  text-decoration:none;
}
#footer a:hover, p.footer a:hover {
 color:#ffffff;
 text-decoration:underline;
}

p.center {
text-align:center;
}

/* TABLEAU */
table.formulaire {
text-align:left;
margin:0px 10px 0px 10px;
padding:0px;
}
table.formulaire td {
text-align:left;
font-size:11px;
padding:0px 2px 9px 2px;
margin:0;
border:0;
color:#666666;
}

table.panier {
text-align:center;
margin:15px 5px 10px 5px;
border:1px solid #cccccc;
}

table.panier tr {
text-align:center;
}

table.panier tr.border, table.panier tr td.border {
border-bottom:1px solid #cccccc ;
}
table.panier tr.border2, table.panier tr td.border2 {
border-bottom:1px solid #cccccc ;
border-right:1px solid #cccccc ;
}
table.panier tr.border-top, table.panier tr td.border-top {
border-top:1px solid #cccccc ;
text-align:center;
}
table.panier tr.title1, table.panier tr td.title1 {
  background: url("bg-table-title1.jpg") repeat-x 0 0;
}
table.panier tr.title2, table.panier tr td.title2 {
  background: url("bg-table-title2.jpg") repeat-x 0 0;
}

table.panier td {
text-align:left;
font-size:10px;
padding:5px 5px 10px 5px;
margin:0;
border:0;
color:#999999;
}
table.panier td.center {
text-align:center;
}

table.panier2 {
text-align:center;
margin:0px 5px 0px 5px;
}
table.panier2 tr {
text-align:left;
margin:0;
padding:0;
}
table.panier2 tr.center, table.panier2 td.center {
text-align:center;
}
table.panier2 td {
text-align:left;
font-size:11px;
padding:2px;
margin:0;
border:0;
color:#999999;
}
table.panier2 td h2.fonce {
color:#666666;
font-weight:bold;
}
table.panier2 tr.title td, table.panier2 tr td.title{
color:#666666;
font-weight:bold;
font-size:11px;
}



/*INPUT */
form {
padding:0;
margin:0px;
font-family: Verdana, Geneva, sans-serif;
}
input {
color:#666666;
font-size:11px;
font-family: Verdana, Geneva, sans-serif;
margin:0;
padding:0px;
}

textarea {
font-size:11px;
font-family: Verdana, Geneva, sans-serif;
	border:1px solid #999999;

}
select {
color:#666666;
font-size:11px;
font-family: Verdana, Geneva, sans-serif;
border:1px solid #999999;
margin:0;
padding:0px;
}

input.normal {
	color:#666666;
	border:1px solid #999999;
	text-decoration:none;
	margin:0;
	padding:1px 2px 1px 2px ;
}
input.noborder {
	color:#666666;
	border:0px solid #999999;
	margin:0;
	padding:0px ;
}
input.button_radio {
	color:#666666;
	margin:0;
	padding:2px;
	border:none;
	
}
input.soumet {
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	background-color:#336699;
	margin:0px 0px 0px 0px;
	padding:2px 4px 2px 4px;
	border-left:1px solid #CCC ;
	border-top:1px solid #CCC ;
	border-right:1px solid #666 ;
	border-bottom:1px solid #666 ;
}
a.soumet {
	display:block;
	text-align:center;
	text-decoration:none;
	padding:3px 1px 0px 1px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	font-size:10px;
	border:1px solid #666666;
}

input.soumet:hover, a.soumet:hover {
	background-color:#FF9900;
	text-decoration:none;
	border-left:1px solid #666 ;
	border-top:1px solid #666 ;
	border-right:1px solid #CCC ;
	border-bottom:1px solid #CCC ;

}