@charset "utf-8";
/* CSS Document */

/* Général */
body { margin: 0px; padding: 0px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; background: #000; height: 100%; width: 100%; overflow: hidden; }
table { margin: 0px; padding: 0px; }
tr, thead, tbody { margin: 0px; padding: 0px; }
td { margin: 0px; padding: 0px; font-size: 13px; vertical-align: top; }
th { margin: 0px; padding: 0px; font-size: 13px; vertical-align: top; }
p { font-size: 16px; margin: 0px; padding: 0px; margin-bottom: 12px; }
ul, ol { font-size: 16px; margin: 12px 0px; }
li { font-size: 16px; margin-top: 0px; margin-bottom: 0px; }
img { border: none; vertical-align: top; }
input { vertical-align: middle; margin: 0px; margin-top: -1px; border: 1px solid #888; font-size: 13px; }
h1 { font-size: 18px; font-weight: bold; color: #333; margin: 0px; padding: 1px 3px 1px 5px; border: 1px solid #aac; 
		background: url(images/titre.png) repeat top; vertical-align: middle; margin-bottom: 4px; text-transform: uppercase; }
h1 img { padding-top: 2px; }
h2 { font-size: 17px; font-weight: bold; color: #246; margin: 0px; padding: 0px; text-transform: uppercase; }
h3 { font-size: 17px; font-weight: bold; color: #000; margin: 5px 0px; padding: 0px; text-transform: uppercase; }
h4 { font-size: 15px; font-weight: bold; color: #000; margin: 5px 0px; padding: 0px; text-transform: uppercase; }
div { font-size: 13px; }

/* Liens et classes associées */
a { text-decoration: none; color: #246; }
a:link { text-decoration: none; color: #246; }
a:visited { text-decoration: none; color: #246; }
a:hover { text-decoration: underline; }
a.actif {  font-weight: bold; }
li a { text-decoration: none; color: #246; }

/* Classes de style */
.erreur { font-size: 13px; font-style: italic; color: #F00; background: url(images/icones/erreur.png) no-repeat left; padding-left: 20px; }
.info { font-size: 13px; font-style: italic; color: #0F0; }
.user { font-size: 15px; font-weight: bold; color: #246; }
.gros { font-size: 18px; font-weight: bold; color: #000; margin-bottom: 8px; }
.petit { font-size: 11px; font-style: italic; color: #000; }
.petit .user { font-size: 11px; font-style: normal; }
.titre { font-size: 18px; font-weight: bold; color: #000; margin: 4px 0px 12px 0px; padding: 3px 15px 12px 15px; 
		background: url(images/fond_titre.png) no-repeat left top; vertical-align: bottom; }
.titre img { margin-top: 4px; }
.ligne { border-top: 1px solid #000; height: 1px; font-size: 0px; }
.surligne { background: #FF0; color: #036; font-style: normal; font-weight: bold; }
.hr { border-top: 1px solid #777; height: 1px; font-size: 0px; }

/* Apercus article / Groupes expandables */
.divExpand { position: relative; overflow: hidden; font-size: 13px; text-align: justify; }
.fadExpand { position: absolute; left: 0px; top: 100%; margin-top: -9px; width: 100%; height: 10px; background: url(images/fondu_bas.png) top repeat; }
.apercu { position: relative; overflow: hidden; cursor: pointer; color: #333; }
.apercu:hover { text-decoration: underline; }

/* Cadres colonne de droite */
.panel { color: #333; background: #fff; border: 2px solid #ccc; padding: 6px; width: 178px; }
.panel_pad { background: #ccc; padding: 3px 6px; }
.panel_pad .hr { border-top-color: #fff; }

/* Elements de la page */
#divScroll { position: absolute; top: 0px; height: 100%; left: 0px; width: 100%; overflow: hidden; }
#divPage { position: absolute; top: 0px; height: 100%; left: 50%; width: 1000px; margin-left: -500px; background: #fff; }
#divCoteg { position: absolute; top: 0px; height: 100%; left: 50%; width: 16px; margin-left: -516px; background: url(images/cote_gauche.png) repeat; }
#divCoted { position: absolute; top: 0px; height: 100%; left: 50%; width: 16px; margin-left: 500px; background: url(images/cote_droit.png) repeat; }
#pageContent { position: absolute; top: 120px; bottom: 0px; left: 0px; width: 100%; overflow: auto; }
#divLegal { position: absolute; top: 18px; left: 50%; margin-left: 98px; width: 400px; height: 420px; visibility: hidden; 
	background: #fff; border: 1px solid #888; overflow: hidden; z-index: 98; }
#divLegalContent { padding: 8px; height: 404px; overflow: auto; }
#tbEntete { background: #fff; font-size: 11px; position: absolute; top: 0px; left: 0px; width: 100%; height: 18px; }

/* Menus */
#ddmenu { text-transform: uppercase; display: block; position: absolute; clear: both; margin: 0px; padding: 0px 8px; text-align: left; list-style-type: none; 
	width: 984px; float: none; left: 0px; top: 0px; background: url(images/trame_blanc70.png) repeat; font-size: 12px; }
#ddmenu li { position: relative; font-size: 12px; float: left; padding: 2px; cursor: pointer; background: transparent; width: auto; }
#ddmenu li:hover { background: #ddf; }
#ddmenu li.menuactif { background: #fff; }
#ddmenu li .ddlinks { display: none; }
.divmenu { text-transform: uppercase; position: absolute; height: auto; width: auto; background: #ddf; }

/* Styles pour conception d'articles */
.date { position: relative; height: 120px; width: 120px; text-align: center; vertical-align: middle; font-size: 24px; 
		background: url(images/date.png); margin: 0pt; padding: 0pt; }
		
.espace { height: 5px; font-size: 0px; overflow: hidden; }