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

/* début des styles pour body */
body {
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0;
	font-family:"arial",Trebuchet MS, Verdana, sans-serif;
	font-size:12px;
	text-align:center;
	color:#000000 !important;
}


/* 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;
	/*display:none;*/
}

/* début des styles pour fonctions */
.fonctions {
	/*height:20px;
	text-align:right;
	color:#486C6F;*/
	display:none;
}


/* 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;*/
	display:none;
}

#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 0 0 10px;
	text-align: left;
	color:#0F523D;
	height:40px;*/
	display:none;
}
#chemin a{
	color:#0F523D;
}
#chemin a:hover{
	text-decoration: none;
}

/* début des styles pour le menu*/
#menu {
display:none;
}

/* début des styles pour le contenu*/
#contenu {
	width:640px;
	float: left;
	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;
}
#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 .col2_1 h2.style1, h2.style2{
	/*background: url(../images/bg_h2_style1.gif) no-repeat left top;*/
	color: #000;
	text-align: left;
	font-size: 16px;
	font-weight: weight;
	padding:0;
	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: #000;
	font-size: 16px;
	font-weight: weight;
	margin:0 0 0 0;
	padding:0 0 0 0;
	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_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: #000;
	font-size: 16px;
	font-weight: bold;
	padding:0 0 0 0;
	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;
}