/* --- CONTAINER --- */

@import url("content.css");
/*@import url("superfish.css"); */

body {
    margin             : 0;
    padding            : 0;
    color              : #000;
    background         : #feffff url(../images/bg_body.gif) repeat-x top;
}
br.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 1px;
    line-height        : 0px;
}
#container {
	width              : 1002px;
	margin             : 0 auto;
	background         : #FFF;
	padding            : 0;
}


/* --- HEADER --- */
#header {
    width              : 980px;
    margin             : 0 auto;
    background         : #FFF;
    background-repeat  : no-repeat;
    background-position: 0 97px;
}
#header_menu {
    text-align         : right;
    padding-top        : 54px;
}
#header ul {
	padding            : 0;
	margin             : 0;
}
#header ul li {
	display            : inline;
	list-style         : none;
	margin             : 0;
	vertical-align     : top;
}
#header ul li.avec_sep {
	background         : url(../images/header_separation.gif) no-repeat right bottom;
}
#header ul li a, #header ul li a:link, #header ul li a:visited {
	text-decoration    : none;
	color              : #FFF;
	font-size          : 11px;
	padding            : 0 10px;
}
#header ul li.on a, #header ul li.on a:link, #header ul li.on a:visited {
	background         : #ACC958;
	color              : #FFF;
}
#header ul li a:hover {
	color              : #82a5d7;
}
#main #bordure_g {
     width              : 11px;
     vertical-align     : top;
     background         : url(../images/bordure_g.gif) repeat-y right;
}
#main #bordure_d {
     width              : 11px;
     vertical-align     : top;
     background         : url(../images/bordure_d.gif) repeat-y left;
}
#main #td_content {
    width               : 980px;
    vertical-align      : top;
    background          : url(../images/bg_content.gif) no-repeat top;
}

/* --- CONTENT --- */
#content {
    padding             : 15px 30px;
}
/* --- CONTENT ACCUEIL --- */
#content_home {
    padding             : 0;
}

#content_home .puces img{
    padding             : 5px 5px 8px 5px;
}
#content_home .puces a{
    font-weight         : bold;
}

#content_home ul li {
	list-style-image   : none;
	list-style-type    : disc;
	color              : #0D6E95;
	align              : left;
}

#content_home .puces img {
    vertical-align     : middle;
}
#content_home h3 {

}

/* --- FOOTER --- */
#footer {
	padding            : 10px;
}
#footer_menu {
	text-align         : right;
}
#footer ul {
	margin             : 0;
}
#footer ul li {
	display            : inline;
	list-style         : none;
	margin             : 0 1px;
}
#footer ul li, #footer ul li a, #footer ul li a:link, #footer ul li a:visited {
	text-decoration    : none;
	color              : #868788;
}
#footer ul li a:hover {
	text-decoration    : underline;
}

/*********** PUBLIFORMULAIRE**********/
.publiformulaire {
	width              : 400px;

}

/* --- JEUX DE COULEURS --- */

div.content_vert h1, div.content_vert a:hover {
    color               : #3EA2D6;
}
div.content_vert h2 {
    background-image    : url(../images/puce_h2_vert.gif);
}
div.content_vert li {
    list-style-image    : url(../images/puce_li_vert.gif);
}

div.content_bleu h1, div.content_bleu a:hover {
    color               : #3da5d7;
}
div.content_bleu h2 {
    background-image    : url(../images/puce_h2_bleu.gif);
}
div.content_bleu li {
    list-style-image    : url(../images/puce_li_bleu.gif);
}

div.content_jaune h1, div.content_jaune a:hover {
    color               : #fbc200;
}
div.content_jaune h2 {
    background-image    : url(../images/puce_h2_jaune.gif);
}
div.content_jaune li {
    list-style-image    : url(../images/puce_li_jaune.gif);
}

div.content_violet h1, div.content_violet a:hover {
    color               : #6d389b;
}
div.content_violet h2 {
    background-image    : url(../images/puce_h2_violet.gif);
}
div.content_violet li {
    list-style-image    : url(../images/puce_li_violet.gif);
}

div.content_rouge h1, div.content_rouge a:hover {
    color               : #e1007a;
}
div.content_rouge h2 {
    background-image    : url(../images/puce_h2_rouge.gif);
}
div.content_rouge li {
    list-style-image    : url(../images/puce_li_rouge.gif);
}

div.content_gris h1, div.content_gris a:hover {
    color               : #8A8B8C;
}
div.content_gris h2 {
    background-image    : url(../images/puce_h2_grise.gif);
}
div.content_gris li {
    list-style-image    : url(../images/puce_li_grise.gif);
}