/* @override 
  http://33bis.gemp.net/mam-agency/includes/mam-agency.css
  http://mars.local/mam-agency/includes/mam-agency.css
  http://10.0.1.201/mam-agency/includes/mam-agency.css
  http://mam.gemp.ch/includes/mam-agency.css
*/

/* @group BASES */

body {
  margin: 0;
  padding: 0;
  background-color: white;
  color: #333;
  text-align: center;
  font: 11px/13px Arial, sans-serif;
}

#wrapper {
  display: block;
  margin: 60px auto 0;
  width: 860px;
  height: 540px;
  text-align: left;
}
#container {
  display: block;
  width: 860px;
  height: 540px;
  text-align: left;
  border: 1px #000 solid;
  background: url(../images/fond-TMP.jpg) no-repeat -94px 180px;
}
#menu {
  height: 70px;
  width: 860px;
  background: #000;
}
#content {
  position: relative;
  float: right;
  right: 0;
  display: block;
  width: 660px;
  height: 426px;
  background: transparent url(../images/fond-TMP-droite.jpg) no-repeat scroll 554px 260px;

}
#logo {
  width: 1px;
  float: left;
  margin: 20px 00px 0 0;
}
#footer {
  position: absolute;
  display: block;
  clear: both;
  width: 860px;
  height: 34px;
  background: #000;
  margin-top: 426px;
  padding-top: 10px;
}
img {
  border:  none;
}
a, a:link {
  text-decoration: none;
  color: #666;
  outline: none;
}
a:hover {
  color: #FF0000;
}

/* @group curtain */

#curtain {
  display: none;
  width: 860px;
}

#topcurtain,
#downcurtain {
  position: absolute;
  background:  #000;
  width: 860px;
  height: 214px;
  margin-left: 1px;
  z-index: 10;
}
#topcurtain {
  top: 130px;
}
#downcurtain {
  top: 344px;
}
#indicator {
  position: absolute;
  top: 344px;
  width: 860px;
  text-align: center;
  z-index: 11;
}
/* end */

/* @end */

/* @group MAIN */

/* @group menu */

#menu div {
  position: relative;
  float: left;
  height: 20px;
  overflow: hidden;
  margin: 26px 0 0 0;
  padding: 0 34px;
}
#menu div a img.on,
#menu div a:link img.on {
  margin-top: -40px;
}

#menu div a:hover img {
  margin-top: -20px;
}

/* @end */

/* @group footer */

#footer #agency,
#footer #contact {
  float: left;
  height: 20px;
  overflow: hidden;
  margin: 6px 0 0;
  padding: 0 32px;
}
#footer #address {
  float: left;
  width: 600px;
  text-align: center;
}
#footer #address p {
  color: #ddd;
  font-size: 11px;
  line-height: 1.2em;
  margin: 0;
}
#footer div a img.on,
#footer div a:link img.on {
  margin-top: -40px;
}

#footer div a:hover img {
  margin-top: -20px;
}

/* @end */

/* @group content */

#content p {
  margin: 0;
  padding: 0;
  border: 0px green solid;
}


/* @end */

/* @group list */

#list {
  width: 580px;
  margin: 16px 0 0 16px;
}
#list td {
  font-weight: bold;
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  height: 19px;
}
#list td a,
#list td a:link {
  display: inherit;
  padding: 3px 0 3px 0px;
  color: #000;
  background: url(../images/pluss-blank.gif) no-repeat 0 5px;
}
#list td a:hover {
  background: url(../images/pluss-fadein.gif) no-repeat 0 5px;
}
#list a img {
  float: left;
  margin: 2px 8px 0 0;
}
#listdl {
  font-weight: bold;
  font-size: 11px;
  line-height: 13px;
  margin: 20px 0 0 28px;
  letter-spacing: 1px;
}
#listdl a,
#listdl a:link {
  color: red;
}
#listdl .normal {
  font-weight: normal;
}

/* @end */

/* @group person */

/* @group bio originales */

#bio p {
  padding: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 8px;
  margin-left: 0px;
}
#bio .titre { 
  font-size: 13px;
  font-weight: bold;
  margin-top:8px; 
  margin-bottom:8px;
  font-family: Arial, Helvetica, sans-serif;
}

#bio .sstitre {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}
#bio .website { 
  margin-top:0px;
  padding-top:0px;
  text-align:right;
  font-weight:bold;  
}
#bio .date { 
  color:#FF0000;
}
#bio .nomcap {
  text-transform: uppercase;
  font-weight: bold;
}
#bio .cap {
  text-transform: uppercase;
}


/* @end */

#person #title {
  float: left;
  width: 440px;
  height: 60px;
}
#person #title h1 {
  margin: 24px 0 0 0;
  padding: 0;
}
#person #title h2 {
  font-weight: bold;
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-top: 0;
}
#person #elements h3 {
  font-weight: bold;
  font-size: 14px;
  line-height: 13px;
  letter-spacing: 2px;
  padding: 0;
  margin: 70px 0 8px 0;
}
#person #title #photo {
  float: right;
  margin: 16px 0 0 0;
}
#person #bio {
  float: left;
  width: 440px;
  height: 300px;
  margin-top: 40px;
  overflow: auto;
  background: #fff;
  border: 0px solid black;
}
/* ie6 \*/ * html #person #bio { margin-top: 10px } /* end */
#person #elements {
  position: relative;
  float: right;
  top: -60px;
  width: 200px;
  
}
#person #elements #retour {
  margin-top: 14px;
}
#person #elements {
  font-weight: normal;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 1px;
}
#person #elements a,
#person #elements a:link {
  color: red;
  text-decoration: underline;
}
#person #elements .normal {
  font-weight: normal;
}
#person #elements ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 18px;
}
#person #elements ul ul {
  margin: 0;
  padding: 0 0 0 12px;
  font-size: 10px;
  list-style-type: none;
  line-height: 18px;
}
#person #elements ul ul a,
#person #elements ul ul a:link {
    color: #666;

}

/* @end */

/* @end */

/* @group CHECK */

#check {
  width: 700px;
  margin-left: 150px;
  font-size: 12px;
}
.error {
  color: red;
}

#check h2 {
  padding: 4px;
  border: 1px solid #b3b3b3;
  color: #e6e6e6;
  background: #333;
}
#check h3 {
  padding: 3px;
  margin: 0 0 0 12px;
  border: 1px solid #b3b3b3;
  color: #e6e6e6;
  background: #4c4c4c;
}
#check h4 {
  padding: 3px;
  margin: 4px 0 0 -10px;
  border: 1px solid #b3b3b3;
  color: #4c4c4c;
  background: #ccc;
}
#check ul {
  margin: 4px 0 4px 0;
  padding: 0 0 0 30px;
  background: #fff;
}
#check ul ul {
  padding: 0 0 0 6px;
}
#check li {
  margin-top: 2px;
}

#check .datafile {
  padding: 0 4px;
  color: #999;
}
#check .error .datafile {
  color: #fc6467;
}
#check u {
  text-decoration: none;
  color: #408000;
  padding: 0 2px;
  border-bottom: 0px dotted #666;
  background-color: #e5fec6;
}
#check .error u {
  color: #fb000d;
  background: #fdfe66;
}

/* @group xml */

#structure #xmldata {
  display: none;
}
pre {
  margin: 4px;
}
.xmltag {
  color: purple;
  border:  1px gray solid;
  padding: 0 1px;
  margin: 0 2px;
}


/* @end */



/* @end */

divx {
  border: 0px solid #cd0000;
}

/* Accueil */

/* colonne A VOIR */
div#avoir {
  width:250px ;
  margin : 20px 0px 0 0 ;
  float: left;
  border: 1px #d4cece solid;
  height:360px ;
  overflow: auto;
  background-color:#f1f1f1 ;
  padding:10px 20px 10px 20px ;
}
div#avoir div.film{
height: 117px;
margin: 0 0 8px;
  font-family:Arial, Helvetica, sans-serif ;
  font-size:11px ;
  text-align:left ;
  line-height:normal ;
  color:black ; 
  clear:both ;
}

div#avoir P IMG {
BORDER:SOLID 1PX #d4cece }

div#avoir a:link, div#avoir a:visited {
  text-decoration:underline ; 
  color:black ; }
  
div#avoir a.lightwindow:link, div#avoir a.lightwindow:visited {
  text-decoration:underline ; 
  color:#FF0000 ; }
  
 div#avoir a.lightwindow:hover {
  text-decoration:underline ; 
  color:grey ; }
  
div#avoir a:hover {
  color:#FF0000
}

div#sorties a:link, div#sorties a:visited {
  text-decoration:underline ; 
  color:black ; }
  
div#sorties a:hover {
  color:#ff0000
}
  
div#titre-avoir  {
clear:both;
overflow:hidden;
}
div#titre-avoir img {
  margin: 0 0 15px 0 ;
  clear:both; 
}
div#soustitre-avoir img {
  margin: 0 0 10px 0 ;
  clear:both ;  
}

div#soustitre-avoir {
  clear:both ;  
}

div#lefilm {
  display:block;
  clear:both ;
 }
/* colonne LES SORTIES */

div#sorties {
  width:255px ;
  margin : 30px 0 0 45px ;
  float: left;
 /* height:265px ;*/
  height:345px ;
  overflow: auto;
  padding:0px 0 10px 0 ;
}

div#titre-sorties img {
  margin: 0 0 10px 0 ;
  display:block ;
  clear:both; 
}

div#sorties  p, div#nouveaux  p{
  font-family:Arial, Helvetica, sans-serif ;
  font-size:11px ;
  text-align:left ;
  margin: 0 0 15px 0 ;
  line-height:normal ;
  COLOR:BLACK ; 
  clear:both ;
}

div#sorties  p.soustitre {
clear:both;
color:BLACK;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:normal;
margin:20px 0 10px;
padding-top:10px;
text-align:left;
}

div#nouveaux {
  width:255px ;
  margin : 20px 0 0 45px ;
  float: left;
  height:160px ;
  overflow: auto;
  padding:0px 0 10px 0 ;
}


/* @group AGENCY */
div#agency-texte {
  width:300px ;
  margin : 20px 0 0 0 ;
  float: left;
}
div#agency-texte  h1{
  font-family:Arial, Helvetica, sans-serif ;
  font-size:14px ;
  text-align:left ;
  margin: 0 0 15px 0 ;
  line-height:16px ;  
  
}
div#agency-texte  p{
  font-family:Arial, Helvetica, sans-serif ;
  font-size:12px ;
  text-align:left ;
  margin: 0 0 15px 0 ;
  line-height:16px ;  
  
}
div#agency-photo {
  position: relative;
  float: left;
  height: 230px;
  margin: 20px 0 0 0px;
  padding:0 ;
  text-align:left ;
  
}
div#agency-photo img {
  margin: 20px 20px 0 40px;
  padding:0 ;
  text-align:left ;
}
 
div#agency-photo table {
  margin: 0;
  padding:0 ;
  text-align:left ;
}
 
.contact-obligatoire {
 color:red 
}
/* @end */

/* @group baseline */
div#baseline1 {
  width:430px  ; 
  text-align: left ; 
  float: left ;  
}
div#baseline2 {
  width:430px  ; 
  text-align:right ;
  float:left ; 
}
/* @end */

/* @group SHOWREEL */

#showreelbonus {
  line-height: 1.2em;
  color: #000000;
  padding: 0px;
  margin: 10px;
  text-align: left;
}

.type_video {
  margin: 10px 0 0 0;
  text-transform: uppercase;
  font: 12px/1.2em Arial, Helvetica, sans-serif;
}
.info-showreel {
  color: #000000;
  margin: 4px 0 0 0;
  padding: 0;
  font: 10px/1.2em Arial, Helvetica, sans-serif;
}
.rouge {
  color: #FF0000;
}


/* @end */