* {
font-family: Tahoma, Geneva, Arial, sans-serif;
font-size: 12px;
}
body, html {
margin:0;
background-color:#eee;
}
#top {
width:100%;
height:300px;
background-color:#008dcc;
background-image:url('bgtest.png');
background-repeat:no-repeat;
background-position:top center;
margin-top:0;
}
#menu_top {
width:100%;
height:50px;
background-color:#fff;
-webkit-box-shadow: 0 3px 9px rgba(80,78,75,0.45);
-moz-box-shadow: 0 3px 9px rgba(80,78,75,0.45);
box-shadow: 0 3px 9px rgba(80,78,75,0.45);
text-align:center;
}
#contenu {
width:900px;
margin:auto;
margin-bottom:20px;
}
#corps{
	width:620px;
	height:auto;
	float:right;
	background:#FFF;
	margin:0;
	padding:20px 40px;
	border-top:5px solid #a8dd3c;
}
#menu {
	width:140px;
	min-height:100%;
	float:left;
	background:#008dcc;
	margin:0;
	padding:15px 30px;
}
.toplink {
font-weight:normal;
margin-top:10px;
margin-right:20px;
display: inline-block;
color:#fff;
text-decoration:none;
position: relative;
padding: 6px 14px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
letter-spacing:2px;
font-size: 14px;
text-transform: uppercase;
filter : alpha(opacity=85);
opacity : 0.85;
}
.toplink:hover {
filter : alpha(opacity=100);
opacity : 1;
color:#fff;
text-decoration:none;
}
.menulink {
font-weight:normal;
margin-top:10px;
display: inline-block;
color:#fff;
text-decoration:none;
position: relative;
padding: 4px 0px;
letter-spacing:2px;
font-size: 12px;
filter : alpha(opacity=75);
opacity : 0.75;
}
.menulink:hover {
filter : alpha(opacity=100);
opacity : 1;
color:#fff;
text-decoration:none;
}
.menulink:before {
content:"\00bb\00a0";
}
.signature {
position:absolute;
bottom:0;
padding:2px;
width:98%;
left:0;
text-align:center;
color:#5eb2fb;
}
.signature a {
color:#5eb2fb;
text-decoration:none;
}
.signature a:hover {
color:#8fd1f3;
text-decoration:none;
}
/*==================================================
 * Mise en page
 * ===============================================*/
a {
color:#008dcc;
}
a:hover {
color:#34b202;
text-decoration:none;
}
h1 {
color:#f36d20;
font-size:20px;
padding-left:0px;
}
h2 {
color:#7dbd0e;
font-size:16px;
padding-left:6px;
}
h3 {
font-size:14px;
color:#F9AB18;
padding-left:0px;
}
h4 {
font-size:13px;
color:#008dcc;
padding-left:0px;
}
blockquote {
border-left:10px solid #ccc;
margin:1.5em 20px;
padding:.5em 10px;
quotes:"\201C";
}
blockquote:before {
color:#ccc;
content:"\201C";
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
blockquote p {
display:inline;
}
table {
border: 1px solid #bbb;
color:#222;
border-collapse: collapse;
}
td {
padding:5px;
border: 1px solid #bbb;
}
th {
padding:8px;
background-color:#ddd;
font-size:13px;
border: 1px solid #bbb;
}
.news {
padding:10px 20px;
padding-top:2px;
margin-bottom:20px;
background-color:#e6e6e6;
	-webkit-box-shadow: 0 8px 6px -6px #aaa;
	   -moz-box-shadow: 0 8px 6px -6px #aaa;
	        box-shadow: 0 8px 6px -6px #aaa;
}
/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}