/* oikos-dev.css */

html { font-size: 100% }

html, body, #tronc, #gauche, #pied { margin: 0; padding: 0 }
#tete { margin: 0; padding: 12px 0 }

#tete, #tronc, #pied { width: 1007px }
#gauche { width: 250px }
#milieu { width: 725px }
#tete { height: 112px }
#espace-bas, #pied { height: 23px }

#tete, #tronc, #milieu { position: static }
#logo { position: absolute; top: 10px; left: 22px }
#logo a { outline-style: none; border-style: none }
#liens-inter img { margin: 0 }
#liens-inter p { margin: 3px 0 }
#liens-inter p a { text-decoration: none; outline-style: none; color: #76b }
#liens-inter p a:hover { color: #d72 }
#masseco img { position: absolute; top: 4px; left: 957px }
#gauche { position: absolute; left: 0; top: 200px }
#espace {position: relative; height: 100px; border: 1px solid #800 }
#pied { position: fixed; bottom: 0; left: 0 } 

body, #milieu2 { background: #fff }
#tete, #pied { background: #e5f0f7 }
#milieu, .ligne { background: #fffffa }
#menu { background: transparent }
.ligne { margin: 30px -25px 0 -25px; height: 2px }
.ligne { border: 1px solid #bba; border-bottom: none }
.ligne hr { display: none }

#tete { border-bottom: 1px solid #848274 }
img { border: none }
#gauche { text-align: center; padding-top: 30px }
#milieu { border: 1px solid #050504; padding: 2px; margin: -90px 0 0 250px }
#milieu2 { border: 1px solid #bba; padding: 0 24px 24px 24px }
#milieu .titrepage { font: 11pt Verdana; color: #848274; margin: 20px -3px }
#milieu p { font: 9pt Arial, sans-serif; text-align: justify }
#pied { border-top: 1px solid #848274 }

a, a:link, a:visited, a:hover, a:focus { outline-style: none }
.lireplus { padding-left: 20px }
.lireplus a { font: 9pt Verdana, sans-serif; text-decoration: none; outline-style: none } 
.lireplus a:link, .lireplus a:visited, .lireplus a:focus { color: #368 }
.lireplus a:hover { color: #00f }

#menu { margin: 1px 0 16px 350px }
#menu ul { list-style-type: none; margin: 0; padding: 0 }
#menu ul li a#actuel { text-decoration: none; color: #400 }
#menu li { display: inline; padding: 2px 12px 2px 8px }
#menu li a { font: 9pt Verdana, sans-serif }
#menu li a:link, #menu li a:visited { text-decoration: none; color: #366; outline-style: none }
#menu li a:hover, #menu li a:focus { text-decoration: none; color: #00f; outline-style: none }

#pied p { margin: 0; text-align: left }
#pied #maj { font: italic 8pt Arial; color: #366; padding-left: 500px }
#pied span#haut, .ho { font: 8pt Arial }
#pied span#haut a, .ho a { text-decoration: none; outline-style: none; color: #38a }
.ho { margin: auto 4px auto -14px }
#valid0, #valid { font: 7.5pt Arial; border: 1px outset #fff; background: #ccdde0; padding: 0px 4px }
#valid0 a, #valid a { text-decoration: none; color: #364d95; outline-style: none }
#valid0 { margin: 0 3px 0 61px }
#valid { margin: 0 76px 0 3px }

.article h5 { text-align: left; font: bold 10pt Arial; color: #800 }
.article .liendansarticle a { text-decoration : none }
.article .date { font: italic 8pt Verdana }
.article ul { font: 9pt Arial, sans-serif }
.article b.bleu { font-weight: bold; color: #379; border: 1px dotted #379; padding: 0 3px; margin-bottom: 20px }
#oikos { width: 53px; height: 53px; margin: 0px 0 -15px 631px }
#site { margin: 0 0 25px 0 }
#gauche div#site p { color: #656056 }
table#conseil { padding-left: 18px }
table#conseil td { width: 180px }
table#conseil { color: #555 }
.lien-img { outline-style: none }

div.legende { text-align: center; font: bold italic 10pt "Times New Roman"; color: #853; padding: 7px; margin: 0 }

/* international */

h2.titrearticle { text-align: center; font: 18pt Verdana; color: #800 }
h4.sous-titre { text-align: left; font: 12pt Verdana; color: #800; margin-top: 21px; padding-top: 9px }
/* h4.sous-titre span { margin: 0 25px 0 -45px }*/

#gauche hr { width: 75%; height: 0px; color: #ccc }
#gauche p { font: bold italic 1em "Times New Roman"; color: #558 }
#gauche p#cpe { font-size: 17pt; margin: -3px 0 -3px 0 }

#compte-rendu-GP li { font: 9pt Arial, sans-serif }
#signature p { text-align: right; font-style: italic  }

#photos img.paysage { width: 675px; height: 506px }
#photos img.portrait { width: 675px; height: 900px }
#photos img { margin-top: 8px }
#photos cite { font: 10pt Arial, sans-Serif; color: #247 }
#photos hr { width: 10% }

#milieu2 #lettre { margin-top: 30px; margin-bottom: 20px; padding: 50px 30px }
#milieu2 #lettre { border: 1px solid #bbbbbb; background: #fbfaf4; color: #247 }
#milieu2 #lettre p { font: 9pt Georgia; text-align: center; margin: 0 }
#milieu2 #lettre .ref { margin-bottom: 15px }
#milieu2 #lettre .GROS { font-size: 96pt }

#milieu2 div.exergue, #milieu2 div.exergue2 { font: italic 10pt Arial, sans-serif }
#milieu2 div.exergue2 { margin: -6px 0 -18px 0 }
.exergue ul { list-style-type: none; margin: 15px 20px; padding: 0 }
.exergue li { font-size: 8pt }
.exergue li a { font: 9pt Verdana, sans-serif; text-decoration: none; outline-style: none } 
.exergue li a:link, .exergue li a:visited, .exergue li a:focus { color: #368 }
.exergue li a:hover { color: #00f }
#milieu2 p.citations { text-align: right; font: bold italic 10px/19px "Verdana", serif; color: #368; margin-top: 12px }
#milieu2 p.citations span { font: italic 10px/19px "Verdana", serif }

/* coordonnées */

/* #milieu2 .rubr { font-style: italic } */
/* #milieu2 .info { padding: 10px 0 0 24px } */
#milieu2 p.paroisse { font: 11pt Arial, sans-serif; color: #777; margin: 24px 0 0 -2px }
#milieu2 p.nom { margin: 9px 0 4px 20px; color: #444; font: bold 10pt "Trebuchet MS", Arial, sans-serif; }
#milieu2 p.adresse { margin: 0px 0 4px 20px; color: #000; font-size: 9pt }
#milieu2 p.tel { margin: 0px 0 0px 20px; color: #000; font-size: 9pt }
#milieu2 div.courriel { margin: 0px 0 0px 20px }
#milieu2 div.courriel a { font: 10pt Arial, sans-serif; text-decoration: none; outline-style: none;  color: #368;  }

.documents a { text-decoration: none; font:  italic 11pt/16pt Arial; color: #479; outline-style: none }
.documents a:hover { color: #600 }
.documents a img { padding-right: 5px }

img.article-droite { border: none; float: right; padding: 15px 0px 0px 20px }

#invitation { margin: 20px 0; background: #fbfaf4; border: 1px dotted #ddd; padding: 20px 0 }
#invitation p { font: 11pt "Bookman Old Style"; margin: 17px 33px; text-align: left; color: #046 }
#invitation p b { color: #479 }
#invitation p.signature { text-align: right }
#invitation p.citation { font: italic 14px "Bookman Old Style", serif; margin: 10px 58px }

table#milan2010 { text-align: center }
table#milan2010 td { width: 120px; font: 12px/17px Arial; color: #048  }

#gauche table { padding-left: 52px }
#gauche table a { font: 10pt Arial; Text-transform: uppercase; color: #942 }