img { margin: 4px 7px 4px 0 }
img.gauche { margin: 4px 13px 4px 0; float: left } /* cf. cheminDesFichiers() */
img.droite { margin: 4px 0 4px 13px; float: right } /* cf. cheminDesFichiers() */

.alerte, .badway { font-weight: bold; font-size: 15px }
.alerte { color: white; background: url('images/class_alerte.gif') no-repeat 0 0; padding-left: 23px; padding-bottom: 5px }
.badway { color: red }
.petit { font-size: 80% }
.helpbulle { cursor: help }
.spacer { clear: both; }
.inlineclass { vertical-align: middle; display: inline-block }

/*------------------------------------------------------ ICONES HAUT ET RECHERCHE */
#recherche, #flag { position: absolute;	top: 7px;}
#recherche { right: 15px}
#recherche * { vertical-align: middle; display: inline-block; background: none; border: 0}
#recherche #google { width: 95px; color: #666; font-size: 11px; margin: 1px 0 0 4px;}
*+html #recherche #google { /* IE */ }
#flag { right: 123px}
#flag a { float: right;}
#flag a.selected {	-moz-opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*first*/ filter: alpha(opacity=50); /*second*/}

/*------------------------------------------------------ cartouche */
#cartouche {
	width: 261px; float: right; margin: 17px 0 10px 15px;
}
*+html #cartouche, * html #cartouche { margin-top: 15px } /* IE7 => voir aussi IE6 hack */
#cartouche_haut {
	height: 5px; background: url('images/fondcartouche_haut.png') no-repeat; margin-top: 10px
}
#cartouche_milieu {
	height: 115px; background: transparent url('images/fondcartouche.png'); overflow: hidden; padding: 0 7px; /*position: relative => iepngfix */
}
#cartouche_milieu * { text-align: justify }
#cartouche_milieu a { color: #fff; font-weight: normal; text-decoration: none }
#cartouche_milieu a:hover { color: #b3dc10; text-decoration: underline }
#cartouche_milieu h5 { font-size: 100%; color: #b3dc10; margin-top: 15px }
#cartouche_bas {
	height: 5px; background: url('images/fondcartouche_bas.png') no-repeat;
}
#cartouche_link {
	height: 15px; background: url('images/fondcartouche_link.png') no-repeat; text-align: right;
}
#cartouche_link * {
	padding-right: 20px; color: white; text-decoration: none; font-size: 11px; font-weight: normal
}
#cartouche_link *:hover {
	color: #000; text-decoration: underline
}

/*------------------------------------------------------ SCROLL */
/* important => éditeur fck */
#scrolliframe { position: relative; width: 100%; height: 100%; background-color: transparent }

/*------------------------------------------------------ FOOTER */
#footer {
	margin: 7px auto; height: 65px
}
#footer p {
	margin: 3px 5px; float: right
}
#footer a {
	display: block;
	height: 17px;
	margin-left: 5px;
	width: 19px;
	float: left;
	background-repeat: no-repeat;
}
#footer #rss {
	background-image: url('images/ico_rss.png');
	margin-left: 0
}
#footer #copyright {
	background-image: url('images/ico_copyright.gif');
}
#footer #cadenas {
	background-image: url('images/ico_cadenas.gif');
}
#footer #plan {
	background-image: url('images/ico_plan.gif');
}
#footer #contact {
	background-image: url('images/ico_contact.gif');
}
#footer #credits {
	background-image: url('images/ico_credits.gif');
}
#footer #fmoins {
	background-image: url('images/ico_moins.gif');
}
#footer #fplus {
	background-image: url('images/ico_plus.gif');
}
#footer #help {
	background-image: url('images/ico_help.gif');
}
/*
#footer #print {
	background-image: url('images/ico_print.gif'); cursor: pointer
}
*/

/*------------------------------------------------------ COLONNE GAUCHE */
#colonnegauche {
	position: relative;
	width: 160px;
}

/*------------------------------------------------------ COLONNE DROITE */
#colonnedroite {
	position: relative;
	margin: 0 15px 15px 175px;
	width: auto;
	min-height: 450px;
	/*overflow: hidden; /* non : empêche marge négative */
}
*+html #colonnedroite, * html #colonnedroite { margin-top: -15px } /* IE7 */
#article img { border: 1px solid #ccc }
#article h2 a { text-decoration: none }
.aide { background: url('images/ico_help.gif') no-repeat 0 0; padding-left: 23px; padding-bottom: 5px; margin: 0 }

/*------------------------------------------------------ ACTU DU MOIS */
#colonnedroite #faitonglet { background:url('images/onglet_actu_mois.png') no-repeat; height:14px; width:123px; margin: 40px 0 0 7px }
#faitonglet * { padding-left: 20px; color: white; text-decoration: none; font-size: 11px; font-weight: normal }
#faitonglet *:hover { color: #000; text-decoration: underline }
#colonnedroite #faitmarquant { border: 1px solid #666; margin-left: 7px; clear:both; margin-bottom: 27px }
#colonnedroite #faitmarquant { -moz-border-radius: 7px; -moz-border-radius-topleft: 0; -webkit-border-radius: 7px; -webkit-border-top-left-radius: 0; }
#colonnedroite #faitmarquant { border-radius: 7px; border-top-left-radius: 0; } /* CSS3 */
#colonnedroite #faitmarquant p { line-height: 1.8em; padding: 5px 13px 11px 4px;  }
#colonnedroite #faitmarquant img.gauche { margin: 10px 7px 0 11px }
#colonnedroite #faitmarquant img.droite { margin: 10px 11px 0 7px }
#colonnedroite #faitmarquant h1, #colonnedroite #intro h1 { display: none }

/*------------------------------------------------------ HOTNEWS
#colonnedroite p.hotnews { margin: 0 0 17px 7px }
#colonnedroite span.date { color: orange }
*/

/*------------------------------------------------------ LOGOS TUTELLES */
div#tutelles a {
	margin-top: -19px;
}

/*------------------------------------------------------ NAVIGATION */
#menu { position: absolute; z-index: 400; left: 0; top: 0; width: 165px; }
#menu ul { list-style: none }
#menu li { float: left; position: relative; width: 165px; height: 24px; }
#menu li ul { display: none; position: absolute; left: 161px; top: 0 }
#menu li:hover ul, #menu li.over ul { display: block } /* sous-menu */
#menu a { 
	color: #eee;
	height: 24px;
	width: auto; 
	font-size: 13px;
	display: block; 
	text-decoration: none; 
	background-repeat: no-repeat;
	background-image: url('images/menu.png');
	background-position: 0 -48px;
}
#menu li a span { display: block; padding: 3px 0 0 6px }
#menu li ul li a span { padding-left: 4px; font-weight: normal } /* sous-menu */
#menu a.actif, #menu a.subactif, #menu a.sub, #menu a#menuoneactif { cursor: default }
#menu a#menuoneactif, #menu a:hover, #menu a.actif { color: #333 } /* fond clair */
#menu a#menuone { background-position: 0 0; } /* premier onglet */
#menu a#menuone:hover { background-position: 0 -24px } /* premier onglet survolé & actif */
#menu a#menuoneactif { background-position: 0 -24px } /* premier onglet actif */
#menu a.subexpand, #menu a.subexpandpassif { background-position: 0 -96px; text-align: right; padding-right: 8px; font-weight: normal } /* sous-menu */
#menu a#menulast { background-position: 0 -144px; } /* dernier onglet */
#menu a#menulast:hover { background-position: 0 -168px } /* dernier onglet survolé */
#menu a:hover, #menu a.actif { background-position: 0 -72px } /* survolé & actif */
#menu a.subactif { background-position: 0 -120px; color: white } /* menu avec sous-menu actif */

#menu a.passif { background-position: 0 -48px; color: #eee; cursor: not-allowed }
#menu a.subexpandpassif, #menu a.subexpandpassif:hover { background-position: 0 -96px; cursor: not-allowed; color: #eee }

#menu li ul li a:hover, #menu li ul li a.actif {  } /* sous-menu survolé & actif */

/*------------------------------------------------------ video */
/*
.video object, .video embed { float:left; width:160px; height:110px; margin:0 5px 0 0; }
.video embed { margin:4px 5px 0 0 }
*/

/*------------------------------------------------------ users */
table.heads, table.userslisting, table.groupes, table.groupes table, div.pages table { width: 99%; border-collapse: collapse }
table.heads, table.userslisting { margin: 7px }
table.heads td, table.userslisting td { border: 1px solid #999; padding: 1px 2px }
/*table.heads td.nowrap { white-space: nowrap }*/
table td.nowrap { white-space: nowrap }
table.heads td a { text-decoration: none }
table.heads .entetecol td { font-weight: bold }

/*------------------------------------------------------ groupes */
table.groupes tr { vertical-align: top }
table.groupes td.nowrap { white-space: nowrap }
table.groupes td a { text-decoration: none }
table.groupes .entetecol { border: 0; padding-top: 23px }
table.groupes .premier { padding-top: 7px }
table.groupes .photo { border: 0; width: 220px; padding-left: 11px }
table.groupes .photo img { width: 200px }
table.groupes h2 { color: white; font-size: 115% }
table.groupes table td { border-bottom: 1px solid #999 }
table.groupes table td.droite { text-align: right }

/*------------------------------------------------------ pages */
div.pages table { margin: 9px 3px; } /* max en largeur */
div.pages table td { border: 1px solid #999; padding: 1px 2px }
div.pages table td a { text-decoration: none }
div.pages img { background: #fff url('images/loader.gif') center center no-repeat }
div.pages img.noloader { background: none }

/*------------------------------------------------------ images */
#colonnedroite img { border: 1px solid white }
.portrait img, #zoom img { border: 2px solid white }
#zoom img { float: none }
#zoom { width: 100%; text-align: center }
#zoom p { padding-top: 7px }
#colonnedroite .browser img, #colonnedroite .listing img, #colonnedroite .noborder { 
	border: 0
}

/*------------------------------------------------------ folio */
p.folio { width: auto; margin: 0; padding: 0 }
p.folio, .choosepage { position: absolute; top: 9px; right: 0; }
p.folio span { visibility: hidden }
.choosepage { top: 16px; right: 166px; font-size: 12px; z-index: 300; width: auto; margin: 0; padding: 0 }
/*
.choosepage { top: 16px; right: 97px; font-size: 12px; z-index: 300; width: auto; margin: 0; padding: 0 }
p.folio a { position: relative; display: block; width: 19px; height: 17px; float: left; margin-left: 5px }
a.folio_first { background: url('images/bout_start.gif') }
a.folio_back { background: url('images/bout_back.gif') }
a.folio_next { background: url('images/bout_next.gif') }
a.folio_last { background: url('images/bout_end.gif') }
*/


/*------------------------------------------------------ LENTILLES */
#menu #sousmenu {
	bottom: -133px;
}