#main { height: 100% }
body { height: 100% }
html { height: 100% }
body {background:url(img/bg.gif) repeat-y top center #eaeaea; color:#3a3a3a; font:76% 'lucida grande', helvetica, Verdana, Tahoma, Arial, sans-serif; margin:0 auto; padding:0;}
h4 { font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; padding: 10px 10px 5px 10px; margin: 0;}
h1 { font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; padding: 10px 10px 5px 10px; margin: 0;}
h1 {color:#166090;clear:both;}
h2 {color:maroon;}
.droite h2{margin-bottom:0.2em;}
h1{font-size:1.7em;}
h2{font-size:1.2em;}
h3{margin-top:0.5em;}
h4{background-color:#fff;color:maroon;font-weight:bold;margin-top:10px;font-size:1.1em;}
h4.calend{background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8;}
p {margin:0 0 16px;padding:5px;}
.titre {font-size:1.1em; font-weight:bold; color: #166090; margin:0;background:#eee url(../img/menubg2.gif) bottom left repeat-x;}
p.infotop, small {font-size:0.8em;font-style:italic;color:#888;}
abbr[title], acronym[title], .help {border-bottom: 1px dotted; cursor: help;}
hr { border: 0; margin: 1em auto;padding-top:1.2em;border-bottom: 1px silver dotted; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px;width:85%;clear:both;} /* pour IE */
.cbarre{text-decoration:line-through;}
/* Plan et actus */
ul.floaterTop {
	background: transparent url('im/floater-cote.png') top left no-repeat;
	padding:0;margin:0 0 0 -40px;
	font-weight:bold;font-size:0.9em;
	color:maroon;
	position: absolute;top:58px;}
.floaterTop li{margin:0;padding:0;list-style-type:none; }
li a.plan {background:transparent url('img/floater-text.png') no-repeat 0px 0px;padding-left:25px;display:block;overflow:hidden;width:0;height:100px;}
li a.plan:hover {background:transparent url('img/floater-text.png') no-repeat -34px 0px;}
li a.actus-zen {background:transparent url('img/floater-text.png') no-repeat -67px 0px;padding-left:25px;display:block;overflow:hidden;width:0;height:100px;}
li a.actus-zen:hover {background:transparent url('img/floater-text.png') no-repeat -101px 0px;}
.puce{padding-left:13px;background:transparent url(img/puce.gif) 0 5px no-repeat;margin: 5px 0;}
.puce a{background:none;}

#main { padding: 0 0 1em 0;margin:0 auto;width:760px;}
#wrap {background:#fff url(img/content_bg.gif) top left; color:#303030; margin:0 auto; padding:0 5px;}

#header {background:url(img/bando.jpg) no-repeat 0px -40px #fff; color:#505050; height:232px;margin:0; padding:0 20px; text-align: right;}
#header h1 {font-size:2.5em; font-weight:400; letter-spacing:-2px; margin:0 0 4px 15px; padding:0;}
#header h1 a:hover {font-weight:400; padding:0;}
#header h1 a {font-weight:400; padding:0;}
#header p {font-size:1.1em; letter-spacing:-1px; margin:0 0 7px 15px; padding:0 0 0 3px; color: maroon;}
#header .infotop {clear:both;}

ul.nav{margin:40px 0 0 0;padding:0;font-size:13px;float:right;}
ul.nav2{margin:14px 0 0 0;padding:0;font-size:13px;float:right;}
ul.nav li, ul.nav2 li{margin:0;list-style-type:none;}
ul.nav li a, ul.nav2 li a{display:block;padding:5px 8px;}
ul.nav li a:hover, ul.nav2 li a:hover{text-decoration:none;background:transparent url('img/li_bg.gif') right top repeat-y;border-right:5px solid #fff;}

/* Les Contenus */
.contenu {background-color:#fff;color:#4f4f4f;}
.gauche {width:150px;float:left;clear:both;padding-right:5px;border-right:1px solid #cde;}
.bargauche{background:#fff url(img/content_bg.gif) top left;float:left;}
.droite {margin-left:160px; color:#344;font-size:1.2em;padding:0 6px;line-height:1.4em;text-align:justify;}
img.left{float:left;}
img.right{float:right;margin:0 0 0 15px}
li { list-style: none outside none; }
.gauche ol {margin:5px;font-style:italic;color:#888;font-size:x-small;}

.titre {font-size:1.1em; font-weight:bold; color: #166090; margin:0;background:#eee url(../img/menubg2.gif) bottom left repeat-x;}
.annonce {font-style:italic;padding:8px;background-color: #f6f6f0;}
div.letter p:first-letter {font-size:2em;font-weight:bold;color:#166090;}

.enseignants{float:left;width:352px;padding:5px 0 5px 10px;}

#info{font-size:1em;margin-top:10px;}
#info p{margin:0;}
#info h1{color:white;margin-bottom:0;font-size:1.1em;background-color:#aaa;}
#info h2{clear:both;border-bottom:1px solid;}
#info .bords{border:2px solid #aaa;border-top:0;padding:5px 10px;margin-bottom:15px;clear:both;}
#info ul{width:320px;float:left;padding:0 10px;}
#info li strong{color:maroon;font-size:1.2em;}


/* Pied de page */
#present{position:relative;padding-top:1px;}
#present #liens{font-size: 10px;margin:0;padding:1px 10px;color:#aaa;background-color:#eee;background-image:none;}
#present ul{width:400px;padding:0;font-size:0.9em;margin:15px;border:1px solid #999;}
#present ul li{padding:3px 10px;margin:3px;}
#present ul.diversliens{overflow:hidden;}
#present ul.diversliens li{font-size:0.8em;font-weight:normal;float:left;margin-top:10px;vertical-align:bottom;}
#present p {/* color: maroon; font-weight:bold; font-size:0.8em; */ margin: 0;padding: 5px;}
#present p.annonce{clear:both;}

/* Footer */
#footer {background:transparent; clear:both; color:gray; font-size:0.95em; margin:0; padding:12px 0; text-align:center;}
#footer p {margin:10px 0; padding:0; font-style:italic;}
#footer a {background:inherit; color:gray; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
.signature{clear:both;margin:0 auto;}

/* Liens et paragraphes */
a {background:inherit; color:#166090; text-decoration:none; font-weight:700;}
a:hover {background:inherit; color:#286ea0; text-decoration:underline;}
a img {border:0;}
a.out {padding-right:13px;background: transparent url(img/out_3.png) center right no-repeat;}
p {margin:0 0 16px;}
blockquote {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border:1px solid #d8d8d8; color:#505050; margin:16px; padding:7px 7px 7px 11px; font-size:0.85em;}
blockquote p { line-height:1.3em; margin:0;}
a.retourHaut{display:block;text-align:right;padding:0 10px 20px 0;}
.small{font-size:11px;font-style:italic;}
.indent_left {padding-left:30px;}