/*----------------------General------------------------*/
/*-------------------<--  b1nj.fr -->---------------------*/

/*---- Reset css -------*/
* {margin: 0; padding: 0;}
a img, img {border: 0;}
p {font-size: .8em;}

html, body {
    height: 100%;
}

/*---- Mise en page -------*/
body {
background: #efe6a5 url(design/body_bck.jpg) 0 0 repeat;
text-align: center;
font-family:  Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
font-size: 100%;
color: black;
position: relative;
}
#body2 {
background: transparent url(design/body2_bck.png) 0 0 repeat-x;
}
	#conteneur {
	position: relative;
	width:824px;
	margin: 0 auto;
	padding-top: 1px;
	text-align:left;
	background: #d6b78b url(design/conteneur_bck.jpg) bottom left repeat-y;
	}
	#conteneur2 {
	padding-bottom: 30px;
	background: transparent url(design/conteneur2_bck.jpg) bottom left no-repeat;
	}
/*---- Bandeau -------*/
#header {
position: absolute;
top: 0;
left: -34px;
height: 380px;
width: 868px;
background: transparent url(design/header_bck.png) 0 0 no-repeat;
}
	h1 {
	position: absolute;
	top: 45px;
	right: 60px;
	font-size: 1pt;
	color: white;
	height: 127px;
	}
	#diapo {
	position: absolute;
	top: 23px;
	left: 34px;
	}

/*---- Texte -------*/
#texte {
position: relative;
padding-top: 1px; /* fusion des marges */
width: 608px;
background: transparent url(design/texte_bck.png) 0 0 repeat-y;
margin: 379px 0px 0 38px;
padding-bottom: 10px;
color: black;
}
#texte_bas {
height: 8px;
background: transparent url(design/texte_bck_bas.png) 0 0 no-repeat;
font-size: 1pt;
margin: 0px 0px 0 38px;
}
	#texte h2 {
	color: black;
	font-size: 1.1em;
	margin-bottom: 0;
	background: transparent url(design/h2_bck2.jpg) 0 0 no-repeat;
	padding-top: 20px;
	padding-left: 65px;
	height: 50px;
	margin-right: 25px;
	margin-left: 25px;
	}
		#texte h2:first-letter {
		font-size: 1.3em;
		}
		/*//// PhR //////*/
   	#texte h2 select {
      	color: black;
      	font-size: 1.1em;
      	border:none;
      	border-color: transparent;
      	background-color: transparent;
   	}
   	#texte h2 input {
      	color: black;
      	font-size: .9em;
      	color: #0092D4;
      	border:1px outset #0092D4 ;
      	background-color: transparent;
      	text-decoration: underline;
		/*//// Fin PhR //////*/
   	}
	#texte h3 {
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: .5em;
	font-size: 1em;
	color: #0092d4;
	}
	#texte p {
	padding: .7em 25px .7em 25px;
	}
	#texte a, #texte strong, #texte b {
	color: #e0a800;
	}
		#texte a:visited {
		}
		#texte a:hover {
		text-decoration: none;
		}
	#texte ul {
	margin: .7em 15px 15px 55px;
	font-size: .8em;
	list-style-type:  square;
	}

/*---- Menu -------*/
#menu {
position: absolute;
top: -46px;
left: 0;
z-index: 500;
width: 600px;
background: transparent;
font-weight: bold;
letter-spacing: 0.005em;
border-top: 2px solid #D9D8F1;
border-bottom: 2px solid #D9D8F1;
line-height: 1.5em;
}
	#menu ul {
	list-style-type: none;
	margin: 0 0;
	}
		#menu li {
		padding-left: 7px;
		font-size: .9em;
		float: left;
		}
			#menu li.lien_actif a {
			color: #D8731D;
			}
			#menu a {
			color: #93B618;
			text-decoration: none;
			}
				#menu a:hover {
				text-decoration: underline;
				}

/*---- Formatage -------*/
.center {
text-align: center;
}
img.bordure {
border: 4px solid #ece9d8;
}
.floatleft{
float: left;
margin: 5px 10px 3px 20px;
}
.floatright{
float: right;
margin: 5px 20px 3px 10px;
}
.clear {
clear: both;
}
.hr {
height: 2px;
border-top: 2px solid #c8a97a;
width: 400px;
margin-left: 50px;
margin-bottom: 20px;
margin-top: 20px;
}
	.hr hr {
	display: none;
	}
ul.info li {
list-style-type: none;
padding-left: 20px;
background: transparent url(design/ul_puce.gif) 0 2px no-repeat;
}


/*---- Pied de page -------*/
#footer {
clear: both;
position: absolute;
bottom: -117px;
right: -112px;
width: 167px;
height: 151px;
color: #666666;
padding: 0px 0 0 0;
background: transparent url(design/footer_bck.png) bottom right no-repeat;
font-style: italic;
font-size: 8pt;
}
	#footer p {
	padding: 40px 20px 0 20px;
	text-align: center;
	}
	#footer p img {
	padding-top: 10px;
	}
	#footer a{
	color: #666666;
	text-decoration: underline;
	font-size: 10pt;
	}
		#footer a:hover{
		text-decoration: none;
		}

#partenaires {
width:824px;
margin: 0 auto;
margin-top: 5px;
margin-bottom: 5px;
text-align:left;
}
	#partenaires img{
	margin-right: 5px;
	}

/*---- multi page -------*/
.multipage {
   clear: both;
   text-align: center;
   padding-top: 15px;
}
	#texte .multipage a, #texte .multipage strong{
   	border: 1px solid #e1e4ec;
   	background: white;
   	padding: 1px 4px;
   	text-decoration: none;
   	color: #d88107;
	}
	#texte .multipage a:hover{
   	border: 1px solid #e1e4ec;
   	background: #f9dcc0;
   	color: white;
	}
	.multipage strong{
	  background: #e5f1ff ;
	}

/*---- bloc -------*/
#postit {
position: relative;
z-index: 50;
float: right;
background-position: 0 0;
background-repeat: no-repeat;
background-image:  url(design/postit_haut.png);
width: 247px;
margin-right: -144px;
margin-left: 10px;
margin-top: -50px;
padding-top: 147px;
}
	#postit_haut {
	width: 217px;
	min-height: 130px;
	padding-left: 10px;
	padding-right: 20px;
	background: transparent url(design/postit_milieu.png) right top repeat-y;
	}
	#postit_milieu {
	top: 100px;
	left: 0;
	position: absolute;
	padding-left: 10px;
	padding-right: 20px;
	}
	#blocktoscroll {
	top: 86px;
	left: 0;
	position: absolute;
	overflow:hidden;
	width:217px;
	height:200px;
	padding-left: 10px;
	padding-right: 20px;
	}
	#postit_haut h2 {
	position: absolute;
	top: 50px;
	right: 20px;
	font-size: 1em;
	color: #333333;
	width: 150px;
	text-align: right;
	background: 0 none;
	margin: 0 0;
	padding: 0 0;
	}
	#postit_haut img {
	}
	#postit_haut p {
	padding: 0 0 20px 0;
	}
	#postit_haut a, #postit_haut strong {
	color: black;
	}
	#postit_bas {
	height: 63px;
	font-size: 1pt;
	background: transparent url(design/postit_bas.png) bottom left no-repeat;
	}
	#postit img.bordure {
	border: 4px solid #F3F3F3;
 	}

.agenda {
font-size: 1em;
line-height:  1.3em;
text-align: center;
font-weight:  bold;
}
	#texte .agenda strong {
	color: white;
	background: #cc5500;
	text-decoration: none;
	}
	#texte .agenda a {
	color: white;
	text-decoration: none;
	}
		#texte .agenda a:hover {
		background: #cc5500;
		text-decoration: none;
		}
		
		#texte .agenda a:active {
		background: #cc5500;
		text-decoration: none;
		}
		
.manifestation {
position: relative;
}
	#texte .date {
	position: absolute;
	top: 0;
	left: -55px;
	background: #f9f5d9 url(design/date.jpg) bottom right no-repeat;
	width: 70px;
	border: 1px solid #DDCCB3;
	text-align: center;
	text-transform: uppercase;
	padding: 0 0;
	font-size: .7em;
	}
			.date .jour {
			display: block;
			font-size: 1.9em;
			font-weight: bold;
			color:  #d8731c;
			}	
			
			
/*Message d'erreur*/
.attention {
background: #fce5e1 url(design/attention.gif) 10px 5px no-repeat;
padding: 10px 5px 5px 50px;
margin: 1em 2em;
border: 1px #e88088 solid;
}

/*///////  PhR  ///////*/
.bloc {
   font-size: .8em;
   padding: 0 0 0 5em;
   margin:-.8em 0 0 0;
}
.bloc ul{
   font-size: 1em !important;
}
.fonction {
   color: #FF0000;
   background-color: inherit;
   font-weight: bold;
}
.nom {
   color: #0092D4;
   background-color: inherit;
}