/* 
   =================================================================
     CONFIGURATION GENERALE
   =================================================================
*/

/* 
   -----------------------------------------------------------------
     COULEURS
   ----------------------------------------------------------------- 

fond ecran #78715f
fond fenetre #938d7f
fond menu #857f6f
ombre #544f43

taille fenetre 800 x 500

*/




html, body {
  height:100%;	
}

html,body,div,p,h1,h2,h3,ul,li,a {
  margin:0;
  padding:0;
  border:0;
  font-family:"Trebuchet MS",verdana,helvetica,arial;
  font-size:14px;
  font-weight:normal;
  text-decoration:none;
  line-height:19px;
  color:white; 
}

img {
  vertical-align:bottom;
}

p,ul {
  margin-bottom:8px;
}

h1 {
  font-size:17px;
  font-weight:bold;
  margin-bottom:12px;
}

h2 {
  font-size:15px;
  font-weight:bold;
  margin-bottom:10px;
  text-decoration:underline;
}

h3 {
  font-size:14px;
  font-weight:normal;
  margin-bottom:10px;
  text-decoration:underline;
}

body {
  text-align:center;
  background:#78715f;
}

#container {
  position:relative;
  width:820px;
  margin:auto;
  top:20px;
  z-index:1;
}

#content {
  position:relative;
  background:#938d7f;
  border:1px solid white;
  z-index:2;
  text-align:left;
  padding-top:160px;
  padding-bottom:20px;
}

#shadow {
  position:absolute;
  top:20px;
  left:20px;
  width:100%;
  height:100%;
  background:#544f43;
  z-index:1;
}

#logo {
  position:absolute;
  top:10px;
  left:10px;
  z-index:3;
}

#logo img {
  border:none;
}

#background {
  position:absolute;
  top:53px;
  left:90px;
  width:150px;
  height:100px;
  background:url(lignes.gif) top left no-repeat;
}

#menu {
  position:absolute;
  top:0;
  right:0;
}

#menu ul {
  margin:0;
}

#menu li {
  list-style:none;
  display:inline;
  float:left;
}

#menu a, #menu span  {
  font-size:16px;
  line-height:24px;
  padding:0 20px 2px 20px;
  font-weight:bold;
  border-left:1px solid white;
}

#menu a {
  background:#857f6f;
  border-bottom:1px solid white;
}

#menu .act a {
  background:none;
  border-bottom:0;
}

#menu a:hover {
  background:#544f43;
}

#menu span, #menu .act a {
  text-decoration:underline;
}

#navi {
  position:absolute;
  top:120px;
  left:0;
  width:100%;
  text-align:right;
}
#navi ul {
  padding-right:10px;
}

#navi  li {
  list-style:none;
  display:inline;
  padding:0 10px 0 10px;
}

#navi  li.second {
}

#navi a {
  font-weight:bold;
}

#navi a:hover {
  text-decoration:underline;
}


#text {
  position:relative;
  margin: 0 30px 30px 350px;
}

#text_start {
  margin: 0 30px 30px 240px;
}

#text_start ul {
  margin-left: 20px;
}


#text a {
  font-size:15px;
  font-weight:bold;
}

#text .menu a {
  font-size:14px;
  font-weight:normal;
}


#text a:hover {
  text-decoration:underline;
}

#text li {
  margin-left:20px;
}


#text ul.menu {
  margin-top:20px;
  border:1px solid white;
  padding:5px;
}

#text ul.menu  li {
  margin-right:10px;
}

#text_list {
  margin: 0 30px 30px 30px;
}

#text_list h1, #text_list h2, #text_list p, #text_list ul {
  clear:both;
}

#text_list a {
  font-size:15px;
  font-weight:bold;
}

#text_list .menu a {
  font-size:14px;
  font-weight:normal;
}


#text_list a:hover {
  text-decoration:underline;
}

#text_list  .list {
  margin-left:-60px;
  margin-right:-60px;
}

#text_list  .list ul {
  float:left;
  border:0;
  margin-top:10px;
}

#text_list  .list li {
  list-style:none;
  display:inline;
  float:left;
  margin:0 30px 20px 0;
}

#text_list ul.menu {
  margin-top:20px;
  border:1px solid white;
  padding:5px;
}

#text_list ul.menu  li {
  margin-left:20px;
  margin-right:10px;
}



#text_list .artist {
  margin-bottom:20px;
  clear:both;
}

#text_list .artist .photo {
  margin-left:-60px;
  float:left;
}

#text_list .artist .text {
  margin-left:120px;
}

#text_list .artist .text h1, #text_list .artist .text ul {
  clear:none;
}

#motionwrapper {
  clear:both;
  position:relative;
  left:-80px;
  width:980px;
  border-left:1px solid #544f43;
  border-right:1px solid #544f43;
  padding:10px 0 10px 0;
}

#motioncontainer span {
  margin:0 30px 20px 0;
}

#image {
  position:relative;
  float:left;
  left:-30px;
}

.with_shadow {
  position:relative;
  display:inline-block;
  margin-bottom:10px;
  z-index:2;
}

.with_shadow  .content {
  position:relative;
  border:1px solid white;
  z-index:4;
}

.with_shadow  a {
  border:0;
}

.with_shadow  img {
  border:0;
}

.with_shadow  .shadow {
  position:absolute;
  top:10px;
  left:10px;
  width:100%;
  height:100%;
  background:#544f43;
  z-index:3;
}

.clearer {
  clear:both;
}

label {
  display:inline-block;
  width:120px;
  vertical-align:top;
}

.csc-mailform-label {
  margin-top:10px;
  font-size:12px;
}

#text .csc-mailform-label a {
  font-size:14px;
  font-weight:bold;
}

.csc-mailform-submit {
  margin-top:10px;
  float:right;
}

#clearer {
  clear:both;
}

#footer {
  position:absolute;
  bottom:0;
  right:0;
  margin-bottom:-20px;
  height:20px;
  z-index:3;
}

#footer a:hover {
  text-decoration:underline;
}