@import url("reset.css");

body {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#body{
	background: #d9f0fa url(/images/bgBody.jpg) repeat-x;
}


#body2{
background: url(/images/bgBody2.gif) center top no-repeat;
}

a:link {color:#5f524c;text-decoration:underline;}
a:visited {color:#5f524c;text-decoration:underline;}
a:hover {color:#5f524c;text-decoration:none;}
a:active {color:#5f524c;text-decoration:underline;}

table{
margin-left:5px;
}

h1 {
font-family:Verdana, Geneva, sans-serif;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
color:#0198db;
margin-bottom:20px;
}

h2 {
font-family:Verdana, Geneva, sans-serif;
font-size:17px;
color:#37302c;
font-weight:bold;
text-transform:uppercase;
padding-top:10px;
margin-bottom:20px;
}

h3 {
font-family:Verdana, Geneva, sans-serif;
font-size:17px;
font-weight:bold;
color:#64b90f;
text-transform:uppercase;
padding-top:10px;
margin-bottom:20px;
}

h4 {
font-family:Verdana, Geneva, sans-serif;
font-size:17px;
font-weight:bold;
color:#64b90f;
padding-top:10px;
margin-bottom:20px;
}

h5 {
font-family:Verdana, Geneva, sans-serif;
font-size:17px;
font-weight:bold;
color:#0199dc;
padding-top:10px;
margin-bottom:20px;
}

h6 {
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
font-weight:bold;
color:#0199dc;
padding-top:10px;
margin-bottom:20px;
}

p {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#5f524c;
margin-bottom:15px;
text-align:justify;
line-height:16px;
}

ul {
list-style:disc;
padding-left:20px;
margin-bottom:5px;
}

ol{
padding-left:20px;
list-style:decimal;
}

li {
font-family:Verdana, Geneva, sans-serif;
padding-bottom:10px;
font-size:12px;
color:#5f524c;
}

table{
margin-bottom:15px;	
color:#5f524c;
}

table ul{
padding-bottom:0px;
margin-bottom:0px;
}

table tr th{
background:#0199dc;
color:#fff;
text-align:center;
padding:5px;
font-size:12px;
font-weight:bold;
}

table tr td{
border:1px solid #ddd;
padding:4px;
font-size:12px;
}

 span{
color:#0199dc;
padding:9px;
font-size:11px;
}

table tr td.fondVert{
	background:#ddf0ca;
}



#page {
width: 950px;
margin: 0 auto;
background: url(/images/bgPage.jpg);
}

/* Header
--------------------------------------------------------------------------------------- */

#header {
width:950px;
height:255px;
background: url(/images/bgHeader.jpg);
position:relative;
}
#logo{
position:absolute;
left:38px;
top:22px;
}


/* Content
--------------------------------------------------------------------------------------- */

#content {
width:950px;
background:url(/images/bgContentLeft.jpg) left top no-repeat;
float:left;
}

#contentLeft{
width:222px;	
float:left;
padding-left:23px;
padding-right:10px;
}

#contentLeft a{
display:block;
color:#fff;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
padding:10px;
text-decoration:none;
background:url(../images/bullet.png) left no-repeat;
padding-left:30px;
padding-top:10px;
width:182px;
}

#contentLeft li{
position:relative;
}





#contentLeft a:hover{
background:#53b9e7 url(../images/bullet.png) left no-repeat;
}

#contentLeft .pageOn a{
background:url(../images/bullet_on.png) left no-repeat;
color:#e1e1e1;
}

#nav li.pageOn ul li a{
background:url(../images/bullet2.png) left no-repeat;
padding:5px;padding-left:30px;
color:#fff;
}

#nav li.pageOn ul li a:hover{
background:#a8d58e url(../images/bullet.png) left no-repeat;
color:#fff;
}




#nav{
}

#nav ul{
list-style:none;	
margin:0px;
padding:0px;
}

#nav ul li{
list-style:none;	
margin:0px;
position:relative;
padding:0px;
}

#nav li ul {
	position: absolute;
	border:1px solid #58a82a;
	border-bottom:0px;
	left: -999em;
	width:198px;

}

#nav li ul li{
		background:#91c274;
	border-bottom:1px solid #58a82a;
	padding:4px;
	width:190px;
}

#nav li ul li a{
background:url(../images/bullet2.png) left no-repeat;
padding:5px;padding-left:30px;
width:155px;
}

#nav li ul li a:hover{
background:#a8d58e url(../images/bullet.png) left no-repeat;
}



#nav li:hover ul, #nav li.sfhover ul, #nav li.sfclicked ul {
	left: 222px;
	top:-20px;
}




#contentMiddle{
width:440px;	
float:left;
padding:0 17px;
}

#newsAccueil{
padding-bottom:15px;	
}

#newsAccueil div{
clear:both;
}

#newsAccueil img{
float:left;
}

#newsAccueil div h2{
padding:0px;
margin:0px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-style:italic;
color:#37302c;
}

#newsAccueil div p a{
font-weight:bold;
color:#362f2b;
text-decoration:none;
}
#newsAccueil div p a:hover{
color:#666;
}

#newsAccueil span{
	clear:both;
display:block;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
color:#362f2b;
text-transform:uppercase;
margin:0px;
padding:0px;
text-align:left;
padding-top:3px;
width:auto;
}

#newsAccueil span a{
color:#362f2b;
text-decoration:none;
display:block;background:url(/images/arrowNoir.jpg) left top no-repeat;
height:35px;
margin:0px;
padding:0px;
text-align:left;
width:auto;
padding-left:25px;
}

#newsAccueil span a:hover{
color:#666;	
}

#trucConseil p{
background:url(../images/lampeFeuillu.jpg) no-repeat;
padding-left:55px;
min-height:55px;
height:auto !important;
height:55px;
}

#trucConseil span{
display:block;
background:url(/images/arrowVerte.jpg) no-repeat;
padding-left:25px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
color:#64b90f;
text-transform:uppercase;
height:15px;
padding-top:3px;
}

#trucConseil span a{
color:#64b90f;
text-decoration:none;
}

#trucConseil span a:hover{
color:#9ccd6c;
}

#contentRight{
width:221px;
float:left;	
}

#contentRight img{
margin-bottom:11px;	
}


#teas_info{
width:181px;	
height:156px;
background:url(/images/bg_teas_info.jpg);
padding-top:40px;
position:relative;
margin-bottom:11px;
padding-right:40px;
}

#teas_info a{
color:#fff;
text-decoration:none;
font-weight:bold;
}

#teas_info ul{
list-style:none;
}

#teas_info .pdf{
background:url(../images/icons/acrobat.gif) left top no-repeat;
padding-left:28px;
color:#fff;
font-weight:bold;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
}

#teas_info .doc{
background:url(../images/icons/doc.png) left top no-repeat;
padding-left:28px;
color:#fff;
font-weight:bold;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
}

#teas_info .default{
background:url(../images/icons/default.png) left top no-repeat;
padding-left:28px;
color:#fff;
font-weight:bold;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
}

#teas_info a.allV{
display:block;	
position:absolute;
bottom:13px;
left:45px;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
font-weight:bold;
color:#4c9b21;
text-transform:uppercase;
text-decoration:none;
width:150px;
}








/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
clear: both;
width:950px;
height:67px;
background:url(/images/bgFooter.jpg);
}

#footer p{
padding-left:300px;
text-align:center;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#57bbe7;
padding-top:24px;
}

#footer p a{
color:#57bbe7;
text-decoration:none;
}

#footer p a:hover{
color:#3f9ec8;
}

/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {
float: left; 
margin: 0 10px 4px 0; 
}
.img-right {
float: right; 
margin: 0 0 4px 10px;
}
.noborder {border: none;}
.alt {background: #f7f7f7;padding:7px;}