/* eesa-dev.css */

html { font-size: 100% }
body { font-size: 1em; margin: 0; padding: 0; background: #fff }

#tete { margin: 0; padding: 0; background: #fff; width: 1002px; height: 57px }
#tronc { position: relative; margin: 0; padding: 0 }
#gauche { position: relative; left: 0; width: 220px }
#milieu { position: relative; left: 220px; width: 540px; margin-top: 0px; background: #fff }
#droite { position: absolute; left: 763px; top: 19px; width: 239px }
#pied { height: 22px; background: #94b6ba; margin: 0; padding: 0 }
#pied p { margin: 0 }

#droite div.sidebox { margin: 0 auto; width: 14em; font-size: 100% }
#droite div.sidebox div.boxhead {margin: 0; padding: 0; text-align: center }
#droite div.sidebox div.boxhead h2 { margin: 0; padding: 22px 30px 5px; color: white }
#droite div.sidebox div.boxhead h2 { font: bold italic 1.2em/1em  "Times New Roman", Serif }
#droite div.sidebox div.boxbody { margin: 0; padding: 0.3em 2.3em 2em 2.7em; color: #544; text-align: center }
#droite div.sidebox div.boxbody { font: italic 0.6em Verdana, Arial, sans-serif }

#tete h4#seesa { background: #94b6ba; text-align: center; margin: 0; padding: 0; 
	background: -moz-linear-gradient(#8aa, #bdd);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#8aa), to(#bdd)) }
#tete h4#seesa { font: 13.5pt/26pt Verdana, sans-serif }
#tete h4#seesa .pale { background: transparent; color: #fff; font-weight: normal }
#tete h4#seesa .fonce { color: #366 }

a#login { position: absolute; top: 0px; left: 950px }
a#login { color: #ffffff; font: italic 0.6em Arial, sans-serif; text-decoration: none; outline-style: none }

#haut { position: fixed; left: 3px; top: 0px } /* cf. patch.css pour IE < 7 */
#bas { position: fixed; left: 3px; bottom: 3px } /* cf. patch.css pour IE < 7 */
#haut a, #bas a { color: #91b1b1; font: 0.6em/1em Verdana, sans-serif; font-variant: small-caps;
	text-decoration: none; padding: 0px 3px 1px 2px; border: 1px solid #91b1b1; outline-style: none }
	
#menu { margin: 1px 0 16px 0px; text-align: center; width: 1000px }
#menu ul { list-style-type: none; margin: 0; padding: 0 }
/* #menu li { zoom: 1 } si ajoute border : patch pour IE qui zoom mal autrement */
#menu li { display: inline; background: transparent; padding: 2px 8px 2px 8px; border-right: 0px solid #366 }
#menu li#fin { border-right-color: transparent }
#menu li a { text-align: center; white-space: nowrap; text-decoration: none; padding: 0 1px; outline-style: none }
#menu li a { font: 0.8em Verdana, sans-serif }
#menu li a:link, #menu li a:visited { color: #366; text-decoration: none }
#menu li a:hover, #menu li a:focus { background: transparent; color: #00f; text-decoration: underline }
#menu ul li a#actuel { color: #400; border: 1px solid #db0; text-decoration: none }
#menu li a.tempo { text-decoration: none; color: #bbb }

.agenda { font: 0.75em/1.4em Arial, sans-serif ; color: #000; background: #fff; margin: 17px 0 40px 8px }
.agenda caption { color: #633; background: #fff; text-align: center; margin: -15px 0 0 0; padding: 20px }
.agenda caption { font: 18pt/24pt Arial, sans-serif }
.agenda caption span { margin: 0; padding: 5px 20px; border: 3px solid #db0  }
.agenda caption span.ext { font: 12pt/28pt Arial, sans-serif; border: none }
.agenda td { vertical-align: text-top; padding: 10px 0 }
.agenda td.date { font: bold italic 1em Arial, sans-serif; background: #94b6ba; color: #fff; vertical-align: top } 
/*	background: -moz-linear-gradient(#8aa, #bdd);
	background: -webkit-gradient(linear, 40% 0, 100% 0, from(#8aa), to(#bdd)); */
.agenda td.date tt { font: italic 1em Arial, sans-serif; color: #477; padding: 0 3px }
.agenda td.date { padding-left: 7px; padding-right: 8px; text-align: center; max-width: 175px }
.agenda td.region { text-align: right; font-weight: bold; color: #91b1b1 }
.agenda td.region { border-bottom: 1px solid #91b1b1; padding-bottom: 0 }
.agenda td.region  hr { border: 0px solid #fff; border-bottom: 1px solid #91b1b1 }
.agenda td.session { padding: 10px 16px 8px 16px; max-width: 400px }
.agenda td.liens { padding-left: 7px; max-width: 150px; text-align: right }
#jourpaul td.liens { text-align: right }
.agenda td.session tt { padding-left: 15px; font: 0.9em Verdana; color: #2b6c95 }
.agenda td span { font: italic bold 1em Arial, sans-serif; color: #633 }
.agenda td.date span { color: #366 }
.agenda a { text-align: left; white-space: nowrap; text-decoration: none; font: 0.8em Verdana, sans-serif }
.agenda a.grossi { font: 0.9em Verdana, sans-serif }
.agenda a:link, .agenda a:visited, .agenda a:active, .agenda a:focus { color: #366; text-decoration: none; outline-style: none }
.agenda a:hover { background: transparent; color: #00f; text-decoration: underline }
#mois li a.passe { text-decoration: none; color: #bbb }
.agenda td ol, .agenda td ul { margin: 7px 0 0 0; padding-left: 16px; list-style-position: inside }
.agenda li { margin: 0; padding: 0 }
.agenda em { font-style: italic }
/*.agenda .coupon a { font: italic 0.9em Verdana, Arial, sans-serif }
.agenda .coupon a:link, .coupon a:visited, .coupon a:active, .coupon a:focus 
	{ text-decoration: none; color: #00f }
.agenda .coupon a:hover { color: #800 }*/
.coupon a { padding: 0 3px 1px 4px; margin: 0 2px; outline-style: none }
.coupon a { font: italic 0.9em Verdana, Arial, sans-serif }
.coupon a:link, .coupon a:visited, .coupon a:active, .coupon a:focus 
	{ text-decoration: none; color: #00f }
.coupon a:hover { color: #800 }
.region a, .region a:link, .region  a:visited, .region a:active, .region a:focus   
	{ color: #b3cccc; font: 1em Arial, sans-serif; text-decoration: none; outline-style: none }
.region  a:hover { text-decoration: none; color: #800 }


#HG, #HD, #BG, #BD { font: italic 0.9em/1em Arial, Helvetica, sans-serif; color: #336666; padding: 10px 7px }
#HG { border-top: 2px dotted #91b1b1; border-left: 2px dotted #91b1b1; text-align: center }
#HD { border-top: 2px dotted #91b1b1; border-right: 2px dotted #91b1b1; text-align: right }
#BG { border-bottom: 2px dotted #91b1b1; border-left: 2px dotted #91b1b1; text-align: center }
#BD { border-bottom: 2px dotted #91b1b1; border-right: 2px dotted #91b1b1; text-align: right }

.uliens { font: 0.8em/2em Verdana, Arial, sans-serif; margin: 10px 0 0 20px; padding: 0; color: #366 }
.uliens { list-style-type: none }
.uliens a { text-align: left; white-space: nowrap; text-decoration: none; outline-style: none }
.uliens a:link, .uliens a:visited, .uliens a:active, .uliens a:focus { color: #366; text-decoration: none }
.uliens a:hover { background: transparent; color: #00f; text-decoration: underline }

#logo { position: absolute; left: 20px; top: 0px } /* pour IE < 7 */
#sessions { position: absolute; left: 12px; top: 190px } /* pour IE < 7 */
#mois { position: absolute; left: 48px; top: 220px } /* pour IE < 7 */

#logo { position: fixed; left: 20px; top: 43px }
#sessions { position: fixed; left: 12px; top: 240px }
#mois { position: fixed; left: 48px; top: 260px }

#sessions, #mois { margin: 0; padding: 0 0 5px 10px }
#sessions li, #mois li { list-style-type: none; margin: 0; padding: 0; color: #630 }
#sessions li { font: italic 0.7em/1.5em Arial, sans-serif }
#mois li { font: 0.7em/1.5em "Lucida Console" }
#sessions li.type-session { font: 0.7em Arial, sans-serif; color: #630; padding: 10px 0 4px 0}
#sessions a { padding: 0; margin: 0; color: #91b1b1; font-style: italic }
#sessions a, #mois a { padding: 0; margin: 0; color: #91b1b1 }
#sessions a:link, #sessions a:visited, #sessions a:active, #sessions a:focus 
	{ text-decoration: none; color: #2b6c95; outline-style: none }
#sessions a:hover { color: #00f }
#mois a:link, #mois a:visited, #mois a:active, #mois a:focus 
	{ text-decoration: none; color: #2b6c95; outline-style: none }
#mois a:hover { color: #00f }

img.logosession { float: right; margin-left: 10px }

.titre { text-align: center; color: #633; border: 2px solid #db0; padding: 8px; margin-bottom: 20px }
.titre { font: 1.4em Verdana, Arial, sans-serif }
.stitre { font: bold 1em Verdana; color: #633 }
.article { font: 0.7em verdana; margin: 30px 0 10px 15px; background: #fff; text-align: justify }
.article h4 { color: #477; font: 10pt Verdana, Arial, Sans-serif }
.article p { margin: 10px 0px }
.article ul { list-style-position: outside; margin-top: 0px; margin-bottom: 0px }
.article ul ul { list-style-position: outside; margin-top: 0px; margin-bottom: 0px }
.article li { margin: 5px 30px 7px 0px }
.article a.grossi { color: #2b6c95; margin-left: 15px }
.article table.conseil { padding-left: 55px }
.article table.conseil td { padding-left: 20px }
.article img.portrait { width: 200px; float: right; clear: both; margin: 3px 0 12px 12px }
.article img.portrait:hover { width: 524px }
.bas-article { clear: both; margin: 15px 0 30px 15px; padding-top: 5px; border-top: 1px dotted #91b1b1 }
.bas-article { font: 0.7em Arial; color: #633; background: #fff }
ul.list-admin { list-style-type: none }
ul.list-admin li { margin: 3px 0px 3px -20px }
.adresse { padding-left: 20px }
.adresse tt { font: 1em Verdana; color: #2b6c95 }
#local td { padding-left: 20px }

#maj { color: #fff; font: bold 0.7em Arial; margin-left: 40px; padding: 0px 2px }
#maj tt { color: #366; font: bold 1em Arial }	
#valid { float: right; font: 0.6em Arial; border: 1px outset #fff; margin: 5px 24px 0px 0px; padding: 0px 3px;background: #bbccd0 }
#valid a { text-decoration: none; color: #365d95; outline-style: none }

#images-cocarde { margin-top: 30px }
#images-cocarde img { margin: 20px 20px 20px 0px; border: none }
#images-cocarde a { text-decoration: none; border: none; outline-style: none }

p.explique { margin: 20px; font: 8pt/13pt verdana; color: #369 }

.utile a { font: 12pt Verdana, Arial, sans-serif; margin: 0 10px 30px 20px; padding: 0 }
.utile p { font: 8.5pt "Lucida Sans", Verdana, Arial, sans-serif; color: #777; margin: 5px 0 20px 0 }
.utile a { text-align: left; white-space: nowrap; text-decoration: none }
.utile a:link, .utile a:visited, .utile a:active, .utile a:focus { color: #369; text-decoration: none; outline-style: none }
.utile a:hover { color: #00f; outline-style: none; text-decoration: underline }
.utile p em { color: #400; font-style: italic }