* {
margin: 0;
padding: 0;
}
body {
background-color: #cccccc;
text-align: center;
}
div.kader {
	width: 900px;
	margin: 0 auto;
	margin-top: 8px;
	background-color: #ffffff;
	border: 1px solid #000000;
	text-align: left;
}
.logo {
float: left;
}
.feweb {
float: left;
margin-left: 150px;
margin-top: 20px;
width: 115px;
}
.domainethix {
float: left;
padding-left: 30px;
margin-top: 30px;
width: 201px;
}
.language {
float: right;
padding-right: 30px;
margin-top: 120px;
width: 50px;
}
#navcontainer {
clear: both;
margin: 0;
padding: 0;
}
#navlist {
border-bottom: 1px solid #ccc;
margin: 0px 0px 10px 0px;
padding-bottom: 24px;
padding-left: 10px;
}
#navlist ul, #navlist li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
#navlist a:link, #navlist a:visited {
background: #ff6666;
border: 1px solid #ccc;
color: #ffffff;
float: left;
line-height: 19px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}
#navlist a:link#current, #navlist a:visited#current {
background: #ffffff;
border-bottom: 1px solid #ffffff;
color: #000000;
}
#navlist a:hover { 
color: #000000; 
background: #ff0000;
}
#navlist ul a:hover { 
color: #000000; 
}
div.content {
float: left;
width: 900px;
}
div.formation {
float: left;
width: 900px;
}
.formation p {
font-size: 9pt;
text-align:center;
margin-top: -5pt;
}
.formation a {
font-size: 9pt;
color:#CCC;
}
div.tekst {
width: 460px;
float: left;
padding: 0px 10px 10px 20px;
}
div.tekstvideo {
width: 360px;
float: left;
padding: 0px 10px 10px 20px;
}
div .clear {
clear: both;
}
div.table {
float: left;
padding: 0px 20px 15px 20px;
}
div.column {
width: 192px;
float: left;
padding-right: 30px;
padding-bottom: 30px;
}
div.lastcolumn {
width: 192px;
float: left;
padding-right: 0px;
padding-bottom: 30px;
}
div.images {
width: 380px;
float: right;
padding: 0px 20px 10px 10px;
}
div.video {
width: 480px;
float: right;
padding: 0px 20px 10px 10px;
}
img.portfolio {
border: 1px solid #000000;
}
h1 {
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 15pt;
	color: #000000;
	margin-bottom: 10px;
}
h2 {
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
font-size: 13pt;
color: #000000;
margin-bottom: 10px;
}
h3 {
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
font-size: 11pt;
color: #000000;
margin-bottom: 10px;
}
p, li, a {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
color: #333333;
line-height: 15pt;
margin-bottom: 10px;
}
ul li {
margin-left: 20px;
}
a {
color: #ff0000;
font-weight:700;
text-decoration:none;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
}
a:hover {
color: #ff0000;
text-decoration:underline;
}
div.footer {
clear: both;
height: 20px;
background-color: #eeeeee;
border-top: solid 1px #333333;
padding: 5px;
text-align:center;
}
p.footer {
font-size: 8pt;
}
.validators {
text-align: center;
margin-top: 20px;
}
div.messagesend {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
background-color:#b8f4af;
margin: 5px 0;
padding: 3px 3px 3px 25px;
width:250px;
background-image: url(img/accept.gif);
background-repeat: no-repeat;
}
div.mailingsend {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
background-color:#b8f4af;
margin: 5px 0 5px 300px;
padding: 3px 3px 3px 25px;
width:250px;
background-image: url(img/accept.gif);
background-repeat: no-repeat;
}
/*div.messagenotsend {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight:700;
background-color:#fddcd8;
margin: 5px 0;
padding: 3px 3px 3px 25px;
width:300px;
background-image: url(img/delete.gif);
background-repeat: no-repeat;
}*/
p.quote {
font-family: "Courier New", Courier, monospace;
color: #000000;
font-weight: bold;
}
div.superwebdesign {
padding: 30px 20px 20px 20px;
float: left;
}
div.super {
width: 250px;
float: left;
padding-right: 55px;
}
div.web {
width: 250px;
float: left;
padding-right: 55px;
}
div.design {
width: 250px;
float: right;
}

a.boldbuttons{
background: transparent url('img/roundedge-red-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}
a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}
a.boldbuttons span{
background: transparent url('img/roundedge-red-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.boldbuttons{ /* Hover state CSS */
background: transparent url('img/roundedge-gray-left.gif') no-repeat top left;
text-decoration: none;
}
a:hover.boldbuttons span{
background: transparent url('img/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
padding-top: 10px;
padding-bottom: 10px;
padding-left: 180px;
}
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:focus, a:active { 
  outline: none; 
}