body {font-family:"Arial"; font-size:14px; border:0; padding:0; margin:0; background-color:#373737}
div {margin:0}
a img {border:0}
a {text-decoration:none;}
header {background-color:#979797; background-image:url(images/bkg_header.jpg); background-position:center; background-repeat:repeat; margin:0; padding:5px; height:76px}
.container {position:relative;left:50%; width:928px; margin-left:-464px; margin-top:0; margin-bottom:0}
header .container ul{float:right;display:inline;margin:0;}
header .container ul li{display:inline; margin-left:18px; margin-top:0px; margin-bottom:0}
header li a, li a:link, header li a:visited {background:none; color:#ccc; width:90px; padding:28px 27px 27px; text-align:center; text-decoration:none; font-weight:600; transition:color 0.2s ease-in-out; -webkit-transition:color 0.2s ease-in-out; }
header li a:hover, header li a:active {background:none; color:#000;}
#logo{margin:0px; border:none;display:inline;}
.logo{margin:0px; border:none;display:inline;}
#main {background:#979797 url(images/bkg_accueil.jpg); background-position:center top; background-repeat:repeat-x; margin:0px; padding:0;}
#accueil {height:476px; padding-top:50px;color:white;font-size:28px;font-weight:bold;}
#accueil h1{font-size:46px; margin:10px 0 10px 0}
.logoorkestro {margin:20px 0 20px 0}
#introcontent {width:370px; height:370px;}
a.button, a.button:visited {box-shadow: none; padding:12px 28px; margin-bottom:20px; display:inline-block; background-color:#333; color:#fff; transition:all 0.7s ease-in-out; -webkit-transition:all 0.7s ease-in-out; font-size:24px; font-weight:bold; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
/*a.button, a.button:visited { transition:box-shadow 0.3s ease-in-out; -webkit-transition:box-shadow 0.3s ease-in-out; -moz-transition:box-shadow 0.3s ease-in-out; }*/
a.button:active, a.button:hover {background:#f1b100; color:#000; box-shadow:2px 2px 20px #333; -webkit-box-shadow:2px 2px 20px #333; }
#threecols {background-color:#979797; background-image:url(images/bkg_header.jpg); background-position:center; background-repeat:repeat; margin:0; padding-top:5px; height:200px;}
#threecols h2 {margin:10px 0 20px 0}
#content section {float:left; width:279px; height:170px; color:black; padding-right:30px; font-size:18px}

#presentation {background:#fff; margin:0px; padding:0 0 0 0;display:block; height:830px}
#telechargement {background:#fff; margin:0px; padding:0 0 0 0;display:block; height:1320px}
#offline {background:#fff; margin:0px; padding:0 0 0 0;display:block; height:1320px}
#enregistrement {background:#fff; margin:0px; padding:0 0 0 0;display:block; height:730px}
.contenu {padding-top:30px; color:#212358;font-size:16px;font-weight:bold;}
#description h1{font-size:32px; margin:0px 0 20px 0}
#description ul{list-style-type:disc; float:left;width:580px}
#description ul li{line-height:30px}
#principe {float:right; margin-left:20px; position:relative; top:-20px}
#description {width:580px;height:300px}
#description div {color:#606060;font-size:14px}
#note {font-size:11px; color:#808080; font-style:italic; font-weight:normal}
.contenu a {color:black; text-decoration:none}

footer {background-color:#373737; padding-top:15px; height:160px}
footer h2 {margin:0 0 20px 0}
footer .container section {float:left; width:279px; height:140px; color:#868686; padding-right:30px; font-size:18px}
footer .container section small {font-size:12px}
footer .container section ul {list-style-type:disc; display:block; float:left; margin:0}
footer .container section ul li {list-style-type:disc; font-size:16px; padding:0; text-align:left; display:list-item;}
footer li a, li a:link, footer li a:visited {background:none; color:#ccc; padding:0; line-height:28px; text-decoration:none; font-weight:600; transition:color 0.2s ease-in-out; -webkit-transition:color 0.2s ease-in-out; }
footer li a:hover, footer li a:active {background:none; color:#fff;}