.accueil {
	font-family: Verdana,"Times New Roman", Times, serif;
font-size: 14px;
}


.journal {
	margin-left: 15px;
	margin-right: auto;
	float:left;
}
.democrite {
margin-left:150px;}
.diogene {
margin-left:50px;}
.coordonnees {
	margin-left: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	border: 0px;
	border-color: White;
}
address {
	margin-left: 15px;
	margin-right: auto;
}
.mail {
	margin-left: 200px;
	margin-right: auto;
}

#contact {

margin-left: 0px;
margin-right: 5px;
margin-bottom: 5px;

	}

.libertographe {
text-align:center;
font-size:15px;}
.bordure {
	border: solid;
	border-color: Black;
	float: right;
margin-left: 10px;
margin-right: 15px;
}


body {

margin: 0;
padding: 0;
background-color:#4F5B6B ;
background-image: url(img/fond.jpg);
}

#info {
margin: 0px 0 0 15px;
}

#header {
height: 80px;
background-color: White;
background-image: url(img/banniere2.jpg);
}
#header2 {
height: 80px;

background-image: url(img/banniere3.jpg);
}
#header3 {
height: 80px;

background-image: url(img/banniere4.jpg);
}
#navcontainer
		{
			margin: 0px 0 0 0px;
			padding: 0;
			height: 20px;
		}
		
		#navcontainer ul
		{
			border: 0;
			margin: 0;
			padding: 0;
			list-style-type: none;
			text-align: center;
		}
		
		#navcontainer ul li
		{
			display: block;
			float: left;
			text-align: center;
			padding: 0;
			margin: 0;
		}
		
		#navcontainer ul li a
		{
			background: #fff;
			width: 105px;
			height: 18px;
			border-top: 1px solid #DFECFD;
			border-left: 1px solid #DFECFD;
			border-bottom: 1px solid #DFECFD;
			border-right: none;
			padding: 0;
			margin: 0 0 10px 0;
			color: #4F5B6B;
			text-decoration: none;
			display: block;
			text-align: center;
			font: normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
		}
		
		#navcontainer ul li a:hover
		{
			color: #930;
			background: #DFECFD;
		}
		
		#navcontainer a:active
		{
			background: #4F5B6B;
			color: #fff;
		}
		
		#navcontainer li#active a
		{
			background: #4F5B6B;
			border: 1px solid #B0A494;
			color: #fff;
		} 


#conteneur {
width:850px;
margin:0 auto;
background-color: white;
background-image: url(img/fond_conteneur.jpg);
background-position:top left;
background-repeat:repeat-y;

}
#conteneur2 {
width:600px;
margin:0 auto;


}
#conteneur3 {
width:770px;
margin:0 auto;


}
#conteneurcontact {
width:850px;
margin:0 auto;
background:#2e2e26;
background-image: url(img/fond_conteneur.jpg);
background-position:top left;
background-repeat:repeat-y;

}




#centre {
background-color:#FFFFFF;
margin-left: 180px;
margin-right: 5px;
margin-bottom: 5px;
font-family: Verdana, "Bitstream Vera Sans", geneva, arial, helvetica, sans-serif;
font-size: 12px;
list-style-type: none;
line-height: 130%;
text-align: justify;
min-height: 700px;
height:auto;
}
#modified {
font-family: Verdana, "Bitstream Vera Sans", geneva, arial, helvetica, sans-serif;
font-size: 10px;
margin-top: 5px;

}
#centre dt {
margin-left: 15px;
margin-right: 15px;
}
.parcours {
	background-color: #E3E3E3;
}

#centre dd {

margin-right: 15px;
}
 
 .floatright
{
float: right;
margin: 0px 0 2px 10px;
clear: right;
border: 0px;
}
 .floatleft
{
float: left;
margin: 0px 10px 2px 0;
clear: left;
border: 0px;
}

 .antiphon
 {
 margin: 5px 5px 10px 130px;
 border: 0px;
float: none;
border: 0px;
}


 .normal
 {
 margin: 5px 5px 10px 15px;
 border: 0px;
float: none;
border: 0px;
}
 .moulin
 {
 margin: 15px 5px 10px 15px;
 border: 0px;
float: none;
border: 0px;
}
#liste a:link  {
color: Black; }
#liste a:visited {
color: Gray;}
#liste a:hover {
color: #993300; }
#liste { margin-right: 10px;
}
#conteneurmenu {
float:left;
width: 180px;
}



#conteneurmenu dd, #conteneurmenu dt {
	margin-left: 0px;
	padding-left: 10px;
	line-height: 14px;
	margin-bottom: 4px;
	}
#conteneurmenu dd {
font: normal 12px/16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
color: #DFECFD;
}

body #conteneurmenu dt 	{
font: bold 12px/15px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;

	margin-top: 0px;
	color: #DFECFD;
	padding: 2px 5px;
	background: #999999;
	
	
	}

#conteneurmenu dd a:link, #conteneurmenu dd a:visited {
	font-weight : normal; 
	}

 #pied {
  clear: both;
	border: 0;
	border-top: 5px solid #364450;
	border-bottom: 5px solid #364450;
	background: #364450;
	color: #000000;
	width: 100%;
	padding: 5px 0;
	}

p {margin: 10px 15px 9px 15px;}
h1	{
	text-indent: -9999px;
	text-decoration:none;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
h1 a:link, h1 a:visited	{
	display: block;	
	width: 750px;
	height: 80px;
    margin: 0 0 0 0px;
	padding: 0;
	border: 0;
	}
	
h2 {
font-size:18px;
font-family: Verdana, "Bitstream Vera Sans", geneva, arial, helvetica, sans-serif;
color: #58503D;
margin: 25px 15px 0 15px;
line-height: 120%;
}

h3 {
font-size:14px;
font-family: Verdana, "Bitstream Vera Sans", geneva, arial, helvetica, sans-serif;
color: #58503D;
margin:0 15px 0 15px;
}
h4 {
font-size:13px;
font-family: Verdana, "Bitstream Vera Sans", geneva, arial, helvetica, sans-serif;
color: #58503D;
padding: 2px 10px 0px 15px;

}
h5 {font-size:13px;
font-family: Verdana, "Bitstream Vera Sans", geneva, arial, helvetica, sans-serif;
color: #58503D;
padding: 0 15px 0 15px;

}

 .visuel
{
float: right;
margin-left: 10px;
margin-right: 15px;
border: 0px;
}

#pied p {
	background: transparent url(img/pied.jpg);	
	text-align: center;

	line-height: 30px;
   margin: 0;

	padding: 0 0 0 60px;
   font-size: 11px;
	font-weight: bold;
	letter-spacing: 2px;
	font-family: Verdana, "Bitstream Vera Sans", geneva, arial, helvetica, sans-serif;
	color: White;
}
h2:first-letter {
font-size: 120%;
	}


	/* page première dame */
	
	#mainright {
		width:32%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		}
	
	#maincenter {
		width:33%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		}
	
	#mainleft {
		width:32%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		}
		/* fin (page première dame) */
	/* div avec bords arrondis */
	
	/* journal lignes */
	#gauche {
		width:48%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		}
	
	#droite {
		width:48%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		}
	/* fin journal ligne */
	/* div avec bords arrondis */
		.raised {
background:transparent; 
width:210px;
float: right;
margin: 0 5px 2px 5px;
clear: right;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
line-height: 90%;
text-align:left;
  }
.raised dl {
  margin:0 3px;
  }
.raised dt, .raised dd, .raised dl  {
  padding-bottom:0.4em;
  }
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {
  height:1px;
  }
.raised .b2 {
  background:#ccc; 
  border-left:1px solid #fff; 
  border-right:1px solid #eee;
  }
.raised .b3 {
  background:#ccc; 
  border-left:1px solid #fff; 
  border-right:1px solid #ddd;
  }
.raised .b4 {
  background:#ccc; 
  border-left:1px solid #fff; 
  border-right:1px solid #aaa;
  }
.raised .b4b {
  background:#ccc; 
  border-left:1px solid #eee; 
  border-right:1px solid #999;
  }
.raised .b3b {
  background:#ccc; 
  border-left:1px solid #ddd; 
  border-right:1px solid #999;
  }
.raised .b2b {
  background:#ccc; 
  border-left:1px solid #aaa; 
  border-right:1px solid #999;
  }
.raised .b1 {
  margin:0 5px; 
  background:#fff;
  }
.raised .b2, .raised .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }
.raised .b3, .raised .b3b {
  margin:0 2px;
  }
.raised .b4, .raised .b4b {
  height:2px; margin:0 1px;
  }
.raised .b1b {
  margin:0 5px; background:#999;
  }
.raised .boxcontent {
  display:block;  
  background:#ccc; 
  border-left:1px solid #fff; 
  border-right:1px solid #999;
  }
  /* fin div avec bords arrondis */

#pied a:link, a:visited {
	text-decoration : none;
	color: white;
	background: transparent; 
	}
#pied a:hover {
	text-decoration : none;
	color: #993300;
	background: transparent; 
	}
	
 #conteneurmenu dd a:link, a:visited {
	font-weight : normal; 
	text-decoration : none;
	color: #DFECFD;
	background: transparent; 
	}

 #conteneurmenu dd a:hover {
	font-weight : normal; 
	text-decoration : none;
	color: #993300;
	background: transparent; 
	}

#conteneurmenu dd a:active {
	font-weight : normal; 
	text-decoration : none;
	color: #000000;
	background: transparent;  
	}


/* for Internet Explorer */
/*\*/
* html #centre {
height: 630px;
}
/**/
 a:link {
	text-decoration: none;

}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
#centre a:link {
	text-decoration: none;
	color: Black;
	}
#centre a:visited {
	text-decoration: none;
	color: #D8D8D8;


}
#centre a:hover {
	text-decoration: underline;
	color: #990000;
	
	
	
}
#centre a:active {
	text-decoration: none;
}
.bannierepresse {
margin: 25px 0px 0px 15px;

}
.thumbnail
{
float: left;
width: 165px;
border: 1px solid #999;
margin: 0 0 12px 12px;
}
.clearboth { clear: both; }


#sidebar	body {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	overflow:hidden; /*get rid of scroll bars in IE */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	}


#sidebar #sideblurbs	{
	margin: 0;
	padding: 17px 0 0 0;
	background: transparent url(http://www.pierrenoire.org/img/sidebartop.gif) top left no-repeat;
	}
	.premiere_lignes {
	margin: 0;
	padding: 0;
	
	}
#contact {
float:left;
width: 600px;
background:#2e2e26;
}

/* formz */

fieldset {
	margin-bottom: 1em;
	border: 0;
	width: auto;
	
	background-color:#2e2e26
}
fieldset p {
	padding: 0 0 0.75em 0.5em !important;
	padding: 0 0 0.35em 0.5em;
	clear: both;

}
legend {
	margin: 0 0 0.5em 0;
	padding: 0.3em;
	font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #DFECFD;
	background-color: #777054;
	background-color: none;
}
label.text {
	color: white;
	display: block;
	float: left;
	width: 40%;
	text-align: right; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */
	margin: 0 1em 0 0;
	padding: 0.1em;
	border-bottom: 1px solid #DFECFD;
}
.radioCheck {
	margin: 0 1em 0 0.25em;	
	color:white;
}
input.text,
textarea {
	width: 40%;
	background-color: deeff1;
	border: 0;
	margin-right: 0.25em;	

}
.envoy {
	margin: 1em 0;
	text-align: left;
}
.envoy label {
	border: 0;	
}
hr {
	visibility: hidden;
	clear: both;
}
span.note {
	font-size: 0.75em;
}
span.warning {
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
}
.formcontact {
color: white;
margin-left: 25px;

}