html { height: 100.1%; }
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin:0; padding:0; border:0; }
body { padding-top:8px; background-color:#FFF; color:#244F6A; font-family:Arial, Helvetica, sans-serif; font-size:12px;  } 
blockquote { margin:0 inherit; }
#enveloppe { background:url(../images/en-tete.jpg) no-repeat; margin:0 auto; width:790px; }
.cadre_vide { border:#244F6A 1px solid; }
.ligne { border-bottom:#244F6A 1px solid; }

h1 { font-size:18px; padding:14px 0; color:#244F6A; background:none; }
h2 { font-size:16px; padding:12px 0; color:#244F6A; background:none; }
h3 { font-size:14px; padding:12px 0; color:#244F6A; background:none; }
td, input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
p, ul, ul li { padding-bottom:5px; }
ul    { margin-left:25px; list-style-image:url(../images/bulletrond.gif); }
ul ul { margin-left:20px; list-style-image:url(../images/bulletcarre.gif); }

a, a:link, a:visited { color:#244F6A; background-color:#eaeaea; text-decoration:underline; }
a:hover, a:active    { color:#244F6A; background-color:#eaeaea; text-decoration:none; }

/* Classes concernant le menu horisontal en haut de page  */
#menu_hori { display:block; text-align:right; padding:3px 14px 158px 0; font-size:11px; color:#FFF; }
#menu_hori a, #menu_hori a:link, #menu_hori a:visited   { background:none; text-decoration:none; font-size:11px; color:#FFF; }
#menu_hori a:hover, #menu_hori a:active { text-decoration:underline; }

/* Classes et id concernant la colonne et menu de gauche */
.colonne_gauche { border-left:2px solid #FFF; border-right:2px solid #FFF; background-color:#619CB8; color:#FFF; width:156px; padding-bottom:30px; }
#menug { padding-bottom:30px; }
.partenaires {  border-top:1px solid #fff; border-bottom:1px solid #fff; background-color:#BFD7E3; color:#244F6A; font-size:13px; font-weight:bold; text-align:center; line-height:24px; }
.logos { text-align:center; padding-top:15px;  }

/* Classes et id concernant la col centre et texte principal qui est justifié */
.colonne_centre { width:468px; background-color:#eaeaea; color:#244F6A; }
#texte_principal { padding: 0 24px; }
#texte_principal p { padding:6px 0; text-align:justify; }


.haut 		 { font-size:9px; text-align:right; display:block; }
.haut:link, .haut:visited, .haut:active { text-decoration:underline; }
.haut:hover { text-decoration:none; }
.ligne { display:block; border-bottom:1px solid #244F6A; margin:10px 0; }
.note { font-size:10px; font-weight:bold; }


/* Classes et id concernant la col droite */
.colonne_droite { border-left:2px solid #FFF; border-right:2px solid #FFF; width:156px; background-color:#767D2A; color:#000;  }
.connexion { 
	background-color:#BCCC97; 
	color:#44463E;
	font-size:11px;
	padding: 6px 5px 8px 5px;
	}
.conn_titre { font-size:13px; font-weight:bold; padding-bottom:10px; }
.conn_link, a.conn_link, a.conn_link:link, a.conn_link:visited { background-color:#BCCC97; color:#44463E; font-weight:bold; }
a.conn_link:hover, a.conn_link:active { background-color:#BCCC97; color:#44463E; font-weight:bold; text-decoration:none; }
.conn_submit { margin: 3px 10px; background-color:#BCCC97; font-size:11px; font-weight:bold; color:#44463E; border:thin solid #44463E; cursor:pointer;  }

.devenir_membre { 
	background-color:#BCCC97; 
	color:#44463E;
	font-size:14px; color:#FFFFFF; font-weight:bold; text-align:right;
	padding: 0px 0px 10px 0px;
	}
.membre_link, a.membre_link, a.membre_link:link, a.membre_link:visited { background-color:#BCCC97; color:#FFFFFF; font-weight:bold; }
a.membre_link:hover, a.membre_link:active { background-color:#BCCC97; color:#FFFFFF; font-weight:bold; text-decoration:none; }
/* Classes et id concernant le copyright et bas de page */
#bas_de_page {  margin-bottom:15px; border-top:2px solid #FFF; width:790px; background-color:#FFF; color:#000; text-align:center; }
.footer, a.footer, a.footer:link, a.footer:visited, a.footer:hover { color:#000; font-size:12px; background-color:#FFF; }

.liens { padding:2px 0 3px 3px; font-size:14px; font-weight:bold; }
.liens:link, .liens:visited, .liens:active { text-decoration:underline; }
.liens:hover { text-decoration:none; }
.liens2 {font-size:12px; font-weight:bold; }
.liens2:link, .liens:visited, .liens:active { text-decoration:underline; }
.liens2:hover { text-decoration:none; }
.texte { margin-bottom:8px; padding:5px; }
.texte2 { margin-bottom:8px; padding:5px; }

/* Classes et id concernant la page d'accueil */
.accueil_titre { padding-top:12px; font-size:24px; background-color:#eaeaea; color:#000; text-align:left; }
.accueil_texte { padding-bottom:14px; font-size:11px; background-color:#eaeaea; color:#000; }

#section_rubrique { display:block; }
#section_rubrique .titre { float:left; padding-top:10px; font-size:24px; font-weight:bold; }
#section_rubrique .toute { }
#section_rubrique a.toute:link, #section_rubrique a.toute:visited { float:right; padding-top:20px; font-size:11px; color:#000; background-color:#eaeaea; text-decoration:underline; }
#section_rubrique a.toute:hover, #section_rubrique a.toute:active { text-decoration:none; }
#section_rubrique .corps { clear:both; background-color:#d8d8d8; color:#244F6A; }
#section_rubrique .date  { padding-left:8px; padding-top:3px; background-color:#244F6A; color:#FFFFFF; font-size:10px; }
#section_rubrique .texte { display:block; margin-bottom:4px; border:#244F6A 1px solid; padding:8px; }
#section_rubrique a, #section_rubrique a:link, #section_rubrique a:visited { color:#244F6A; background-color:#d8d8d8; text-decoration:underline; }
#section_rubrique a:hover, #section_rubrique a:active { text-decoration:none; }


/* Classes concernant le module d'admin  */
#admin { margin:0 auto; width:500px; }
#admin p { padding:8px 0; text-align:justify; }
#admin form { margin-bottom:12px; }
.orange { background:none; color:#df840f; }
.rouge, .rouge:link { background:none; color:#ab121d; }

/* Classes Programme Avantage Plus  */
#progavantage {  background:none; color:#FFFFFF; }
#progavantage h3 { margin:0; background-color:#767d2a; color:#dcefb1; font-size:14px ;  text-align:center; }
#progavantage p { margin:0; background-color:#979c5d; color:#fffddd; font-size:12px; font-weight:bold; text-align:left; border-bottom:1px solid #767d2a; padding:8px 5px 8px 8px; }
#progavantage a, #progavantage a:link, #progavantage a:visited   { background:none; color:#FFFFFF; font-weight:bold; text-decoration:underline; }
#progavantage a:hover, #progavantage a:active { text-decoration:none; }

/* Classes pour la page membre  */
#rechercher { margin-bottom:16px; border:#244F6A 1px solid; padding:8px 14px; font-weight:bold; }
#alphabet { display:block; padding-bottom:16px; font-size:9px; font-weight:normal; font-stretch:condensed; }
#alphabet a, #alphabet a:link, #alphabet a:visited   { font-size:9px; font-weight:normal; }
#alphabet a:hover, #alphabet a:active { text-decoration:none; }

/* Classes pour message d'erreur  */
.msg_erreur { background:none; color:#990000; }