/***** CSS *****/
/*
+-----------------------------------------------------------------------+
| Copyright (c) 2005-2008 Infini'click					              	    |
|                                                                       				|
| http://www.infiniclick.fr														|
|                                                                       				|
| Date de réalisation : 10/2009          										|
+-----------------------------------------------------------------------+
*/

body, html { margin: 0; color: #000; font-weight: normal; background: url(../images/site/fond-body.png) repeat; height: 100%; font-family: "Georgia"; }

a img:link {border:none; background: transparent;} 
a img:visited {border:none; background: transparent;} 
a img:hover {border:none; background: transparent !important;} 
a img:hover {border:none; background: transparent;} 
a:link img {border: none; background: transparent;} 
a:visited img {border:none; background: transparent;} 
a:hover img {border:none; background: transparent !important;} 
a:hover img {border:none; background: transparent;}
a, a:active, img, img:active, input img, input img:hover { border: none; outline: none; }

#content { width: 100%; margin: 0 auto; padding: 0; height: auto; }
/* Header */
#header { margin: 0 auto; width: 1000px; height: 116px; background: url(../images/site/fond-header.png) no-repeat; }
.logo { padding: 36px 0 0 40px; width: 250px; height: 60px; }
.pub { background: url(../images/site/fond-pub.png) no-repeat; margin: -96px 0 0 300px; width: 690px; height: 116px; padding: 25px 0 0 25px; }
/* Barre */
#barre { margin: 0 auto; width: 1000px; height: 69px; background: url(../images/site/fond-barre.png) no-repeat; }
.rss { margin: 0 0 0 750px; width: 180px; padding-top: 20px; }
/* Recherche */
#form-recherche { position: absolute; margin: -32px 0 0 820px; background: url(../images/site/fond-recherche.png) no-repeat; width: 282px; height: 40px; }
#form-recherche div { position: relative; }
#form-recherche div .input, #form-recherche div .input:focus { background: none; border: none; margin: 5px 0 0 0; font-size: 14px; color: #413b2a; font-size: 12px; font-family: "Georgia"; padding: 1px 2px 2px 6px; line-height: 10px; position: relative; outline: none; }
.bouton-recherche, .bouton-recherche:focus { clear: both; background: url(../images/site/picto-loupe.png); width: 27px; height: 27px; border: none; cursor: pointer; position: absolute; margin: 1px 0 0 -60px; }

#global { clear: both; height: auto; width: 1000px; margin: 0 auto; }
#contenu { background: url(../images/site/fond-site.png); width: 1000px; height: auto; }
#page { overflow: hidden; }
#left { float: left; width: 669px; height: auto; padding: 0 25px; }
.bandeau { position: absolute; color:#413b2a; font-size: 16px; font-weight: normal; line-height: 20px; margin: -46px 0 20px 0; padding-left: 10px; }
.bandeau a, .bandeau a:visited { color:#413b2a; text-decoration: none; }
.bandeau a:hover { color:#413b2a; text-decoration: underline; }

h1, h2 { color:#413b2a; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0; padding: 0 0 2px 0; }
h2 { font-size: 15px; line-height: 17px; }
h1 a, h1 a:visited, h2 a, h2 a:visited { color:#413b2a; text-decoration: none; }
h1 a:hover, h2 a:hover { color:#413b2a; text-decoration: underline; }
h3, h4 { color:#413b2a; font-size: 15px; font-weight: bold; line-height: 17px; margin: 0; padding: 0 0 2px 0; }
h4 { font-size: 14px; line-height: 16px; }

.liste-articles { margin-bottom: 20px; }
.article-haut { background: url(../images/site/article-haut.png) no-repeat; width: 656px; height: 35px; padding: 10px 10px 0; }
.infos-art { font-size: 12px; font-weight: normal; text-decoration: none; color: #afaca4; line-height: 14px; }
.infos-art a, .infos-art a:visited { text-decoration: none; color: #413b2a; }
.infos-art a:hover { text-decoration: underline; color: #413b2a; }
.accroche-art { width: 656px; height: auto; margin: 0; padding: 0 10px; }
.vignette-art, .vignette-article { background: url(../images/site/fond-vignette.png) no-repeat; float: left; width: 109px; height: 109px; padding: 1px 0 0 1px; }
.vignette-article { margin-right: 10px; }

.titre-article {
	color:#413b2a;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	margin: 0;
	padding: 0 0 2px 0;
}
.titre-article a, .titre-article a:visited {
	color:#413b2a;
	text-decoration: none;
}
.titre-article a:hover {
	color:#413b2a;
	text-decoration: underline;
}
.texte-liste { margin-left: 120px; font-size: 14px; font-weight: normal; text-decoration: none; color: #000; line-height: 16px; }
.texte-liste a, .texte-liste a:visited { font-weight: bold; text-decoration: underline; color: #413b2a; }
.texte-liste a:hover { text-decoration: underline; color: #938d76; }
.bouton-article { text-align: right; margin-right: 10px; }
.article-bas { margin-top: -40px; background: url(../images/site/article-bas.png) no-repeat; width: 656px; height: 31px; padding: 26px 10px 0; }
.infos-art { font-size: 12px; font-weight: normal; text-decoration: none; color: #7c7a71; line-height: 14px; }
.chiffres-art { font-size: 12px; font-weight: normal; text-decoration: none; color: #413b2a; line-height: 14px; }
.texte-art { margin-left: 10px; font-size: 14px; font-weight: normal; text-decoration: none; color: #000; line-height: 16px; }
.texte-art ul li { padding-bottom: 4px; }
.texte-art a, .texte-art a:visited { text-decoration: underline; font-weight: bold; color: #413b2a; font-size: 13px;  }
.texte-art a:hover { text-decoration: underline; color: #938d76; }
.accroche-avatar { width: 656px; height: 60px; }
.avatar { margin: 0; width: 50px; }
.titre-avatar { color: #7c7a71; font-size: 12px; font-weight: normal; padding: 3px 0 0 14px; margin: -50px 0 0 50px; }
.titre-avatar a, .titre-avatar a:visited { color: #413b2a; text-decoration: none; }
.titre-avatar a:hover { color: #413b2a; text-decoration: underline; }
.texte-avatar { font-size: 14px; font-weight: normal; margin: 20px 0; width: 656px; height: auto; color: #000; padding: 1px 10px; background: url(../images/site/article-bas.png) bottom no-repeat; }
.texte-avatar a, .texte-avatar a:visited { color: #413b2a; font-weight: bold; text-decoration: underline; }
.texte-avatar a:hover { color: #7c7a71; font-weight: bold; text-decoration: underline; }
.filet-art { margin: -10px 0 20px 0; border-bottom: 1px dashed #00abec; }
.image { margin-right: 20px; }

.art-com { margin: 0 0 10px 0; padding: 6px 10px 0; background: #f4f4f4; font-size: 13px; font-weight: normal; text-decoration: none; line-height: 16px; color: #000; }
.com-art { margin: 10px 0; padding: 6px 10px; background: #f0f0f0; border: 1px solid #acacac; font-size: 14px; font-weight: normal; text-decoration: none; line-height: 16px; color: #000; }
.com-art a, .com-art a:visited { font-size: 14px; font-weight: normal; text-decoration: none; line-height: 16px; color: #00abec; }
.com-art a:hover { font-size: 14px; font-weight: normal; text-decoration: none; line-height: 16px; color: #ff7800; }
.bouton, .bouton:hover, .bouton:focus { border: none; background: none; background: url(../images/site/bouton-envoyer.png) no-repeat; width: 86px; height: 24px; cursor: pointer; }

.requis { font-weight: normal; font-size: 11px; color: #ff7800; text-decoration: none; line-height: 20px; }
.erreur { font-size: 14px; color: #ff0000; padding: 4px 0; font-weight: bold; }
.msg-ok { font-size: 14px; color: #ff0000; padding: 4px 0; font-weight: bold; }
#msg-erreur { display: none; font-size: 14px; color: #666; padding: 4px 0; font-weight: bold; }
.erreur a, .erreur a:visited { font-weight: normal; font-size: 14px; color: #ff7800; text-decoration: none; }
.erreur a:hover {
	font-weight: normal;
	font-size: 14px;
	color: #00abec;
	text-decoration: none;
}
.modif-ok { 
	font-weight: bold;
	font-size: 14px;
	color: #666;
	padding: 10px 8px;
	margin-bottom: 20px;
}
pre {
	width: 650px;
	border-left: 7px solid #ccc;
	font-size: 14px;
	color: #7a7a7a;
	padding: 0 8px;
}
.alerte {
	padding: 2px;
	line-height: 30px;
	vertical-align: top;
	margin-left: 1px;
}
input, textarea, select {
	border: 0;
	font-weight: normal;
	font-size: 14px;
	color: #413b2a;
	text-decoration: none;
	background: #eeeee9;
	padding: 4px 1px;
	outline: none;
	border: 1px solid #acacac;
	margin-top: 6px;
}
.input-recherche, .input-recherche:focus, .input-recherche-focus {
	border: none;
	background: transparent;
	outline: none;
}
div.bordure-arrondie {  
	background: #eeeee9;		
}
div.conteneur-arrondi {
	background-color: #eeeee9; 	
	padding: 4px 1px;
	border: 1px solid #acacac;
}
input.arrondi {
	border: 0;				
	background-color: #eeeee9;	
	color: #413b2a;	
	padding: 4px 1px;	
	outline: none;		
}
#conteneur-formulaire {
	padding: 0;
}
radio {
	margin-top: 0;
	border: 0;
}
.titre-infos {
	font-size: 14px;
	font-weight: normal;
	color: #ff7800;
	border-bottom: 1px dashed #ff7800;
	padding-bottom: 2px;
}
#right {
	margin: 0 0 0 720px;
	width: 280px;
	height: auto;
	padding: 0;
	position: relative;
}
/* Calendrier */
#calendrier {
	width: 250px;
	min-height: 180px;
	max-height: 210px;
	margin: 0 auto 20px;
	padding: 0 15px;
}
.cal-entete {
	line-height: 18px;
	height: 30px;
	font-size: 16px;
	font-weight: normal;
	color: #413b2a;
	text-align: center;
}
.cal-entete a, .cal-entete a:visited {
	color: #413b2a;
	text-decoration: none;
}
.cal-entete a:hover {
	color: #413b2a;
	text-decoration: underline;
}
ul.entete-jour {
	margin: 0 0 0 -32px;
	width: 250px;
	list-style-type: none;
	height: 20px;
}
ul.entete-jour li {
	list-style-type: none;
	float: left;
	border: 1px solid #afaca4;
	margin-right: -1px;
	background: #afaca4;
	color: #fff;
   	font-size: 13px;
   	padding: 2px;
	width: 28px;
	height: 20px;
	line-height: 18px;
	text-align: center;
}
ul.liste-jour {
	margin: 0 0 0 -32px;
	width: 250px;
	list-style-type: none;
	height: auto;
	text-align: center;
}
ul.liste-jour li {
	list-style-type: none;
	float: left;
	display: block;
	padding: 2px;
	width: 28px;
	background: #e9e6de;
	border: 1px solid #afaca4;
	margin-right: -1px;
	border-top: none;
	font-size: 13px;
	font-weight: normal;
}
ul.liste-jour li.jour {
	color: #413b2a;
	text-align: center;
	width: 28px;
	height: 24px;
	line-height: 24px;
}
ul.liste-jour li.jour-actif {
	color: #988d6c;
	text-align: center;
	font-weight: bold;
	width: 28px;
	height: 24px;
	line-height: 24px;
}
ul.liste-jour li.jour-lien {
   	color: #988d6c;
	text-align: center;
	width: 28px;
	height: 24px;
	line-height: 24px;
}
ul.liste-jour li.we {
	background: #f3f0e8;
   	color: #413b2a;
	text-align: center;
	width: 28px;
	height: 24px;
	line-height: 24px;
}
ul.liste-jour li.we-actif {
	background: #f3f0e8;
	color: #988d6c;
	font-weight: bold;
	text-align: center;
	width: 28px;
	height: 24px;
	line-height: 24px;
}
ul.liste-jour li.we-lien {
	background: #f3f0e8;
   	color: #938d76;
	text-align: center;
	width: 28px;
	height: 24px;
	line-height: 24px;
}
ul.liste-jour li.jour-actif a, ul.liste-jour li.jour-actif a:visited, ul.liste-jour li.jour-lien a, ul.liste-jour li.jour-lien a:visited, ul.liste-jour li.we-lien a, ul.liste-jour li.we-lien a:visited, ul.liste-jour li.we-actif a, ul.liste-jour li.we-actif a:visited {
	color: #938d76;
	text-decoration: none;
}
ul.liste-jour li.we-lien a, ul.liste-jour li.we-lien a:visited, ul.liste-jour li.we-actif a, ul.liste-jour li.we-actif a:visited {
	background: #f3f0e8;
}
ul.liste-jour li.jour-actif a:hover, ul.liste-jour li.jour-lien a:hover, ul.liste-jour li.we-lien a:hover, ul.liste-jour li.we-actif a:hover {
	color: #413b2a;
	text-decoration: none;
}
ul.liste-jour li.we-lien a:hover, ul.liste-jour li.we-actif a:hover {
	background: #f3f0e8;
}
#colonne {
	width: 273px;
	height: auto;
	margin: 0;
	padding: 0 0 0 3px;
}
.entete {
	height: 70px;
	font-size: 16px;
	font-weight: normal;
	color: #000;
}
ul.entete-texte {
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #413b2a;
	padding: 0 10px;
	margin: 0 0 10px 10px;
	list-style-type: none;
}
ul.entete-texte li {
	list-style-type: disc;
}
ul.entete-texte li a, ul .entete-texte li a:visited {
	color: #413b2a;
	text-decoration: none;
}
ul.entete-texte li a:hover {
	color: #413b2a;
	text-decoration: underline;
}
.texte-com {
	color: #000;
}
/* Footer */
#footer {
	width: 1000px;
	height: 80px;
	background: url(../images/site/fond-footer.png) no-repeat;
	margin: 0 auto;
}
.copyright, footer-liens {
	padding: 30px 0 0 30px;
	color: #7c7a71;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	float: left;
	width: 800px;
}
.footer-liens a, .footer-liens a:visited {
	color: #413b2a;
	text-decoration: none;
}
.footer-liens a:hover { 
	color: #413b2a;
	text-decoration: underline;
}
/* Plan du site */
#contenu ul.plan {
	display: block;
	margin-left: -20px;
}
#contenu ul.plan li {
	margin-left: -20px;
	list-style-type: none;
	color: #413b2a;
	font-size: 14px;
	text-decoration: none;
}
#contenu ul.plan li a {
	color: #413b2a;
	font-size: 14px;
	text-decoration: none;
}
#contenu ul.plan li a:hover {
	color: #938d76;
	font-size: 14px;
	text-decoration: none;
}
ul.plan li.hr {
	border-bottom: 1px solid #c4c4c4;
	margin: 2px 0 12px;
}
/* Pager */
#pager {
	margin: 20px 0;
}
#pager ul.np, ul.np {
	display: block;
	font-size: 13px;
	line-height: 15px;
	text-align: center;
	list-style-type: none;
	margin-left: -40px;
}
#pager ul.np li, ul.np li {
	float: left;
	margin-right: 4px;
	list-style-type: none;
}
#pager ul.np li.encours {
	display: block;
	background: url(../images/site/pager-hover.png) no-repeat;
	padding: 0 11px 0 9px;
	color: #fff;
	height: 25px;
	line-height: 25px;
}
#pager ul.np li a, #pager ul.np li a:visited {
	display: block;
	background: url(../images/site/pager.png) no-repeat;
	padding: 0 11px 0 9px;
	color: #413b2a;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
#pager ul.np li a:hover {
	display: block;
	background: url(../images/site/pager-hover.png) no-repeat;
	padding: 0 11px 0 9px;
	color: #fff;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
#pager ul.np li.grand a, #pager ul.np li.grand a:visited {
	display: block;
	background: url(../images/site/pager-grand.png) no-repeat;
	padding: 0 11px 0 9px;
	color: #413b2a;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
#pager ul.np li.grand a:hover {
	display: block;
	background: url(../images/site/pager-grand-hover.png) no-repeat;
	padding: 0 11px 0 9px;
	color: #fff;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
.image {
	margin-right: 10px;
}