/* 960 Grid System ~ Text CSS Learn more ~ http://960.gs/ Licensed under GPL and MIT.*/

body { font: 14px/1.5 Arial, 'Liberation Sans', FreeSans, sans-serif;}

a:focus {outline: 1px dotted invert;}

/* typographie */
h1 {font-size: 17px;}
h2 {font-size: 14px;}
h3 {
	font-size: 13px;
	color: #9F2113;
}
h4 {font-size: 17px;}
ul { list-style: disc;}
li { margin-left: 30px;}
p, hr, h1, h2, h3, ul, fieldset {margin-bottom: 10px;}
h1 {
margin-top: 20px ;
}

h1 {
	color: #9f2114;
	text-align: left;
	font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
}
h4 {
	color: #666;
	text-align: left;
	font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
}
h2, h3 {
	color: #9f2114;
	text-align: center;
	font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
}
body {
background: #fff url(../img/barre-verte.png) top left repeat-x;
color: #333;
font-size: 12px;
padding-bottom: 40px;
}

a {
color:
#666;
text-decoration:
underline;
}

a:hover{
	text-decoration: underline overline;
	font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
	text-align: right;
	color: #666;
}


p{
	overflow: hidden;
	padding: 10px 0 0 0;
	text-align: left;
	font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
}
.Legende {
font-family:Arial;
font-size:8pt;
text-align:center;
}
.LegendeTitre {
font-family:Arial;
font-size:8pt;
font-weight:bold;
text-align:center;
}
.container_12 {
margin-bottom: 20px;
}

#logo {
height: 120px;
text-align: center;
}
#header_image {
height: 120px;
width: 700px;
overflow: hidden;	
}
#espace {
height: 28px;
}

#centre {
	margin-bottom: 20px;
	font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
}
#droite {
	text-align: center;
	font-weight: bold;
}
#droite a img {
border: 0;
}
#droite a:hover img {
border: 0;
}
#droite p {
	text-align: left;
	color: #666;
}

#droite h3 {
	text-align:	center;
	color: #F03;
}
#compteur p {text-align:center}

#bordure {
height: 2px;
border-bottom: 1px solid #9f2114;
}
#liens_bas {
text-align: right;
}
/* navigation principale */
ul.nav,
ul.nav * { margin:0;padding:0;}
ul.nav {
position:relative;
background:#fff;
max-width:100%;
height:2.5em;
border-bottom: 1px solid #9f2114;
font-size: 13px;
}
ul.nav li {
cursor:pointer;
float:left;
text-align:center;
list-style-type:none;
font-weight:normal;
}
ul.nav li a {
color:#9f2114;
font-weight:bold;
text-decoration:none;
display:block;
float:left;
padding:0 1em;
height:2.5em;
line-height:2.5em;
}
ul.nav li:hover a,
ul.nav li a:hover,
ul.nav li a:focus {color:#fff; background:#9f2114;}
ul.nav li a:active {color:#fff; background:#9f2114;}
ul.nav li.actif a {
	color:#fff;
	background:#9f2114;
	cursor:default;
	font-weight:bold;
	text-align: left;
}
ul.nav li.actif {background:#9f2114 !important}

/* menu de gauche */
ul.menu-gauche {
border-top:0;
margin-bottom:0;
font-size: 13px;
font-weight: bold;
position:relative;
background:#fff;
max-width:100%;
height:2.5em;
}

ul.menu-gauche li {
list-style-type:none;
}

ul.menu-gauche li a {
display: block;
padding: 5px 0 4px 10px;
color: #9f2114;
text-decoration:none
}

ul.menu-gauche li:hover a,
ul.menu-gauche li a:hover,
ul.menu-gauche li a:focus {
	color:#fff;
	background:#9f2114;
	font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
	text-align:left
}

ul.menu-gauche ul li a {
	color:#999;
	font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
}

ul.menu-gauche ul li :hover a,
ul.menu-gauche ul li a:hover,
ul.menu-gauche ul li a:focus {
	color:#000;
	font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
	background: #fff;
	text-align:left
}


ul.menu-gauche li.actif a {
	color:#fff;
	cursor:default;
	font-weight:bold;
}
ul.menu-gauche li.actif {background:#9f2114 !important}

#titre-menu {
padding: 5px 0 4px 10px;
}
.menu-plan .actif {
color: #333;
text-decoration:none
font-weight: bold;

}



.menu-plan a {
font-size: 16px;
font-weight: bold;
color: #999;
margin-right: 10px;
text-decoration:none
}

/*menu-plan-agenda du mois
menu-plan :hover a,
menu-plan a:hover,
menu-plan a:focus {
	color:#000;
	font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
	background: #fff;
	text-decoration:none;
}*/


/* Form style */
input.txt  {
border: 1px solid #ccc;
width: 250px;
padding-left:5px;
}
form p  {
clear: left;
margin: 0;
padding: 0;
padding-top: 5px;
}
form p label  {
float: left;
width: 30%;
}
fieldset  {
margin-top: 16px;
padding: 10px;
}
legend  {
color: #515556;
padding:0px 10px 0px 0px;
font-weight:bold;
}
.select  {
width:255px;
}
textarea  {
border: 1px solid #ccc;
}

#submit {
width:220px;
height:24px;
line-height:24px;
cursor: pointer;
border:0;
color:#333;
padding:0px 0px 2px 0px;
margin:0px;
font-weight:bold;
float:right;
background-color: #ccc;
}
#submit:hover {
background-color: #9f2114;
color: #fff;
}

/*boite colonne*/
.boite-colonne {
	border: 1px solid #9f2114;
	color: #666;
}

.boite-colonne actualites {
	border: 1px solid #9f2114;
	padding:10px;
	color:#333;
}

.boite-colonne p {
	padding-left:5px;
	padding-right:5px;
	color: #666;
}

.boite-colonne a img {
border: 0;
}
.container_12 .grid_3 #gauche .menu-gauche ul {
	color: #999;
	margin-left: 20px;
}
.menu_up {
	text-align: right;
}

/*image boite droite*/
.image-boite-droite {
float: right;
}

/*agenda*/
.agenda{
	text-align: center;
	border: 1px solid #9f2114;
}