* {
margin: 0;
padding: 0;
}

html {
font-size: 100%;
height: 100%;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background: url(img/fond_page.jpg) repeat-x;
}

#b1_actu {
float: left;
width: 58px;
height: 510px;
margin-left: 20px;
margin-top: 70px;
background: url(img/actu/actu.gif) no-repeat;
}

#b1_showcase {
float: left;
width: 58px;
height: 510px;
margin-left: 20px;
margin-top: 30px;
background: url(img/showcase/showcase.gif) no-repeat;
}

#b1_show {
float: left;
width: 58px;
height: 510px;
margin-left: 20px;
margin-top: 30px;
background: url(img/show/show.gif) no-repeat;
}

#b1_toscana {
float: left;
width: 58px;
height: 510px;
margin-left: 20px;
margin-top: 30px;
background: url(img/toscana/terra_di_toscana.gif) no-repeat;
}

#b1_obama {
float: left;
width: 58px;
height: 510px;
margin-left: 20px;
margin-top: 30px;
background: url(img/obama/barack_obama.gif) no-repeat;
}

#b1_gallerie {
float: left;
width: 58px;
height: 510px;
margin-left: 20px;
margin-top: 30px;
background: url(img/gallerie/gallerie.gif) no-repeat;
}

#b1_recycling {
float: left;
width: 10px;
}

#b1_liens {
float: left;
width: 100px;
height: 510px;
margin-left: 20px;
margin-top: 30px;
background: url(img/links.gif) no-repeat;
}

#b2_actu {
float: left;
width: 120px;
height: 200px;
margin-top: 80px;
background: url(img/actu/db_actu.jpg) no-repeat;
}

#b2_showcase {
float: left;
width: 120px;
height: 200px;
margin-top: 129px;
background: url(img/showcase/db_showcase.jpg) no-repeat;
}

#b2_show {
float: left;
width: 120px;
height: 200px;
margin-top: 100px;
background: url(img/show/db_show.jpg) no-repeat;
}

#b2_toscana {
float: left;
width: 120px;
height: 200px;
margin-top: 30px;
background: url(img/toscana/db_terra.jpg) no-repeat;
}

#b2_obama {
float: left;
width: 120px;
height: 200px;
margin-top: 100px;
background: url(img/obama/db_obama.gif) no-repeat;
}

#b2_gallerie {
float: left;
width: 120px;
height: 300px;
margin-top: 80px;
background: url(img/gallerie/db_gallerie.jpg) no-repeat;
}

#b2_recycling {
float: left;
width: 200px;
height: 247px;
margin-top: 80px;
background: url(img/recycling/db_recycling.jpg) no-repeat;
}

#b2_popcity {
float: left;
width: 200px;
height: 274px;
margin-top: 80px;
background: url(img/popcity/db_popcity.jpg) no-repeat;
}

#b2_popart_girls {
float: left;
width: 200px;
height: 134px;
margin-top: 80px;
background: url(img/popartgirls/db_popartgirls.jpg) no-repeat;
}

#b2_liens {
float: left;
width: 50px;
margin-left: 50px;
margin-top: 80px;
}

#b3 {
margin-left: 260px;
}

#b3_1 {
text-align: right;
height: 80px;
}

#b3_1_showcase {
text-align: right;
height: 60px;
}

#b3_1_show {
text-align: right;
height: 40px;
}

#b3_1_toscana {
text-align: right;
height: 60px;
}

#b3_1_obama {
text-align: right;
height: 100px;
}

#b3_1_popcity {
text-align: right;
height: 100px;
}

#b3_1_popart_girls {
text-align: right;
height: 100px;
}

#b3_2 {
height: 120px;
margin-bottom: 20px;
}

#b3_2_actu {
height: 70px;
margin-top: 70px;
}

#b3_2_showcase {
height: 400px;
width: 400px;
margin-top: 50px;
margin-bottom: 20px;
padding-left: 20px;
background-color: white;
}

#b3_2_show {
margin-bottom: 20px;
}

#b3_2_gallerie {
height: 70px;
margin-top: 70px;
}

#b3_2_toscana {
height: 450px;
margin-top: 20px;
margin-bottom: 20px;
}

#b3_2_obama {
height: 250px;
margin-bottom: 20px;
}

#b3_2_obama h1 {
font-size: 1.3em;
margin-bottom: 30px;
color: red;
}

#b3_2_liens {
width: 300px;
margin-top: 40px;
padding: 20px;
font-size: 1.3em;
background-color: white;
}

#b3_2_popcity {
height: 100px;
margin-top: 0px;
}

#b3_3_popcity {
margin-top: 20px;
}

#b3_2_popart_girls {
height: 30px;
margin-top: 85px;
}

#b3_2_popart_girls h1 {
font-size: 1.3em;
margin-bottom: 30px;
color: red;
}

#b3_3_popart_girls {
margin-top: 20px;
}

#b3_3 {
}

p.galerie_mini {
margin: 0;
padding: 0;
height: 35px;
}

p.links_showcase {
margin-top: 100px;
}

p.links_toscana {
margin-top: 25px;
}

span.lib1 {
color: red;
font-weight: bold;
margin-right: 5px;
}

span.lib2 {
color: red;
font-weight: bold;
/*margin-left: 20px;*/
margin-right: 5px;
width: 200px;
}

dl#photo {
}

dl#photo dt {
font: italic 2.5em/1.5em Georgia, serif ;
color: #dcb ;
}

dl#photo dd {
margin: 0 ;
}

dl#photo img {
border: 1px solid #dcb ;
}

			
ul#menu {
height: 25px;
margin: 0;
padding: 0;
list-style-type: none;
float: right;
}
				
ul#menu li {
float: left;
line-height: 25px;
margin-right: 22px;
}
		
ul#menu li a {
color: #000;
}
		
ul#menu li a:hover {
color: red;
}

#b_contact {
position: relative;
width: 800px;
margin: 0 auto; 
}

#b_basak {
position: relative;
width: 1000px;
margin: 0 auto; 
}

#pied_page {
position: absolute;
bottom: 20px;
right: 30px;
font-size: 0.8em;
}

#pied_page2 {
text-align: right;
font-size: 0.8em;
padding-bottom: 20px;
margin-right: 30px;
}

#pied_page_show {
text-align: center;
font-size: 0.8em;
padding-bottom: 20px;
}

#img_interview {
margin-top: 10px;
}

a.bleu:visited {color: #000080;}
a.bleu:link    {color: #000080;}
a.bleu:hover   {color: #E00000;}
a.bleu:active  {color: #E00000;}

a.noir:visited {color: #000000;}
a.noir:link    {color: #000000;}
a.noir:hover   {color: #E00000;}
a.noir:active  {color: #E00000;}

a.blanc:visited {color: #fff;}
a.blanc:link    {color: #fff;}
a.blanc:hover   {color: #fff;}
a.blanc:active  {color: #fff;}

td.support {
width: 400px;
background: url(img/show/support.jpg) no-repeat;
padding: 20px;
}

td.support2 {
background: url(img/show/support2.jpg) no-repeat;
padding: 20px;
}

p.lien_show {
margin-bottom: 30px;
font-size: 1.2em;
font-weight: bold;
}

div.cleaner {
clear: both;
height: 5px;
background: transparent;
}

#recycling {
font-size: 1.8em;
font-weight: bold;
margin-right: 100px;
}

a img { 
border : 0; 
}