body {
	margin: 0.7em 0 0.7em 0;
	padding: 0; 
	text-align:center;
	background-position: center;
	font: 76%/160% Verdana, Arial, Helvetica, sans-serif;

}

/** init defaut **/
h1 {margin-top:0; font-size:1.5em;}
p {margin:0; padding:0;}
img {border:0;}
a {text-decoration:none;}
ul, li {margin: 0px; padding: 0px; list-style-type:none}
 
/** Layout **/
#conteneur {margin:0 auto 0 auto; text-align:left; width:760px; }
.header { width:760px; background-color: #fff;}
.content {width:760px; text-align: left; background-color: #fff;  margin-top:12px}
.colSecondaire {width:170px; float:left;}
.colPrincipale {width:575px; float:right; text-align: left;}
.foot {width:760px; text-align:center; color: #fff;	}
.menuhead {clear:both; text-align:center;padding:1px 0; background:#fff; margin:12px 2px 0 2px; color:#fff}

/** Menu principal **/
.menuhead a {
	color:#000066;
	font-size:0.9em;
	font-weight:bold;
	margin:0;
	padding:0.4em 4px 0.4em 16px;
	background: url(images/puce_b.gif) no-repeat 3px center;
	}

.menuhead a:hover {
	color:#fff; 
	padding:0.45em 4px 0.4em 16px;
	background:#000066 url(images/puce_w.gif) no-repeat 4px center;
}


/** Textes colPrincipale **/
h1 {color:#000066; font-family: "Times New Roman", Times, serif; margin: 0 0 12px 0; }
h1 .premier {font-size: 1.5em; }
h1 .second {font-size:1em; line-height:200%}
h2 {font-size: 1.2em; color:#000066;}
h3 {font-size: 1em; color:#000066;}

.colPrincipale p {font-size:1em;margin:6px 0 0.5em 0;}
.colPrincipale img{border:0; float:left; margin:4px 12px 6px 0;}
.colPrincipale a {color:#000066; font-weight:bold; font-size:0.9em} 
.colPrincipale a:hover {color:#FFFFFF; background-color: #000066;}
.colPrincipale p {line-height: 1.8em ; text-align: justify;}

.blocinfos {border-top:1px solid #000; border-bottom:1px solid #000; padding:0 12px; margin-top:12px; background:#eaeaea}
.news {border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; padding:0 12px; margin-top:12px;  background:#eaeaea; }
.news img{border:0; float:none; margin:0px 0px 0px 0px;}
.livre {border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; padding:0 12px; margin-top:12px; background:#000066}
.livre p {text-align: center; font-size:0.8em; color:#FFFFFF;}
.livrepage {border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; padding:0 12px; margin-top:12px; background:#000066; text-align:center; font-size:0.8em;}
.livrepage a {color:#FFFFFF; font-weight:bold; font-size:0.8em}
.livremessage {border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; padding:0 12px; margin-top:12px; background:#eaeaea}
.livremessage p {font-size:0.8em;}

/** Styles pour les listes **/
.colPrincipale li {margin-left:40px; font-style: normal;} 	/** Liste par defaut en italique avec retrait à gauche**/
.important li {font-size:0.95em; font-weight: bold}			/** + gras **/		
.simple li {font-style:normal}								/** supprime italique et gras **/

.colPrincipale ol li {list-style: decimal; color: #000099 }				/** Retablissement numérotation pour les ol **/

/* Liste ol avec numeroration pour les encarts infos (fond gris)*/
.infos li {font-size:0.90em; list-style: decimal; margin-right:12px; font-style:normal}

/** Texte colSecondaire **/
.colSecondaire h2 {
	color: #FFFFFF;
	background-color: #000066;
	font-size: 1.1em;
	padding: 0.2em 0.7em;
	margin: 0;
	background-image: url(images/bg_h2colsec.gif);
	background-repeat: no-repeat;
}
.rubrique {
	margin: 0 0 8px 0;
	padding: 3px;
	background-color: #eaeaea;
	background-image: url(images/bg_bascolsec.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.rubrique p {
	font-size:0.8em;
	text-align:left;
	margin-bottom: 6px;
	clear: both;
}

.colSecondaire a {font-size: 0.9em;color: #000066; padding:2px 6px}
.colSecondaire a:hover {color:#FFFFFF; background-color: #000066;}


/** formulaires **/
.newsletter p, .login p {text-align:center; font-size:0.8em;}
.newsletter input, .newsletter select, .login input {width:70%; border:1px solid #ccc; }

#form {width:500px; margin:auto}
#form p {text-align:center}
#form label {float:left; width:150px; text-align:right; }
#form .field {width:250px;}
#form textarea, #form select {width:250px;}
#form legend {padding:0 12px; font-size:1em; font-weight:bold; color:#000066}
#form fieldset {margin-bottom:12px; padding-bottom:6px;}

input.bouton {width:auto; border:1px solid #ccc; cursor: pointer;}
input.bouton:hover {color:#FFFFFF; background-color: #000066;}

/** texte foot **/
.menufoot {
	background-color:#000066;
	color:#fff;
	padding-top: 0.5em; 
	padding-bottom: 0.7em;
	margin-bottom: 0.7em;
	background-image: url(http://www.bcal.be/images/bg_piedbas.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.menufoot a {color:#fff; font-size:0.8em; font-weight:bold; margin:0.5em;}
.menufoot a:hover {color:#eaeaea;}
.foot p {font-size:0.8em; color:#000;}
a.std {color:#000066}

/** Petits utilitaires de correction **/
.clear {
	clear:both;
}
/** Robotstats et phpmyvistes **/
.phpmyvisites {
	display:none;
	width: 800px;
	height:40px;
}
.robot {
	display:none;
	width:100px;
	height:auto;
}
.ref {
	width:540px;
	height:auto;
	display:none;
}
.snip {
	width:540px;
	height:25px;
	display:none;
} 
.comment {
	width:540px;
	height:30px;
	display:none;
} 
.sponsor
{ text-align:left;}
.sponsor p
{ margin-top:10px; margin-left:5px}