

/* bleu */
#menu_1 a { border-left: #498fdc 8px solid; }
#menu_1.actif a { border-bottom: #498fdc 2px solid; }
#menu_1 a:hover { background-color: #498fdc; }
#menu_1.actif a:hover { border-left: #498fdc 8px solid; }

/* orange */
#menu_2 a { border-left: #e90 8px solid; }
#menu_2.actif a { border-bottom: #e90 2px solid; }
#menu_2 a:hover { background-color: #e90; }
#menu_2.actif a:hover { border-left: #e90 8px solid; }

/* rouge */
#menu_3 a { border-left: #e63a09 8px solid; }
#menu_3.actif a { border-bottom: #e63a09 2px solid; }
#menu_3 a:hover { background-color: #e63a09; }
#menu_3.actif a:hover { border-left: #e63a09 8px solid; }

/* vert */
#menu #menu_4 a { color: #900; }
#menu_4 a { border-left: #8fdc49 8px solid; }
#menu_4.actif a { border-bottom: #8fdc49 2px solid; }
#menu_4 a:hover { background-color: #8fdc49; }
#menu_4.actif a:hover { border-left: #8fdc49 8px solid; }

/* jaune */
#menu_5 a { border-left: #fc0 8px solid; }
#menu_5.actif a { border-bottom: #fc0 2px solid; }
#menu_5 a:hover { background-color: #fc0; }
#menu_5.actif a:hover { border-left: #fc0 8px solid; }

/* bleu */
#menu_6 a { border-left: #498fdc 8px solid; }
#menu_6.actif a { border-bottom: #498fdc 2px solid; }
#menu_6 a:hover { background-color: #498fdc; }
#menu_6.actif a:hover { border-left: #498fdc 8px solid; }

/* "froushia" (rouge-fushia) */
#menu_7 a { border-left: #e42b52 8px solid; }
#menu_7.actif a { border-bottom: #e42b52 2px solid; }
#menu_7 a:hover { background-color: #e42b52; }
#menu_7.actif a:hover { border-left: #e42b52 8px solid; }

/* - 72401f */
#menu_8 a { border-left: #72401f 8px solid; }
#menu_8.actif a { border-bottom: #72401f 2px solid; }
#menu_8 a:hover { background-color: #72401f; }
#menu_8.actif a:hover { border-left: #72401f 8px solid; }

#page {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

#module {
	float: right;
	width: 750px;
}

#menu {
	float: left;
	width: 200px;
}

/*#menu2 {
	float: left;
	width: 200px;
}*/

#pieddepage {
	clear: both;
}

html {
	color: #111;
	background-color: #ffdfb2;
}

body {
	font-family: verdana, geneva, helvetica, arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, #module p.fort {
	font-family: 'Trebuchet MS', sans-serif;
}

#module p, #module q, #module blockquote, #module dl, #module ul, #module ol {
	font-family : georgia, 'Nimbus Roman No9 L', times, 'Times New Roman', serif;
}

code, pre, kdb {
	font-family : 'Nimbus Mono L', 'Courier New', courrier, monospace;
}

#menu {
	font-family: helvetica, arial, sans-serif;
}

#menu2 {
	font-family: helvetica, arial, sans-serif;
}

textarea, input, label {
	font-family: helvetica, arial, sans-serif;
	color: black;
}

a {
	color: #37c;
}

a:hover {
	color: #e84;
}

h2 {
	margin-top: 0.85em;
}

p {
	text-align: justify;
}

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

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

dt {
	text-decoration: underline;
}

dd {
	margin: 0 1ex 1ex 1ex;
}

img {
	border: 0;
}

address {
	font-style: normal;
}

img.gauche {
	display: block;
	margin: 8px auto 8px 8px;
}

img.centre {
	display: block;
	margin: 8px auto;
}

img.droite {
	display: block;
	margin: 8px 8px 8px auto;
}

img.fgauche {
	float: left;
	margin: 8px;
}

img.fdroite {
	float: right;
	margin: 8px;
}

#page {
	border: #999 1px solid;
	background: url(images/baniere.jpg) top center no-repeat;
	background-color: #fff;
}

#header {
	margin-top: 120px;
 	border-top: 1px solid;
	height: 90px;
	background: url(../../images/logo_dne.png) bottom left no-repeat;
}

#header h1 {
	margin-left: 215px;
	margin-top: 7px;
}

#header h1 a {
	font-family: arial, sans-serif;
	color: #444;
	text-decoration: none;
}

div.page {
	margin-left: 1em;
	margin-right: 1em;
}

#menu {
	font-weight: bold;
	margin-top: 1em;
	overflow: hidden;
}

#menu2 {
	font-weight: bold;
	margin-top: 1em;
	overflow: hidden;
	margin-left: 2px;
}

#menu h3 {
	display: none;
}

#menu2 h3 {
	display: none;
}

#menu ul {
	list-style: none;
	list-style-image: none;
	padding: 0;
	margin: 8px;
	margin-right: 0;
}

#menu2 ul {
	list-style: none;
	list-style-image: none;
}

#menu2>ul {
	padding: 0;
	margin: 0;
	margin-right: 0;
}

#menu2 h4 {
	margin: 0;
}

#menu2>ul>li {
	background: url(images/menubg1.png) no-repeat;
}

#menu2>ul>li>h4, #menu2>ul>li>a {
	display: block;
	padding: 0.6ex 0.4ex 0.4ex 0.8ex;
	margin: 1ex 0 0.4ex 0;
	text-decoration: none;
	color: #444;
/* 	border: #000 1px solid; */
	border-left: #fafafa 5px solid;
}

#menu2 ul ul li.actif a, #menu2 ul ul li.actif a:hover {
	text-decoration: none;
	color: #444;
}

/**
 * Couleurs du menu2
 */

/* bleu */
#menu2_1>h4, #menu2_1>a {border-bottom: #498fdc 2px solid;}
#menu2_1.actif>h4, #menu2_1.actif>a, #menu2_1>a:hover {border-left-color: #498fdc;}

/* orange */
#menu2_2>h4, #menu2_2>a {border-bottom: #e90 2px solid;}
#menu2_2.actif>h4, #menu2_2.actif>a, #menu2_2>a:hover {border-left-color: #e90;}

/* rouge */
#menu2_3>h4, #menu2_3>a {border-bottom: #e63a09 2px solid;}
#menu2_3.actif>h4, #menu2_3.actif>a, #menu2_3>a:hover {border-left-color: #e63a09;}

/* vert */
#menu2_3>h4, #menu2_3>a {border-bottom: #8fdc49 2px solid;}
#menu2_3.actif>h4, #menu2_3.actif>a, #menu2_3>a:hover {border-left-color: #8fdc49;}

/* jaune */
#menu2_4>h4, #menu2_4>a {border-bottom: #fc0 2px solid;}
#menu2_4.actif>h4, #menu2_4.actif>a, #menu2_4>a:hover {border-left-color: #fc0;}

/* rouge fushia */
#menu2_5>h4, #menu2_5>a {border-bottom: #e42b52 2px solid;}
#menu2_5.actif>h4, #menu2_5.actif>a, #menu2_5>a:hover {border-left-color: #e42b52;}

#menu2 ul ul {
	font-weight: normal;
	padding-left: 1em;
}

#menu2 ul ul a {
	text-decoration: none;
}

#menu2 ul ul a:hover {
	text-decoration: underline;
}

#menu li a {
	display: block;
	padding: 1ex;
	text-decoration: none;
	color: #444;
}

#menu li.actif a {
}

#menu li a:hover {
	color: #fff;
	border-left: #fff 8px solid;
}

#menu li.actif a:hover {
	color: #444;
	background-color: transparent;
}

#pieddepage {
	margin: 0;
	padding: 1ex 10px;
	text-align: center;
	font-size: x-small;
	color: #666;
}

form input, form textarea, form select {
	border-top: #666 1px solid;
	border-right: #999 1px solid;
	border-bottom: #999 1px solid;
	border-left: #666 1px solid;
}

form p {
	font-size: small;
}

form table td {
	vertical-align: top;
}

#contact_submitdiv {
	text-align: right;
	padding-right: 1em;
}

ul.liens {
	list-style: none;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: center;
}

ul.liens li {
	display: inline;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.fort {
	text-align: center;
	font-size: x-large;
}

.fac {
	color: #e84;
	font-weight: bold;
}

div.erreur {
	background-color: #fee;
	border: #f66 1px solid;
	padding: 1ex;
}

div.erreur h4 {
	margin: 0;
}

#personnalites, #phototheque {
	list-style: none;
	padding: 0;
	font-size: large;
}

.vignette {
	display: block;
	float: left;
	margin: 0;
}

.vignette a {
	margin: 20px;
	display: block;
	background-color: #feb;
	border: #ec3 1px solid;
	color: #333;
	text-decoration: none;
	text-align: center;
}

.vignette p {
	text-align: center;
}

.vignette a:hover {
	color: #333;
	background-color: #fff3cf;
}

.vignette h3 {
	margin-bottom: 0;
	margin-top: 15px;
}

.vignette img {
	border: #333 1px solid;
	margin: 5px;
	float: left;
}

.vignette .sc1 {
	background: url(images/ac2_hg.gif) top left no-repeat;
	position: relative;
	top: -1px;
	left: -1px;
}

.vignette .sc2 {
	background: url(images/ac2_hd.gif) top right no-repeat;
	position: relative;
	left: 2px;
}

.vignette .sc3 {
	background: url(images/ac2_bd.gif) bottom right no-repeat;
	position: relative;
	top: 2px;
}

.vignette .sc4 {
	background: url(images/ac2_bg.gif) bottom left no-repeat;
	position: relative;
	left: -2px;
	overflow: hidden;
	width: 300px;
	height: 112px;
	padding: 8px;
}

.newsletter, .commentaire, .mini {
	border: #eee 1px solid;
	background-color: #fafafa;
	-moz-border-radius: 7px;
}

.newsletter {
	font-size: small;
	margin: 1em 1em 1em 0;
	padding: 0 1ex 0 1ex;
}

.commentaire {
	font-size: large;
	padding: 1ex;
}

.cadre {
	margin: 8px 16px 8px 16px;
	text-align: center;
	font-size: x-small;
}

form fieldset, .infos {
	margin: 0 2em 0 2em;
	text-align: center;
	background-color: #feb;
	border: #ec3 1px solid;
	-moz-border-radius: 5px;
}

.infos table table td {
	text-align: left;
}

.mini table {
	text-align: center;
	width: 100%;
	border-spacing: 1em;
}

.mini div {
	width: 180px;
	margin: auto;
}

.miniphoto {
	display: block;
/* 	background-color: #feb; */
/* 	border: #ec3 1px solid; */
	border: #fafafa 2px solid;
	-moz-border-radius: 5px;
/* 	float: left; */
/* 	width: 160px; */
/* 	height: 160px; */
/* 	text-align: center; */
/* 	margin: 1ex; */
/* 	overflow: hidden; */
	padding: 8px 8px 4px 8px;
/* 	margin: auto; */
}

.miniphoto:hover {
/* 	background-color: #fff3cf; */
/* 	border-color: #acf; */
/* 	border-color: #a3b4c8; */
/* 	background-color: #bdf; */
/* 	background-color: #bcd0e7; */
	border-color: #dedede;
}

