/* CSS Document */
/* www.iris-interactive.fr */
/* Pagès Thés et infusions */

/* début des styles pour body */
body {
	background:#C9D5A5 url(../images/fond.gif) repeat-x;
	margin:0 auto;
	padding:0;
	font-family:"arial",Trebuchet MS, Verdana, sans-serif;
	font-size:12px;
	text-align:center;
}


/* début des styles pour page */
#page {
	margin:0 auto;
	width: 770px;
}

/* début des styles pour l'entete */
#entete {
	padding:0;
	margin:0;
	height: 300px;
}

/* début des styles pour fonctions */
.fonctions {
	height:20px;
	text-align:right;
	color:#486C6F;
}
.fonctions ul {
	margin:0;
	padding:3px 10px 0 0;
}
.fonctions li {
	margin:0;
	padding:0;
	display:inline;
}
.fonctions a{
	text-decoration:none;
	color:#486C6F;
}
.fonctions a:hover{
	text-decoration:underline;
}


/* début des styles pour le global*/
#global_top{
	background: url(../images/bg_contenu.gif) no-repeat center top;
	width:770px;
	padding:0;
	margin: 0;
}
html>body #global_top{
	padding :20px 0 0 0;
	margin:0 0 0 0;
}

#global {
	background-color:#fff;
	width:770px;
	padding:0;
	margin: -10px 0 0 0 ;
}

#chemin {
	background: url(../images/bg_chemin.gif) no-repeat center top;
	margin: 0 0 0 0 ;
	margin:-35px 0 0 0;
	padding:0 310px 0 10px;
	text-align: left;
	font-size:10px;
	color:#0F523D;
	height:40px;
}
#chemin a{
	color:#0F523D;
}
#chemin a:hover{
	text-decoration: none;
}

/* début des styles pour le menu*/
#menu {
	background-color:#fff;
	float: left;
	width:130px;
	padding:0;
	margin:0 10px 0 0;
}
#menu ul{
	width:130px;
	margin:10px 0 20px 0;
	padding: 0 0 0 0;
	text-align: left;
}
#menu li{
	text-align: left;
	list-style-type: none;
	display: block;
	width:120px;
	height: 30px;
	padding:6px 0 8px 0;
	margin:0 0 0 5px;
	border-width:0 0 1px 0;
	border-style:solid;
	border-color: #0F523D;
}
html>body #menu li{
	height: 28px;
	padding :4px 0 5px 0;
	margin:0 0 0 5px;
	line-height: 15px;
}

#menu a{
	display: block;
	width:120px;
	margin:0;
	font-weight: bold;
	font-size: 12px;
	color:#DD642B;
	text-decoration: none;
}
#menu a:hover{
	color:#0F523D;
}
#menu li ul {
	position:absolute;
	left:-999em;
	padding:0;
	margin:0;
}
#menu li:hover ul, #menu li.sfhover ul {
	background:#486C6F /*url(../images/bg_menu_ul.gif) no-repeat bottom center*/;
	position:absolute;
	left:auto;
	padding:0 0 0 0;
	margin:-7px 0 0 120px;
	border-width:1px 0 0 0 ;
	border-style:solid;
	border-color: #486C6F;
}
html>body #menu li:hover ul{
	min-height:30px;
	height: auto;
	margin:-6px 0 0 120px;
}
#menu li:hover ul li, #menu li.sfhover ul li {
	clear:left;
	display:block;
	height:auto;
	padding:6px 0 2px 5px;
	margin:0;
	text-align: left;
	border-width:0;
}

#menu li:hover ul li a, #menu li.sfhover ul li a {
	font-weight: normal;
	font-size: 11px;
	padding:0;
	margin:0;
	height:auto; 
	color:#FFFFFF;
}
#menu li:hover ul li a:hover, #menu li.sfhover ul li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

/* début des styles pour le contenu*/
#contenu {
	width:630px;
	float: right;
	padding:5px 5px 0 0;
	margin:0;
}
html>body #contenu{
	margin-top:0;
	padding:0;
	min-height: 340px;
	height: auto;
}

/* début des styles pour col 1 ds contenu*/
#contenu .col2_1{
	width:411px;
	text-align:justify;
	float: left;
	padding:0;
	margin:0 10px 0 0;
}

#contenu .col2_1 a, .col2_2 a, .col2_2_ss a{
	background: url(../images/puce_a.gif) no-repeat left 2px;
	color: #D55C27;
	font-weight: bold;
	padding: 0 0 0 17px;
	margin: 10px 0 0 0;
	text-decoration: none;
	font-size: 11px;
}
a.plan_acces{
	background: url(../images/puce_plan_acces.gif) no-repeat left top;
	color: #486C6F;
	height:25px;
	font-weight: bold;
	padding: 7px 0 0 25px;
	margin: 0 0 0 10px;
	text-decoration: none;
	font-size: 13px;
}
#contenu .col2_1 a:hover, .col2_2 a:hover, .col2_2_ss a:hover{
	text-decoration: underline;
}
#contenu .col2_1 a.ss, .col2_2 a.ss, .col2_2_ss a.ss{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-image: none;
}
#contenu .col2_1 a:hover.ss, .col2_2 a:hover.ss{
	text-decoration: underline;
}
#contenu a.style_plus{
	background-image: none;
	text-decoration: underline;
	float: right;
	font-weight: normal;
	color: #fff;
	padding: 0 12px 0 0;
	margin: -18px 3px 0 0;
	font-size: 11px;
}
#contenu  a:hover.style_plus{
	text-decoration: none;
}

#contenu .col2_1 .img_left, .col2_2 .img_left{
	float:left;
	margin: 0 10px 10px 0;
}
#contenu .col2_1 .img_right, .col2_2 .img_right{
	float:right;
	margin: 0 0 10px 10px;
}
#contenu .style_actu .img_right{
	float:right;
	margin: 0 0 10px 10px;
}
#contenu .col2_1 h2.style1, h2.style2{
	background: url(../images/bg_h2_style1.gif) no-repeat left top;
	color: #fff;
	text-align: left;
	font-size: 16px;
	font-weight: weight;
	padding:0 0 0 10px ;
	margin:0;
}
#contenu .col2_1 h2.style2{
	background: url(../images/bg_h2_style2.gif) no-repeat left top;
}
#contenu b{
	color: #D55C27;
}
#contenu .col2_1 h3, .col2_2 h3{
	background: url(../images/bg_h3.gif) no-repeat left 5px;
	color: #D55C27;
	font-size: 16px;
	font-weight: weight;
	margin:0 0 0 0;
	padding:0 0 0 25px;
	text-align:justify;
	display: block;
}
#contenu .col2_1 p{
	padding:0 0 0 0;
	margin:10px 0 0 0;
	text-align:justify;
}
html>body #contenu .col2_1 p{
	margin:10px 0;
	height: auto;
}

#contenu .col2_1 ul{
	list-style-type: none;
	text-align: justify;
	padding:0 0 0 0;
	margin:10px 0 0 0;
}
#contenu .col2_1 li {
	background: url(../images/bg_ul.gif) no-repeat left top;
	list-style-type: none;
	text-align: left;
	padding:0 0 0 15px;
	margin:4px 0 0 0;
}
#contenu .col2_2 li {
	background: url(../images/bg_ul.gif) no-repeat left top;
	list-style-type: none;
	text-align: justify;
	padding:0 0 0 15px;
	margin:4px 0 0 0;
}
#contenu .col2_1 li.ss, .col2_2 li.ss{
	background-image: none !important;
	padding:0 0 0 0;
	margin:0 0 2px 0;
}
#contenu .col2_1 ul.liens {
	list-style-type: none;
	text-align: justify;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#contenu .col2_1 li.spoon {
	background: url(../images/bg_ul-spoon.gif) no-repeat left top;
	list-style-type: none;
	text-align: left;
	padding:0 0 0 13px;
	margin:4px 0 0 0;
}

#contenu .col2_2{
	background: url(../images/bg_global.gif) no-repeat bottom right;
	width:195px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:justify;
}
html>body #contenu .col2_2{
	float: right;
	padding:0 0 0 0;
	margin:0 10px 0 0;
}
#contenu .col2_2_ss{
	background-image: none;
	width:195px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:justify;
}
html>body #contenu .col2_2_ss{
	float: right;
	padding:0 0 0 0;
	margin:0 10px 0 0;
}
#contenu .col2_2 ul {
	list-style-type: none;
	text-align: justify;
	padding:0 10px;
	margin:10px 0 0 0;
}

#contenu .col2_2 p, .col2_2_ss p{
	text-align: justify;
	padding:0 10px ;
	margin:10px 0 0 0;
	width:195px;
}
html>body #contenu .col2_2 p, .col2_2_ss p{
	width:175px;
}

#contenu .col2_2 p.vignettes, .col2_2_ss p.vignettes{
	padding:0 0 0 0;
	margin:0 0 0 0;
	float: left;
	display: inline;
	width: 65px;
	text-align: center;
}
html>body #contenu .col2_2 p.vignettes, .col2_2_ss p.vignettes{
	text-align: center;
}


#contenu .col2_2 p.vignettes img, .col2_2_ss p.vignettes img{
	border: none;
	margin:2px 0 0 0;
}
#contenu .col2_2 p.vignettes a, .col2_2_ss p.vignettes a {
	background-image: none;
	padding: 0;
	margin: 0 0 0 0;
	font-weight: normal;
	font-size: 11px;
}

#contenu .col2_2 h2, .col2_2_ss h2 {
	background: url(../images/bg_h2_col2_2.gif) no-repeat right top;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding:0 0 0 9px;
	margin:0;
}

#contenu .col2_2 img{
	margin:0;
	padding:0;
}
#contenu .style_actu{
	/*background: url(../images/bg_actu.gif) no-repeat left top;*/
	/*padding:22px 0 0 0;*/
}
#contenu .style_actu p{
	border-width:0 2px 2px 2px;
	border-style:solid;
	border-color: #486C6F;
	font-size:11px;
	text-align: justify;
	color: #486C6F;
	width:195px;
/*	height: 250px;
	overflow-y: auto;*/
	padding: 5px;
	margin:0 5px 0 0;
	/* couleur de l'effet 3D du coté éclairé de la barre de scroll */
	scrollbar-3dlight-color:#000;
	/* couleur de la flèche de la barre de scroll */
	scrollbar-arrow-color:#486C6F;
	/* couleur globale pour toute la barre de scroll */
	scrollbar-base-color:#486C6F;
	/* couleur de l'effet 3d du coté sombre de la barre de scroll */
	scrollbar-darkshadow-color:#486C6F;
	/* couleur du dessus de la barre de scroll */
	scrollbar-face-color:#FFFFFF;
	/* couleur du coté éclairé de la parre de scroll */
	scrollbar-highlight-color:#486C6F;
	/* couleur du coté sombre de la barre de scroll */
	scrollbar-shadow-color:#000;
	/* couleur du support de la barre de scroll */
	scrollbar-track-color:#CBD7A9;
}
html>body #contenu .style_actu p{
	margin:0 0 0 0;
	width:183px;
	padding:0 3px 5px 5px;
	float:right;
	overflow: auto;
}

#contenu .style_actu .img_center{
	margin : 0 4px 0 0;
	padding: 0 0 0 0;
}
/*#contenu .style_menu2{
	height:60px;
	margin:0;
	padding:0;
}

#contenu .style_menu2 ul{
	text-align:center;
	margin:0;
	padding:0;
	list-style-image: none;
	list-style-type: none;
}

#contenu .style_menu2 li{
	margin:0;
	padding:0;
	float: left
}
#contenu .style_menu2 a{
	background: url(../images/bg_menu2.gif) no-repeat left top;
	text-decoration: none;
	color:#486C6F;
	height: 35px;
	font-size: 10px;
	font-weight: bold;
	width:77px;
	padding:0 0 0 1px;
	margin:0;
}
html>body #contenu .style_menu2 a{
	display: block;
}

#contenu .style_menu2 a:hover{
	background: url(../images/bg_menu2hover.gif) no-repeat left top;
}
#contenu .style_menu2 a.actif{
	background: url(../images/bg_menu2hover.gif) no-repeat left top;
}
*/
/* début des styles pour le formulaire*/
#contenu legend{
	font-size:11px;
	color:#D55C27;
}
html>body #contenu fieldset{
	border:1px solid #486C6F;
	-moz-border-radius:5px;
	padding:2px 5px 8px 5px;
}

/* début des styles pour le spacer*/
#global .spacer {
	width: 100%;
	clear:both;
	margin:0;
	padding:0;
	font-size:1px;
}
/* début des styles pour le foot*/
.style_foot{
	background: url(../images/foot.gif) no-repeat center top;
	color:#486C6F;
	margin :0;
	padding: 35px 0 0 0;
}
.style_foot a{
	color:#486C6F;
}
span.style_encadre {
	border:1px solid #486C6F;
	color:#486C6F;
	padding:3px !important;
}
a.style_pdf{
	background:url(../images/download.gif) no-repeat left top !important;
	padding:0 0 0 25px  !important;
	text-decoration:underline;
	font-weight:bold !important;
	color:#27413C !important;
	text-decoration:underline  !important;
	height:20px;
	font-size:13px !important;
}
a.style_pdf img{
	border: none;
}
a:hover.style_pdf{
	color:blue;
}