/*page*/

html {
margin: 0px;
padding: 0px;
width:100%; /*s'adaptera à la largeur de l'écran de l'internaute*/
height:100%;
}

body, p {
margin: 0px;
padding: 0px;
background-color: #000;
font-family: Arial, sans-serif;
color:#fff;
font-size: 11.5px;
font-weight:normal;
}

a {
outline:none;
}

#main {
position:relative;
width: 1000px;
margin-left: auto;
margin-right: auto;
}

/*head*/

#head {
width: 1000px;
padding-top:20px;
padding-bottom:20px;
}

/*menu horizontal

#menu {
width:1000px;
margin:0;
padding:0;
}

#menu ul {
list-style-type:none;
margin:0;
padding:0;
}

#menu ul li {
position:relative;
float:left;
width:auto;
cursor:pointer;
height:20px;
padding:0 12px;
margin:0;
}

#menu ul li ul {
display:none;
position:absolute;
width:500px;
top:20px;
left:0;
}

#menu ul li a {
font-family: Arial, sans-serif;
font-size: 11.5px;
font-weight:normal;
color:#999;
text-decoration:none;
margin:0;
padding:0;
}

#menu ul li a:hover, #menu ul li ul a:hover, #menu ul li a.active {
color:#fff;
}*/

/*menu horizontal bis*/

#menu {
width:950px;
margin:0 0 0 50px;
padding:0;
}

#menu ul, #menu li {
list-style-type:none;
margin:0;
padding:0;
}

#menu ul li {
position:relative;
float:left;
width:auto;
cursor:pointer;
height:22px;
padding:0 8px;
margin:0;
}

#menu ul li ul {
display:none;
position:absolute;
width:500px;
top:20px;
left:0;
height:50px;/*pour que le sous menu ne disparaisse pas tout de suite*/
}

#menu ul li ul li{
background-color:#666;
height:16px;
padding:2px 8px 0 8px;
margin:2px 0 0 0;
}

#menu ul li a {
font-family: Arial, sans-serif;
font-size: 11.5px;
font-weight:normal;
color:#808080;
text-decoration:none;
margin:0;
padding:0;
display:inline;
}

#menu ul li a:hover, #menu ul li ul a:hover, #menu ul li a.active {
color:#fff;
}

#menu ul li ul li a {
color:#000;
}

#menu ul li ul li a:hover, #menu ul li ul li a.active {
color:#fff;
}

/*content*/

#content {
width: 1000px;
padding-top:60px;
background-color:#000;
}

/*pages accueil*/

#content #accueil {
width: 640px;
margin: 0 auto;
}

/*play/stop accueil*/

#content #stop {
width: 1000px;
margin-top: 40px;
text-align:center;
}

/*pages mosaïques à 6 vignettes*/

#content #p6 ul {
width: 1000px;
list-style:none;
text-align:center;
margin:0;
padding:0;
}

#content #p6 li {
display:inline;
}

#content #p6 a {
width:330px; /* 330 X 3 + 10 de margin = 1000px */
height:160px;
float:left;
margin:0 5 px;
padding-bottom:35px;
font-family: Arial, sans-serif;
font-size: 11.5px;
font-weight:normal;
}

#content #p6 li img {
padding-bottom:10px;
} 

/*deuxième page 720*576*/

#content #p720 {
width: 720px;
margin-left: auto;
margin-right: auto;
}

/*deuxième page 960x540*/

#content #p960 {
width: 960px;
margin-left: auto;
margin-right: auto;
}

/*pages dyptiques*/

#content #p360 {
width:360px;
height:350px;
float:left;
padding:0 70px;
}

#content #p360 #play {
width:360px;
float:left;
text-align:center;
padding:20px 0 0 0;
margin:0;
}

#content #carre180 {
width:180px;
float:left;
}

#content #carre160 {
width:160px;
float:left;
}

#content #carre216 {
width:216px;
float:left;
}

#gdcarre360 {
width:360px;
height:288px;
float:left;
margin:0;
padding:0;
}

#gdcarre480 {
width:480px;
height:270px;
float:left;
margin:0;
padding:0;
}

#content #p432 {
width:432px;
height:350px;
float:left;
padding:0 34px;
}

#content #p432 #play {
width:432px;
float:left;
text-align:center;
padding:20px 0 0 0;
margin:0;
}

/*page montage 960x540*/

#content_montagea {
width:640px;
margin:0 auto;
padding-top:60px;
background-color:#000;
}

#montagea {
width:640px;
height:360px;
padding:0;
margin:0 auto;
}

#titrea {
width: 500px;
float:left;
padding:30px 0 0 0;
margin:0;
}

#boutona{
width:140px;
float:left;
text-align:right;
padding:30px 0 0 0;
margin:0;
}

/*page montage 720x576*/

#content_montageb {
width:540px;
margin:0 auto;
padding-top:60px;
background-color:#000;
}

#montageb {
width:540px;
height:432px;
padding:0;
margin:0 auto;
}

#titreb {
width: 440px;
float:left;
padding:30px 0 0 0;
margin:0;
}

#boutonb{
width:100px;
float:left;
text-align:right;
padding:30px 0 0 0;
margin:0;
}

#clear {
clear:both;
}

/*retour extraits de film*/

#content #back {
width:1000px;
padding:0;
margin:0;
text-align:center;
}

#content #p320 {
width:320px;
height:350px;
float:left;
padding:0 90px;
}

#content #p320 #play {
width:320px;
float:left;
text-align:center;
padding:20px 0 0 0;
margin:0;
}

/*page compo 360*/

#content #carre360 {
width:360px;
float:left;
}

/*sous menu compo*/

#gdcontainer960 {
width:960px;
height:540px;
margin:60px auto 20px auto;
}

#gdcontainer720 {
width:720px;
height:576px;
margin:60px auto 20px auto;
}

/*retour */

#retour {
width:1000px;
margin-top:10px;
text-align:center;
}

/*page portrait*/

#content #titreG, #content #titreD {
width:360px;
height:50px;
float:left;
padding:0 70px;
text-align:center;
}

#content #portrait {
width:500px;
height:288px;
float:left;
text-align:center;
}

#content #portrait p {
text-align:center;
padding:10px 0;
}

#content #playportrait {
width:500px;
float:left;
text-align:center;
padding:20px 0 0 0;
margin:0;
}

/*page CV*/

#content #cv {
width:400px;
float:left;
padding:0 50px 0 50px;
}

#content #cv p {
text-align:left;
line-height:15px;
padding-bottom:6px;
clear:left;
}

#content #cv ul {
margin:0;
padding:0 0 0 40px;
}

#content #cv li {
padding:0 0 5px 0;
font-family: Arial, sans-serif;
font-size: 11.5px;
font-weight:normal;
}

#content #cv span {
background-color:#FF0000;
color:#fff;
font-size:12px;
}

#content #decompte1 {
width:40px;
float:left;
padding-top:10px;
}

#content #decompte2 {
width:40px;
float:left;
padding-top:3px;
}

#content #film {
width:325px;
float:left;
padding-left:5px;
}

/*page presse*/

#content #presse {
width:950px;
height:230px;
padding: 0 25px;
}

#content #presse #visuG {
width:240px;
float:left;
}

#content #presse #visuD {
width:240px;
float:right;
}

#content #presse #texte {
width:710px;
float:left;
}

#content #presse p cite {
line-height:15px;
font-family: Arial, sans-serif;
/*font-family: "Courier New", Courier, monospace;*/
font-size: 11.5px;
color:#00FF00;
}

/*page articles*/

#article {
width:1000px;
margin-top:10px;
text-align:center;
}

#article #titre {
width:580px;
float:left;
margin-left:180px;
text-align:left;
padding-bottom:20px;
}

#article #backpresse {
width:60px;
float:left;
text-align:right;
padding-bottom:20px;
}

#titre p {
line-height:15px;
font-family: Arial, sans-serif;
font-size: 11.5px;
color:#fff;
}

#titre p cite {
color:#00ff00;
}

/*pages  liens*/

#content #liens {
width: 400px;
margin-left: auto;
margin-right: auto;
margin-bottom : 20px;
}

#content #liens p {
text-align:center;
padding-bottom :10px;
line-height:16px;
}

#content #liens span {
color:#FF0000;
}

/*footer*/

#compteur, #clear {
width: 1000px;
clear: left;
text-align:center;
}

/*liens texte*/

a {
font-family: Arial, sans-serif;
font-size: 11.5px;
font-weight:normal;
color:#fff;
text-decoration:none;
margin:0;
padding:0;
}

a:hover {
color:#999;
}