/*   **********   HTML STANDARD   **********   */
body {
	margin: 0 10px 10px 10px;
	padding: 0;
	color: #333;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: small;
}
h1 {
	font-family: BaskOldFace,"Times New Roman",Times,serif;
	color: #FFF;
	font-size: 400%;
	letter-spacing: .5em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: center;
}
h2 {
	font-family: BaskOldFace,"Times New Roman",Times,serif;
	font-size: 200%;
	letter-spacing: .12em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
h3 {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 120%;
	margin: 1em 0 0.5em 0;
	padding: 0;
	letter-spacing: 0;
}
div, p {
	margin: 0;
	padding: 0;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: small;
}
ul, ol {
	margin: 0.5em 0 1em 0;
	padding: 0;
}
ul ul, ul ol, ol ul, ol ol {
	margin: 0.3em 0 0.7em 1em;
	padding: 0;
}
ul li {
	padding: 0 0 0 0.2em;
	margin: 0.3em 0 0.3em 2em;
}
a, a:link, a:visited, a:active {
	text-decoration: underline;
	padding: 0;
}
a:hover, a:focus {
	text-decoration: underline;
	padding: 0;
}
a img {
	border: 0;
}
acronym {
	border-bottom: 1px dotted;
}
fieldset {
  border: 1px solid #6F2D7A;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
legend {
  font-weight: bold;
}


/*   **********   DECOUPAGE PRINCIPAL ET ELEMENTS SPECIFIQUES   **********   */
#document {
	width: 664px;
	overflow-x: hidden;
	margin: 0 auto;
	padding: 0;
}

#bandeau {
	width: 664px;
	height: 193px;
	overflow: hidden;
}
#bandeau h1 a {
	width: 664px;
	height: 193px;
	overflow: hidden;
}
#bandeau h1 a {
	width: 664px;
	height: 193px;
	overflow: hidden;
	text-decoration: none;
	color: #FFF;
}
#bandeau h1 #logo {
	width: 664px;
	height: 193px;
	border: 0;
}
#logoprint {
	display: none;
}

#page {
	width: 664px;
	overflow-x: hidden;
	background-color: #FFF;
}

#menu {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
}
#menu1 {
	margin: 20px 0 20px 35px;
	padding: 0;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu ul.menu1 li.menu1 {
	margin: 0;
	padding: 5px;
	list-style-type: none;
	display: block;
	border-bottom: 1px solid #E7E7E7;
}
#menu ul.menu2 li {
	list-style-type: circle;
	border-bottom: 0px none !important;
}
#menu ul.menu1 li.menu1 a {
	font-weight: bold;
	font-size: 110%;
	display: block;
	padding: 2px;
}
#menu ul.menu2 li a {
	font-weight: normal !important;
	font-size: 100% !important;
	display: block;
	padding: 0 !important;
}
#menu a:link, #menu a:visited, #menu a:active {
	text-decoration: none;
}
#menu a:hover, #menu a:focus {
	text-decoration: none;
}

#contenu {
	float: right;
	width: 450px;
	margin: 0;
	padding: 0;
}
#contenu1 {
	margin: 20px 35px 20px 0px;
	padding: 0;
}
#contenu p {
	margin: 0.5em 0 1em 0;
}

#photo {
	clear: both;
	width: 664px;
	height: 166px;
	overflow: hidden;
}

#ours {
	width: 664px;
	overflow-x: hidden;
	background-color: #FFF;
}
#ours div {
	padding: 10px;
}
#ours div, #ours p {
	font-size: 9px;
	text-align: center;
	color: #666;
}

p.reponse_formulaire, p.erreur {
  font-weight: bold;
  color: #FF0000;
}
p.reponse_formulaire_ok {
  font-weight: bold;
  color: #4D9A00;
}
#contenu .spip_surligne { background: #FFC200; }

.clearall {
	clear: both;
	font-size: 1pt;
	height: 1px;
}


/*   **********   COULEURS DES SECTIONS   **********   */
/*
			COULEURS :
			Par défaut :	#F60 / #FFC200
			Secteur 1 :		#F60 / #FFC200
			Secteur 2 :		#8F256C / #D2A8C4
			Secteur 3 :		#4D9A00 / #B8D700
			Secteur 4 :		#36C / #ADC2EB
*/
body {
	background-color: #F60;
}
h2, h3,
a, a:link, a:visited, a:active {
	color: #F60;
}
a:hover, a:focus {
	color: #FFC200;
}

body#secteur1 {
	background-color: #F60;
}
body#secteur1 h2, body#secteur1 h3,
body#secteur1 a, body#secteur1 a:link, body#secteur1 a:visited, body#secteur1 a:active {
	color: #F60;
}
body#secteur1 a:hover, body#secteur1 a:focus {
	color: #FFC200;
}
#menu a.secteur1 {
	color: #F60;
}
#menu a.secteur1:link, #menu a.secteur1:visited, #menu a.secteur1:active {
	color: #F60 !important;
}
#menu a.secteur1:hover, #menu a.secteur1:focus,
	color: #FFC200 !important;
}
#menu a.secteur1sel,
#menu a.secteur1sel:link, #menu a.secteur1sel:visited, #menu a.secteur1sel:active,
#menu a.secteur1sel:hover, #menu a.secteur1sel:focus {
	text-decoration: underline !important;
}

body#secteur2 {
	background-color: #8F256C;
}
body#secteur2 h2, body#secteur2 h3,
body#secteur2 a, body#secteur2 a:link, body#secteur2 a:visited, body#secteur2 a:active {
	color: #8F256C;
}
body#secteur2 a:hover, body#secteur2 a:focus {
	color: #D2A8C4;
}
#menu a.secteur2 {
	color: #8F256C;
}
#menu a.secteur2:link, #menu a.secteur2:visited, #menu a.secteur2:active {
	color: #8F256C !important;
}
#menu a.secteur2:hover, #menu a.secteur2:focus {
	color: #D2A8C4 !important;
}
#menu a.secteur2sel,
#menu a.secteur2sel:link, #menu a.secteur2sel:visited, #menu a.secteur2sel:active,
#menu a.secteur2sel:hover, #menu a.secteur2sel:focus {
	text-decoration: underline !important;
}

body#secteur3 {
	background-color: #4D9A00;
}
body#secteur3 h2, body#secteur3 h3,
body#secteur3 a, body#secteur3 a:link, body#secteur3 a:visited, body#secteur3 a:active {
	color: #4D9A00;
}
body#secteur3 a:hover, body#secteur3 a:focus {
	color: #B8D700;
}
#menu a.secteur3 {
	color: #4D9A00;
}
#menu a.secteur3:link, #menu a.secteur3:visited, #menu a.secteur3:active {
	color: #4D9A00 !important;
}
#menu a.secteur3:hover, #menu a.secteur3:focus {
	color: #B8D700 !important;
}
#menu a.secteur3sel,
#menu a.secteur3sel:link, #menu a.secteur3sel:visited, #menu a.secteur3sel:active,
#menu a.secteur3sel:hover, #menu a.secteur3sel:focus {
	text-decoration: underline !important;
}

body#secteur5 {
	background-color: #36C;
}
body#secteur5 h2, body#secteur5 h3,
body#secteur5 a, body#secteur5 a:link, body#secteur5 a:visited, body#secteur5 a:active {
	color: #36C;
}
body#secteur5 a:hover, body#secteur5 a:focus {
	color: #ADC2EB;
}
#menu a.secteur5 {
	color: #36C;
}
#menu a.secteur5:link, #menu a.secteur5:visited, #menu a.secteur5:active {
	color: #36C !important;
}
#menu a.secteur5:hover, #menu a.secteur5:focus {
	color: #ADC2EB !important;
}
#menu a.secteur5sel,
#menu a.secteur5sel:link, #menu a.secteur5sel:visited, #menu a.secteur5sel:active,
#menu a.secteur5sel:hover, #menu a.secteur5sel:focus {
	text-decoration: underline !important;
}

