/*  common elements styles  */

body {margin: 0px; background: #000000; text-align: center;}
a {font: 12px "Arial"; color: #ffffff; text-decoration: underline;}
a:hover {font: 12px "Arial"; color: #c7ca01; text-decoration: underline;}
p {font: 12px "Arial"; color: #ffffff; text-decoration: none;}
h1 {font: 20px "Arial"; color: #c7ca01; text-decoration: none; font-weight: bold; margin: -4px 0px 13px 0px;}
h2 {font: 16px "Arial"; color: #c7ca01; text-decoration: none; font-weight: bold; margin: -4px 0px 13px 0px;}

.floatLeft {float: left;}
.floatRight {float: right;}
.floatClear {clear: both;}


/*  ID's  */ 

#container {width: 900px; margin: 30px auto; text-align: left;}
#headerLogo {width: 900px; height: 100px; background: url(images/header-logo.png) top left no-repeat;}
#mainTop {width: 900px; height: 30px; background: url(images/main-top.png) top left no-repeat;}
#menuContainer {width: 880px; height: 45px; margin: 20px auto 0;}
#menu {width: 880px; position: relative; margin: 10px 0;}
#mainContent {width: 900px; margin: 0px; background: url(images/main-content.png) repeat-y; padding: 20px;}
#mainFooter {width: 900px; height: 10px; margin: 0px; background: url(images/main-footer.png) top left no-repeat;}
#footer {width: 870px; font: 12px "Arial"; color: #ffffff; text-decoration: none; text-align: center;}


/*  CLASSES   */

.separator30 {width: 900px; height: 30px;}
.menuItem {margin: 0 30px 0 0 ; font: 12px "Arial"; color: #ffffff; text-decoration: none; font-weight: bold;}
.menuItemSocial {margin: 0 5px 0 0 ; font: 12px "Arial"; color: #ffffff; text-decoration: none; font-weight: bold; position: relative; top: 5px;}
.menuItem a {font: 12px "Arial"; color: #ffffff; text-decoration: none; font-weight: bold;}
.menuItem a:hover {font: 12px "Arial"; color: #c7ca01; text-decoration: none; font-weight: bold;}

.white10 {font: 10px "Arial"; color: #ffffff; text-decoration: none;}
.white10 a {font: 10px "Arial"; color: #ffffff; text-decoration: none;}
.white10 a:hover {font: 10px "Arial"; color: #c7ca01; text-decoration: underline;}

.homepageBanners {margin: 0 6px;}

div.accueilIntro { width: 860px; font: 12px "Arial"; color: #ffffff; text-decoration: none; text-align: left; margin: 30px 0px;}
div.prestations { width: 810px; font: 12px "Arial"; color: #ffffff; text-decoration: none; text-align: left; margin: 30px 0px;}
div.news { width: 860px; font: 12px "Arial"; color: #ffffff; text-decoration: none; text-align: left; margin: 30px 0px;}
.newsLeft {float: left; margin: 0px 15px 15px 0px;} 
.newsRight {float: right; width: 680px;} 
.floatClearer {clear: both;}

div.productions { width: 860px; font: 12px "Arial"; color: #ffffff; text-decoration: none; text-align: left; margin: 0px 0px;}
div.prodElements { width: 590px; font: 12px "Arial"; color: #ffffff; text-decoration: none; text-align: left;}
td.productionsPic {text-align: center;}

div.danslaboite { width: 810px; font: 12px "Arial"; color: #ffffff; text-decoration: none; text-align: left; margin: 0px 0px;}
div.membres { width: 590px; font: 12px "Arial"; color: #ffffff; text-decoration: none; text-align: left; margin: 30px 0px;}
td.avatars {text-align: center;}

div.bio { width: 860px; font: 12px "Arial"; color: #ffffff; text-decoration: none; text-align: left; margin: 0px 0px;}
.bioLeft {float: left; margin: 0px 15px 15px 10px;} 
.bioRight {float: right; width: 705px;} 

.newsTitle {font: 15px "Arial"; margin: 0px 0px 10px 0px; color: #c7ca01; text-decoration: none; font-weight: bold;}
.separator {width: 860px; height: 1px; background: #2D2D2D; margin: 30px 0px;}

.productionsTitle {font: 15px "Arial"; margin: 20px 0px 10px 0px; color: #c7ca01; text-decoration: none; font-weight: bold;}
.picBox {display: inline; width: 125px; text-align: center; font: 12px "Arial"; color: #ffffff; text-decoration: none;}
.productionsPic {margin: 20px 10px; border: 0px;}

div.liens { width: 590px; font: 12px "Arial"; color: #ffffff; text-decoration: none; text-align: left; margin: 0px 0px;}
div.membres { width: 590px; font: 12px "Arial"; color: #ffffff; text-decoration: none; text-align: left; margin: 30px 0px;}


/* FONTS */
.yellow12 {font: 12px "Arial"; color: #c7ca01; text-decoration: none;}