* { padding: 0px; margin: 0px; }

body { font-family: arial, tahoma, helvetica, sans-serif; background-color: #FEF7E4; font-size: 12px; background-image: url(../images/fond_degrade.png); background-repeat: repeat-x; }

/** main */
#wrapper { position: relative; text-align: left; padding: 0px; margin: auto; z-index: 1000; }
#menuTop { position: relative; text-align: left; padding: 0px; margin: auto; z-index: 1001; }
#screenshot{ position:absolute; border:1px solid #ccc; background:#000; color:#fff; opacity:0.9; padding:4px; display:none; font-size: 10px; z-index: 1002; }
#screeninfo{ position:absolute; border:1px solid #ccc; background:#FFF; color:#000; padding:4px; display:none; font-size: 12px; z-index: 1002; }
.screeninfo { cursor:default; color: #CC3366; text-decoration: none; }

.logo { background-image: url(../images/logo.png); width: 358px; height: 100px; cursor: pointer; background-repeat: no-repeat; }
.createdby { position: relative; top: -10px; left: 250px; width: 100px; font-family:tahoma, helvetica, sans-serif; font-weight:bold; color: #5D5C5C; font-size:9px; }
.address { text-align: center; margin-bottom: 6px; padding: 0px; color: #cf2f72; font-size: 15px; font-weight: bold; }
.phonenumber { text-align: center; margin: 0px; padding: 0px; color: #cf2f72; font-size: 20px; font-weight: bold; }
.transport { color:#000099; font-size: 10px; text-align: center; padding: 3px; }
.transport img{ vertical-align: top; }
.info { border:1px solid #F3ECD9; background-color: #FFFFFF; text-align: center; margin: 0px; padding: 2px; color: #000000; font-size: 11px; }
.info input{ border: none; color: #cf2f72; font-size: 10px; }
.info img{ vertical-align: middle; }
.bold { font-weight: bold; }
.ten { font-size: 10px; }
.none a { color: #000000; text-decoration: none; }
.none a:hover { color: #000000; text-decoration: underline; }
img { border: 0px; }
.default a { color: #cf2f72; text-decoration: none; }
.default a:hover { color: #cf2f72; text-decoration: underline; }
.borderFrame { background-color: #FFFF00; border: #FFFF33 1px solid; }
.messageError { margin-left: 10px; font-weight: bold; color:#990000; padding: 5px; display: none; }
.messageErrorDisplay { margin-left: 10px; font-weight: bold; color:#990000; padding: 5px; }

#frameInfo { position:relative; z-index:1001; top:150px; left:-330px; width:350px; height:200px; background-image: url(../images/infos.png); cursor: pointer; }

.linkLarge {font-size:14px;color: #b8004a;font-weight: bold; text-decoration: none;}
.linkLarge:hover {color: #cb4c8c;text-decoration: none;}

/** Menu deroulant */
.menu {
	z-index: 1000;
	position: absolute;
	background: #B8004A;
}
.MenuDeroulant {
	margin: 0;
    padding: 0;
}
 
.MenuDeroulant li {
    float: left;           
	list-style: none;
	height: 26px;
	font: 11px Arial, Tahoma;
}

.MenuDeroulant li a {
	display: block;
	background: #AD0146;
	font-weight: bold;
	/*padding: 2px;*/
	text-decoration: none;
	color: #FFFFFF;
	white-space: nowrap;
}

.MenuDeroulant img {
	vertical-align:middle;
}

.MenuDeroulant li a:hover {
	background: #CC3366;
}

h1 {text-transform:uppercase;position:relative;top:-18px;margin:0;padding-top:2px;text-align:center;font-size: 12px;font-weight:bold;color:#fff;width:369px;height:20px;background:url(../images/subtitle_background.png) no-repeat;}

h2 {text-transform:uppercase;color: #DF9842;font-size: 12px;font-weight:bold;}

/*H3 {
	font-size: 10px
}
H1 {
	padding-bottom: 9px; padding-left: 18px; padding-right: 18px; padding-top: 9px
}
H3 {
	margin: 4px 0px 0px
}*/
table {
	margin: auto;
	BORDER-COLLAPSE: collapse;
}

.details a{
	color: #b8004a; 
	font-weight: bold; 
	text-decoration: none;
}
.details a:hover {
	color: #cb4c8c; 
	text-decoration: none;
}

.hover a{
	color: #cb4c8c;
}
	
.gototop a{
	color: #b8004a;
	font-size: 10px;
	font-weight: bold; 
	text-decoration: none;
}
.gototop a:hover {
	color: #cb4c8c; 
	text-decoration: none;
}

.link a{
	color: #b8004a;
	font-weight: bold; 
	text-decoration: none;
}
.link a:hover {
	color: #cb4c8c; 
	text-decoration: none;
}

.bonplan {
	margin: 0 0 5px 10px;
}
.bonplan a{
	color: #b8004a;
	font-weight: bold; 
	text-decoration: none;
}
.bonplan a:hover {
	color: #cb4c8c; 
	text-decoration: none;
}

.fade {
	position: relative;
}

.menu {
	position:absolute;
	top: 25px;
	left: 0px;
    display: none;
}

.sub {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

#cadre {
	position:relative;
	width:510px;
	/*text-align:justify;*/
	margin:0 20px 20px 20px;
}

#cadreFull {
	position:relative;
	width:850;
	/*text-align:justify;*/
	margin:0 20px 20px 20px;
}

#produits { position:relative; width:510px; text-align:justify; margin:0 20px 0 20px; }

.phototype {
	height: auto;
	border: #C5C5C5 1px solid;
	background-color: #E2E1E1;
	text-align:justify;
	margin:0 10px 0 10px;
	padding:10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	display:none;
}

.clinic {
	height: auto;
	border: #C5C5C5 1px solid;
	background-color: #E2E1E1;
	text-align:justify;
	margin:0 10px 0 10px;
	padding:10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.clinic img{
	padding: 10px;
}

.infoenplus { height: auto; border: #C5C5C5 1px solid; background-color: #E2E1E1; text-align:left; margin:0 10px 0 10px; padding:10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.infoenplus img{ padding: 10px; }

.subTitle {
	font-weight: bold;
	margin:0 10px 0 10px;
	padding:5px;
}

.subTitle img{
	padding: 10px;
}

.flag{
	border: #C5C5C5 1px solid;
}

/* version */
.version{ margin: 6px; }
.version img{ vertical-align: top; }
.version a{ color: #000; font-weight: bold; text-decoration: none; }
.version a:hover { color: #000; text-decoration: underline; }

.map { color:#757574; font-size: 10px; }
.map a{ color:#757574; text-decoration: none; }
.map a:hover { text-decoration: underline; }

/** horaires */
#horaires {
	width:360px;
	text-align:center;
	color:#cf2f72;
	font-size:14px;
	margin:20px;
}
#today {
	width:360px;
	text-align:center;
	color:#cf2f72;
	font-weight:bold;
	font-size:14px;
	margin:20px 20px 0 20px;
}
#description {
	width:360px;
	text-align:center;
	color:#cf2f72;
	font-size:14px;
	margin:20px 20px 10px 20px;
}

/** gallery */
.clear {
	clear:both;
}

#team {
	width:360px;
	text-align:center;
	color:#cf2f72;
	font-size:14px;
	margin:10px 20px 20px 20px;
}

#createdby {
	position: relative;
	top: -10px;
	left: 250px;
	font-family:tahoma, helvetica, sans-serif;
	font-weight:bold;
	color: #5D5C5C;
	font-size:9px;
}

#picture {
	position:relative;
	top:100px;
	left:420px;
}

#gallery {
	font-size: 12px;
	position:relative;
	height:400px;
}

#gallery a {
	float:left;
	position:absolute;
}

#gallery a img {
	border:none;
}

#gallery a.show {
	z-index:500;
}

#gallery .caption {
	z-index: 600; 
	background-color: #000; 
	color: #ffffff;
	font-size: 11px;
	height: 16px; 
	width: 100%; 
	position: absolute;
	bottom: 0;
}

#gallery .caption .content {
	margin:1px;
	margin-left: 10px;
}

#gallery .caption .content h3 {
	margin:0;
	padding:0;
	color:#1DCCEF;
	font-size: 12px;
}

#legal { color:#9E9A8F; font-size: 10px; }

#tools { font-size: 10px; text-align:center; }

#tools a { color: #000; font-weight: bold; text-decoration: none; }
#tools a:hover { text-decoration: underline; }

/** form */
.display_message { display:none; font-weight:bold; padding: 10px; border:#C5C5C5 1px solid; width:430px; background-color:#E2E1E1; }

#adding_comment_form {
	position:relative;
	border:#C5C5C5 1px solid;
	width:100%;
	background-color:#E2E1E1;
}
#adding_comment_form legend{
	margin-left: 20px;
}
#adding_comment_form label {
	float:left;
	font-size: 12px;
	margin-right:10px;
	padding-top:5px;
	text-align:right;
	font-weight:bold;
}
#adding_comment_form input {
	border:1px solid #C5C5C5;
	color: #cf2f72;
	padding: 4px;
	font-size: 12px;
}
  
div.site-message-fixed { width: 290px; position: fixed; top: 10px; }

#site-message-placeholder { margin-top: 20px; width: 290px; }

#img_frame {
	border: none;
	width: 290px;
}

.tool_frame {
	padding: 4px;
	background: beige;
	border: #AD0146 1px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#img_illustration {
	width:270px;
	margin:10px;
	padding-top: 5px;
	border: 1px solid #c4c4c4;
	background-color: #fff;
	text-align: center;
}

textarea#message {
	width: 420px;
	height: 120px;
	font-family: arial, tahoma, helvetica, sans-serif;
	border: 1px solid #C5C5C5;
	color: #cf2f72;
	font-size: 12px;
	padding: 4px;
	background-image: url(../images/bg_textarea.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

/* TABLE HHP */
.table_hhp td { border: 2px solid #fff; padding:5px; color:#fff; }
.first { background-color:#0054A6; border: 2px solid #fff; text-align:center; }
.second { background-color:#008FD4; border: 2px solid #fff; text-align:center; }
/* TABLE TARIFF */
.table_tariff td { border: 2px solid #fff; padding:5px;text-align:center; }
.tariff_first { background-color:#F5A748; }
.table_tariff_esthe td { border: 2px solid #fff; padding:2px;text-align:center; }

.pika-wrap {width: 520px; margin: 0 auto;}
.pika-image {position: relative; height: 300px; width: 500px; /*background: #fafafa;*/ border: 1px solid #e5e5e5; padding: 10px;}
/*position image holders */
.pika-image .animation, .pika-image .main-image {position: absolute; top: 10px; left: 10px;}
.pika-image .animation {display: none;z-index:2;}
.pika-image img {border:0;}

.pika-image .caption {position: absolute; font-size: 11px; color: #000;
padding: 10px; text-align: justify;width: 300px; top: 10px; right: 60px;}
.pika-image .caption p {padding: 0; margin: 0; text-align: left;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {background: url(../images/arr-left.png) no-repeat left 50%; height: 50px; width: 50px; top: 150px; left: 10px;cursor:pointer;}
.pika-imgnav a.next {background: url(../images/arr-right.png) no-repeat right 50%; height: 50px; width: 50px; top: 150px; right: 10px;cursor:pointer;}
.pika-imgnav a.play {background: url(../images/play.png) no-repeat right 50%; height: 30px; width: 30px;top:275px;left:70px;display: none;cursor:pointer;}
.pika-imgnav a.pause {background: url(../images/pause.png) no-repeat; height: 30px; width: 30px;top:275px;left:70px;display:none;cursor:pointer;}

.pika-textnav {overflow: hidden; margin: 10px 0 0 0;}
.pika-textnav a {font-size: 12px; text-decoration: none; font-family:  helvetica, arial, sans-serif; color: #333; padding: 4px;}
.pika-textnav a:hover {background: #e5e5e5; color: #0065B2;}
.pika-textnav a.previous {float: left; width: auto; display: block;}
.pika-textnav a.next {float: right; width: auto; display: block;}
	
.pika-thumbs {margin: 10px 0 0 0; padding: 0; overflow: hidden; }
.pika-thumbs li {float: left; list-style-type: none; width: 74px; padding: 3px; margin: 0 2px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
.pika-thumbs li:last {margin: 0;}
.pika-thumbs li .clip {position:relative;width: 74px; height: 74px; text-align: center; vertical-align: center; overflow: hidden;}

.clip span{background-color:black;position:absolute;top:5px;left:5px;display:block;}
ul#pikame{width:540px;}
		
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 30px;}
.jcarousel-skin-pika .jcarousel-container-vertical { width: 90px; height: 350px; padding: 20px 20px;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 460px;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:  90px; height: 350px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}
.jcarousel-skin-pika .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-pika .jcarousel-item-placeholder {background: #fff; color: #000;}