html {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;/* "Trebuchet MS",  /**/
	font-size: 12px;
	background-color: #ffffff;
	background-position: center top;
	color: #333333;
	background-image: url(images/blog/images/fond.jpg);
	background-repeat: repeat-y;
	background-attachment: fixed;
}
* {
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}
div {
/*	border: 1px solid #000000;/**/
}
p {
  margin-top: 0.7em;
  margin-bottom: 0.7em
}
img {
	border: none;
}
a {
	color: #000000;
}
a:hover {
	color: #F20079;
}
.clear {
	clear: both;
}
#pagePlus {
	width: 775px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;/**/
	margin-top: 10px;
	margin-bottom: 10px;
}
#page {
	width: 775px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#entete {
	width: 775px;
	height: 100px;
	background-image: url(images/blog/images/entete.png);
}
#corps {
	background-image: url(images/blog/images/fond-blanc.png);
	background-repeat: repeat-y;
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#pied {
	background-image: url(images/blog/images/pied-fond.png);
	height: 304px;
	background-repeat: no-repeat;
	padding-top: 40px;
}
#logo {
	background-image: url(images/blog/images/saint-etienne-centre-ville.png);
	height: 82px;
	width: 604px;
	display: block;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 14px;
	float: left;
}
#logo span, #baseline, #form_recherche p, #form_recherche label span {
	display: none;
}
#pied .menu {
	list-style-type: none;
	margin-left: 19px;
	height: 33px;
	width: 775px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #A4A4A4;
}
#pied .menu li {
	display: block;
	float: left;
	margin-right: 34px;
}
#pied .menu li {
	margin-left: 20px;
}


#pied .menu a {
	font-size: 14px;
	color: #7E7E7E;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#pied  .menu a:hover {
	color: #E40078;
}
#pied .partenaires {
	list-style-type: none;
	margin-left: 19px;
	clear: both;
	margin-top: 0px;
	height: 47px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #A4A4A4;
	padding-bottom: 10px;
	width: 725px;
}

#pied .partenaires li {
	float: left;
}
#pied .text {
	margin-left: 19px;
	width: 715px;
	margin-top: 0px;
	text-align: justify;
	word-spacing: -0.1em;
	font-size: 10px;
	color: #7E7E7E;
}
#pied .text div {
	padding-top: 7px;
}

#tocema {
	display: block;
	float: left;
	margin-right: 25px;
	margin-top: 10px;
}
#logoPied {
	float: right;
	margin-left: 19px;
	margin-top: 10px;
}
#corps #ombre {
	background-image: url(images/ombre.png);
	background-repeat: repeat-x;
	height: 9px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 763px;
}
#ombreVerticale {
	background-image: url(images/ombre-verticale.png);
	background-repeat: repeat-y;
	width: 10px;
	height: 600px;
	position: absolute;
	left: 0px;
	top: 0px;
	
}

#col1 {
	float: left;
	width: 502px;
}
.billet {
	width: 460px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-color: #333333;
	margin-bottom: 20px;
}
.billet h3 {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.billet h3 a {
	color: #F20079;
	text-decoration: none;
}
.billet .date {
	color: #222222;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
.billet .desc {
	color: #666666;
	text-align: justify;
	padding: 0px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.billet p {
	margin-top: 0em;
	margin-bottom: 1.4em;
}
.billet .tag {
	color: #222222;
	font-weight: bold;
	padding: 0px;
	margin-top: -12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#billet .tag {
	margin-top: 0px;
}
.billet .tag span {
	font-weight: normal;
}
.billet .tag a {
	text-decoration: none;
	font-weight: normal;
}
#billets {
	margin-left: 20px;
	padding-top: 20px;
}
#billets h1 {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	color: #F20079;
}
#billet {
	margin-left: 20px;
	padding-top: 20px;
}
#billet h1 {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	color: #F20079;
}
#col2 {
	float: left;
	width: 217px;
	/*	background-image: url(images/ombre-verticale.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;/**/
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	color: #FFFFFF;
	padding: 20px;
	background-image: url(images/blog/images/fond-col2.png);
	background-repeat: no-repeat;
}
#col2 .bloc	{
	margin-bottom: 30px;
}
#col2 a {
	color: #FFFFFF;
	text-decoration: none;
}
#col2 a:hover {
	text-decoration: underline;
}
#col2 ul {
	padding-left: 20px;
}
#col2 .head:hover {
	text-decoration: underline;
	cursor: hand;
}
.pagination {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 460px;
}
.pagination a {
	padding: 3px;
}
.pagination span.on {
	color: #F20079;
}
#menu {
	background-image: url(images/blog/images/menu.png);
	height: 39px;
	width: 773px;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
}
#menu div {
	padding-top: 12px;
	text-align: right;
	padding-right: 30px;
}
#menu a {
	color: #ffffff;
	text-decoration: none;
}
#menu a:hover {
	color: #F20079;
	text-decoration: underline;
}
#menu form {
	display: inline;
}
#menu input {
	display: inline;
	width: 232px;
	margin-left: 8px;
	border: none;
	background-color: transparent;
}


#contact {
	background-image: url(images/blog/images/contact.png);
	height: 240px;
	width: 367px;
	position: absolute;
	top: 20px;
	left: 190px;
	display: none;
}
#contact div {
	text-align: center;
	padding-top: 140px;
	font-size: 13px;
	line-height: 22px;
}
a.fermerContact {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 6px;
	right: 12px;
}
a.fermerContact span {
	display: none;
}
p.rdv a {
	font-size: 15px;
	color: #F20079;
	font-weight: bold;
	text-decoration: underline;
}
p.rdv a:hover {
	color: #000000;
}