/* 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: 238px }
#espace-bas, #pied { height: 23px }

#nom { margin: -30px 24px -20px 250px }
#nom h1 { font: italic 36pt Times New Roman; color: #ffffff; text-align: center }
#nom h1 { text-shadow: 1px 2px 3px #98c8da }

#logo { position: absolute; top: 9px; left: 0px }
#logo h6 { margin: -5px 0 0 50px; font: italic 17px Times New Roman; color: rgb(94,109,183)  }
#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; bottom: 0px; left: 99px }
#gauche { position: absolute; left: 0; top: 272px }
#espace { position: relative; height: 100px; border: 1px solid #800 }
#pied { position: fixed; bottom: 0; left: 0 } 

body, #milieu2 { background: #fff }
#tete, #pied { background: #ddf2fb }
#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 }

img { border: none }
#tete { border-bottom: 1px solid #92d8f1 }
#milieu { border: 1px solid #92d8f1; padding: 2px; margin: -153px 0 0 250px }
#milieu2 { border: 1px solid #bba; padding: 0 24px 24px 24px }
#milieu .titrepage { font: 11pt Verdana; color: #8590c6; margin: 20px -3px }
#milieu p { font: 9pt Arial, sans-serif; text-align: justify }
#pied { bborder-top: 1px solid #92d8f1 }

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 }

.ex { font-size: 90%; position: relative; top: -3px }

#menu { margin: 1px 22px 16px 250px; text-align: center }
#menu ul { list-style-type: none; margin: 0; padding: 0 }
#menu ul li a#actuel { text-decoration: none; color: rgb(225,131,15); background: transparent }
#menu ul li a#actuel { text-shadow: 1px 1px 0px rgb(240,249,253) }
#menu li { display: inline; padding: 2px 12px 2px 8px }
#menu li a { font: bold 12px Verdana, Georgia, Times New Roman}
#menu li a:link, #menu li a:visited { text-decoration: none; color: rgb(123,136,196); outline-style:  #444 solid thick }
#menu li a:hover, #menu li a:focus { text-decoration: none; color: rgb(145,215,241); outline-style: none }

#pied p { margin: 0; text-align: left; padding-left: 264px }
#pied #maj { font: italic 8pt Arial; color: #366; padding-left: 510px }
#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% }

#photos2 img.paysage { width: 350px; height: 264px; float: left; clear: both }
#photos2 img.paysage:hover { width: 675px; height: 506px }
#photos2 img.portrait { width: 350px; height: 467px; float: left; clear: both }
#photos2 img.portrait:hover { width: 675px; height: 900px }
#photos2 img { margin: 0 12px 18px 0 }
#photos2 cite { font: 10pt Arial, sans-Serif; color: #247 }
#photos2 div.legende { clear: both }
#photos2 div.date { font: 12pt Verdana; color: #800; margin-top: 12px; margin-bottom: 18px }

#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 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 }
img.article-gauche { border: none; float: left; padding: 15px 20px 0px 0px }

#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 }

#pv { font-family: Trebuchet MS, Arial, sans-serif; font-size: 10pt; font-weight: normal }
#pv h1, #pv h2 { font-weight: bold; text-align: center }
#pv h3, #pv h4, #pv h5 { font-weight: normal; text-align: left }
#pv h1 { font-size: 16pt; margin: 40px 0 10px 0 }
#pv h2 { font-size: 11pt; margin: 10px 0 30px 0 }
#pv h4 { font-weight: bold; margin: 30px 0 15px 0 }
#pv h5 { font-size: 11pt; text-align: right; text-decoration: underline; margin: 0 10px -10px 0 }
#pv p { font-size: 10pt; margin: 10px 0; text-align: justify }
#pv p span { font-weight: bold }
#pv p.marge, #pv p.attendu, #pv p.marge3  { margin-left:  40px }
#pv p.marge2  { margin-left:  20px }
#pv p.attendu { margin-left:  40px }
#pv p.attendu span { margin-left:  -40px; font-weight: normal }
#pv p.centre { text-align: center; margin: 30px auto }
#pv p.note { margin-top: 30px }
#pv ol { margin: 0 0 0 30px; list-style-type: lower-alpha }

ul.no-mark, ul.no-mark2 { list-style-type: none; margin-left: -12px }
ul.no-mark li { margin: 7px 0 }
ul.no-mark2 li { margin: 5px 0 }
ul.no-mark li span { font-style: italic }

#gauche a.pub { display: block; margin: 0px 9px 0px 7px; padding: 0px; border: 1px solid #fff; text-decoration: none; text-align: left }
#gauche a.pub table { margin: 0; padding: 0; }
#gauche a.pub table td.img { background: #fff;   }
#gauche a.pub table td.img img { padding: 0 4px 0 0; height: 50px; width: 50px  }
#gauche a.pub table td.txt { margin: 0; padding-left: 13px; background: #eee; width: 100%; margin: 0; font: 11px Tahoma; color: rgb(61,73,135) }
#gauche a.pub table td.txt {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;	
	-moz-box-shadow: 1px 1px 1px #999;
	-webkit-box-shadow: 1px 1px 1px #999;
	box-shadow: 1px 1px 1px #999 }
a.pub img { height: 40px; float: left; padding-right: 9px } 
#gauche a.pub:link p { margin: 0; font: bold 11px Tahoma }