* {
	padding: 0;
	margin: 0;
    border: 0;
	}

body {
	background: #567cad url("fond.jpg") repeat-x 0 0 fixed;
	color: #303030;
    font-family: "Trebuchet MS",Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: normal;
	line-height: normal;
	text-decoration: none;
    text-align: center;
	}


/* BANNIERE */
#banniere {
	border-right: #555 1px solid;
	margin: 0 auto 0 auto;
    padding: 0;
	text-align: left;
	width: 960px;
	}
#banniere h1 {
	background: #fff url("h1.jpg") repeat-y 0 0;
    font-size: 18px;
	font-weight: bold;
    letter-spacing: 2px;
    text-align: left;
    color: #fff;
    padding-left: 190px;
}

/* CORPS DU SITE */
#contenu {
	margin: 0 auto 0 auto;
    overflow: hidden;
    text-align: left;
	width: 961px;
	}

/* PIED DE PAGE */
#pied {
	clear: both;
    height: 50px;
    margin: 6px auto 10px auto;
    width: 960px;
	}
#pied h1 {
    color: #000;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 9px;
    font-weight: lighter;
    letter-spacing: 1px;
    padding: 0 4px 0 0;
	text-align: right;
    }
#pied .maj {
	color: #555;
    font-size: 10px;
	letter-spacing: 1px;
    margin-top: 10px;
    padding: 4px 4px 0 0;
	text-align: right;
	}
#pied a:link, #pied a:visited, #pied a:active {
	color: #555;
    text-decoration: none;
	}
#pied a:hover, #pied a:focus {
	color: #000;
    text-decoration: none;
	}

/* AFFICHAGE GENERAL */
address {
    font-size: 14px;
	font-style : italic;
	letter-spacing : 1px;
	text-align: left;
	}

img { 
    vertical-align: middle;
    border: 0;
	}


/* AFFICHAGE DES TABLEAUX */
table {
    border-spacing: 0;
    border-collapse: collapse;
}

td {
	font-size: 14px;
    vertical-align:top;
	} 


/* CONTENEUR NAVIGATION */
#navigation {
    float: left;
	font-family: Arial, Helvetica, Sans-serif;
    font-size: 11px;
	font-weight: bold;
    /*height: 100%;*/
	position: fixed;
	text-align: center;
    width: 240px;
	}

#navigation ul {
    border-top: #555 1px solid;
	list-style: none;
    padding: 0;
	}
#navigation li {
    border-bottom: #555 1px solid;
    color: #fff;
    display: block;
    list-style-image: none;
    list-style: none;
    padding: 6px 0;
    /*text-transform: uppercase;*/
    width: 100%;
    }
#navigation a:link, #navigation a:visited, #navigation a:active {
    border: 0;
    color: #222;
    display: block;
    text-decoration: none;
	width: 100%;
    }
#navigation a:hover, #navigation a:focus {
    border: 0;
    background-color: #000066;
    color: #fff;
    display: block;
    text-decoration: none;
	width: 100%;
    }

#navigation a.vert:hover, #navigation a.vert:focus {
    background-color: #009933;
    }

#navigation a.noir:hover, #navigation a.noir:focus {
    background-color: #000;
    }

#navigation a.rougevif:hover, #navigation a.rougevif:focus {
    background-color: #ff0000;
    }

#navigation a.rouge:hover, #navigation a.rouge:focus {
    background-color: #cc0000;
    }
#navigation a.orange:hover, #navigation a.orange:focus {
    color: #000;
    background-color: #f78d2a;
    }

#navigation a.prune:hover, #navigation a.prune:focus {
    background-color: #79346d;
    }

#navigation a.marron:hover, #navigation a.marron:focus {
    background-color: #663300;
    }

#navigation a.jaune:hover, #navigation a.jaune:focus {
    color: #000;
    background-color: #ffcc00;
    }

#navigation a.w3c:link, #navigation a.w3c:visited, #navigation a.w3c:hover, #navigation a.w3c:focus, #navigation a.w3c:active {
    display: inline;
	padding: 0 10px;
    width: auto;
    }
#navigation a.img:link, #navigation a.img:visited, #navigation a.img:hover, #navigation a.img:focus, #navigation a.img:active {
    background: none;
    border: 0;
    display: inline;
    letter-spacing: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    text-decoration: none;
    width: auto;
}

/* CONTENEUR TEXTE */
#texte {
    background-color: #fff;
	border-right: #555 1px solid;
	border-bottom: #555 1px solid;
	float: right;
	min-height: 620px;
    width: 700px;
    }
#texte h1 {
	background: url(h1.jpg) repeat-y 0 0;
	color: #fff;
    font-size: 15px;
	font-weight: bold;
	letter-spacing: 2px;
    text-align: center;
    margin: 0 0 20px 0;
    padding: 8px 10px 8px 60px;
}
#texte h1.vert {
	color: #fff;
    background: url(h1_vert.jpg) repeat-y 0 0;
    }
#texte h1.noir {
	color: #fff;
	background: url(h1_noir.jpg) repeat-y 0 0;
    }
#texte h1.rouge {
	color: #fff;
	background: url(h1_rouge.jpg) repeat-y 0 0;
    }
#texte h1.rougevif {
	color: #fff;
	background: url(h1_rougevif.jpg) repeat-y 0 0;
    }
#texte h1.orange {
	color: #000;
    background: url(h1_orange.jpg) repeat-y 0 0;
    }
#texte h1.prune {
	color: #fff;
    background: url(h1_prune.jpg) repeat-y 0 0;
    }
#texte h1.marron {
	color: #fff;
    background: url(h1_marron.jpg) repeat-y 0 0;
    }
#texte h1.jaune {
	color: #000;
    background: url(h1_jaune.jpg) repeat-y 0 0;
    }
#texte h1.ethan {
	color: #fff;
    background: url(h1_ethan.jpg) repeat-y 0 0;
    }
#texte h1.GagnezPlus {
	color: #000;
    background: url(gagnez-plus.png) no-repeat top center;
    font-size: 22px;
	letter-spacing: 4px;
    margin-top: 10px;
	padding: 26px 10px 0 10px;
	text-align: center;
	vertical-align: bottom;
    }

#texte h2 {
	color: #022469;
    font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
    text-align: center;
    margin: 20px 10px 6px 10px;
}
#texte h2.vert {
	color: #009933;
    }
#texte h2.noir {
	color: #000;
    }
#texte h2.rouge {
	color: #cc0000;
    }
#texte h2.rougevif {
	color: #ff0000;
    }
#texte h2.orange {
	color: #f78d2a;
    }
#texte h2.prune {
	color: #79346d;
    }
#texte h2.marron {
	color: #663300;
    }
#texte h2.jaune {
	color: #ffcc00;
    }
#texte h2.ethan {
	color: #3195b9;
    }

#texte h3 {
	background: url(h1.jpg) repeat-y 0 0;
	color: #fff;
    font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
    text-align: right;
    margin: 10px 0 0 0;
    padding: 1px 10px 1px 60px;
}
#texte h3.vert {
	color: #fff;
    background: url(h1_vert.jpg) repeat-y 0 0;
    }
#texte h3.noir {
	color: #fff;
	background: url(h1_noir.jpg) repeat-y 0 0;
    }
#texte h3.rouge {
	color: #fff;
	background: url(h1_rouge.jpg) repeat-y 0 0;
    }
#texte h3.rougevif {
	color: #fff;
	background: url(h1_rougevif.jpg) repeat-y 0 0;
    }
#texte h3.orange {
	color: #000;
    background: url(h1_orange.jpg) repeat-y 0 0;
    }
#texte h3.prune {
	color: #fff;
    background: url(h1_prune.jpg) repeat-y 0 0;
    }
#texte h3.marron {
	color: #fff;
    background: url(h1_marron.jpg) repeat-y 0 0;
    }
#texte h3.jaune {
	color: #000;
    background: url(h1_jaune.jpg) repeat-y 0 0;
    }
#texte h3.ethan {
	color: #fff;
    background: url(h1_ethan.jpg) repeat-y 0 0;
    }

#texte h4 {
	color: #022469;
    font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
    margin: 10px 0 0 0;
    padding: 0 10px 0 10px;
    text-align: left;
    text-decoration: underline;
}
#texte h4.vert {
    color: #009933;
    }
#texte h4.noir, #texte span.noir {
    color: #000;
    }
#texte h4.rouge {
    color: #cc0000;
    }
#texte h4.rougevif, #texte span.rougevif {
    color: #ff0000;
    }
#texte h4.orange {
    color: #f78d2a;
    }
#texte h4.prune {
    color: #79346d;
    }
#texte h4.marron {
    color: #663300;
    }
#texte h4.jaune {
    color: #ffcc00;
    }
#texte h4.ethan {
	color: #3195b9;
    }

#texte ul {
	list-style: none;
    margin: 0 0 0 26px;
	}
#texte li {
    list-style-type: circle;
    list-style-image: url(puce.gif);
    margin: 0 0 6px 0;
    text-align: left;
    }
#texte li.vert {
    list-style-image: url(puce_vert.gif);
    }
#texte li.noir {
    list-style-image: url(puce_noir.gif);
    }
#texte li.rouge {
    list-style-image: url(puce_rouge.gif);
    }
#texte li.rougevif {
    list-style-image: url(puce_rougevif.gif);
    }
#texte li.orange {
    list-style-image: url(puce_orange.gif);
    }
#texte li.prune {
    list-style-image: url(puce_prune.gif);
    }
#texte li.marron {
    list-style-image: url(puce_marron.gif);
    }
#texte li.jaune {
    list-style-image: url(puce_jaune.gif);
    }
#texte h2.ethan {
    list-style-image: url(puce_ethan.gif);
    }

#texte p {
    text-align: justify;
    margin-top: 10px;
    padding: 0 10px 6px 10px;
	}
#texte p.titre:first-letter {
    color: #cc0000;
    font-size: 16px; 
    font-weight: bold;
    }
#texte p.titre_vert:first-letter {
    color: #009933;
    font-size: 16px; 
    font-weight: bold;
    }
#texte p.titre_noir:first-letter {
    color: #000;
    font-size: 16px; 
    font-weight: bold;
    }
#texte p.titre_rougevif:first-letter {
    color: #ff0000;
    font-size: 16px; 
    font-weight: bold;
    }
#texte p.titre_orange:first-letter {
    color: #f78d2a;
    font-size: 16px; 
    font-weight: bold;
    }
#texte p.titre_prune:first-letter {
    color: #79346d;
    font-size: 16px; 
    font-weight: bold;
    }
#texte p.titre_marron:first-letter {
    color: #663300;
    font-size: 16px; 
    font-weight: bold;
    }
#texte p.titre_jaune:first-letter {
    color: #ffcc00;
    font-size: 16px; 
    font-weight: bold;
    }
#texte p.titre_ethan {
	color: #3195b9;
    font-size: 16px; 
    font-weight: bold;
    }

#texte a:link {
	color: #000;
	text-decoration: none;
    border-bottom: #000 1px solid;
}
#texte a:visited {
	color: #303030;
	text-decoration: none;
    border-bottom: #303030 1px solid;
}
#texte a:hover, #texte a:focus {
	color: #022469;
    text-decoration: none;
    border-bottom: #cc0000 1px solid;
}
#texte a:active {
	color: #303030;
	text-decoration: none;
    border-bottom: #ffba00 1px solid;
}

#texte a.blanc:link, #texte a.blanc:visited, #texte a.blanc:active {
    color: #fff;
    border-bottom: #fff 1px solid;
}
#texte a.blanc:hover, #texte a.blanc:focus {
	color: #fff;
    text-decoration: none;
    border-bottom: #cc0000 1px solid;
}

#texte a.retour:link {
	background-color: #cc0000;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 3px 6px;
    text-decoration: none;
    border-bottom: none;
}
#texte a.retour:visited {
	background-color: #cc0000;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 3px 6px;
	text-decoration: none;
    border-bottom: none;
}
#texte a.retour:hover, #texte a.retour:focus {
	background-color: #009933;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 3px 6px;
	text-decoration: none;
    border-bottom: none;
}
#texte a.retour:active {
	background-color: #cc0000;
    color: #fff;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 3px 6px;
	text-decoration: none;
    border-bottom: none;
}

#texte .info {
	font-size: 11px;
	text-align: right;
	}

#texte .tab {
	text-indent: 30px;
	}

#texte p.bleu, #texte span.bleu {
    color: #000064;
    }
#texte p.vert, #texte span.vert {
    color: #009933;
    }
#texte p.noir, #texte span.noir {
    color: #000;
    }
#texte p.rouge, #texte span.rouge {
    color: #cc0000;
    }
#texte p.rougevif, #texte span.rougevif {
    color: #ff0000;
    }
#texte p.orange, #texte span.orange {
    color: #f78d2a;
    }
#texte p.prune, #texte span.prune {
    color: #79346d;
    }
#texte p.marron, #texte span.marron {
    color: #663300;
    }
#texte p.jaune, #texte span.jaune {
    color: #ffcc00;
    }
#texte p.ethan, #texte span.ethan {
	color: #3195b9;
    }

#texte .fluo {
    color: #fff;
    background: #000066;
    padding: 0 4px;
	}
#texte .fluo_vert {
    color: #fff;
    background-color: #009933;
    padding: 0 4px;
    }
#texte .fluo_noir {
    color: #fff;
    background-color: #000;
    padding: 0 4px;
    }
#texte .fluo_rouge {
    color: #fff;
    background-color: #cc0000;
    padding: 0 4px;
    }
#texte .fluo_rougevif {
    color: #fff;
    background-color: #ff0000;
    padding: 0 4px;
    }
#texte .fluo_orange {
    color: #fff;
    background-color: #f78d2a;
    padding: 0 4px;
    }
#texte .fluo_prune {
    color: #fff;
    background-color: #79346d;
    padding: 0 4px;
    }
#texte .fluo_marron {
    color: #fff;
    background-color: #663300;
    padding: 0 4px;
    }
#texte .fluo_jaune {
    color: #000;
    background-color: #ffcc00;
    padding: 0 4px;
    }
#texte .fluo_ethan {
	color: #fff;
	background-color: #3195b9;
	padding: 0 4px;
    }

#texte .doc_dr {
	float: right;
	margin: 4px 10px 4px 10px;
}
#texte .doc_ga {
	float: left;
	margin: 4px 10px 4px 10px;
}
/* AFFICHAGE DES ZONES DE SAISIES ET BOUTONS */
#texte input {
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
    text-transform: capitalize;
    background-color: #ecedf2;
    border: 0;
	width: 400px;
	}
#texte input.bu {
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
    color: #ffffff;
	text-transform: none;
	text-align: center;
    background-color: #cc0000; 
    border: 0;
    width: auto;
}
#texte textarea {
    font-family: Verdana, Arial, Helvetica;
    font-size: 13px;
    background-color: #ecedf2;
    border: 0;
    height: 130px;
    overflow: auto;
	width: 400px;
	}