/* CSS Document */

@import "style_client.css";

a.footer
{
	color:#8cb110;
	text-decoration:none;
	font-size:9pt;
}
a.footer:visited
{
	color:#8cb110;
	text-decoration:none;
}
a.footer:hover
{
	color:#fff;
	text-decoration:underline;
}



.ombreimage
{
	border:#4e2a2e solid 1px;
}

.ligne_horiz
{
	margin-left:9px; 
	float:left; 
	border-top:1px solid #4e2a2e; 
	height:1px; 
	margin-top:8px; 
	width:100%;
}


/******* Sous menu ***********/
#tab_sous_menu
{
	border:#CCCCCC solid 0px;
	padding:0px;
	margin-left:10px;
}
#tab_sous_menu .liens_sous_menu, .liens_sous_menu_selected 
{
	display:block;
	width:240px;
	height:20px;
	line-height:20px;
	font-size:9pt;
	padding:4px;
	text-decoration:none;
	color:#000066;
}
#tab_sous_menu .liens_sous_menu:hover, #tab_sous_menu .liens_sous_menu_selected, .liens_sous_menu_selected:hover
{
	background:#000066;
	color:#FFFFFF;
	text-decoration:none;
}


#tab_sous_menu .eco_concept.liens_sous_menu_selected
{
	background:#0f5109;
	color:#FFFFFF;
	text-decoration:none;
}
#tab_sous_menu a.eco_concept:hover
{
	background:#0f5109;
	color:#FFFFFF;
	text-decoration:none;
}


/*************** TABLEAU avec fond ********************/

#fond_nucleaire
{
	background:url(../images/fond_nucleaire.png) no-repeat;
	width:185px;
	height:185px;
	padding-left:15px;
	padding-right:15px;
	padding-top:12px;
	color:#FFFFFF;
}
#fond_eco
{
	background:url(../images/fond_eco.png) no-repeat;
	width:185px;
	height:185px;
	padding-left:15px;
	padding-right:15px;
	padding-top:12px;
	color:#FFFFFF;
	
}


/******************* Input ******************/
.formu select
{
	font-family:"Trebuchet MS","Lucida Grande",Verdana,sans-serif;
	font-size: 10pt;
	border:#BCBCBC solid 1px;
}
.formu input, .formu textarea, .formu select
{
	color:#000033;
	border:#BCBCBC solid 1px;
	margin-bottom:2px;
	background:url(../images/fond_input.jpg) left top;
	width:350px;
}
.formu input
{
	height:22px;
	font-size:12pt;
}

.formu textarea
{
	font-size:12pt;
}
.formu .submit
{
	padding:2px;
	width:auto;
	height:auto;
	cursor:pointer;
	background:#F2F2F2;
	text-align:center;
}

.formu input:hover, .formu textarea:hover, .formu select:hover
{
	border:#0e4986 1px solid;
}
.formu input:focus, .formu textarea:focus, .formu select:focus
{
	border:#00FF00 1px solid;
}

.formu input.error, .formu textarea.error, .formu select.error
{
	 border: 1px dotted red;
}

form.radio
{
	display:inline;
	height:auto;
	width:inherit;
}
input.radio
{
	display:inline-block;	
}

form.checkbox
{
	width:inherit;
	height:auto;	
}


input.texte_petit
{
	font-size: 8pt;	
}
form {
	margin:0;
}
.bouton_image
{
	color:#FFFFFF;
	border:0px; 
	background:url(../images/bouton_image.jpg); 
	width:136px; 
	height:68px;
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}

/************* Chemin des pages *********************/
#div_chemin
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#4c4c4c;
	margin-left:10px;
	font-size:8pt;
}
#div_chemin a
{
	color:#4e2a2e;
	text-decoration:none;
}
#div_chemin a:hover
{
	color:#8cb110;
	text-decoration:underline;
}
.page
{
	color:#8cb110;
}


/************* Style des liens des soins ***************/

.div_rub, a.rub
{
	margin:2px 0 5px 0;
	padding:5px 0 5px 5px;
	background-color:#4e2a2e;
	text-align:left;
	border:#8cb110 solid 0px;
	color:#8cb110;
	width:100%;
	height:15px;
	overflow:visible;
	display:block;
	text-decoration:none;
}
a.selected_rub {	
	background-color:#8cb110;	
	color:#4e2a2e;
}

a.rub:hover
{
	text-decoration:none;
	color:#fff;
}

a.sous_rubrique, a.selected_sous_rub
{
	text-decoration:none;
	color:#4e2a2e;
	margin:2px 0 2px 10px;
	padding:2px 0 2px 2px;
	background-color:#b1c765;
	text-align:left;
	border:#4e2a2e solid 1px;
	display:block;
}
a.selected_sous_rub {	
	background-color:#8cb110;	
	color:#FFFFFF;
	border-color:#b93241;
}

a.sous_rubrique:hover
{
	background:#8cb110;
	color:#FFFFFF;
	border:#b93241 solid 1px;
}

/********* Soins *************************/
.titre_prod
{
	font-size:12pt;
	font-weight:bold;
	color:#000099;
}
.prix_prod
{
	font-size:10pt;
	width:100%;
	display:block;	
	color:#fff;
}
.lbl_prod
{
	font-size:10pt;
}
.lien_page
{
	width:20px;
	display:block;
	border:#ABABAB solid 1px;
	float:left;
	margin-left:4px;
	text-align:center;
	text-decoration:none;
}
.lien_page:hover
{
	text-decoration:none;
	background:#B9B9B9;
	color:#000000;
}
.div_info_prod 
{	
	color:#FFFFFF;
	width:100%;
	height:100px;
	position:absolute;
	padding:0 5px 5px 5px;
	text-align:left;
	vertical-align:text-bottom;
	background:url('images/style/fond_galets_soins.png') no-repeat bottom;
}
.div_info_prod a
{	
	color:#FFFFFF;	
	font-size:10.5pt;
	text-decoration:none;
}
.div_info_prod a:hover
{	
	color:#b1c765;
}

.offrir_prod
{
	position:absolute;
	z-index:4;
	margin-top:145px;
	margin-left:0px;
	width:150px;
	text-align:left;
	line-height:18px;
}

.offrir_prod a
{
	color:#4e2a2e;
	text-decoration:none;
	display:block;
}

.offrir_prod a:hover
{
	color:#8CB110;
	text-decoration:none;
}

/************** Galeries ***********/

.path {
	font-family: "Trebuchet MS", Lucida, Tahoma;
	font-size:10pt;
}

.imgBrowse, .imgBrowsedir {
	position:relative;
	float : left;
	margin : 0 10px 10px 0;
	text-align : center;
	border : 1px solid #4e2a2e;
	width:280px;
	height:200px;
	z-index:1;
	overflow:hidden;
}

.thumbnail {
	width : 280px;
	height : 200px;
	position:relative;
	z-index:0;
	overflow:hidden;
}

.thumbnail a{
	text-decoration:none;
	border:none;
}

.imgBrowse .action, .imgBrowsedir .action {
	position:absolute;
	z-index:2;
	height : 30px;
	text-align : center;
	font-size : 14pt;
	color:#000;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter:alpha(opacity=60);
	background-color:#4e2a2e;
	width:280px;
}

.imgBrowse .action_img, .imgBrowsedir .action_img {
	position:absolute;
	z-index:2;
	height : 20px;
	text-align : center;
	font-size : 12pt;
	color:#000;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter:alpha(opacity=60);
	background-color:#4e2a2e;
	width:280px;
}

.action_link{
	width:280px;
	position:absolute;
	text-align:center;
	margin-top:2px;
	z-index:3;
	font-size:12pt;
}

.action_link_img{
	width:280px;
	position:absolute;
	text-align:center;
	z-index:3;
	font-size:10pt;
}

.imgBrowsedir a, .imgBrowse a, .action_link a{
	color:#fff;
	text-decoration:none;
}

.imgBrowsedir a:hover ,.imgBrowse a:hover , .action_link a:hover{
	color:#8cb110;
	cursor:pointer;
}

.imgBrowsedir a:visited ,.imgBrowse a:visited , .action_link a:visited{
	color:#fff;
}

.action_ombre{
	width:280px;
	height:17px;	
	position:absolute;
	margin-top:30px;
	background:url('../images/style/ombre_descript_soin_down.png') repeat-x;
	z-index:4;
}

.action_ombre_img{
	width:280px;
	height:17px;	
	position:absolute;
	margin-top:20px;
	background:url('../images/style/ombre_descript_soin_down.png') repeat-x;
	z-index:4;
}

.imgBrowse .thumbnail img {
	display : block;
}

.imgBrowsedir .thumbnail img {
	display : block;	
}

.image {
	text-align:center;
}



.zoom_gal_lien
{
	text-decoration:none;
	border:none;
}

a.zoom_pano
{
	color:#fff;
	text-decoration:none;
}
a.zoom_pano:visited
{
	color:#fff;
	text-decoration:none;
}
a.zoom_pano:hover
{
	color:#fff;
	text-decoration:none;
}

.zoom_gal {
	text-decoration:none;
	border:none;
	display:block;
}

/************ Galerie Miniature ***************/

.thumb
{
	width:195px;
	height:213px;
	position:relative;
	float:left;
	background:url(../images/cadre-photo.jpg);
	margin-right:20px;
	margin-bottom:10px;
	text-align:center;
}
.thumbimg
{
	border:#727272 solid 1px;
}

/************** Panoramas  ***********/

.panoBrowse {float:right;width:190px;padding:0 0 0 0;position:relative;}
.panoContain{float:left;width:185px;height:60px;overflow:hidden;border:#000 solid 1px;margin:0 5px 5px 0;cursor:pointer;}
.panoTitleBck{width:185px;height:20px;background:#4e2a2e;position:absolute;z-index:3;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);}
.panoTitle{width:185px;height:20px;position:absolute;color:#fff;text-align:center;z-index:4}
.panoShadow{background:url('../images/style/ombre_descript_soin_down.png') repeat-x;width:185px;height:17px;position:absolute;margin-top:20px;z-index:2;}


/******** Partenaires ***/
.part_wrapper{
	float:left;
	position:relative;
	text-align:center;
	border:#4e2a2e solid 1px;
	margin-top:10px; 
	margin-right:10px;
	overflow:hidden;
	z-index:3;
	width:280px;
	height:200px;
	vertical-align:baseline;
}

.part_wrapper .part_img
{
	position:relative;
	z-index:0
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-top:100px;
	height:100px;
	overflow:hidden;
	background-color:#fff;
}

.part_wrapper .part_info_block
{
	position:absolute;
	float:left;
	/*border:#4e2a2e solid 1px;*/
	background-color:#4e2a2e;
	-moz-opacity:0.6;
	opacity:0.6;
	filter:alpha(opacity=60);
	width:100%;
	height:100px;
	z-index:1;
	
}

.part_wrapper .part_info
{
	color:#fff;
	position:absolute;
	float:left;	
	height:100px;
	width:100%;
	padding-left:5px;
	text-align:center;
	z-index:2;
	border-bottom:#4e2a2e solid 1px;
}

.part_wrapper .part_info a
{
	color:#fff;
	text-decoration:none;

}

.part_wrapper .part_info a:hover
{
	color:#4e2a2e;
	text-decoration:underline;
}

.part_wrapper .part_ombre
{
	position:absolute;
	margin-top:100px;
	width:100%;
	background:url('../images/style/ombre_descript_soin_down.png') repeat-x ;
	z-index:1;
}

.part_wrapper .part_name
{
	font-size:12pt;
}