body  {
background : #f6f4ea url(i/bg.jpg) repeat-x scroll center 120px;
font-family: "Trebuchet MS", Verdana, arial, serif;
margin: 0;
}

/*------------------------- Header -------------------------*/
h1 {
margin-top: 0;
}
h1#tao {
margin: auto;
}
h1 a {
display: block;
text-indent: -9999px;
width: 449px;
height: 97px;
background: transparent url(i/header.jpg) no-repeat;
margin: auto;
}
/*------------------------- Conteneur -------------------------*/
div#conteneur {
width: 817px;
background: transparent url(i/fond.jpg) repeat-y center;
margin: 155px auto 0 auto;
position: relative;
}

p#fil {
width: 817px;
height: 30px;
background: url(i/haut.jpg) no-repeat top center;
margin: 0;
padding: 15px 0 0 15px;
text-indent: 10px;
font-size: 0.8em;
}
	p#fil span {
	display: block;
	width: 430px;
	}
/*------------------------- Menu -------------------------*/
div#menu {
width: 198px;
float: right;
margin-right: 0px;
position: relative;
top: -25px;
}
	div#menu ul {
	padding: 0;
	margin: 0;
	width: 198px;
	}
	div#menu li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	padding-bottom: 7px;
	}
	
	div#menu li a {
	display: block;
	width: 170px;
	background: url("i/puce1.jpg") 3px top  no-repeat;
	padding: 2px 0px 2px 28px;
	color: #1c1c1c;
	text-decoration: none;
	font-size: 0.8em;
	}
		div#menu li a:hover
		{
		background: #cac5aa url("i/puce2.jpg") top left no-repeat;
		color: #FFF;
		}
	div#menu h3 {
	color: #484326;
	font-size: 1.05em;
	padding-left: 8px;
	margin-left: 10px;
	}
	div#menu div#recherche {
	width: 180px;
	background: #f4f0dd;
	padding: 5px 0 5px 18px;
	margin-top: 25px;
	}
h3 {
font-size: 1.1em;
margin-left: 25px;
}
h4 {
font-size: 1em;
margin-left: 25px;
}

/*------------------------- Colonne droite  -------------------------*/
div#colonne_info {
float: right;
width: 132px;
margin-right: 19px;
position: relative;
top: -30px;
}
	div#colonne_info div#newsletter {
	width: 131px;
	background: #fadffc url(i/fondnewsletter.jpg) repeat-y left;
	padding: 5px;
	position: relative;
	}
	div#colonne_info p {
	text-align: left;
	width: 132px;
	margin:0;
	padding: 0 5px 5px 5px;
	}
	div#colonne_info h5 {
	width: 132px;
	padding-left: 5px;
	margin-bottom: 5px;
	}
	div#colonne_info h5 {
	margin-left: 0;
	}
	div#colonne_info form p {
	margin: 0;
	padding: 0;
	}
	div#colonne_info form {
	padding-left: 5px;
	margin-bottom: 10px;
	}

ul#zoneResultats {
clear: both;
overflow: visible;
}
ul#zoneResultats li {
font-size: 0.7em;
}
	ul#zoneResultats li a {
	font-size: 1.1em;
	font-weight: bold;
	}

/*------------------------- Listes -------------------------*/
ul#accessibilite {
position: absolute;
top: 0;
right: 10px;
margin: 0;
padding: 0;
}
	ul#accessibilite li {
	display: inline;
	list-style-type: none;
	}
	ul#accessibilite li a {
	color: #dcd9cc;
	text-decoration: none;
	font-size: 0.7em;
	margin-left: 15px;
	}

/*------------------------- Classes -------------------------*/	
.float_left {
float: left;
margin: 5px 10px 5px 0;
}
.float_right {
float: right;
margin: 5px 0 5px 10px;
}
span.float_right,
span.float_left {
width: 200px;
text-align: center;
font-style: italic;
font-size: 0.9em;
}

/*------------------------- Titres -------------------------*/
div div h2 {
font-size: 1em;
margin: 5px 0 10px 15px;
}
h2 {
font-size: 1em;
margin: 15px 0 10px 25px;
width: 430px;
}
h5 {
margin-top: 15px;
margin-bottom: 0px;
margin-left: 25px;
}

/*------------------------- Liens -------------------------*/
a {
text-decoration: none;
color: #2267a1;
}
	a:hover {
	text-decoration: none;
	color: #0e3658;
	text-decoration: underline;
	}
a img {
border: none;
padding: 0;
margin: 0;
margin-bottom:  0px;
}
/*------------------------- Paragraphes, div, span -------------------------*/
p {
text-align: justify;
width: 430px;
margin: 10px 5px 10px 25px;
font-size: 0.95em;
position: relative;
}
ul, ol {
width: 410px;
padding-left: 30px;
text-align: justify;
margin-left: 10px;
}
	div#menu ul {
	text-align: left;
	}
ul#accessibilite {
width: auto;
}

p.centre {
text-align: center;
margin-bottom: 0;
font-variant: small-caps;
}
div#footer {
width: 100%;
background: #35352d;
margin: 0;
margin-top: 50px;
text-align: center;
color: #6a6654; 
clear: both;
} 
	div#footer a { color: #6a6654; }
	div#footer p#liens a { color: #bab7ad; }
	div#footer p{
	width: 100%;
	text-align: center;
	margin: 0;
	font-size: 1em;
	font-style: italic;
	padding-bottom: 5px;
	}
	div#footer p#liens {
	margin: 0;
	padding: 5px 0 5px 0;
	width: 100%;
	background: #24231f;
	text-align: center;
	font-style: normal;
	}
	div#footer div#contact{
	margin: 0;
	padding: 5px 0 5px 0;
	width: 100%;
	background: url(i/bgfooter.jpg) no-repeat top center;
	text-align: center;
	height: 110px;
	overflow: hidden;
	}
	p#infos_legales {

	}
	div#footer div#contact p {
	width: 150px;
	height: 50px;
	margin: auto;
	margin-top: 25px;
	color: #969281;
	font-size: 1em;
	font-style: normal;
	text-align: left;
	}
	div#footer div#contact p.p_droite {
	position: relative;
	right: -150px;
	top: -75px;
	}
	div#footer div#contact p.p_gauche {
	position: relative;
	left: -150px;
	top: -170px;
	}
	div#footer div#contact p.p_gauche a {
	display: block;
	width: 89px;
	height: 87px;
	background: url(i/logo.jpg) no-repeat center;
	text-indent: -9999px;
	}
	div#footer div#contact p.p_gauche a:hover {
	background: url(i/logo2.jpg) no-repeat center;
	}
p#presentation {
font-size: 0.9em;
color: #94907e;
}	
span.date {
position: absolute;
right: 0;
bottom: 0;
font-size: 0.8em;
font-style: italic;
color: #b7b39f;
}
div.bleu, div.vert, div.marron, div.landing {
width: 457px;
margin-left: 10px;
margin-top: 15px;
padding: 10px 0 20px 0;
}
div.bleu h4, div.vert h4, div.marron h4{
margin: 0 0 0 15px;
}	
div.bleu h5, div.vert h5, div.marron h5{
margin: 0 0 0 15px;
color: red;
}
div.bleu { background: #e0ebf5 url(i/fondbleu.jpg) repeat-y right; }
div.vert { background: #f5f7e7 url(i/fondvert.jpg) repeat-y right;}
div.marron { background: #f5f3e9 url(i/fondmarron.jpg) repeat-y right; }

div.bleu p , div.vert p, div.marron p, div.landing p{
	margin-left: 15px;
	font-size: 0.9em;
	}
	
div.landing { 
background: #f5f7e7 url(i/fondvert.jpg) repeat-y right;
color: #33382b;
font-size: 0.9em;
}

div#bas {
width: 817px;
height: 15px;
background: url(i/bas.jpg) no-repeat bottom center;
margin: 0;
margin-top: 30px;
position: relative;
bottom: -10px;
clear: both;
}
/*------------------------- Formulaires -------------------------*/
fieldset {
border: none;
margin: 0;
padding: 0;
}

form p {
margin: 0;
}
input, textarea {
background: white url(i/bgform.jpg) repeat-x top;
border: 1px solid #dad8d1;
color: grey;
}
	input:focus, textarea:focus {
	border: 1px solid #939185;
	color: black;
	}
	
div#colonne_info input[type="text"], div#menu input[type="text"] {
width: 110px;
}


/*-------------------------Images -------------------------*/
img.rubrique {
position: absolute;
left: -20px;
}

div#newsletter p {
width: 120px;
font-size: 0.7em;
text-align: justify;
}
.adword {
margin-left: 10px;
}
h1 {
width: 430px;
margin: 10px 5px 20px 25px;
text-align: center;
font-size: 1.3em;
}
form {
width: 430px;
margin-left: 25px;
}
div#colonne_info form, div#menu form {
width: 160px;
margin-left: 0px;
}
div.comment p {
font-size: 0.9em;
margin-bottom: 0;
padding-bottom: 5px;
}
	div.comment blockquote {
	background: #f6f4ea;
	margin: 0 5px 0px 25px;
	border-top: 1px solid #c1beb0;
	border-bottom: 1px solid #c1beb0;
	padding: 10px 8px 10px 8px;
	width: 412px;
	font-size: 0.95em;
	}
	
	div.comment blockquote.admin
	{
	background: #eaf4f6;
	margin: 0 5px 0px 25px;
	border-top: 1px solid #b5c4c8;
	border-bottom: 1px solid #b5c4c8;
	padding: 10px 8px 10px 8px;
	width: 412px;
	font-size: 0.95em;
	}

hr {
width: 400px;
text-align: left;
margin: 20px 0 15px 35px;
border: 1px solid #f4f0dd;
}

input.bonjour  {
display: none;
}

form li {
list-style-type: none;
}
form ul {
padding-left: 18px;
}

iframe {
margin-left: 10px;
}

span#pub {
float: right;
margin: 0 0px 5px 5px;
}