/* 
Couleurs

Bleu marine : 000066
Bleu foncé : 0e1b45
Bleu moyen : 6666ff
Bleu clair : 6699FF

Violet : 524A8C

Beige foncé : 504c36
Beige moyen : 868364
Beige clair : b6b285
*/

/* Print */
.print { 
	visibility: hidden; 
	display: none; }

/* Images */
img {
	border: 0px solid #ccc; }
img.img_gauche {
	position: relative;
	display: block;
	background-color: #fff;
	float: left;
	padding: 1px;
	margin-bottom: 10px;
	margin-right: 20px; }
img.img_droite {
	position: relative;
	display: block;
	background-color: #fff;
	float: right;
	padding: 1px;
	margin-bottom: 10px;
	margin-left: 20px; }
a img { border: 1px dotted #fff; background-color: #fff; }
a:hover img { border: 1px dotted #999; background-color: #f1f1f1; }
img.tof_popup { padding: 1px; border: 1px dotted #999; background-color: #f1f1f1; }
img.no_script { border: 0px solid #ccc; background-color: transparent; }
a img.no_script, a:hover img.no_script { border: 0px solid #ccc;  background-color: transparent; }

/* Forumlaire */
form { 
	margin: 0px; 
	padding: 0px; } 
.input { 
	background-color: #f5f5f5;
	color: #666;
	font: normal 10px Verdana, Geneva, Arial, sans-serif; 
	border: 1px solid #666; } 
.checkbox {
	vertical-align: middle; }

/* Tableau */
table { 
	display: table; 
	width: 100%;
	border-style: hidden; 
	border-collapse: collapse; /* Joindre les bords des cellules */ 
}
tr { 
	display: table-row; }
td,th { 
	display: table-cell; 
	vertical-align: middle; 
	font: normal 10px Verdana, Geneva, Arial, sans-serif; 
	text-align: left;
	line-height: 1.5em;
	/* text-indent: 10px; */
	min-height: 20px; 
	margin: 0px; 
	padding: 0px 0px 0px 10px;  }
th {
	width: 110px; }

/* Général */
body { 
	background-image:url("../images/page/fond_page.gif");
	background-color: #666; 
	padding: 0px; 
	margin: 0px; }

body,div,td,p { 
	color: #504c36;
	font: normal 10px Verdana, Geneva, Arial, sans-serif; 
	word-wrap: break-word; }

/* Titres */
h2 { 
	background-repeat: no-repeat;
	background-image: url("../images/divers/ico_fleche_h2.gif");
	color: #fff;
	font: bold 11px Verdana, Geneva, Arial, sans-serif; 
	text-align: left;
	padding: 0px 0px 0px 13px; /* top right bottom left */
	margin: 0px 0px 0px 0px; /* top right bottom left */ }

h3 { 
	background-repeat: no-repeat;
	background-image: url("../images/divers/ico_fleche_h3.gif");
	color: #504c36;
	font: bold 11px Verdana, Geneva, Arial, sans-serif; 
	margin: 0px 0px 10px -12px; /* top right bottom left */
 	padding: 0px 0px 0px 12px; /* top right bottom left */ }
.h3 a {
	color: #504c36;
	text-decoration: underline; }
.h3 a:hover, .h3 a:focus, .h3 a:active {
	color: #504c36;
	text-decoration: none; }

h4 { 
	background-repeat: no-repeat;
	background-image: url("../images/divers/ico_fleche_h4.gif");
	color: #504c36;
	font: bold 10px Verdana, Geneva, Arial, sans-serif; 
	margin: 10px 0px 10px -10px; /* top right bottom left */
 	padding: 0px 0px 0px 10px; /* top right bottom left */ }
.h4 a {
	color: #504c36;
	text-decoration: none; }
.h4 a:hover, .h4 a:focus, .h4 a:active {
	color: #504c36;
	text-decoration: underline; }

h5 { 
	font: bold italic 10px Verdana, Geneva, Arial, sans-serif; 
	color: #868364;
	margin: 0px; 
}
.h5 a {
	color: #868364;
	text-decoration: none;
}
.h5 a:hover, .h5 a:focus, .h5 a:active {
	color: #868364;
	text-decoration: underline; }
.entete {
	color: #868364; 
	font: normal 10px Verdana, Arial, Helvetica, sans-serif; 
}

/* Listes */
ul { 
	padding: 0px; 
	margin: 0px; }
ul,li { 
	list-style-type: none; 
	line-height: 1em;
	padding: 0px; 
	margin: 0px;  } 
.list_link li {
	background-repeat: no-repeat;
	background-image: url("../images/divers/ico_fleche_li.gif");
	color: #504c36;
	font: normal 10px Verdana, Geneva, Arial, sans-serif; 
	line-height: 1.5em;
	padding: 0px 0px 0px 10px; /* top right bottom left */
}
.list_link li a {
	color: #868364;
	line-height: 1.5em;
	text-decoration: none; }
.list_link li a:hover, .list_link li a:focus, .list_link li a:active {
	color: #868364;
	line-height: 1.5em;
	text-decoration: underline; }
.list_normal li {
	background-repeat: no-repeat;
	background-image: url("../images/divers/ico_carre_beige.gif");
	color: #504c36;
	font: normal 10px Verdana, Geneva, Arial, sans-serif; 
	line-height: 1.5em;
	padding: 0px 0px 0px 10px; /* top right bottom left */ }

/* Menus */
.menu_horizontal_bas {
	position: relative;
	color: #666;
	text-align: center;
	list-style: none;
	margin: 0px;
	padding: 3px; }
.menu_horizontal_bas li {
	background: #ccc;
	color: #666;
	display: inline;
	margin: 0px; }
.menu_horizontal_bas li a {
	background: #ccc;
	color: #666;
	text-align: center;
	text-decoration: none;
	padding: 2px 4px 4px 4px; /* top right bottom left */ }
.menu_horizontal_bas li a:hover, .menu_horizontal_bas li a:focus, .menu_horizontal_bas li a:active {
	background: #999;
	color: #666;
	text-decoration: none;
}
.menu_horizontal_haut {
	position: relative;
	color: #fff;
	list-style: none;
	text-align: center;
	margin: 0px;
	padding: 3px; }
.menu_horizontal_haut li {
	background: #999;
	color: #fff;
	margin: 0px;
	display: inline; }
.menu_horizontal_haut li a {
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 2px 4px 4px 4px; /* top right bottom left */ }
.menu_horizontal_haut li a:hover, .menu_horizontal_haut li a:focus, .menu_horizontal_haut li a:active {
	background: #666;
	color: #fff;
	text-decoration: none; }
#menu_vertical {
	list-style: none;
	width: 100%;
	margin: 0px;
	padding: 0px; }
#menu_vertical li {
	color: #fff;
	border: 1px solid #000;
	margin-bottom: 0px 0px 1px 0px; /* top right bottom left */ }
#menu_vertical li a {
	background: #999;
	color: #fff;
	font: 1em Verdana, Geneva, Arial, sans-serif;
	line-height: 1em;
	text-align: left;
	text-indent: 5px;
	text-decoration: none;
	padding: 0px 4px 0px 0px; /* top right bottom left */
	display: block; }
#menu_vertical li a:hover, #menu_vertical li a:focus, #menu_vertical li a:active {
	background-repeat: no-repeat;
	background-image: url("../images/divers/ico_fleche_navigation.gif");
	background: #666;
	text-decoration: none;
	padding: 0px 0px 0px 5px; /* top right bottom left */ }
	
/* Index */
div.box_index_bleu {
	width: 650px; 
	border-left: 1px solid #3355b7; 
	text-align: left; 
	padding: 0px 0px 0px 10px; /* top right bottom left */
	margin: 20px 0px 10px 0px; /* top right bottom left */
	color: #3355b7; 
}
.bleu {
	color: #6699ff; 
	font: normal 9px Verdana, Arial, Helvetica, sans-serif; 
	text-align:center; }
a.bleu,a.bleu:visited {
	color: #ccc; 
	text-decoration:none; }
a.bleu:hover { text-decoration:underline; }
a.link_bleu,a.link_bleu:visited,a.link_titre_bleu,a.link_titre_bleu:visited {
	color: #3355b7; 
	text-decoration:none; }
a.link_bleu:hover,a.link_titre_bleu:hover { text-decoration:underline; }
.link_titre_bleu { font-weight: bold }

div.box_index_beige {
	width: 650px; 
	border-left: 1px solid #656045; 
	text-align: left; 
	padding: 0px 0px 0px 10px; /* top right bottom left */
	margin: 20px 0px 10px 0px; /* top right bottom left */
	color: #656045; 
}
.beige {
	color: #b6b285; 
	font: normal 9px Verdana, Arial, Helvetica, sans-serif; 
	text-align:center; }
a.beige,a.beige:visited {
	color: #868364; 
	text-decoration:none; }
a.beige:hover { text-decoration:underline; }
a.link_beige,a.link_beige:visited,a.link_titre_beige,a.link_titre_beige:visited {
	color: #656045; 
	text-decoration:none; }
a.link_beige:hover,a.link_titre_beige:hover { text-decoration:underline; }
.link_titre_beige { font-weight: bold }

.gris {
	color: #ccc; 
	font: normal 9px Verdana, Arial, Helvetica, sans-serif; 
	text-align:center; }
a.gris,a.gris:visited {
	color: #999; 
	text-decoration:none; }
a.gris:hover { text-decoration:underline; }