@charset "UTF-8";
/* CSS Document */

/*

  Main Css File

*/


/* Common */

div, p, a, dt, dd, li{
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
}
form                 { margin: 0; padding: 0; }
input                {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
}
.spacer              { clear: both; }


/* Structure */
html                 { margin: 0; padding: 0; width: 100%; }
body                 {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #FFFFFF;
}
#main                { margin: 15px auto; width: 1000px; }

/* Header */

#header              { width: 1000px; height: 170px; }


/* Homet */

#home_img            {
  width: 980px;
  height: 810px;
  margin-top: 20px;
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
}


/* content */

#content             {
  width: 1000px;
}

.news_box            {
  margin: 15px 70px 0 70px;
  background-image: url(images/tiret.gif);
  background-repeat: repeat-x;
}
.news_box_c          {
  padding: 25px 10px 35px 10px;
  background-image: url(images/tiret.gif);
  background-position: left bottom;
  background-repeat: repeat-x;
  overflow: hidden;
}
.news_box_c h1       {
  font-size: 12px;
  font-weight: bold;
}
#content a           {
  text-decoration: none;
  cursor: pointer;
}
#content a:hover     { text-decoration: underline; }
a.readmore           {
  margin-left: 680px;
  font-weight: bold;
  text-decoration: none;
  color: #B90101;
  font-size: 11px;
}
a.readmore:hover     {
  text-decoration: underline;
  color: #B90101;
}
a.closemore          {
  margin-left: 740px;
  font-weight: bold;
  color: #B90101;
  text-decoration: none;
}
a.closemore:hover    {
  text-decoration: underline;
  color: #B90101;
}


/* Footer */

#footer              {
  position: relative;
  margin-top: 20px;
  width: 1000px;
  width: 100%;
  height: 82px;
  background-image: url(images/fond_bas.jpg);
  background-repeat: no-repeat;
  top: 0px;
}
#quickstudio         {
  position: absolute;
  top: 8px;
  left: 20px;
  height: 23px;
  width: 73px;
  cursor: pointer;
  background-image: url(images/logo_quick.jpg);
  background-repeat: no-repeat;
}

#soutien                 {
  position: absolute;
  top: 12px;
  left: 177px;
  height: 45px;
  width: 160px;
  cursor: pointer;
  background-image: url(images/soutien.gif);
  background-repeat: no-repeat;
}

#ampli               {
  position: absolute;
  top: 20px;
  left: 445px;
  height: 16px;
  line-height: 16px;
  padding-right: 20px;
}
#ampli a             { font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; }

#socio             {
  position: absolute;
  top: 20px;
  left: 510px;
  height: 16px;
  line-height: 16px;
  padding-right: 20px;
}
#socio a           { font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; }  

#myspace             {
  position: absolute;
  top: 20px;
  left: 620px;
  height: 16px;
  line-height: 16px;
  padding-right: 20px;
}
#myspace a           { font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; }                       

#forum               {
  position: absolute;
  top: 20px;
  left: 710px;
  height: 16px;
  line-height: 16px;
  padding-right: 20px;
}
#forum a             { font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; }                       

#practical           {
  position: absolute;
  top: 20px;
  left: 870px;
  height: 16px;
  line-height: 16px;
  padding-right: 20px;
} 
#practical a         { font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; }

#home                {
  position: absolute;
  top: 20px;
  left: 940px;
  height: 16px;
  line-height: 16px;
  padding-right: 20px;
} 
#home a              { font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; }

#cpr                 {
  position: absolute;
  top: 70px;
  left: 0px;
  height: 12px;
  line-height: 8px;
  color: #FFFFFF;
  font-size: 8px;
  text-align: center;
  width: 100%;
} 

/* Pager */

.pager_bar          {
  margin: 10px 0 10px 70px;
  color: #999999;
  font-size: 12px;
}
.pager_title        {
  font-weight: bold;
  color: #666666;
}
.pager_bar a        {
  color: #666666;
  text-decoration: none;
  font-size: 12px;
}

/* AJOUT */

/* index */


a {
  font-weight: bold;
  text-decoration: none;
  color: #B90101;
}

#corps h2 {
  font-size: 12px;
  color: #000000;
  font-weight: normal;
  padding: 3px;
  background-color: #fbce00;
  margin-top: 2em;
}
#corps h1 {
  font-size: 24px;
  color: #666666;
  font-weight: normal;
}
#corps h3 {
  font-size: 12px;
  font-weight: bold;
}
#corps{
  width:680px;
  z-index:1;
  margin-top: 15px;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  position: inherit;
  top: 186px;
  height: 430px;
  left: 20px;
}

#travoscope {
  position: relative;
  width: 980px;
  height: 227px;
  background-image: url(images/travoscop.jpg);
  background-repeat: no-repeat;
  background-position: center;
  top: -470px;
  left: -10px;
  padding-top: 5px;
}
#travoscope p {
  margin-left: 408px;
  font-style: italic;
}
#travoscope h3 {
  margin-left: 430px;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  font-style: normal;
}
#travoscope img {
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 20px;
}
.image_droite {
  margin-left: 15px;
}

#actu{
  width:256px;
  z-index:2;
  margin-top: 15px;
  position: relative;
  background-image: url(images/fond_actu.jpg);
  background-repeat: no-repeat;
  height: 430px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
  padding-left: 10px;
  top: -473px;
  left: 722px;
}
#actu h1 {
  font-size: 16px;
  text-align: center;
  color: #B90101;
  font-weight: bold;
}
#actu p {
  font-size: 10px;
  line-height: 1.1em;
}
.titre_actu {
  font-weight: bold;
  color: #FFFFFF;
}
a.actu          {
  color: #b90101;
  font-weight: normal;
  font-style: italic;
  text-decoration: none;
}
a.actu:hover    {
  text-decoration: underline;
  color: #b90101;
}
#dwa         {
  position: absolute;
  top: 40px;
  left: 20px;
  height: 23px;
  width: 73px;
  cursor: pointer;
  background-repeat: no-repeat;
}

/* page d'article */
#cadre {
  width: 950px;
  /* border: thin solid #666666; */
  margin-right: 25px;
  margin-left: 25px;
  margin-top: 20px;
  margin-bottom: 20px;
}
h4 {
  font-size: 12px;
  color: #666666;
}

#affiche {
  position: relative;
  width: 1000px;
  height: 227px;
  background-image: url(images/affiche.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  top: -470px;
  left: -10px;
  padding-top: 30px;
}

#affiche span { padding-top: 110px; float: left; width: 225px }
#affiche img { margin-left: 10px }