body {
	margin: 0;
	padding: 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: black;
	background-color:#d4e4eb;
	background-image: url(../images/fond-public.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
}

a {
	color: #252525;
	text-decoration: none;
}
a:hover{
	color: #199cd3;
}

img {
	border-style: none;
}

#page {
	padding: 0;
	width: 982px;
	margin: 10px auto 0;
	background-color: transparent;
	background-image: url(../images/entete-droite-public.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

#header {
}

#logo {
	float: left;
	position: relative;
	width: 192px;
}

#logo a {
	line-height: 0;
}

#header-droite {
	float: left;
	position: relative;
	width: 780px;
	text-align: right;	
}

#header-droite .int {
	padding: 15px;
}


#header-droite .int ul {
	list-style:none;
	padding: 0;
	margin: 0;
}

#header-droite .int ul img{
	border:none;
	float:left;
}

#header-droite .int ul li {
	float:right;
}

#header-droite .int ul li a {
	margin-right:20px;
}


a.bouton-haut a.bouton-haut:active, a.bouton-haut:link, a.bouton-haut:visited, a.bouton-haut:focus {
	display: block;
	padding: 4px 6px 4px 23px;
	background-position: 3px 50%;
	background-repeat: no-repeat; 
	background-color: transparent;       
	border: none;
	color: white;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}
a.bouton-haut:hover {
	border: 1px solid white;
	padding: 3px 5px 3px 22px;
	color: white;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	background-color: #199cc1;
}


#contenu {
	*margin-top: -3px;
	background-color: white;
	width: 982px;
}

#gauche {
	float: left;
	width: 192px;
	background-color: white;
	color: #434443;
	text-align: left;
	background: white url(../images/fond.png) repeat-x;
}

/* Bug IE7*/
*+html div#gauche {
	height: 473px;
}

#gauche .int {
	padding: 0px;
}


#gauche ul {
	list-style-type: none;
	padding: 10px 1px;
	margin: 0;
	text-align: center;
	font-size: 12px; 
	font-weight: bold;
	line-height: 20px;
}

#gauche li {
	margin: 0; 
	padding: 0; 
	background-image: url(../images/bas-menu.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#gauche li a, #gauche li a:active, #gauche li a:link, #gauche li a:visited, #gauche li a:focus {
	color: #363837;
	display: block;
	background: transparent url(../images/fleche.gif) no-repeat; 
	background-position: right center; 
	padding: 8px 25px;
	border-bottom: 1px solid #f0e8e8; border-top: 1px solid white;
	outline: none;
}

#gauche li a:hover {
	color: black;
	background-color: white; /*#e5dbdc;*/
	border-color: #e5dbdc;
}

#plaquette { 
	display: none;
	background-color: transparent;
    background-image: url(../images/pdf_icon.gif);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 5px 0 5px 50px;
	margin: 24px 0 0 8px;
	font-size: 13px;
	font-weight: bold;
}

#cache-ie6 {
	position: relative;
	float: left;
	top: 0px;
	background: red;
	height: 75px;
	width: 192px;
}

#acces {
	position: relative;
	margin: 25px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
}

#acces .int {
	padding: 5px;    
}

#acces form {
	padding: 0;
	margin: 0;
}

#acces-titre {
	padding: 2px 0 0 5px;
}

#acces-champs {
	/*background-color: transparent;
	background-image: url(../images/form_icon.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 7px 0 7px 50px;*/
	padding: 7px 5px;
	
}

#acces-champs input {
    width: 145px;
    color: #363837;
	border:1px solid #dbd2d2;	
	margin: 1px 0;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 20px;
	font-weight: normal;

}

input.user {
	background-color: #F7F7F7;
	background-image: url(../images/user.gif);
	background-repeat: no-repeat;
}
input.pass {
	background-color: #F7F7F7;
	background-image: url(../images/lock.gif);
	background-repeat: no-repeat;
}

#acces-bouton {
	text-align: center;
}

#acces-bouton input{
    background: #dbd2d2;
	border: 1px solid #FFF;	
	cursor: pointer;	
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	padding: 1px 5px;
}
a.acces-oublie {
    font-size: 11px;
    font-weight: normal;
}

#form_ident {
    width:180px;
    height:115px;
    margin:0 0 0 -6px;	
}
#form_ident table{
	height:115px;	
}

#form_ident input {
    width:120px;
    border:0;
   /* color:#CACACA;*/
    color: #363837;
    background:#d7d7d7;
	border:1px solid #FFF;	
}

#form_ident a {
	background-color:#d7d7d7;
	padding:2px 20px 2px 20px;
	text-align:center;
}

#droite {
	float: left;
	width: 790px;
    background-color: #fff;
}
#droite .int{
	padding: 0px;
}

#arrondis {
	height: 20px;
	background-image: url(../images/footer-public.gif);
	background-color: transparent;
}

#arrondis-bug-ie6 {
	background: white; height: 1px;
}

#footer{
	padding: 15px;
	text-align: center;
	color: #908670;
}

#footer a {
	color: #605b4f;
}


h1 {
	font-size: 16px;
	font-weight: bold;
	color: #199cd3;
	
	margin: 0;
	padding: 0;
}

#bloc-accueil {
	height: 470px;
	*height: 440px;
	_height: 457px;
}

#photos-accueil {
	float: right;
	position: absolute;
	top: 156px;
}

.article {
	margin: 17px 17px;
	font-size: 12px;
	line-height: 130%;
}

.article h1 {
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0 10px 10px 5px;
	border-bottom: 2px solid #1a9bd4;
	font-size: 18px;
	
}

.contenu-article {
	margin: 25px 10px;
}

.contenu-article h2 {
	margin: 20px 0 10px 0;
	padding: 5px;
	background: #eee4e5;
	font-size: 14px;
	color: #403233;
}

.contenu-article p {
	padding: 3px;
}

.imprimer {
	text-align: right;
}

#phrase {
	clear: both;
	color: #e6f3f8;
	text-align: left;
	font-size: 17px;
	padding: 20px 0 0 20px;
	*padding: 10px 0 0 20px;
	line-height: 150%;
}
#phrase span {
	font-weight: bold;
	color: white;
}

.ADDON_FORMS {
border: none;
}