/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    font-family         : Tahoma, Arial, Helvetica, sans-serif;
	font-size           : 11px;
	color               : #000000;
	background-color    : #516F00;
	text-decoration     : none;
	margin              : 0px;
	padding             : 0px;
	background-image    : url(images/fond_page.gif);
	background-repeat   : repeat-x;
	background-position : top;
}

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

p {
    font-family         : Tahoma, Arial, Helvetica, sans-serif;
    font-size           : 11px;
    margin-top          : 5px;
    margin-bottom       : 5px;
}

h1 {
    font-family         : Tahoma, Arial, Helvetica, sans-serif;
    font-size           : 18px;
    font-weight         : bold;
    color               : #1E5B31;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
    padding-bottom      : 2px;
    /*border-bottom       : 2px solid #A0CA48;*/
}
h2 {
    font-family         : Tahoma, Arial, Helvetica, sans-serif;
    font-size           : 14px;
    font-weight         : bold;
    color               : #FFFFFF;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h3 {
    font-family         : Tahoma, Arial, Helvetica, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    color               : #000000;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
}

h4 {
    font-family         : Tahoma, Arial, Helvetica, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    color               : #1E5B31;
    margin-top          : 0px;
    margin-bottom       : 1px;
    padding-bottom      : 2px;
    text-align          : center;
}

td {
    font-family         : Tahoma, Arial, Helvetica, sans-serif;
    font-size           : 11px;
}
ul {
    margin              : 0px 0px 0px 0px;
    padding             : 0px;
    font-family         : Tahoma, Arial, Helvetica, sans-serif;
    font-size           : 11px;
    list-style-image    : url(images/puce.gif);
}
ol {
    font-family         : Tahoma, 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         : Tahoma, Arial, Helvetica, sans-serif;
    font-size           : 11px;
}
form {
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}
input {
    vertical-align      : middle;
}


/*----------------------------------------------------------------*/
/*                          SPECIFIQUE                            */
/*----------------------------------------------------------------*/
table.container {
    color               : inherit;
	background-color    : #FFFFFF;
    border              : solid #FFFFFF;
    border-width        : 7px 7px 0px 7px;
}
a.logo {
    display             : block;
    color               : inherit;
	background-color    : #FFFFFF;
}
div.espace1 {
    border-bottom       : 1px solid #FFFFFF;
}
div.espace2 {
}
table.decoupage {
    border-top          : 0px solid #A46D35;
    color               : inherit;
    background-color    : #C6C3A8;
}
table.decoupage td.contenu {
    border-bottom       : 7px solid #FFFFFF;
    padding              : 10px;
}
table.decoupage td.contenu div.contenu_page {
    /*margin              : 10px;*/
}
table.decoupage td.colonne_droite {
    color               : inherit;
    background-color    : #FFFFFF;
    background-image    : url(images/arbres_menu_droit.gif);
	background-repeat   : no-repeat;
	background-position : bottom center;
}
table.decoupage td.colonne_droite div.encart {
    margin              : 10px 10px;
    color               : inherit;
    background-color    : #FFFFFF;
}

table.decoupage td.colonne_droite div.encart table.menu_droit {
    border              : 1px solid #CCCCCC;
}

table.decoupage td.colonne_droite div.encart table.menu_droit input.champ {
    font-size           : 10px;
    color               : #606060;
    font-family         : Arial, Helvetica, sans-serif;
    width               : 65px;
}

table.decoupage td.colonne_droite div.encart table.menu_droit a.option,
table.decoupage td.colonne_droite div.encart table.menu_droit a.option:link,
table.decoupage td.colonne_droite div.encart table.menu_droit a.option:visited {
    color               : #0006FF;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 10px;
    background-image    : url(images/fleche_orange.gif);
	background-repeat   : no-repeat;
	background-position : right;
	padding-right       : 15px;
	display             : block;
}

div.copyright {
	color               : #173A10;
	background-color    : inherit;
    font-family         : Verdana, 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               : #C6C3A8;*/
}
div.copyright img {
    vertical-align      : middle;
}

/* Menu */
div.menu {
    background-color    : #486F8E;
    color               : inherit;
    padding             : 3px 15px;
    background-image    : url(images/fond_menu_haut.gif);
	background-repeat   : repeat-x;
	background-position : top left;
	border-top          : 1px solid #173A10;
}
div.menu a, div.menu a:visited, div.menu a:link {
    display             : block;
	font-family         : Arial, Helvetica, sans-serif;
	font-size           : 14px;
	font-weight         : bold;
	padding             : 10px 15px;
	color               : #FFFFFF;
	background-color    : inherit;
	text-decoration     : none;
	background-image    : url(images/bord_menu_haut.gif);
	background-repeat   : repeat-y;
	background-position : right;
}
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 {
	color               : #FFDC20;
	background-color    : inherit;
	text-decoration     : none;
}

/* Sous Menu */
div.ssmenu {
    position            : absolute;
    left                : 0px;
    top                 : -300px;
    z-index             : 5;
    visibility          : hidden;
}
div.ssmenu div {
    margin-top          : 25px;
    background-color    : #1E5B31;
    color               : inherit;
}
div.ssmenu a, div.ssmenu a:visited, div.ssmenu a:link {
    display             : block;
	font-family         : arial, verdana, Helvetica, sans-serif;
	font-size           : 11px;
	font-weight         : bold;
	padding             : 2px 5px;
	color               : #FFFFFF;
	background-color    : inherit;
	text-decoration     : none;
}
div.ssmenu a:active, div.ssmenu a:hover {
    display             : block;
	font-family         : arial, verdana, Helvetica, sans-serif;
	font-size           : 11px;
	font-weight         : bold;
	padding             : 2px 5px;
	color               : #FFDC20;
	background-color    : inherit;
	text-decoration     : none;
}

/* Boites avec bords arrondis */

table.boite td.gauche {
    background-image    : url(images/cadre/cadre_g.gif);
	background-repeat   : repeat-y;
	background-position : left;
	width               : 15px;
}

table.boite td.droite {
    background-image    : url(images/cadre/cadre_d.gif);
	background-repeat   : repeat-y;
	background-position : right;
	width               : 15px;
}

table.boite td.haut {
    background-image    : url(images/cadre/cadre_h.gif);
	background-repeat   : repeat-x;
	background-position : top;
}

table.boite td.bas {
    background-image    : url(images/cadre/cadre_b.gif);
	background-repeat   : repeat-x;
	background-position : bottom;
}

table.boite td.haut_gauche {
    background-image    : url(images/cadre/cadre_hg.gif);
	background-repeat   : no-repeat;
	background-position : top left;
	width               : 21px;
}

table.boite td.haut_droite {
    background-image    : url(images/cadre/cadre_hd.gif);
	background-repeat   : no-repeat;
	background-position : top right;
	width               : 21px;
}

table.boite td.bas_gauche {
    background-image    : url(images/cadre/cadre_bg.gif);
	background-repeat   : no-repeat;
	background-position : bottom left;
	width               : 21px;
}

table.boite td.bas_droite {
    background-image    : url(images/cadre/cadre_bd.gif);
	background-repeat   : no-repeat;
	background-position : bottom right;
	width               : 21px;
}

/* Formulaires */

input, select, textarea {
    font-family         : arial, verdana, Helvetica, sans-serif;
	font-size           : 11px;
}

input.champ, select.champ, textarea.champ {
	border              : 1px solid #6F6D5A;
	padding             : 2px;
}

input.champ:focus, textarea.champ:focus {
    background-color    : #EEEEEE;
}

.sous_titre {
    font-family         : arial, verdana, Helvetica, sans-serif;
	font-size           : 11px;
	font-weight         : bold;
	color               : #1E5B31;
	padding-right       : 10px;
}

input.valider {
    font-family         : arial, verdana, Helvetica, sans-serif;
	font-size           : 11px;
    background-image    : url(images/fleche_orange.gif);
	background-repeat   : no-repeat;
	background-position : right;
	padding             : 0px 15px 0px 5px;
	color               : #000000;
	border              : 1px outset #808080;
	cursor              : pointer;
	vertical-align      : middle;
	background-color    : #B6B398;
}

input.nombre {
    text-align          : right;
}

.erreur, .message {
    color               : #CC0000;
    font-weight         : bold;
}

ul.menu_securise {
    list-style-image    : url(images/fleche_orange.gif);
}

ul.menu_securise a, ul.menu_securise a:visited, ul.menu_securise a:link {
    font-size           : 11px;
}

ul.menu_securise a:hover, ul.menu_securise a.on {
    color               : #FFA814;
    text-decoration     : none;
}

/* Tableaux récapitulatifs des données enregistrées */
table.recap, table.recap_rencontre {
    border              : 1px solid #1E5B31;
}
table.recap th, table.recap_rencontre th {
    color               : #FFFFFF;
    font-weight         : bold;
    text-align          : left;
    text-transform      : uppercase;
    background-color    : #1E5B31;
}

table.recap_rencontre th a, table.recap_rencontre th a:link, table.recap_rencontre th a:visited, table.recap_rencontre th a:hover, table.recap_rencontre th a:active {
    color               : #FFFFFF;
    text-decoration     : none;
}
table.recap_rencontre {
    border-collapse     : collapse;
    width               : 100%;
}

table.recap_rencontre tr.hover {
    background-color    : #1E5B31;
    color               : #FFFFFF;
    cursor              : pointer;
}

table.recap_rencontre tr.pair {
    background-color    : #DDDDDD;
}

table.recap_rencontre tr {
    background-color    : #FFFFFF;
}

table.recap_rencontre td, table.recap_rencontre th {
    border              : 1px solid #CCCCCC;
    padding             : 2px;
}

td.rando_inactive {
    background          : #CEA0A0;
}

img.rando_inactive_expl {
    width               : 12px;
    height              : 12px;
    background          : #CEA0A0;
}

div.info_dept {
    position            : absolute;
    padding             : 10px 20px;
    background          : #C6C3A8 url(images/puce_fermer.gif) right top no-repeat;
    display             : none;
    cursor              : pointer;
    border              : 1px solid #173A10;
    color               : #173A10;
}

div.legende_carte {
    position            : absolute;
    padding             : 10px;
    background          : transparent;
    cursor              : pointer;
    /*border              : 1px solid #173A10;*/
    color               : #173A10;
    top                 : 220px;
    left                : 0px;
}

div.legende_carte table {
    margin              : 10px 0px 0px 0px;
    border-collapse     : collapse;
}

div.legende_carte table td.legende_couleur {
    width               : 30px;
}

div.legende_carte table td.legende_seuil {
    padding             : 4px;
}