/* CSS Document DG 07/2007*/

body{
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
background-color: #e0d4bb;
margin: 0;
}

p{
margin: 0;
padding: 0;
}

#bandeau_01{
width: 955px;
height: 235px;
margin: 0 auto;
background-image:url(images/bandeau_01.jpg);
background-repeat:no-repeat;
}

#bandeau_02{
width: 955px;
height: 235px;
margin: 0 auto;
background-image:url(images/bandeau_02.jpg);
background-repeat:no-repeat;
}

#bandeau_03{
width: 955px;
height: 235px;
margin: 0 auto;
background-image:url(images/bandeau_03.jpg);
background-repeat:no-repeat;
}

#logo{
margin: 77px 0 0 0;
padding: 0;
border: none;
float: left;
}

#menu{
float: right;
margin: 199px 91px 0 0;
padding: 0;
list-style-type: none;
font-family:"Trebuchet MS", Verdana;
}

#menu li{
float: left;
}


#menu li a{
text-decoration: none
}

#menu li a span{
visibility: hidden;
}

#menu li a#img01, #menu li a#img02, #menu li a#img03, #menu li a#img04, #menu li a#img05{
display: block;
float: left;
 
}

#menu li a#img01{
width: 70px;
height: 27px;
background-image:url(images/menu/menu_01.jpg);
}

#menu li a#img02{
width: 116px;
height: 27px;
background-image:url(images/menu/menu_02.jpg);
}

#menu li a#img03{
width: 110px;
height: 27px;
background-image:url(images/menu/menu_03.jpg);
}

#menu li a#img04{
width: 98px;
height: 27px;
background-image:url(images/menu/menu_04.jpg);
}

#menu li a#img05{
width: 78px;
height: 27px;
background-image:url(images/menu/menu_05.jpg);
}

#menu li a:hover{
background-position:bottom;
}

#menu li a.focus{
background-position:bottom;
}

#contenu{
width: 900px;
height: auto;
margin: 0 auto;
padding: 20px 0
}

#footer{
width: 100%;
height: auto;
margin: 0;
clear: both;
background-image:url(images/bg_footer.gif);
background-repeat:repeat-x;
}

#adresse_footer{
width: 955px;
min-height: 55px;
margin: 0 auto;
text-align: center;
background-image:url(images/bg_adresse_footer.gif);
background-repeat:no-repeat;
}

#adresse_footer ul{
	list-style-type: none;
	margin: 0;
	padding: 20px 220px 0 0;
	font-size: 0.8em;
	color: #e18e30;
}

#adresse_footer ul li{
display: inline;
}

#adresse_footer ul li a{
text-decoration: none;
color: #e18e30;
}

#adresse_footer ul li a:hover{
text-decoration: underline;
}

#adresse_footer p{
font-size: 0.75em;
color: #682d19;
margin: 30px 0 0 0;
}

#actu{
width: 243px;
height: auto;
float: left;
margin: 0 0 40px 0;
}

h3#titre_actu{
width: 228px;
height: 34px;
background-image:url(images/bg_titre_actu.jpg);
background-repeat:no-repeat;
color: #fff;
font-family:"Trebuchet MS", Verdana;
font-size: 1.1em;
margin: 0;
padding: 0 0 0 15px
}

#new_actu{
width: 213px;
height: 255px;
background-color: #fff;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;
padding: 15px;
}

#new_actu p{
color: #682d19;
}

#new_actu #img_01{
margin: 20px 0;
border: 1px solid #682d19;
}

#new_actu #suite{
border:none;
}

#texte{
width: 600px;
height: auto;
float: left;
margin: 0 0 0 30px;
}

#texte h2{
margin: 0;
padding: 0;
color: #e18e30;
width: 175px;
height: 100px;
margin: 0 10px 0 0;
font-family:"Trebuchet MS", Verdana;
font-size: 1em;
border-right: 1px solid #e18e30;
float: left;
}

#texte p{
font-size: 0.8em;
text-align: justify;
color: #682d19;
float: left;
width: 400px;
height: 110px;
}

.clear{
clear: both;
}

#texte img{
margin: 20px 0 0 0;
border: none;
}

#presentation_01, #presentation_02, #presentation_03{
clear: both;
margin: 0 auto 0 auto;
width: 640px;
}

#tapenades{
width: 250px;
height: auto;
float: left;
padding: 9px 20px 0 0;
background-image:url(images/tapenades.jpg);
background-repeat:no-repeat;
}

#antipastis{
width: 360px;
height: auto;
float: right;
padding: 13px 0 0 0;
background-image:url(images/antipastis.jpg);
background-repeat:no-repeat;
}

#olives{
width: 250px;
height: auto;
float: left;
padding: 13px 20px 0 0;
background-image:url(images/olives.jpg);
background-repeat:no-repeat;
}

#presentation_01 h3{
margin: 0 0 10px 0;
padding: 0 0 0 12px;
color: #fff;
font-family:"Trebuchet MS", Verdana;
font-size: 0.95em;
line-height: 15px;
}


#presentation_02 h3, #presentation_03 h3{
margin: 0 0 10px 0;
padding: 0 0 0 10px;
color: #fff;
font-family:"Trebuchet MS", Verdana;
font-size: 0.95em;
}

#presentation_01 p, #presentation_02 p, #presentation_03 p{
margin: 0;
padding: 0 0 5px 0;
color: #682d19;
font-family:arial;
font-size: 0.8em;
}

#presentation_01 img, #presentation_02 img, #presentation_03 img{
border: 2px solid #e18f2c;
margin: 5px 5px 0 0;
}

h3#titre_savoir{
width: 340px;
height: 20px;
background-image:url(images/titre_savoir.jpg);
background-repeat:no-repeat;
color: #fff;
font-family:"Trebuchet MS", Verdana;
font-size: 1.1em;
margin: 10px 0 0 0;
padding: 4px 0 0 15px
}

#texte_savoir{
width: 320px;
height: 160px;
background-color: #e18f2c;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;
padding: 15px;
background-image:url(images/bg_savoir_2.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#texte_savoir ul{
margin: 0;
padding: 0 0 0 12px;
color: #682d19;
list-style-type: square;
}
#fond_news{
width: 450px;
height: 50px;
float: left;
padding: 15px ;
color:#FFFFFF;
font-family:"Trebuchet MS", Verdana;
font-weight:bold;
background-image:url(/images/fond_news.gif);
background-repeat:no-repeat;
}
.textnews { color:#682c19;
padding-left:28px;
			}
.dateNews{
	color:#682c19;
	font-weight:bold;
}
.listtnews a{
	color:#682c19;
	text-decoration:none;
}
.listtnews a:hover{
	color:#e18f2c;
}

#texte2{
width: 460px;
height: auto;
float: right;
margin: 0 60px 0 30px;
}

#texte2 p{
font-size: 0.8em;
text-align: justify;
color: #682d19;
margin: 0 0 5px 0;
}

#texte2 h4{
font-size: 0.9em;
color: #682d19;
margin: 10px 0 15px 0;
font-family: "Trebuchet MS", Verdana;
text-transform:uppercase;
}

#contact01{
width: 250px;
height: auto;
float: left;
margin: 10px 20px 0 0;
padding: 0;
}

#contact02{
width: 270px;
height: auto;
float: left;
margin: 0 20px 0 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

#contact03{
width: 312px;
height: auto;
float: left;

margin: 0 20px 0 0;
padding: 0;
}

#contact03 img{
border: none;
}

#contact01 p{
margin: 0 0 5px 0;
}

#contact01 label{
float: left;
display: block;
width: 73px;
color: #682d19;
font-size: 0.8em;
}

#contact01 .input{
width: 170px;
border: 1px solid #e18f2c;
}

#contact01 textarea{
width: 170px;
height: 100px;
border: 1px solid #e18f2c;
}


#contact01 #submit{
	background-image: url(images/submit.jpg);
	background-repeat:no-repeat;
	border: none;
	background-color:#ccc;
	width: 67px;
	height: 17px;
	margin: 0 0 0 73px;
}

#contact02 img{
float: left;
}

#contact02 p{
margin: 10px 0 0 0;
color: #682d19;
}

#obligatoire{
font-size: 0.7em;
color: #682d19;
font-family:Arial, Helvetica, sans-serif;
padding: 0 0 0 73px;
}

p#tt img{
border: none;
}

p#tt a{
color: #777;
text-decoration: none;
font-size: 0.9em;
}