html * { margin: 0; padding: 0 }
html, body {  }
body { font-size: 12px; font-family: sans-serif; background: #fff url('images/fondpage.jpg') no-repeat 100% 100% fixed; }
body { margin-top: 20px; margin-bottom: 40px; }
sup { font-size: 80% }
a { color: #c00; font-weight: bold; text-decoration: none; }
a:hover { color: #000; text-decoration: underline }
html a span { display: none; }
html a img { border: 0; }
h1, h2, h3 { margin-bottom: 5px; font-family: Georgia, serif; color: #751E11; text-align: left }
h1 { font-size: 140%; border-bottom: 1px solid #751E11 }
h2 { font-size: 130%; }
h3 { font-size: 100%; font-variant: small-caps; }
p { padding-left: 5px }
p, td { margin-bottom: 5px; line-height: 140% }
img.gauche { margin: 3px 7px 0 0; float: left }
img.droite { margin: 3px 0 0 7px; float: right }

#cartessonne { position:relative; width: 100%; height: 490px; background: transparent; border: 0; padding: 0; margin: 0; z-index:0 }

.alerte, .complete { font-weight: bold; font-size: 15px; }
.alerte { color: #3D82FF; background: url('images/class_alerte.gif') no-repeat 0 0; padding-left: 20px }
.complete { color: #000; }
.helpbulle { cursor: help }
.adminbouton { position:absolute;top:142px;left:147px }

#conteneur {
	width: 730px;
	margin: 0 auto;
	position: relative;
	background: url('images/fondcontenu.gif');
}
#logoprint, .print { display: none }

/*------------------------------------------------------HEADER */
#header {
	background: url('images/fondhead.jpg') no-repeat;
	color: #fff;
	height: 110px;
	position: relative;
	border-bottom: 1px white solid
}
#header a {
	position: absolute; display: block;
}
#header #logo {
	width: 151px;
	height: 120px;
	left: -20px;
	top: -10px;
	background: url('images/headlogo.jpg') no-repeat;
}
#header #image {
	width: 275px;
	height: 63px;
	top: -20px;
	right: -20px;
	background: url('images/headimage.jpg') no-repeat;
}

/*------------------------------------------------------CONTENU */
#contenu {
	padding-bottom: 22px;
	overflow: auto;
}

/*------------------------------------------------------NAVIGATION SECONDAIRE COMMUN */
#navhandi, #footer {
	position: absolute;
	width: 100%;
	height: 21px;
	border-bottom: 1px white solid;
}
#footer {
	border-bottom: 0;
	_border: 0;
	_background: url('images/fondcontenu.gif'); /* IE6 */
}
#navhandi a, #footer a {
	display: block;
	width: 19px;
	height: 17px;
	margin-left: 7px;
	float: right;
}
#navhandi p, #footer p {
	position: absolute;
	padding-top: 2px;
	right: 7px;
}
#navhandi p span, #footer p span {
	display: none;
}
a#firstaid, a#envoye {
	position: absolute;
	display: block;
	float: left;
	width: 116px;
	height: 17px;
	top: 35px;
	left: 140px;
	background-image: url('images/aide_navigation.gif');
}
a#envoye {
	background-image: url('images/message_envoye.gif');
}

a.email { background: url('images/ico_email.gif') }
a.printer { background: url('images/ico_print.gif') }
a.plus { background: url('images/ico_plus.gif') }
a.moins { background: url('images/ico_moins.gif') }
a.plan { background: url('images/ico_plan.gif') }
a.rss { background: url('images/ico_rss.gif') }
a.help { background: url('images/ico_help.gif') }
a.pleinecran { background: url('images/ico_pleinecran.gif') }
a.copyright { background: url('images/ico_copyright.gif') no-repeat }
a.topage { background: url('images/ico_top.gif') no-repeat }
a.cadenas { background: url('images/ico_cadenas.gif') no-repeat }
a.modetexte { background: url('images/ico_texte.gif') no-repeat }
a.favoris { background: url('images/ico_favoris.gif') no-repeat }
/*
décaler recherche si ajout
*/

/*------------------------------------------------------NAVIGATION SECONDAIRE */
#navhandi {
	top: 111px;
	background: url('images/fondnavhandi.gif');
}
#footer {
	bottom: 0;
	clear: both;
	border-top: 1px white solid;
}

/*------------------------------------------------------COLONNE CONTENT */
#colonnecontent {
	background: url('images/fondmain.gif');
	position: relative;
	float: right;
	width: 590px;
	min-height: 320px;
	_padding-bottom: 22px; /* IE6 */
	_height: 350px; /* IE6 */
	_border-bottom: 1px white solid;
}
#colonnecontent p, #colonnecontent h1, #colonnecontent h2, #colonnecontent h3, #colonnecontent li, #colonnecontent ul {
	text-align: justify;
	padding: 0 13px 7px 7px;
}
#colonnecontent p, #colonnecontent li, #colonnecontent ul {
	padding-left: 13px;
}
#colonnecontent h1 {
	background: url('images/puceH1.gif') no-repeat 10px 1px;
	padding-left: 29px;
}
#colonnecontent .spacer {
	padding-top: 17px;
}
#colonnecontent ul { list-style: none; }
#colonnecontent ul { _list-style: circle; }
#colonnecontent li { background-image: url('images/puce.gif'); background-repeat: no-repeat; background-position: 0 5px; padding-left: 15px; margin-left: 10px; }
#colonnecontent li { _background: none; _margin-left: 27px; _padding-left: 0; }

#colonnecontent ul#aidenavig li { padding-left: 25px; background-repeat: no-repeat; background-position: 0 0; height: auto }
#colonnecontent ul#aidenavig li { _margin-left: 23px; }
#colonnecontent ul#aidenavig { list-style: none }
#colonnecontent ul#aidenavig li.email { background-image: url('images/ico_email.gif'); }
#colonnecontent ul#aidenavig li.printer { background-image: url('images/ico_print.gif'); }
#colonnecontent ul#aidenavig li.plus { background-image: url('images/ico_plus.gif'); }
#colonnecontent ul#aidenavig li.moins { background-image: url('images/ico_moins.gif'); }
#colonnecontent ul#aidenavig li.plan { background-image: url('images/ico_plan.gif'); }
#colonnecontent ul#aidenavig li.rss { background-image: url('images/ico_rss.gif'); }
#colonnecontent ul#aidenavig li.help { background-image: url('images/ico_help.gif'); }
#colonnecontent ul#aidenavig li.pleinecran { background-image: url('images/ico_pleinecran.gif'); }
#colonnecontent ul#aidenavig li.topage { background-image: url('images/ico_top.gif'); }
#colonnecontent ul#aidenavig li.modetexte { background-image: url('images/ico_texte.gif'); }
#colonnecontent ul#aidenavig li.favoris { background-image: url('images/ico_favoris.gif'); }
#colonnecontent ul#aidenavig li.sansicone { background: none; padding-left: 10px; margin-left: 0; _padding-left: 23px }
#colonnecontent ul#aidenavig li.copyright { background-image: url('images/ico_copyright.gif'); }

/*------------------------------------------------------COLONNE MENU */
#colonnemenu {
	position: relative;
	width: 140px;
	float: left;
	_height: auto;
	min-height: 270px
}

/*------------------------------------------------------NAVIGATION */
#menu {
	position: absolute;
	top: 22px;
	left: 0;
	width: 100%;
	_clear: both
}
#menu h2 { display: none }
#menu a {
	background-color: #7D1500;
	color: #fff;
	display: block; 
	width: auto; 
	padding: 3px; 
	/* IE6 */ _height: 1px; /* IE6 */ 
	text-decoration: none; 
	font: 13px arial, sans-serif; 
}
#menu ul { list-style: none }
#menu li { float: left; position: relative; width: 140px; border-bottom: 1px white solid; }
#menu li ul { display: none; position: absolute; top: -1px; left: 140px; }
#menu li ul li { border-right: 1px white solid; }
#menu li ul li a { background-color: #971E06; -moz-opacity:0.9; opacity: 0.9; filter:alpha(opacity='90') }
#menu li:hover ul, #menu li.over ul { display: block }
#menu li ul a.premier { border-top: 1px white solid; }
#menu a:hover, #menu a:focus, #menu a.actif { background-color: #491D1B; background-repeat: repeat; }
#menu a.sub, #menu a.submember { background-image: url('images/a_sub.gif'); background-position: 130px 5px; background-repeat: no-repeat; }
#menu a.subactif, #menu a.submemberactif { background-image: url('images/a_subactif.gif'); background-position: 125px 9px; background-repeat: no-repeat; }
#menu a.sub:hover, #menu a.submember:hover, #menu a.subactif, #menu a.submemberactif { background-color: #7D1500; }
#menu a.actif, #menu a.sub, #menu a.subactif, a.passif { cursor: default; }
#menu li#pied { height: 108px; background-image: url('images/basmenu.gif'); border: 0; }

form#searching {
	position: absolute;
	top: 108px;
	right: 215px; /* +26 par icône */
}
html:not([lang*='']) form#searching { top: 110px; }
#searching input#recherche { width: 115px; color: #333; border: 0; height: 15px; background: url('images/fondmain.gif'); font-size: 11px }
#searching input { vertical-align: middle; display: inline-block; margin: 3px 0 0 3px }

/*------------------------------------------------------TABLEAUX */

table { border-collapse: collapse; margin: 10px }
table td { vertical-align: top }

#places {  }
#places td { padding-bottom: 7px }
#places td * { margin: 0; padding: 0; text-align: justify }
#places td h2 { padding-top: 9px; text-align: left }
#places td h2.premier { padding-top: 0 }
#places td img { margin: 2px 7px 0 0; float: left }
#places td.gauche { width:180px; text-align:left; border: 0; border-bottom: #E2D4B4 solid 2px }
#places td.droite { border-left: #E2D4B4 solid 2px; border-bottom: #E2D4B4 solid 2px; padding: 0 0 0 7px; margin-bottom: 10px }

#etab tr.premier td { background: #fff } /* en-tête et etab/asso inactif */
#etab td {  }
.filet td { border: 2px solid #E2D4B4; padding: 2px; }
.nowrap { white-space:nowrap }

#etabdetail {  }
#etabdetail td { padding: 3px; border-top: 3px solid #E2D4B4 } /* filet repris sous logo asso */
#etabdetail tr.premier td { border-top: 0; padding-top: 0 }
#etabdetail td.photo { border-right: 3px solid #E2D4B4; padding: 0 4px 0 0; margin: 0; width: 100px; text-align: center }
#etabdetail td.photo .thumb { padding: 0 0 4px 0 }

.flottant { position: relative }
p.folio { position: absolute; top: 0; right: 0; width: auto; margin: 0; padding: 0 }
p.folio span { visibility: hidden }
p.folio a { position: relative }

div#article h2 { margin-top: 9px }
div#article h3 { margin: 0 0 0 5px }
div#article p { margin: 0 9px }
div#article div.main { margin: 5px 10px 15px 20px; line-height: 140% }
div#article .date { font-size: 90% }

#plan { margin: 0; width: 100% }
#plan td { width: 50%; }

/*------------------------------------------------------ENCADRE */
div#encadre { float:right; width: 200px; border: 1px solid #751E11; margin: 5px 15px 3px 10px; background: url('images/fondmainvert.gif') }
div#encadre p { margin: 0; padding: 2px }
div#encadre p.titre { background: #751E11; color: #fff; text-align: center }
div#encadre p.main { padding: 2px 4px }
div#encadre p.main a { font-size: 12px; color: #820000 }
div#encadre p.main a.big { font-size: 14px; color: #C60000 }

#loginfo { position:relative }
#loginfo p { position:absolute; top:0; right:5px; padding-left: 37px; background:url('images/class_profile.gif') no-repeat 0 13px }
#classmembers { margin: 0 9px }
#classmembers h2 { margin: 0; margin-top: 7px; margin-left: 7px; padding-left: 20px; background-repeat: no-repeat; background-position: 0 1px }

table.listing, table.heads { width:560px }
table.listing td { border: 1px solid #000; padding: 1px 3px }
table.listing td.texte { background: url('images/texte.gif') no-repeat 50% 4px }
table.listing td.justif { text-align: justify; height: 25px }

.inlineclass { vertical-align: middle; display: inline-block }
.edita { display: block; width: 16px; height: 17px; background: url('images/ico_edit_16.gif') no-repeat 0 1px; float: left }

.messageperso { background:url('images/fondmainvert.gif'); border:1px solid #999; margin-top:8px; padding:7px }

#zoom * { margin:0;padding:0;text-align:center }
#zoom p { margin-top:15px }

#accueil h3 { margin-left: 5px; margin-bottom: 0; padding-bottom: 0; font-size: 100%; font-variant: normal }
#accueil h3.premier { margin-top: 10px }
#accueil h2 { margin-left: 5px; margin-top: 0; /*text-decoration: underline;*/ font-size: 125%; font-variant: small-caps }
#accueil .actu { margin: 5px 15px; padding: 4px 6px; text-align: justify; background: url('images/fondactu.gif') }
#accueil p.lien { margin: 7px 0 0 7px;  }