*{
	margin: 0;
	padding: 0;
}
img {
    border: 0;
}
body{
	background:#CCC url(../images/f-site.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
#page {	
	margin: 0 auto;
	position: relative;
	width: 901px;
	border: 0;
}
#top{
	margin:0;
	background:url(../images/f-top.png);
	height: 181px;
}
#contenu {
	width: 901px;
}
#cadre-droite{
	float:right;
	width:252px;
	}
#cadre-droite-h{
	width:252px;
	height:16px;
	background:url(../images/f-h-droite.png);
	}
#cadre-droite-contenu{
	width:252px;
	/*min-height:500px;*/
	height:660px;
	background:#8baed8;
	padding:5px 0;
	}
#cadre-droite-b{
	width:252px;
	height:16px;
	background:url(../images/f-b-droite.png);
	}
#cadre-gauche{
	float:left;
	width:649px;
	}
#cadre-gauche-h{
	width:649px;
	height:16px;
	background:url(../images/f-page-g.png);
	}
#cadre-gauche-contenu{
	width:579px;
	/*min-height:500px;*/
	height:620px;
	overflow:auto;
	background:#FFF;
	padding:25px 35px;
	}
#cadre-gauche-b{
	width:649px;
	height:16px;
	background:url(../images/f-foot.png);
	}
	
.bienvenue{
	float:left;
	padding:0;
	margin:0;
	}
.bienvenue-h{
	line-height:28px;
	text-align:center;
	color:#f2b922;
	font-size:15px;
	width:306px;
	height:28px;
	background:url(../images/f-h-bienvenue.png) no-repeat;
	}
.bienvenue-contenu{
	/*min-height:175px;*/
	height:180px;
	width:304px;
	background:#FFF;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	font-size:10px;	
	}
.bienvenue-b{
	background:url(../images/f-b-bienvenue.png) no-repeat;
	width:306px;
	height:13px;
	}

.actu{
	float:right;
	margin: 0;
	}
.actu-h{
	line-height:28px;
	text-align:center;
	color:#f2b922;
	font-size:15px;
	width:252px;
	height:28px;
	background:url(../images/f-h-actu.png) no-repeat;
	}
.actu-h a {
	color:#f2b922;
	text-decoration:none;
	}
.actu-contenu{
	/*min-height:175px;*/
	height:180px;
	width:250px;
	background:#FFF;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;	
	}
.actu-contenu ul li{
	padding:3px;
	margin-left:25px;
	}
.actu-contenu ul li a{
	color:#000;
	text-decoration:none;
	font-size:12px;
	}
.actu-b{
	background:url(../images/f-b-actu.png) no-repeat;
	width:252px;
	height:13px;
	}
.visiteur{
	margin:30px 0 0 0;
	width:573px;
	}
.visiteur-img {
	margin:0 0 0 -20px;
	float:left;
	width:233px;
	height:33px;
	}
.visiteur-contenu{
	float:left;
	background:#8BAED8 url(../images/f-g-visteur.png) no-repeat;
	width:553px;
	height:205px;
	padding: 0 0 0 20px;
}
.visiteur-photo{
	float:right;
	margin-left:10px;
}


a{
	text-decoration: underline;
	color: #000;
} 
p.suite{
	margin:5px;
	text-align:right;
}
p.suite a{
	text-decoration: none;
	color: #111;
	font-style:italic;
	font-size:10px;
}
.foot{
	padding:10px 0;
	font-size:10px;
	color:#000;
	text-align:center;
}
.finfloat{
	clear:both;
}


/* Menus */
#menu{
	margin:0;
	width: 880px;
	height: 22px;
	z-index:2;
	padding:3px 10px;
	color:#000000;
	font-size:14px;
	font-weight:bold;
}
#menu a{
	color:#000000;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#menu dl {
	float: left;
	width: 88px;
	margin: 0 0 0 5px;
	list-style: none;
}
#menu dl.menucourt {
	width: 68px;
}
#menu dd{
	position: absolute;
	z-index:10;
}
#menu ul {
	padding:0;
	margin:0;
	/*border-left: 1px #FF0 solid;
	border-right: 1px #FED404 solid;*/
}
#menu ul li {
	padding:0;
	margin:0;
	list-style: none;
	list-style-position: outside;
}	
#menu ul li a {
	padding: 2px;
	width: 174px;
	display:block;
	border-bottom: 1px #FFF solid;
	background:#6699CC;
	font-size: 12px;
	color: #FFCC33;
	text-align: left;
	text-decoration: none;
}
* html #menu ul li a {
	width: 178px;
}
#menu li a:hover {
	background : #8BAED8;
	font-weight: bold;
}
/* Fin Menus */

/* Formulaires */
.chps {
	padding: 1px;
	background-color: #FFF;
	border: 1px solid #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}
.bouton{
	background-color:#EEE;
	border: 1px solid #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bolder;
	color: #333;
}
.boutonr{
	background-color:#E2373F;
	border: 1px solid #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bolder;
	color: #FFF;
}

.erreur{
	color:#F00;
	font-weight: bold;
	padding:5px 15px;
}
.confirm{
	color:#039ce2;
	font-weight: bold;
	padding:5px 15px;
}
		/*Recherche*/
#recherche{
	height:30px;
	width: 210px;
	text-align:center;
}
#recherche input.champs{	
	margin:0 0 0 0;
	padding:4px 0;
	width:175px;
	height:12px;
	line-height:12px;
	background-color: #FEFEFE;
	border: 1px solid #004A99;
	border-right:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
#recherche input.valid{
	float:right;
	margin:0;
	padding:0;
	width:20px;
	height:20px;
	background-color:#004A99;
	border: 1px solid #F2B922;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bolder;
	color: #F2B922;
}
/* Agenda */
.txt-agenda{
	font-size:10px;
	padding:1px 3px;
}
#f-abonnement{
	background:#fcde84;
	width:565px;
	padding-left:20px;
	}

/* Popup JS */

#popjs{
	display: none;
}
/* POPJS */
div.PopJSfond {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 600;
	left: 0;
	top: 0;
	background-color: #000000;  /* le fond                 */
	filter:alpha(opacity=50);   /* Internet Explorer 6     */
	-moz-opacity:0.5;           /* Mozilla 1.6 et infér.   */
	opacity: 0.5;               /* CSS3 et Mozilla récents */
}
div.PopJSaffich {
	z-index: 606;
	position: fixed;
	left: 50%;
	top: 30%;
	margin-top: 30px;
	margin-left: -330px;
	padding:10px 0;
	width: 660px;
	background-color: #000000;
	text-align:center;
}
div.PopJSclose {
	/*z-index: 607;
	position: fixed;
	left: 50%;
	top: 0;
	margin-top: 5px;
	margin-left: -330px;
	width: 660px;
	height: 25px;*/
	text-align: right;
	background-color: #000000;
}

div.PopJSclose a:visited,
div.PopJSclose a:link,
div.PopJSclose a:active,
div.PopJSclose a:hover{
	padding:3px 5px;
	color: #FFF;
	line-height:20px;
}


* html div.PopJSfond {
	z-index: 605;
	position: absolute;
	text-align: center;
}
* html div.PopJSaffich {
	z-index: 606;
	position: absolute;
	background-color: #000000;
	left: 50%;
	top: 0;
	margin-top: 20px;
	margin-left: -350px;
	padding: 24px
}
* html div.PopJSclose {
	position: absolute;
	z-index: 607;
	left: 50%;
	top: 0;
	margin-top: 20px;
	margin-left: -330px;
	width: 688px;
	height: 22px;
	text-align: right;
}