/* hack pour safari et opéra  toutes les propriétés entre accolades ne s'appliqueront qu'a ces navigateurs*/
@media screen and (-webkit-min-device-pixel-ratio:0){
body {
text-shadow: 0 0 0 #000;
font-weight: normal;
}
}

/*hack pour firefox et ses potes pour ne pas entourer les liens*/
a:active, a:focus { 
   outline:none; 
}

body {
margin: 0px;
padding:0px;
width: 1000px;
height: 600px;
}

#page  {
display: block;
position: relative;
margin-left: auto;
margin-right:auto;
width: 100%px;
height: 550px;
}

#titre_galerie {
display: block;
position: relative;
margin-left: auto;
margin-right:auto;
width: 500px;
left: 250px;
}

H1 {
text-align: center;
width: 100%;
font-style: italic;
}

#gauche  {
display: block;
position: absolute;
left: 10px;
top: 0;
width: 300px;
height: 610px;
border: 2px solid grey;
}

#texte {
margin: 0px;
padding: 20px 0px 0px 25px;
}

#telecharger {
margin: 0px;
padding: 0px 0px 0px 0px;
}

.centrer {
text-align: center;
}

#gauche a {
color: #0000FF;
text-decoration: underline;
font-size: 14px;
}

#gauche a:hover {
color: #FF0000;
font-size: 14px;
}

#galerie {
display: block;
position: relative;
overflow: auto;
width: 940px;
top: 0px;
left: 320px;
height: 530px;
}

#photo {
display: block;
position: relative;
margin-left: auto;
margin-right:auto;
text-align: center;
height: 300px;
width: 300px;
top: 120px;
}

.vignette_horizontale {
display: inline;
position: relative;
background-image: url("images/dia_horizontale.jpg");
background-repeat: no-repeat;
background-position: center;
margin: 5px;
float: left;
width: 170px;
height: 170px;
text-align: center;
}

img {
border: none;
}

a {
text-decoration: none;
color: #000000;
font-size: 12px;
}

a:hover {
text-decoration: underline;
color: #0000FF;
font-size: 12px;
}

.horizontale {
display: block;
position: relative;
width: 125px;
height: 83px;
margin-left: auto;
margin-right:auto;
padding-left: 0px;
padding-top: 43px;
}

.vignette_verticale {
display: inline;
position: relative;
background-image: url("images/dia_verticale.jpg");
background-repeat: no-repeat;
background-position: center;
margin: 5px;
float: left;
width: 170px;
height: 170px;
text-align: center;
}

.verticale {
display: block;
position: relative;
width: 83px;
height: 125px;
margin-left: auto;
margin-right:auto;
padding-left: 1px;
padding-top: 22px;
}

.vignette_verticale p {
margin: 0px;
padding: 5px 0px 0px 0px;
}

.vignette_horizontale p {
margin: 0px;
padding: 10px 0px 0px 0px;
}