html, body {
	margin: 0;
	padding: 0;
	border: none;
	background-color:#ffffff;
	background-position:center top;
	background-repeat:no-repeat;
}

ul {
	list-style-image: url("http://aucomte.jonathan.neuf.fr/puce.gif");
	font-size: 90%;
	color:#333333;
   }
   
ol {
	list-style-image: url("http://aucomte.jonathan.neuf.fr/puce2.gif");
	font-size: 90%;
	color:#333333;
}

h2 {
	color: #660000;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
}

h4 {
	color: #FF9900;
	font-weight: bold;
	font-size: 110%;
	text-align: left;
}

.texte table {
	v-align:middle;
}

p {
	font-size: 90%;
	color: #333333;
}

p a {
	color: blue;
}

td {
	font-size: 100%;
}

hr {
	height: 0px;
}

a {
	text-decoration: none;
	color: orange;
}

a:visited {
	text-decoration: none;
	color: orange;
}

a:hover {
	text-decoration: none;
	color: grey;
}

.barreLangue{
	font-size: 80%;
	font-weight: bold;
	color: orange;
	text-align:right;
	background-color:#ffffff;
	height: 15px;
}

.arrondi{
	background-image:url("../images/arrondiCentre.gif");
	background-repeat:repeat-y; 
	padding:5px;
	font-size: 80%;
	vertical-align: top;
	text-decoration: none;
	font-weight: bold;
	background-color: none;
}

.grandTitre {
	font-size: 40px;
	font-weight: bold;
	color: orange;
}

.main {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.border {
	color: #ffffff;
	background-repeat:repeat-y; 
	background-color: none;
}

.bordsMenu
{
	background-color: #474747;
	background-image:url("../images/fondMenu.jpg")
}

.menu {
	width: 80%;
	background-color: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 80%;
}

.banner{
	background-color: none;
} 

.menu a {
	color: #ffffff;
	text-decoration:none;
	font-weight: bold
}

.menu a:visited {
	color: #ffffff;
}

.menu a:hover {
	background-color: #9a041b;
	color: #ffffff;
}

.content {
	padding: 15px;
	vertical-align: top;
	text-align: left;
	background-color: #ab9c75;
	background-repeat:no-repeat;
}

.footer {
	color: #bbbbbb;
	background-color: #474747;
	padding: 4px;
	text-align: center;
	vertical-align: top; 
	font-size: 70%;
}

.footer a {
	color: #ff9900;
}

.footer a:hover {
	color: #eeeeee;
}

.pagetitle {
	font-size: 30px;
	font-weight: bold;
	color: orange;
	padding-bottom:10px;
}

.latest_news {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

.headline_link a {
	color: orange;
	font-family: Arial, Times;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
}

.headline_link a:visited {
	color: orange;
	font-family: Arial, Times;
	font-size: 80%;
	text-decoration: none;
	font-weight: bold;
}

.headline_link a:hover {
	color: gray;
	font-family: Arial, Times;
	font-size: 80%;
	text-decoration: none;
	font-weight: bold;
}

.headline {
	color: orange;
	font-size: 120%;
	font-weight: bold;
	font-family: Arial, Times;
	padding-bottom: 24px;
	background-image:url("../images/ligne.gif");
	background-repeat:repeat-x;
	height:28px;
}

.news_archive {
	width: 100%;
	font-size: 80%;
	margin-left: auto;
	margin-right: auto;
}

.center {
	font-size: 80%;
	text-align: center;
}

.guestbook {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

.pouet {
	filter:alpha(opacity=60);  
	-moz-opacity:0.60;
	opacity: 0.60;
}

ul#footer {
	list-style-type: none;
}

ul#footer li {
	display:inline;
	padding: 0 10px 0 10px
}

ul#footer li a {
	font-size:1.5em;
}

/* --------------------------------------------------------------- Trucs propres */

	#global
	{
		position:relative;
		width:100%;
		float:left;
		min-height:540px;
	}
	
	* html #global {
		height:540px;
	}


/* --------------------------------------------------------------- Recherche */
	#contenu
	{
		width:450px;
		float:right;
	}
	
	#contenu h1
	{
		background-image:url(../images/ligne.gif);
		background-repeat:repeat-x;
		color:orange;
		font-family:Arial,Times;
		font-size:120%;
		font-weight:bold;
		height:28px;
		padding-bottom:10px;
	}
	
	#contenu h2
	{
		margin-bottom:15px;
	}
	
	#contenu p.titre
	{
		margin-bottom:15px;
		color : #7C736E;
		font-weight:bold;
	}
	
	#contenu form
	{
		margin:0;
		padding:0;
	}
	
	#contenu input.button
	{
		margin:0 1em 0 1em;
		ont-family:tahoma;
		font-size:1em;
		/**/color:#fff;
		/**/background:#7C736E;
		/**/border:1px solid #ECECEC;
		cursor:pointer;
	}
	
	#contenu ul.nuage_tags
	{
		padding:8px;
		width:434px;
		border:1px solid #FFA500;
		margin:0;
		margin-bottom:20px;
	}
	
	#contenu ul.nuage_tags li
	{	
		display:inline;
		margin:0 5px 0 0;
		line-height:2em;
	}
	
	#contenu ul.nuage_tags li a
	{
		color:#FFA500;
	}

	#contenu ul.nuage_tags li a:hover
	{
		text-decoration:underline;
	}
	
	#contenu .titre_resultat
	{
		color: #660000;
		text-decoration:underline;
		padding-left:15px;
		background:url(../images/puce_fleche_noire.gif) no-repeat 0 50%;
	}
	
	#contenu a.lien_recherche
	{
		font-weight:bold;
		color:#474747;
	}
	
	#contenu a.lien_recherche:hover
	{
		text-decoration : underline;
	}
	
	#contenu .text
	{
		color:#474747;
	}
	
	#contenu .other a
	{
		color:black;
	}
	
	#contenu .other a:hover
	{
		color:#BBBBBB;
	}
	
/* ---------------------------------------------------------------------------------------------- Menu interne */

	#menu_lateral
	{
		border:1px solid orange;
		background-color:white;
		width:170px;
	}


/* -------------------------------------------------------------------------------------------------------------------*/	
/* ------------------------------------------------------------------------------------------------------------------- Contact */
/* -------------------------------------------------------------------------------------------------------------------*/	

/* --------------------------------------------------------------------------------------------- Fieldset et legend */
	fieldset {
		border:1px solid #ccc;
		padding-bottom:10px;
		margin-bottom:20px
	}
	fieldset legend {
		font-size:1.3em;
		font-weight:bold;
		color:#000;
		background:#fff;
		padding:10px 5px;
		margin-left:5px
	}
	* html fieldset legend {margin:0}
	*+html fieldset legend {margin:0}
/* --------------------------------------------------------------------------------------------- Paragraphes */
	p.explication {
		text-align:justify;
		font-size:1.1em;
		line-height:1.4em;
		margin:0 0 8px 0
	}
	p.explication a {
		/**/color:#000;
		text-decoration:underline
	}
	p.explication a:hover {text-decoration:none}
	div.conteneur p.explication {
		font-size:1em;
		padding:0 10px
	}
	div.conteneur p.commentaire {
		clear:both;
		font-size:.9em;
		color:#666;
		padding-top:2px;
		margin-left:175px		/* Se référer à : taille + padding du label */
	}
/* --------------------------------------------------------------------------------------------- Obligations - Erreurs */
	div.conteneur span.obligatoire {
		float:right;
		color:#ff0000;
		margin-right:30px
	}
	div.conteneur label span.obligatoire, div.conteneur span span.obligatoire {
		float:none;
		margin:0
	}
	div.conteneur span.erreur {
		display:block;
		line-height:1.7em;
		font-size:.9em;
		color:#ff0000
	}
/* --------------------------------------------------------------------------------------------- Conteneur */
	div.conteneur {
		float:left;
		width:100%;
		padding-bottom:8px
	}
	div.conteneur.petit_espacement {padding-bottom:4px}
	div.conteneur.espacement {padding-bottom:20px}
	div.conteneur.grand_espacement {padding-bottom:30px}
	div.conteneur.tres_grand_espacement {padding-bottom:40px}
/* --------------------------------------------------------------------------------------------- Label */
	div.conteneur label, div.conteneur span.label {
		display:block;
		float:left;
		padding-right:5px
	}
	div.conteneur label.label, div.conteneur span.label {
		width:120px;
		line-height:1.7em;
		text-align:right
	}
	div.conteneur label.entre_deux {line-height:1.7em}
	div.conteneur label.checkbox {line-height:normal}
/* --------------------------------------------------------------------------------------------- Eléments de formulaire */
/* ------------------------------------------------------------------------- Communs */
	div.conteneur input.champ_texte, div.conteneur input.champ_fichier, div.conteneur textarea, div.conteneur select {
		float:left;
		font-size:1em;
		border:1px solid #666;
		padding:2px 0 2px 3px;
		margin-right:8px
	}
	.tres_court {width:35px}
	.court {width:80px}
	.normal {width:150px}
	.long {width:250px}
	.tres_long {width:300px}
	.sans_label {margin-left:175px}		/* Se référer à : taille + padding du label */
/* ------------------------------------------------------------------------- Zone de texte */
	div.conteneur textarea {
		height:100px;
		font-family:arial
	}
	div.conteneur textarea.grand {height:150px}
/* ------------------------------------------------------------------------- Liste - Menu */
	div.conteneur select {padding:0}
	div.conteneur select option {padding-right:10px}
/* ------------------------------------------------------------------------- Cases à cocher - Boutons radio */
	div.conteneur input.checkbox_radio {
		float:left;
		width:13px;
		height:13px;
		margin-right:5px
	}
	div.conteneur div.checkbox {margin-left:175px}		/* Se référer à : taille + padding du label */
	div.conteneur ul.checkbox_radio {float:left}
	div.conteneur ul.checkbox_radio li {
		clear:both;
		padding-top:4px
	}
	div.conteneur ul.checkbox_radio.horizontal li {
		clear:none;
		float:left;
		margin-right:20px
	}
/* --------------------------------------------------------------------------------------------- Divers */
	div.conteneur img.bottom {
		vertical-align:middle;
		border:1px solid #ddd;
		padding:5px;
		margin-top:5px;
		margin-bottom:5px;
		margin-left:175px		/* Se référer à : taille + padding du label */
	}
/* --------------------------------------------------------------------------------------------- Bouton */
	#contenu div.actions {padding:0 0 10px 115px}	/* A modifier en fonction de la taille + padding du label */
	#contenu div.actions input.bouton {margin:0 10px 0 0}

/* -------------------------------------------------------------------------------------------------------------------*/	

	.plan-site a {
		color: black;
	}
	
	.plan-site a:hover {
		color: grey;
	}
/* -------------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/

	
