body {

margin: 0;

padding: 0;
width:100%;
background:white;

font: 80% verdana, arial, sans-serif;
text-align: center;

}



dl, dt, dd, ul, li {

margin: 0;

padding: 0;

list-style-type: none;

}

#menu {

position: absolute; /* placement du menu, ? modifier selon vos besoins */
font-size:90%;
top: 0;

left: 0px;

z-index:100;

width: 100%; /* correction pour Opera */

}

#menu #accueil a {
text-decoration: none;

float: left;

width:6em;

}

#menu #long_metrage {

float: left;

width:13em;

}

#menu #documentaire {

float: left;

width:11em;

}

#menu #courtmetrage {

float: left;

width:13em;

}

#menu #cours {

float: left;

width:8em;

}

#menu #realisateur {

float: left;

width:10em;

}

#menu #contact a {
text-decoration: none;

float: left;

width:6em;

}



#menu dt {

cursor: pointer;

text-align: center;

font-weight: bold;

background: #EDEDED;

border: 0px solid gray;

margin: 9px;
position: relative;
color: #303749;

}

#menu dd {
display: none;

border: 2px solid #EDEDED;
background: #EDEDED;

}

#menu li {

text-align: left;

background: #EDEDED;
border: 1px solid white;

}



#menu li a, #menu dt a {

color: #303749;

text-decoration: none;

display: block;

height: 100%;

border: 0px solid white;

}

#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {

background: #EDEDED;

}

#site {

position: absolute;

z-index: 1;

top : 70px;

left : 10px;

color: #EDEDED;

background-color: #EDEDED;

padding: 5px;

border: 0px solid gray; 

}

#logo
{
    width:630px;
    float:left;
    margin-top:10px;
    margin-left:400px;
}

#fb
{
    float:right;
    margin-top:115px;
    margin-right:20px;
    border:none;
}

#fb a{
    text-decoration:none;
    border:none;
}

/*BANDES LATERALES:*/

/*bandes gauche et droite utilis�es par toutes les pages sauf index.html*/

div#gauche {
        position: fixed;
	width: 200px;
	height:1100px;	
	background-color: white;
	float: left;
	margin-top:5px;
        margin-left:10px;
}

div#droite {
        position: fixed;
	width: 200px;
	height:1100px;	
	background-color: white;
	float: right;
	margin-top:5px;
        margin-left:1000px;
}


/*bandes gauche et droite utilis�es par la page index.html*/

div#gauche1 {
	position: absolute;
        width: 200px;
	height:790px;	
	background-color: white;
	float: left;
	margin-top:5px;
        margin-left:10px;
        }

div#droite1 {
	position: absolute;
        width: 200px;
	height: 790px;	
	background-color: white;
	float: right;
	margin-top:5px;
        margin-left: 1030px;
}



/*BANDES GRISES
-ces �l�ment ne doivent jamais �tre modifi�s
-la bande grise est un sous-�l�ment contenu dans la bande blanche*/

/*bande grise gauche*/
div#bandeg { 
	width: 50px;
	height:180%;
	background-color:#EDEDED;
	float: right;
        
}
	
/*bande grise droite*/
div#banded {  
	width: 50px;
	height:180%;
	background-color:#EDEDED;
	float: left;
}


/*PARTIE CENTRALE DE LA PAGE: cet �l�ment contient tout ce qui se trouve entre les deux bandes lat�rales; il comprend donc tous les sous-�l�ments qui suivent
ATTENTION: ses caract�ristiques ne doivent pas �tre modifi�es!*/
	
div#contenu {
	width:800px;
        margin-left:220px;
	height:auto;
	background-color:white;
        bottom:50px;
        float:left;
        font-size:100%;

	

}
	
	
/* cet �l�ment caract�rise la partie sup�rieure de la page, o� il y a le logo et les 3 images home, pork and milk et la blessure;
ATTENTION: ses caract�ristiques ne doivent pas �tre modifi�es!*/
div#bandeau {
	width: 100%;
	height: 150px;
	background-color: white;
}


/*cet �l�ment caract�rise la bande grise horizontale qui accueille le menu;
ATTENTION: ses caract�ristiques ne doivent pas �tre modifi�es!*/

div#barremenu {
	width: 860px;
	height: 30px;
	background-color: #EDEDED;
	margin-left:207px;
        margin-right:auto;
        position:absolute;
} 

/*cet �l�ment caract�rise le bas de la page (contact aurora)
ATTENTION: il ne do�t pas �tre modifi�!*/
 
#piedpageindex {
	text-align: center;
	width: 1000px;
	height: 15px;
        background: url(image/blanc.jpg);
	background-color:white;
        margin-top:110%;
	margin-left: auto;
        margin-right: auto;
        position:relative;
    
}

#piedpage {
	text-align: center;
	width: 100%;
	height: 15px;
        clear:both;
	background-color:white;
        margin-top:auto;
       	margin-left: auto;
        margin-right: auto;
        position:absolute;

}


/*FICHES FILMS*/

/*colonne1: images � gauche de la fiche film;
cet �l�ment n'a pas � �tre modifi�*/


#colonne1 {
	width: 150px;
	height: 200px;
    margin-left: 20px;
    margin-right: auto;
    margin-top: 100px;
	background-color: white;
	float: left;
}


/*colonne2: texte au centre de la fiche, contenant: liste artistique, liste technique, avec le soutien de... */

#colonne2 {
	width: 290px;
	height: 220px;
        margin-left: 10px;
        margin-right: auto;
        margin-top: 80px;
	background-color: white;
	float: left;
        text-align: left;
}

/*colonne3: texte � droite de la fiche, contenant: synopsis, prix-festivals, diffusion... */

#colonne3 {
	width: 320px;
	height: 220px;
        margin-left: 10px;
        margin-right: auto;
        margin-top:120px;
	background-color: white;
	float: left;
        text-align: left;
}
#colonne4 {
	width: 500px;
	height: 220px;
        margin-left: 120px;
        margin-top: 9%;
	background-color: white;
	float: left;
        text-align: left;
}

/* page réalisteur: biographie, zone de texte*/

#colonne5 {
	width: 180px;
	height: 220px;
        margin-left: 30px;
        margin-right: auto;
        margin-top:120px;
  	background-color: white;
	float: left;
        text-align: left;
}

#colonne6 {
	width: 360px;
	height: 220px;
        margin-left: 450px;
        margin-top: -178px;
        background-color: white;
        float: left;
        text-align: left;
}

/* page texte backoffice*/

#colonne7 {
	width: 300px;
	height: 220px;
        margin-left: 410px;
        margin-top: -1990px;
        background-color: white;
        float: left;
}

#colonne8 {
	/*width: 10%;*/
	height: 200px;
        margin-left: 10px;
        margin-top: 60px;
	background-color: white;
	float: left;
}

#colonne9 {
	/*width: 10%;*/
	height: 200px;
        margin-left: 300px;
        margin-top: 5%;
	background-color: white;
	float: left;
}

#colonne10b {
	width: 400px;
	height: 200px;
        margin-left: 400px;
        margin-top: -550px;
	background-color: white;
	float: left;
}

#colonne10 {
	width: 400px;
	height: 200px;
        margin-left: 400px;
        margin-top: -400px;
	background-color: white;
	float: left;
}

#colonne11{
        width: 400px;
	height: 200px;
        margin-left: 400px;
        margin-top: -1720px;
	background-color: white;
	float: left;
      }

     /* contact backoffice*/
#colonne12{
        width: 400px;
	height: 200px;
        margin-top: -200px;
        margin-left: 400px;
	background-color: white;
	float: left;
}
/*
les �l�ments suivants caract�risent la page index.html, les pages en cours et les fiches r�alisateurs, ils ne doivent pas �tre modifi�s*/

div#texte {
	width: 740px;
	height: 150px;
    margin-left: auto;
    margin-right: auto;
	background-color: white;
}

div#images {
	width: 600px;
	height: 180px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
	background-color: white;
	text-align: center;
}


/*
page accueil */
#entete{
    margin-left:20px;
    margin-top:50px;
}

#texte1{
    height: 190px;
    margin-top: 20px;
    
}

#texte2{
    height: 190px;
    margin-top: 15px;
}

#texte3{
    height: 190px;
    margin-top: 15px;
}

#texte4{
    height: 190px;
    margin-top: 15px;
}

#texte5{
    height: 190px;
    margin-top: 15px;
}



/*
page contact */
#image_contact{
    margin-top:100px;
    margin-left:24px;
    float:left;
    }

#texte_contact{
    width:330px;
    margin-left:460px;
    border-left:20px;
    margin-top:-330px;
    float:left;
    }

    /*
    page backoffice */


    #colonneg1{
        float:left;
        width:400px;
        margin-left:-4px;
        height:170%;
        position:relative;
}



#zone{
        margin-top:50px;
        margin-left:20px;
        float:left;
        
}

#zone1{
        margin-top:130px;
        margin-left:20px;
        float:left;
}

#zone1b{
        margin-top:130px;
        margin-left:-80px;
        float:left;
}


#zone1c{
        margin-top:130px;
        margin-left:-440px;
        float:left;
}

#zone2{
        margin-top:30px;
        margin-left:20px;
        float:left;
}
#zone2b{
        margin-top:550px;
        margin-left:-320px;
        float:left;
}
#zone2c{
        margin-top:550px;
        margin-left:-440px;
        float:left;
}

#zone3{
        margin-top:30px;
        margin-left:20px;
        float:left;
}

#zone4{
        margin-top:30px;
        margin-left:20px;
        float:left;
}

#zone5{
        margin-top:30px;
        margin-left:20px;
        float:left;
}

#zone6{
        margin-top:30px;
        margin-left:20px;
        float:left;
}

#submit{
        margin-top:330px;
        margin-left:-250px;
        float:left;
}

#submit2{
        margin-top:1000px;
        margin-left:-250px;
        float:left;
}

#submit3{
        margin-top:440px;
        margin-left:-250px;
        float:left;
}

#zone7{
        margin-top:30px;
        margin-left:20px;
        float:left;
}

#ligne
{
        font-style:none;
  	margin-top:50px;
        margin-left: 60px;
        float:left;
  	width:780px;
  	
}

.photos{
    margin-top:180px;
    margin-left:50px;
    float:left;
}
#tout_telecharger{
    margin-left:45%;
    
}

#log{
    float:left;
    margin-left:520px;
    display:block;
    margin-top:100px;
    position:relative;
}

#log2{
    float:left;
    margin-left:150px;
    display:block;
    margin-top:100px;
    position:relative;
}
#log3{
    float:left;
    margin-left:260px;
    display:block;
    margin-top:100px;
    position:relative;
}

#log #login{
    margin-left:20px;
}


#log2 #login{
    margin-left:20px;
}


#log3 #login{
    margin-left:20px;
}

/* admins */
#admins{
    margin-top:50px;

}