body
{
width: 100%;
margin: auto;
background-color:white;
font-family: Arial;

}
a
{
font-family: Arial;
color:#99CCFF;
border:none;
text-decoration:none;
}
a:hover
{
color:white;
text-decoration:none;
}

.cd1 {
font-size:24px;font-weight:bold;color:#99CCFF;}

.cd2{
font-size:15px;}

.cd3{
font-size:13px;
font-variant: small-caps;}
#conceptdesc {
margin-top:35px;color:#cccccc;font-family:arial;font-size:12px; height: 370px; }
/* Contenu */
.headtitle {
color: #99CCFF;
font-size: 40px;
font-family: Arial;	
}

.head {
margin-top: 30px;
margin-left: 30px;
margin-bottom: 10px;

	
}
.menu {
	margin-left:30px;
}
.menu a {
color: #cbcbcb;
font-size: 20px;
font-family: Arial;
display:block;
padding: 5px;	
}

.menu a:hover {
color: white;
background: #99CCFF;
}

.menu li {
list-style: none;
float: left;
position: relative;
margin-right: 25px;	
}

.container {
width:90%;
margin-left: auto;
margin-right: auto;
margin-top: 50px;	
}

.content {
width: 80%;
text-align: center;	
display:block;
position: relative;
float:left;
padding-top:20px;
color: #cbcbcb;
}

.works {
margin-top: 20px;
width: 20%;	
position: relative;
float:left;
}

.works li {
border-bottom: 1px solid white;
list-style: none;
position: relative;
float: left;
margin-right:3px;
margin-bottom:6px;
}
.works li a {
background: #cbcbcb;
padding: 2px;
color: white;
font-size: 15px;

font-variant: small-caps;
}

.works li a:hover {
color: #99CCFF;
background: white;	
}

#cat-on a {
color: white;
background: #99CCFF;	
}



/* Formulaires */
input, textarea {
	font-family: Trebuchet Ms;
	background-color: #99CCFF;
	border          : 1px dotted white;
	font-size: 12px;
	color:white;
}
input:focus, textarea:focus
 {
 border          : 1px dotted white;
	background-color: #c8e3fe;
	font-size: 12px;
	font-family: Trebuchet Ms; 
	color: #99CCFF;
}

label {
font-size: 12px;
font-weight: bold;
}