/* LAYOUT SITE PICTURE BERLIN - EN DATE DU 5 NOV 2009
Description: A four week artist-initiated photography program in berlin run by April Gertler
Author: Charlie Jouvet
Author URI: http://www.mueki.com
Tags: April Gertler, photography, art, artist, berlin, program
*/

/* Reset default browser styles */
@import "reset.css";

html {font-size: 100%;} 

/* DÉFINIT LES VALEURS GÉNÉRALES À L'ENSEMBLE DU BODY */
body { 
background: #FFFFFF; 
margin: 0; 
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: left; 
color: #000000;
font-size: 1em; /* corps par defaut = 100% du réglage par défaut de l'utilisateur */
line-height: 0.9em;
}


img { border: none; }

/* CUSTOMISATION DES LIENS */
a { text-decoration: none; }
a:link, a:visited, a:hover, a:focus, a:active {border: none; }
a img { border: none; } /* Gets rid of IE's blue borders */
a:link {color: #000000; text-decoration: none ;}
a:visited {color: #000000; text-decoration: none ;}
a:focus {color: #990000; text-decoration: none ;}
a:hover {color: #990000; text-decoration: none ; }
a:active {color: #000000; text-decoration: none ;}
 
.acces { border:0px;  text-decoration: none}
.acces:hover { border:0px;  text-decoration: none}
span.encours {color: #990000; text-decoration: none ;}


/* CUSTOMISATION DES DIV */

div#page { position:absolute; margin: 0 ; width: 900px; }
div#article { position:absolute; margin: 0 ; width: 570px; height:100%; }

div#zonelogo { position:absolute; left:0px; padding: 20px 10px 0 20px ; width: 230px; height:180px; }
div#zonemenu { position:absolute; left:260px; padding: 20px 10px 0 10px ; width: 400px; height:180px; }
ul#menu1 { position:absolute; top:30px ; left:50px; margin: 0 ; padding: 0 10px 0 10px ; width: 190px; height:180px; }
ul#menu21 { position:absolute; top:30px ; left:250px; margin: 0 ; padding: 0 10px 0 10px ; width: 190px; height:180p8x; }
ul#menu22 { position:absolute; top:30px ; left:250px; margin: 0 ; padding: 0 10px 0 10px ; width: 190px; height:180px; }
div#zonenav { position:absolute; left:710px; margin: 0 ; padding: 20px 10px 0 10px ; width: 180px; height:180px; }

div#zonephoto { position:absolute; top:200px; margin: 0 ; padding: 10px 10px 0 20px ; text-align:center; width: 280px; }
div#zonecontenu { position:absolute; top:200px; left:310px; margin: 0 ; padding: 10px 10px 0 10px ; width: 580px; }

div.hr { height: 1px; margin: 0 0 10px 0 ; line-height: 1px; color: #000000; background-color: #000000; border: 0px; }
div#hr1 { position:absolute; left:60px; width: 180px; height: 1px ; line-height: 1px; color: #000000; background-color: #000000; border: 0px; }
div#hr2 { position:absolute; left:260px; width: 180px; height: 1px ; line-height: 1px; color: #000000; background-color: #000000; border: 0px; }
div#hr3 { height: 1px; margin: 0 0 15px 0 ; width: 580px; line-height: 1px; color: #000000; background-color: #000000; border: 0px; }


div#photo01 { position:absolute; width: 280px; }
div#photo10 { position:absolute; width: 280px; }
div#photo20 { position:absolute; width: 280px; }
div#photo21 { position:absolute; width: 280px; }
div#photo22 { position:absolute; width: 280px; }
div#photo23 { position:absolute; width: 280px; }
div#photo24 { position:absolute; width: 280px; }
div#photo30 { position:absolute; width: 280px; }
div#photo31 { position:absolute; width: 280px; }
div#photo32 { position:absolute; width: 280px; }
div#photo33 { position:absolute; width: 280px; }
div#photo34 { position:absolute; width: 280px; }
div#photo40 { position:absolute; width: 280px; }
div#photo50 { position:absolute; width: 280px; }

div#article { position:absolute; width: 570px; overflow: hidden; }
div#article01 { position:absolute; width: 570px; overflow: hidden; }
div#article10 { position:absolute; width: 570px; overflow: hidden; }
div#article21 { position:absolute; width: 570px; overflow: hidden; }
div#article22 { position:absolute; width: 570px; overflow: hidden; }
div#article23 { position:absolute; width: 570px; overflow: hidden; }
div#article24 { position:absolute; width: 570px; overflow: hidden; }
div#article31 { position:absolute; width: 570px; overflow: hidden; }
div#article32 { position:absolute; width: 570px; overflow: hidden; }
div#article33 { position:absolute; width: 570px; overflow: hidden; }
div#article34 { position:absolute; width: 570px; overflow: hidden; }
div#article40 { position:absolute; width: 570px; overflow: hidden; }
div#article50 { position:absolute; width: 570px; overflow: hidden; } 

div#date { width:135px; float:left; margin: 0 0 15px 0 ; } 
div#do { width:435px; float:right; margin: 0 0 15px 0 ; } 

div.alumn { clear:left;  width:200px; height: 30px ; }

/* CUSTOMISATION DES SPAN ET PARAGRAPHES */
span.titre { font-size: 1.5em; color: #990000; text-align: center; }
span.t2 { font-size: 0.7em; font-weight: bold;}
span.t3 { font-weight: bold;}
span.t4 { font-weight: bold; font-style: italic ; }
span.t5 { font-weight: bold ; color: #990000; }
span.encours {color: #990000; text-decoration: none ;}
span.light {color: #000000; text-decoration: none ; background-color:#FFFFFF; font-style: italic ; }
span.lighto {color: #000000; text-decoration: none ; background-color:#f7e0da; }

p.petit { font-size: 0.6em; text-align: left;  }
p.courant { font-size: 0.7em; color: #000000; text-align: left; padding: 0 20px 0 0 ; }
p.liste { display: inline ; font-size: 0.7em; color: #000000; text-align: left; padding: 0 20px 0 20px ; }
p.t1 { font-size: 0.8em; padding: 0 0 20px 0 ; color: #990000; text-align: left;  }


/* CUSTOMISATION DES IMAGES */
img.titre { margin: 0 0 15px 0 ; border: 0px; }
img.alumni {float:left; margin-right:20px; } 

/* CUSTOMISATION DES LISTES */
ul.menu { list-style:none; font-size: 0.7em; color: #000000; text-align: left; }
ul.simple { list-style-type: disc; font-size: 0.7em; margin: 0 0 0 20px ; padding: 0 0 0 20px ; color: #000000; text-align: left; }