body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #6c4d23;	
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
hr{ margin:25px 0;}
h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: normal;
	margin: 20px 0 30px 0;
	font-style: italic;
}
h2{
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: large;
	font-weight: normal;
	margin: 20px 0 20px 0;
}
h3{
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: medium;
	font-weight: normal;
}
a:link {
	text-decoration: none;
	color: #649401;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #649401;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #7bb801;
	font-weight: bold;
}
.linkmenu a:link {
	color: #ffffff;
	font-weight: bold;
}
.linkmenu a:visited {
	color: #ffffff;
	font-weight: bold;
}
.linkmenu a:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.linkgrispale a:link {
	color: #aaaaaa;
}
.linkgrispale a:visited {
	color: #aaaaaa;
}
.linkgrispale a:hover {
	color: #649401;
	text-decoration: none;
}
.linkbrun a:link {
	color: #6c4c23;
}
.linkbrun a:visited {
	color: #6c4c23;
}
.linkbrun a:hover {
	color: #6c4c23;
	text-decoration: underline;
}
.message{ background-color:#f4f4f4; border:3px solid #ddd; padding:15px 30px; margin:10px 60px 30px 60px;}
.promobanner{ margin:10px 0px 30px 0px;}

/* ------------ fonts -------------start----------------  */
.tn{ color: #000;}
.tem{ font-style: italic; }
.tgf{ color: #333;}
.tgris{ color:#aaa; }
.tbig{ font-size:14px; }
.tvbig{ font-size:xx-large; }
/* ------------ fonts --------------end---------------  */
/* ---------------------------------- boutons ------------------- start -------------*/
.boutonvert { font-size:14px;}
.boutonvert img { position: relative; top: -1px; left: -2px; }
.boutonvert a span{
	position:absolute;
	right:-6px; top:-0px;
	width:7px; height:28px;
	background-image: url(images/buttons_gr.png);
	background-repeat: repeat-x;
	margin:0; padding:0;
}
.boutonvert a:link{
	background-image: url(images/buttons_gl.png);
	background-repeat: repeat-x;
	display:block;
	margin:2px 7px 2px 1px;
	padding:6px 4px 0 10px;
	height:22px;
	color:#fff;
	position:relative;
	text-align:center;
	white-space:nowrap;
	text-shadow: 1px 1px #0e5c00;
}
.boutonvert a:visited{ text-decoration:none; color:#fff;}
.boutonvert a:hover{ text-decoration:none; color:#fff; background-position:0 -56px;}
.boutonvert a:hover span{ background-position:0 -56px;}
/* ---------------------------------- boutons --------------- end -----------------*/

/* ---------------------------------- boxes & messages --------------- start -----------------*/
.box1 h1{
	margin: 10px 0 30px 0;
}
.box1{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	background-color: #fafafa;
	border: 1px solid #ddd;
	padding: 10px;
	margin: 20px;
}

/* ---------------------------------- boxes & messages --------------- end -----------------*/
.calltoaction{
	position:relative;
	left:-35px;
	margin:30px 0 30px 0;
	height:194px;
}

/* ---------------------------------- Forms --------------- start -----------------*/
.niceinput{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	font-size: 18px;
	border: 1px solid #999;
}
.error{
	font-size: 12px;
	font-style: italic;
	color: red;
}
/* ---------------------------------- Forms --------------- start -----------------*/


/*  fadein slideshow media - START ----------------------------------- */
#mediaslideshow{ position:relative; height:220px; border-top:1px dashed #d4bb97; border-bottom:1px dashed #d4bb97;}
/*  fadein slideshow media - END  ----------------------------------- */

/* ----------------- Custom CSS ici -------------------- */
.container{
	width: 930px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 
	position:relative;
	left:0;
	top:0;
}
.divlogo {
	height: 140px;
	width: 925px;
}
#logo{
	position:absolute;
	top:32px;
	left:0;
	width:391px;
	height:76px;
	background-image: url(images/logo_joseegagnon_hover.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	z-index:10;
}
#logo:hover{
	background-position: -391px 0px;
}
.adresse {
	float: right;
	margin: 10px 5px 0 0;
	padding:0;
	text-align:right;
	line-height: 20px;
	color: #6c4d23;
	font-size: 90%;	
	/*font-style: italic;*/
}
.adresse strong{
	font-size: 120%;	
}
.toplink{
	margin:5px 0;
}
.ligneverte {
	height: 31px;
	width: 100%;
	background-color:#7bb801;
	position:absolute;
	z-index:-10;
	top: 140px;
}
.divmenu {
	height: 31px;
	width: 925px;
	background-color:#7bb801;
	font-size: 13,5px;
	position:relative;
}
.divmenu_sec {
	height: 31px;
	width: 865px;
	background-color:#7bb801;
	font-size: 13,5px;
	position:relative;
	/*left:-100px;*/
	padding:0 60px 0 0px;
}
.tete{
	position:absolute;
	top:-15px;
	z-index:10;
}
.menu_item{
	padding: 7px 50px 8px 50px;
	float:right;
	position:relative;
	left:0;
	top:0;
}
.menu_item:hover{
	background-color: #71a900;
}
.menu_item ul{
	padding:0;
	list-style: none;
	display:inline;
}
.menu_item li{
	padding:10px 10px 10px 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #76a31d;
	color:#fafafa;
}
.menu_item li:hover{
	background-color: #7bb801;
}
.menu_item div{
	width:300px;
	background-color:#629300;
	position:absolute;
	top:31px;
	left:-3px;
	z-index:100;
	visibility:hidden;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.menu_item:hover div{
	visibility:visible;
}
.divmainbanner {
	height: 205px;
	width: 930px;
	margin: 0;
}
.divproduitsservices {
	height: 364px;
	width: 935px;
	padding: 50px 0 0 0;
	margin:0;
}
.divfooter {
	height: 100px;
	width: 925px;
	text-align:center;
	color:#aaaaaa;
	font-size: 0.9em;
	font-style: italic;
	margin: 30px 0 0 0;
	clear:both;
}
.watermarkimage{
	background-image: url(images/big_watermark.jpg);
	margin: auto;
	padding: auto;
	height: 949px;
	width: 547px;
	position:absolute;
	left: 656px;
	top: -32px;
	z-index:-20;
}
.vide{
	width:0;
	height:0;
}
.produit_ed{
	background-image: url(images/boite_epilation_definitive.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 363px;
	width: 220px;
	padding: 48px 0 0 0;
	margin: 0 17px 0 0;
	font-family: Trebuchet, arial;
	font-weight: bold;	
}
.produit_ed ul{
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	list-style: none;
}
.produit_ed li{
	padding: 3px 0 0 20px;
	margin: 5px 0 0 0;
	background-image: url(images/bullet_bleu.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
.produit_est{
	background-image: url(images/boite_esthetique.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 363px;
	width: 220px;
	padding: 48px 0 0 0;
	margin: 0;
	font-family: Trebuchet, arial;
	font-weight: bold;	
	position:relative;	
}
.produit_est ul{
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	list-style: none;
}
.produit_est li{
	padding: 3px 0 0 20px;
	margin: 5px 0 0 0;
	background-image: url(images/bullet_brun.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
.produit_sp{
	background-image: url(images/boite_dermabrasion.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 363px;
	width: 220px;
	padding: 48px 0 0 0;
	margin: 0 19px 0 0;
	font-family: Trebuchet, arial;
	font-weight: bold;	
	position:relative;	
}
.produit_sp ul{
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	list-style: none;
}
.produit_sp li{
	padding: 3px 0 0 20px;
	margin: 5px 0 0 0;
	background-image: url(images/bullet_brun.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
.produit_sc{
	background-image: url(images/boite_photorajeunissement.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 363px;
	width: 220px;
	padding: 48px 0 0 0;
	margin: 0 19px 0 0;
	font-family: Trebuchet, arial;
	font-weight: bold;
	position:relative;	
}
.ombre_d{
	position:absolute;
	left:213px;
	top:0px;
	z-index:100;
}
.ombre_b{
	position:absolute;
	top:356px;
	z-index:100;
}
.produit_sc ul{
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	list-style: none;
}
.produit_sc li{
	padding: 3px 0 0 20px;
	margin: 5px 0 0 0;
	background-image: url(images/bullet_vert.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
/* --------------------------template sec------------------------------------ */
.transparent {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.divmainzone_galerie{
	background-color:#fff;
	min-height: 450px;
	margin:0 0 30px 0;
}
.divmainzone{
	background-color:#daecf8;
	min-height: 450px;
	margin:0 0 30px 0;
}
.divmainzone_est{
	background-color:#e5e0db;
	min-height: 450px;
	margin:0 0 30px 0;
}
.divmainzone_sp{
	background-color:#dbecba;
	min-height: 450px;
	margin:0 0 30px 0;
}
.divmainzone_sc{
	background-color:#f2eeea;
	min-height: 450px;
	margin:0 0 30px 0;
}
.titrezone{
	width:100%;
	height:58px;
	background-color:#94c0d9;
}
.titrezone_est{
	width:100%;
	height:58px;
	background-color:#6c4d23;
}
.titrezone_sp{
	width:100%;
	height:58px;
	background-color:#8cd103;
}
.titrezone_sc{
	width:100%;
	height:58px;
	background-color:#bdb1a6;
}
.sousmenu_ed{
	width: 200px;
	position:relative;
	left:-230px;
	top: -3px;
	font-size:14px;
	font-weight:bold;
}
.items{
	padding: 30px 15px 30px 15px;
	margin: 0;
	position: relative;
	top: -3px;
}
.items ul{
	padding: 0 0 0 12px;
	margin: 0;
}
.items li{
	padding: 10px 0 0 0;
}
.itembgcolor{
	background-color:#f4f9fd;
}
.itembgcolor_est{
	background-color:#f8f2ec;
}
.itembgcolor_sp{
	background-color:#ebf5d6;
}
.itembgcolor_sc{
	background-color:#faf8f5;
}
.zonetexte{
	width: 670px;
	margin: 0 0 0 230px;
	padding: 3px 30px 30px 0px;
	min-height: 450px;
}
.zonetexte_coordonnes{
	width:925px;
	margin: 0 0 30px 10px;
	padding: 12px 30px 30px 0px;
	min-height: 450px;
}
.imgfloatright{
	float:right;
}
.italique {
	font-style: italic;
	font-weight: normal;
	font-size: 100%; /* 88% */
}
.italique  a:link{
	font-weight: normal;
	text-decoration: none;
}
.italique  a:visited{
	font-weight: normal;
	text-decoration: none;
}
.italique  a:hover{
	font-weight: normal;
	text-decoration: none;
}
.enretrait{
	margin: 0 0 0 30px;
}
.quotationz{
	margin: 10px 0 10px 30px;
	font-style: italic;
	font-weight: normal;
}
.tblanc{
	color:#FFFFFF;
}
.p30t{ margin-top:30px;}
.p30b{ margin-bottom:30px;}
.addresse_gauche{
	width:295px;
	float:left;
	padding:5px;
	/*border-right: 1px dotted #ccc;*/
}
.mapcadre{
	float:left;
	width:600px;
}
.addrzone{
	height:180px;
}
.inovo_menu{
	width: 198px;
	position:relative;
	left: -11px;
	margin: 10px 0 2px 0;
	padding: 0; 
}
.note_blanc{
	width: 300px;
	background-color: #FFFFFF;
	margin: 15px;
	padding: 10px;
	border: 1px dashed #dddddd;
}

/* ---------------------------------------------------------------- GALLERIA ------------------------------------------------------------ */
.clearBoth{ clear:both;}
.flashplayer{ margin:0 0 0 10px;}
.autres_galeries{
	background-color:#fff;
	padding:0 10px 10px 10px;
}
.autres_galeries a:link{color:#fff;}
.autres_galeries a:visited{color:#fff;}
.autres_galeries a:hover{ text-decoration:none;}
.sub_galerie{
	margin:0 9px 0 0;
	padding: 1px 1px 3px 1px;
	float:left;
	background-color:#000;
	position:relative;
	width:188px;
	/*height:202px;*/
}
.sub_galerie_last{
	padding:0;
	float:left;
	background-color:#000;
	position:relative;
	width:188px;
	/*height:202px;*/
}
.autres_galeries img{
	filter:alpha(opacity=30);/* for IE */
	opacity:0.3;/* CSS3 standard */
	margin:0 0 3px 0;
	padding:0;
}
.autres_galeries a:hover img{
	filter:alpha(opacity=100);/* for IE */
	opacity:1.0;/* CSS3 standard */
}
/*.autres_galeries p{ padding: 5px 15px;}*/
/*.autres_galeries a:hover p{visibility:hidden;}*/
.autres_galeries p{
	font-size:13px;
	color:#CCC;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	position:absolute;
	top:15px;
	width:168px;
	padding: 10px;
}
.gal_titre{
	font-size:medium;
	margin:0 0 10px 0;
	color:#000099;
}