/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    font-family         : Arial, Helvetica, sans-serif;
	font-size           : 10px;
	color               : #000000;
	background          : url(images/fond.jpg);
	background-color    : #6D8552;
	text-decoration     : none;
	margin              : 0px;
	padding             : 0px;
}

a, a:visited, a:link {
	color               : #002B1A;
	background-color    : inherit;
	text-decoration     : underline;
}
a:hover, a:active {
	text-decoration     : none;
}

p {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 10px;
    margin-top          : 5px;
    margin-bottom       : 5px;
}
                        
h1 {
    font-family         : Times New Roman, Times, serif;
    font-size           : 19px;
    font-weight         : bold;
    font-style          : italic;
    color               : #002B1A;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h2 {
    font-family         : Times New Roman, Times, serif;
    font-size           : 16px;
    font-weight         : bold;
    color               : #002B1A;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h3 {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 11px;
    font-weight         : bold;
    color               : #000000;
    margin-top          : 0px;
    margin-bottom       : 0px;
}
td {                    
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 10px;
}                       
ul {
    margin              : 0px 0px 0px 0px;
    padding             : 0px;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
ol {
    font-family         : Arial, Helvetica, sans-serif;
    margin              : 0px 0px 0px 7px;
    padding             : 0px;
}                       
li {
    margin              : 0px 0px 0px 16px;
    padding             : 0px;
    list-style-type     : square;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
form {                  
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}                       
input, textarea {
    border              : 1px solid #002B1A;
    color               : #002B1A;
    vertical-align      : middle;
    font-family         : Arial, Helvetica, sans-serif;
	font-size           : 10px;
}
input:focus {
    background-color    : #E0E5DB;
    color               : #000000;
}
input[type=submit] {
    background-color    : #002B1A;
    color               : #FFFFFF;
}


/*----------------------------------------------------------------*/
/*                          SPECIFIQUE                            */
/*----------------------------------------------------------------*/
div.contenu {
    background          : url(images/fond_corps.gif) left repeat-y;
    background-color    : #DEE3D9;
    border-left         : 1px solid #BDC2B0;
    border-right        : 1px solid #BDC2B0;
}

div.titre_page {
    background-color    : #002B1A;
    color               : #FFFFFF;
    padding             : 5px;
    float               : left;
	font-size           : 20px;
    font-family         : Times New Roman, Arial, Helvetica, sans-serif;
}
div.titre_cat {
    background          : url(images/fond_cat.gif) top left no-repeat;
	background-color    : #273B20;
	color               : #214428;
	font-size           : 34px;
    font-family         : Times New Roman, Arial, Helvetica, sans-serif;
    font-style          : italic;
    text-align          : right;
    padding-right       : 25px;
    border-left         : 1px solid #BDC2B0;
    border-right        : 1px solid #BDC2B0;
}
div.contenu_page {
    padding             : 10px 25px 0px 10px;
}
div.copyright {
	color               : #FFFFFF;
    font-family         : Arial, Helvetica, sans-serif;
	font-size           : 10px;
    padding             : 5px;
}
div.copyright a, div.copyright a:visited, div.copyright a:active, div.copyright a:hover, div.copyright a:link {
	text-decoration     : none;
	color               : #DEE3D9;
}

/* Accueil */
body.home {
	background          : #000000;
}

/* Menu */
div.menu {
    background-color    : #273B20;
    color               : inherit;
    padding-left        : 15px;
    border-left         : 1px solid #BDC2B0;
    border-right        : 1px solid #BDC2B0;
}
div.menu a, div.menu a:visited, div.menu a:link {
    display             : block;
	font-family         : Arial, Helvetica, sans-serif;
	font-size           : 12px;
	text-transform      : uppercase;
	padding             : 2px 5px;
	color               : #FFFFFF;
	text-decoration     : none;
}
div.menu a:active, div.menu a:hover,
div.menu a.on, div.menu a.on:visited, div.menu a.on:link, div.menu a.on:active, div.menu a.on:hover {
    display             : block;
	font-family         : Arial, Helvetica, sans-serif;
	font-size           : 12px;
	text-transform      : uppercase;
	padding             : 2px 5px;
	color               : #708C52;
	text-decoration     : none;
}

/* Sous Menu */
div.ssmenu {
    position            : absolute;
    left                : 0px;
    top                 : -300px;
    z-index             : 5;
    visibility          : hidden;
}
div.ssmenu div {
    margin-top          : 10px;
    background-color    : #586E40;
    border              : 1px solid #FFFFFF;
    color               : #FFFFFF;
}
div.ssmenu a, div.ssmenu a:visited, div.ssmenu a:link {
    display             : block;
	font-family         : Arial, Helvetica, sans-serif;
	font-size           : 12px;
	padding             : 0px 5px;
	margin              : 2px 2px 5px 2px;
	color               : #FFFFFF;
	border-bottom       : 1px solid #FFFFFF;
	background-color    : inherit;
	text-decoration     : none;
}
div.ssmenu a:active, div.ssmenu a:hover {
    display             : block;
	font-family         : Arial, Helvetica, sans-serif;
	font-size           : 12px;
	padding             : 0px 5px;
	margin              : 2px 2px 5px 2px;
	color               : #FFFFFF;
	border-bottom       : 1px solid #FFFFFF;
	background-color    : #1E2F10;
	text-decoration     : none;
}

/* Menu secondaire */
div.menu_secondaire {
    color               : #E2E3D8;
    padding-right       : 80px;
}
div.menu_secondaire a, div.menu_secondaire a:visited, div.menu_secondaire a:link {
	font-family         : Arial, Helvetica, sans-serif;
	font-size           : 11px;
    color               : #E2E3D8;
    text-decoration     : underline;
}

div.menu_secondaire a:hover, div.menu_secondaire a:active,
div.menu_secondaire a.on, div.menu_secondaire a.on:visited, div.menu_secondaire a.on:link {
	font-family         : Arial, Helvetica, sans-serif;
	font-size           : 11px;
    color               : #E2E3D8;
    text-decoration     : none;
}

/* Menu Niveau 3 */
div.menu_niv3 {
    padding-bottom      : 20px;
}
div.menu_niv3 a, div.menu_niv3 a:visited, div.menu_niv3 a:link {
    display             : block;
    width               : 110px;
	font-family         : Arial, Helvetica, sans-serif;
	font-size           : 11px;
    color               : #214428;
    padding             : 5px 0px;
    border-bottom       : 1px solid #214428;
    text-align          : left;
    text-decoration     : none;
}

div.menu_niv3 a:hover, div.menu_niv3 a:active,
div.menu_niv3 a.on, div.menu_niv3 a.on:visited, div.menu_niv3 a.on:link {
    display             : block;
    width               : 110px;
	font-family         : Arial, Helvetica, sans-serif;
	font-weight         : bold;
	font-size           : 11px;
    color               : #214428;
    padding             : 5px 0px;
    border-bottom       : 1px solid #214428;
    text-align          : left;
    text-decoration     : none;
}

/*----------------------------------------------------------------*/
/*                         COMMENTAIRES                           */
/*----------------------------------------------------------------*/
div.cadre_commentaire fieldset {
    border              : 1px solid #273B20;
}
div.cadre_commentaire legend {
    color               : #273B20;
    font-weight         : bold;
    font-size           : 12px;
}
div.cadre_commentaire input.champ,
div.cadre_commentaire textarea.champ {
    width               : 250px;
}
div.cadre_commentaire textarea.champ {
    height              : 100px;
}
div.cadre_commentaire div.titre {
    color               : #273B20;
    font-weight         : bold;
    font-size           : 12px;
    padding-bottom      : 5px;
}