html, body, td, form, ul, li, dd{margin:0; padding:0}

body{font:12px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; min-width: 865px;background:#FFFFFF;}

/*Structure principale*/

#main {
	position: relative;
	margin : 0;
	width: 100%;
	background: #FFFFFF;
}
#retop, #logtop {position: relative; background: #acb5bb; margin: 0; width: 100%;}
#logtop {background:#EAEDF0;}
/* Avant noel : #EAEDF0EBFCFF */

#loggauche, #regauche, #mgauche{position:absolute; left: 0;width: 150px;}
#logdroite, #mdroite, #redroite {position: absolute;right:0;left:auto; width: 150px;text-align: right;}

#loggauche {top: 0; width: 155px; background: url(1.jpg) no-repeat 0 0; height: 105px;}
#logdroite {top: 0; background: url(5.jpg) no-repeat 0 0; height: 105px}

#mgauche, #mdroite {top:-1px;background: #EAEDF0 ; height: 100%;}
#regauche, #redroite {bottom: 0; text-align: center; line-height: 20px; font-weight: bold;}


#logmain {text-align: center;margin: 0 150px 0 155px; text-align: center; background: url(3.jpg) no-repeat 50% 0; height: 105px;}
#logmain-hm {text-align: center;margin: 0 150px 0 155px; text-align: center; background: url(logo-hm.jpg) no-repeat 50% 0; height: 105px;}

#logmain a {display: block; width: 500px; height: 105px; margin: 0 auto; text-align: center;}
#logmain-hm a {display: block; width: 500px; height: 105px; margin: 0 auto; text-align: center;}
#remain {margin: 0 150px;text-align: center;}

#content{margin: 0 160px;text-align: center; padding: 10px 0 0;}

#header {text-align: center; margin: 5px auto 0; width: 750px; height: 120px; background: url("logo.jpg") no-repeat top left; position: relative;}/*Partie comportant Recherche/Logo*/

#main-content {
	position: relative;
	margin: 0 auto;
	text-align: center;
	background-color: #FFFFFF;
}/*Sous-partie principale*/
#main-content-left {position: relative; margin: 0 auto;text-align: left}/*Sous-partie principale*/



#recherche {text-align: center; margin: 0; padding: 0;}

.clear {clear: both; height: 0px;}

#retop input {margin: 0; padding: 0; background: #e2e7eb; font:12px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;}

#retop input.nobg {background:#acb5bb;}


/*Fin structure principale*/


/*Elements communs*/

a{text-decoration: none;}

img{border:0} /*IE a parfois tendance a rajouter des bordures aux images*/

img.centered { display: block; margin-left: auto; margin-right: auto; }

td {vertical-align: top;}

ul {margin: 0 auto; padding: 0; text-align: left;}

p, h2, ul {
	font-size: 12px;
	text-align: left;
}

/*h1 {font-size: 13px; color: #fc2; font-weight: bold;  clear: both;}*/ /*La date*/
/* h1 {font-size: 13px; color: #384766; font-weight: bold;  clear: both;} */
h1 {font-size: 13px; color: #33405F; font-weight: bold;  clear: both;}

/* h2 {color: #666e70;} */
h2 {color: #333;}

h3 {font-size: 12px;}

h4 {text-align: left;}

.articles h4 {text-align: center;}
.events h4 {text-align: center;}

blockquote { text-align: justify; color: #000000; background:#FFFFFF; padding: 10px 10px 10px 10px;}
.quote {font:12px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; min-width: 865px; font-style: oblique; text-align: justify; color: #000000; background:#e2e7eb; padding: 10px 10px 10px 10px;}

li {list-style: none;}

h2, ul#news li {line-height: 20px; padding: 0 0 0 0px;}

.apple    { }
.gravure-lecteur-cd       {}
.software     {}
.disque_dur       {  }
.news	  {}	
.G5       {}
.internet {  }
.macbid   {}
.macosx      {}
.overclock{ }
.PC       {}
.peripheriques   { }
.portable { }
.reseau   { }
.son      {}
.urgence      { }
.video    {}
.ipod    { }
.mac-intel	{ }
.iphone      {}

/*Fin elements communs*/



/*Menus latteraux*/

dl {background: #EAEDF0 ; width: 150px; margin: 0 0 8px 0; text-align: left; font-size: 11px;} /*Les menus sont sous forme de dl*/

#partenairedumois {margin: 0;}

dt, #sondage th {text-align: center; height: 20px; font-weight: bold; background: #8c969f; margin: 0; line-height: 20px; font-size: 12px; padding: 0;} /*Les titres des menus 8d97a0*/

/*Le contenu des menus*/
dt.deg4{background:#acb5bb; height: 30px; line-height: 30px;}/*8c969f*/
dt.deg3{background:#acb5bb;}/*99a3aa*/
dt.deg2{background:#acb5bb;}
dt.deg1{background:#c8ced3;}

dd img {margin: 0;}
/*Fin menus latteraux*/


/*Menu de gauche*/

dl#sections {font-size: 12px}

#mgauche a {display: block; color: #000; padding: 2px 0 3px 2px;  width: 99.99%;
 /* Hack pour IE5 */
}

 #mgauche a
 {
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 150px;
 /* Tantek-hack seulement si IE6 en mode standards */
 }

html>body #mgauche a { width: auto; }

#mgauche a:hover{background: #4f90d3} 

#tous-articles, #compteur { text-align: center; padding: 6px 0 0;}

#compteur {font-size: 9px;}

#synermac dd {font-size : 9px; font-family: Verdana, Arial, Helvetica, sans-serif;}

dt.titre {color:#fff;}

/*Fin menu de gauche*/

/*Menu de droite*/

#mdroite dl, .sondagea {text-align: center;}

#mdroite a {font-weight: bold; color: #333333;}

#mdroite a:hover {color: #900;}

#sondage {background: #EAEDF0; width: 150px; text-align: left; font-size: 11px; margin: 0 0 8px;}
#sondage th {background:#acb5bb;}

#liens dd
{
	background: #EAEDF0 ; 
	width: 150px; 
	margin: 0 0 4px 0;
	text-align: center;
	font-size: 11px;
}

#liens a 
{
	font-size: 12px;font-weight: bold; color: #000000;display: block; color: #000; width: 99.99%;padding: 0px 0px 0px 0px;
 	/* Hack pour IE5 */
}

#liens a
 {
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 150px;
 /* Tantek-hack seulement si IE6 en mode standards */
 }

html>body #liens a { width: auto; }

#liens a:hover{color: #000000;background: #4f90d3}

#partenairedumois {text-align: center; padding: 0px 0px 0px 0px;}

/*#lastpub {margin: 0 5px;}*/


/*Fin menu de droite*/

/*Header*/



/*Fin Header*/


/*Content*/

/*Debut Special Content*/


.lexique
{padding-top: 100px; background: url("lexique.jpg") no-repeat 20px 20px;}
.petitesannonces
{padding-top: 100px; background: url("petites-annonces.jpg") no-repeat 20px 20px;}
.ajout
{padding-top: 100px; background: url("pa-ajout.jpg") no-repeat 20px 20px;}
.edit
{padding-top: 100px; background: url("pa-edit.jpg") no-repeat 20px 20px;}
.dernieresinfos
{padding-top: 10px;}
.archives
{padding-top: 100px; background: url("archives.jpg") no-repeat 20px 20px;}
.messages
{padding-top: 100px; background: url("contact.jpg") no-repeat 20px 20px;}
.choix_articles
{padding-top: 100px; background: url("choix_articles.jpg") no-repeat 20px 20px;}
.articles
{padding-top: 100px; background: url("articles.jpg") no-repeat 20px 20px;}
.events
{padding-top: 100px; background: url("events.jpg") no-repeat 20px 20px;}
.goodies
{padding-top: 100px; background: url("goodies.jpg") no-repeat 20px 20px;}
.irc
{padding-top: 100px; background: url("irc.jpg") no-repeat 20px 20px;}

/*Fin Special Content*/
.news-body, .articles-body div, #main-content .articles-body p {text-align: left;}

.news-body {padding: 0 0 20px 0; border-bottom: 1px solid; border-color: #666e70;}

/*.news-content {padding: 0 0 -10px 0;}*/

/* Ajouts Val 07/10/2007 nouvelle présentation HM : introduction de .news-header */
.news-header { margin-top: 10px; padding: 0 0 0 -10px; font-weight: none; background-position: 0 50%;}

.news-header h2 { padding: 0; font-size: 14px; margin: 0; }

.news-header span.info { margin: 0; padding:0; color: #777; font-weight: none; font-size: 11px; }
/* Fin */

/* Goodies */
#main-content .goodies-body td {
	vertical-align: middle;
	text-align: left;
	margin-left: 10px;
}

/* #content a {font-size: 11px; font-weight: bold; color: #666e70;} */

#content a {font-size: 11px; font-weight: bold; color: #333333; text-decoration: none;}

#content a:hover {color: #C00; text-decoration: underline;}

#content a.lettre {color: #C00;}
#content ul#news a {font-size: 12px; text-decoration: none;}
/* #content ul#news a:hover {text-decoration: underline; color:#666e70} */
#content ul#news a:hover {text-decoration: underline; color:#333333}

#choixlettres a {font-size: 16px;}

ul#news {margin: 15px 0 15px 30px ; color: #000; font-size: 11px;}/*666e70*/

ul#lexique {margin: 20px 10px 0;}

ul#lexique li {margin: 10px 0; }

ul#listearticles { font-size: 12px; margin: 15px;}

ul#listearticles li {margin: 6px 0;}

#content ul#lexique li strong {font-size:14px; }

p.source,#content p.source a {font-size: 10px;}/*<td>&nbsp;</td>*/


#formulaire {width: 90%; margin: 0 auto 20px; text-align: left; }
#formulaire td {vertical-align: top; background:#e2e7eb ; font-size: 11px; padding-left: 2px; }
#formulaire th {background:#B7BCC3 ; height: 20px; color: white;} 
.somm{text-align: left; ; font-weight: bold; font-size: 11px;}
.somma {width: 30%}


h2#auteur span {float: left;}
h2#auteur {text-align: right;}

/*Calendrier*/

.calendars {vertical-align: top; text-align: center;}
	
.calendrier {border: 1px solid black; width: 200px; margin: 10px; color:#33405F;text-align: center;font-weight: bold;font-size: 11px;}
.calendrier td, .calendrier th { border: 1px solid;  border-color:#bbb #eee #eee #bbb; }
.calendrier a {color: #000;}

#mini_calend {width: 150px; text-align: center; color: #33405F; font-weight: bold; margin-bottom: 10px;}
#mini_calend td { border-style: solid; border-width: 0 0 1px 1px; border-color: #bbb; font-size:11px;}
#mini_calend th {height: 20px; background: #acb5bb; line-height: 20px; font-size: 12px; color: #000; }
#mini_calend a {color: #000;}

.today {background: #fc3; color: #000;}

/*Fin calendrier*/

#fin-news {padding: 10px 0;}



/*Presentation*/

table.present {width: 100%;margin: 20px 0;padding: 0;}

.present th {height: 30px; background: #8d97a0; line-height: 30px; color:#e70; font-size: 1.3em;}

.present td {vertical-align: top;}

.present td.partie {height: 20px;  font-weight: bold; background: #B7BCC3; line-height: 20px; width: 100px; text-align: right; padding-right: 10px;}

.present td.description {background: #e2e7eb; padding-left: 10px; line-height: 20px;}

/*Fin Presentation*/

/*Debut Annonces*/

.annonce { border: 2px solid #888; margin: 10px; }
.annonce h3 {font-size: 11px; margin: 0; padding: 1px 0; text-align: left; border-bottom: 2px solid #888; }
.annonce p {font-size: 11px; margin: 0; padding: 2px;}
.annonce p.prix {padding: 1px 0; text-align: center; border-top: 2px solid #888;}
.nav_pages { border: 0px; margin: 10px; font-size: 11px; padding: 1px 0; text-align: center;}

.achat{background:#B7BCC3 ;}
.vente{ background:#e2e7eb;}

/*Fin Annonces*/

/*Fin content*/

#footer {color:#333; font-size: 0.8em; padding: 0.5em 0;}

#footer a {color: #4f90d3;}

/* Copyright */

#copyright {padding: 10px 0 0;font-size: 9px; color:#333333; text-align: center; font-style: oblique;} 

/*E404 et E403 et maintenance*/

.e400 h1 {font-size: 25px;}
.e400 p {text-align: center; line-height: 2em;}

/* warning pour event */
.warning {padding: 10px 0 20px;font-size: 9px; color:#FF0000; text-align: left; font-style: oblique;}
.prog-bar-on {background: url("progbaron.gif") no-repeat; padding: 0px 5px 0px 10px;}
.prog-bar-off {background: url("progbaroff.gif") no-repeat; padding: 0px 5px 0px 10px;}
#event-div {margin-bottom: 20px; padding: 0px; border-style: none; border-width: 0px; border-color: #fff; text-align: left; }