/* css pour le site Benoit Pierre poesition.com */

/* style des balises standard */

/* style de la balise html, pour que toute les tailles de polices soit mises a 100 % */

html {
font-size: 100%;
}

.menu {
    display: none!important;
}

/* style de la balise body pour définir les marges et espacement a 0 pix du bord du browser */

body {
padding: 0px;
margin: 0px;
font-family: Helvetica, Arial, sans-serif;
}

/* style des titres h1 et h2 et h3 */
 
h1,h2 {
padding: 0px;
margin: 0px;
}

h1 {
font-size: 1.6em;
font-weight: bold;
color: #333;
}

h2 {
font-size: 1em;
font-weight: normal;
letter-spacing: 0.15em;
/*text-transform:uppercase;*/
color: #333;
}

h3 {
font-size: 1em;
font-weight: normal;
letter-spacing: 0.15em;
/*text-transform:uppercase;*/
color: #333;
display: inline;
}



/* style d'un paragraphe de base. Les polices toujours en couleur #333*/

p {
font-size: 1em;
font-weight: normal;
color: #333;
}

/* style des images avec border = 0 pour toute les images */

img {
border: 0px;
}

/* style des caracteres "gras" toujours en couleur #333 */

b {
font-weight: bold;
color: #333;
}

/* style des caracteres "gras" toujours en couleur #333 */
b.rouge {
font-weight: bold;
color:#4a0a0a;
}
/* filet */
hr.filet_pointilles { /* filet gris foncé, en pointillés */
  border: none;                   /*  pas des bordures... */
  background-image: url('../imgs/filet.png'); /* L'image à répéter... */
  height: 1px;                    /* Le filet est rendu grâce à la bordure haute : pas besoin du "contenu" (si on peut dire) */
  width: 100%;

}

img.rubrique_panorama_deux_images {
margin-top: 10px;
}


/* style des blocs */

/* style du bloc_centre qui permet de centrer la colonne principale et de la placer a 100 pix du haut de la fenêtre du Browser  */

div#bloc_centre {
position: absolute;
left: 50%;
margin-left: -150px;
margin-top: 100px;
width: 300px;
}
div#bloc_centre_textes {
position: absolute;
left: 50%;
margin-left: -150px;
margin-top: 100px;
width: 340px;
}

/* style du bloc qui affiche "+d'informations" sur la colonne droite page "saxifrages" */

div#lien_bloc_droit_saxifrages {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 205px;
width: 300px;
}

/* style du bloc qui affiche le contenu colone de droite page "saxifrages" >> placement du bloc */

div#bloc_droit_saxifrages {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 205px;
width: 300px;
}
div#bloc_droit_textes {
position: absolute;
left: 50%;
margin-left: 220px;
margin-top: 185px;
width: 460px;
}
div#bloc_droit_mine_de_plomb {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 204px;
width: 1040px;
}

div#bloc_droit_encres_metalliques {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 664px;
width: 1040px;
}

div#bloc_droit_encres_blanches {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 950px;
width: 1040px;
}

/* page exposition : Code Noir */

div#bloc_droit_code_noir {
position: absolute;
left: 50%;
margin-left: 220px;
margin-top: 200px;
width: 380px;
}

div#bloc_droit_code_noir_image {
position:relative;
}

h1#titre_droit {
font-size: 1em;
font-weight: bold;
color: #333;
}

h2#titre_droit {
font-size: 1em;
font-weight: normal;
letter-spacing: 0.05em;
color: #333;
}
p#legende_code_noir_vignette {
float:left;
margin-top: 6px;
font-family: Helvetica, Arial, sans-serif;
font-size: 0.7em;
letter-spacing: 0.04em;
}
p#code_noir_credit_photo {
float:left;
margin-top: 6px;
font-family: Helvetica, Arial, sans-serif;
font-size: 0.7em;
letter-spacing: 0.04em;
color: #00CCFF;
}

/* page exposition : Elbeuf */
div#bloc_droit_elbeuf {
position: absolute;
left: 50%;
margin-left: 220px;
margin-top: 200px;
width: 370px;
}

/* page photographie tableaux */

p.legende_photographie_tableaux {
float:left;
margin-top: 6px;
font-family: Helvetica, Arial, sans-serif;
font-size: 0.7em;
letter-spacing: 0.04em;
}


div#bloc_droit_photographie_1 {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 204px;
width: 350px;
}
div#bloc_droit_photographie_2 {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 470px;
width: 350px;
}
div#bloc_droit_photographie_3 {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 700px;
width: 350px;
}
div#bloc_droit_photographie_4 {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 908px;
width: 350px;
}
div#bloc_droit_photographie_5 {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 1108px;
width: 350px;
}
div#bloc_droit_photographie_6 {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 1320px;
width: 350px;
}

/* page photographie panorama */

div#bloc_droit_panoramas_1 {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 204px;
width: 350px;
}

div#bloc_droit_panoramas_2 {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 406px;
width: 350px;
}

div#bloc_droit_panoramas_3 {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 606px;
width: 350px;
}
div#bloc_droit_panoramas_4 {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 806px;
width: 350px;
}
div#bloc_droit_panoramas_5 {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 1009px;
width: 350px;
}
div#bloc_droit_panoramas_6 {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 1350px;
width: 350px;
}
div#bloc_droit_panoramas_7 {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 1572px;
width: 350px;
}

/* page photographie Saxifrage */

div#bloc_droit_saxifrage {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 204px;
width: 300px;
}


/* page video WALKER first pursuit */

div#bloc_droit_walker_first_pursuit {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 428px;
width: 500px;
}

/* page video WALKER */

div#bloc_droit_walker {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 482px;
width: 500px;
}

p.legende_video_droite {
font-family: Helvetica, Arial, sans-serif;
font-size: 0.7em;
letter-spacing: 0.02em;
line-height: 1.4em;
margin-top:6px;
}

/* page video Dispositif circulaire 2 */

div#bloc_droit_dispositif_circulaire_2 {
position: absolute;
left: 50%;
margin-left: 200px;
margin-top: 485px;
width: 500px;
}



/* style du paragraphe affiché sur la colonne de droite */

p.texte_georgia {
font-family: Georgia, "times new roman", times, serif;
font-size: 0.8em;
letter-spacing: 0.02em;
line-height : 1.4em;
font-weight: 400;
}

/* style du texte rouge */

p.texte_rouge {
color : #FF2626;
font-family: Helvetica, Arial, sans-serif;
font-size: 0.8em;
letter-spacing: 0.02em;
line-height: 1.4em;
}

/* style du lien du texte rouge */

p.texte_rouge a{
color : #FF2626;
font-family: Helvetica, Arial, sans-serif;
line-height: 1.4em;
}

/* style du texte de l'adresse des salaisons dans la page saxifrage */

p.texte_adresse_petite {
font-family: Helvetica, Arial, sans-serif;
font-size: 0.8em;
letter-spacing: 0.02em;
line-height: 1.4em;
}
p.petite_photo_legende {
float:left;
margin-top: -6px;
font-family: Helvetica, Arial, sans-serif;
font-size: 0.7em;
letter-spacing: 0.04em;
}

/* style du titre dans la colonne de droite texte en arial en dessous de l'image (specifique a la page saxifrage)*/

div#bloc_droit_saxifrages h1 {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 0.8em;
letter-spacing: 0.1em;
line-height: 1.5em;
}

/* style du sous-titre dans la colonne de droite texte en arial en dessous de l'image (specifique a la page saxifrage)*/

div#bloc_droit_saxifrages h2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 0.8em;
line-height: 1.4em;
}

/* style du titre du texte dans la colonne de droite texte en arial en dessous de l'image */

div#bloc_droit_saxifrages h3 {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 0.9em;
letter-spacing: 0.1em;
line-height: 1.5em;
}

/* style de l'image de la colonne de droite de saxifrages */

div#bloc_droit_saxifrages img {
margin-bottom: 10px;
}


div#texte_droit p {
font-family: Georgia, "times new roman", times, serif;
font-size: 0.8em;
letter-spacing: 0.12em;
line-height : 1.4em;
}

div.rubrique {
width: 300px;
}

div.rubrique_photographie_premiere {
margin-top: 40px;
width: 300px;
}
div.rubrique_photographie {
margin-top: 50px;
width: 300px;
}
div.rubrique_panoramas {
margin-top: 40px;
width: 300px;
}

div.rubrique_textes {
margin-top: 40px;
width: 340px;
}

div.rubrique img {
margin-top: 30px;
margin-bottom: -6px;
}

div.rubrique_photographie img {
margin-top: 0px;
margin-bottom: 0px;
}

p.titre_photographie {
color: #00ffe8;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 0.8em;
letter-spacing: 0.05em;
line-height: 1.5em;
margin-bottom:-5px;

}
p.texte_rubriques_photographie {
color: #333;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 0.7em;
letter-spacing: 0.1em;
line-height: 1.5em;
}
p.texte_rubriques_photographie a {
font-weight: normal;
}







p.legende_video {
font-size: 0.7em; /* allure de la légende sous les videos */
letter-spacing: 0.04em;
float: left;
}

p.lien_video {
float : right;
margin-top: 10px;
}

p.legende {
letter-spacing: 0.04em;
font-size: 0.7em; /* allure de la légende sous les videos */
}

p.legende_tableaux {
margin-top: 6px;
letter-spacing: 0.04em;
font-size: 0.7em; /* allure de la légende sous les videos */
}

/* paragraphe pour le menu */

p.menu {
margin-top: 5px;
margin-bottom: 20px;
}

p.menu img {
margin-right: 4px;
}

/* petite fleche pour remonter en haut des pages */

div.remonter {
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}


div.remonter_milieu {
float:center;
}

/* style de bloc pour le lecteur flash */

div.lecteur_flash {
margin-bottom: 10px;
margin-top: 46px;
text-align : left;
}
div.lecteur_flash_droite {
margin-bottom: 10px;
text-align : left;
}


/* classe particuliere pour le lecteur flash */

.swf_lecteur {
margin-left: 0px;
}

/* style des legendes des videos */

p.legende_flash {
letter-spacing: 0.04em;
font-size: 0.7em; /* allure de la légende sous les videos */
margin-top : 0px;
}
p.legende_flash_droite {
margin-top: 6px;
letter-spacing: 0.04em;
font-size: 0.7em; /* allure de la légende sous les videos */
}

/* style du choix francais/anglais */
p.choix_langue {
letter-spacing: 0.04em;
font-size: 0.7em;
font-family: Helvetica, Arial, sans-serif;
}


/* bas de pages */


div#basdepage {
position: relative;
left:50%;
width:100%;
margin-left: -150px;
font-size : 0.6em;
color: #555;
text-align: center;
margin-top: 40px;
margin-bottom:0px;
letter-spacing: 0.12em;
}


/* style des liens */

a:link {
	text-decoration: none;
	color: #333;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: underline;
	color: #333;
}
a:active {
	text-decoration: none;
	color: #333;
}

/* style du lien bleu */
a.lien_bleu {
color : #00CCFF;
text-decoration:underline;
letter-spacing: 0.04em;
font-size : 0.7em;
}
a.lien_bleu_elbeuf {
color : #00CCFF;
/*text-decoration:underline;*/
/*letter-spacing: 0.04em;*/
/*font-size : 0.7em;*/
}
a.lien_underline {
text-decoration:underline;
}
a.lien_rouge {
color:#4a0a0a;
}

/* style du lien bleu du choix de langue */
a.lien_bleu_choix_langue {
color : #00CCFF;
text-decoration:underline;
}