@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    Art Massage
	Website: www.art-massage.ca
    Filename: styles.css
	version: 1.0
	date: 07/08/09
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

body {background:#212322 url(/images/bg.jpg) top repeat; font:87.5% Arial, Helvetica, sans-serif; color:#020202; margin:0; padding:0} /*62.5*/
img {border:none}
a {outline:none}


/* Layout
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#container {position:relative; margin:0 auto 20px auto; background:url(/images/bg_content.jpg) bottom center; height:auto !important; min-height:613px; height:613px; width:700px; text-align:left;}
.spotlight {background:url(/images/bg_spotlight.jpg) top no-repeat; height:auto !important; min-height:700px; height:700px;}

/*** Navigation ***/
#mainNav {height:40px; width:700px; background:url(/images/bg_mainNav.png); position:relative; top:00px; /*20*/ padding:0; border-top:1px solid #999999; border-bottom:1px solid #999999}
#mainNav ul  {margin:0; padding:0; list-style:none; font-size:0.85em; font-weight:bold; clear:left; float:left; position:relative; left:50%; text-align:center; color:#F0F0F0}
#mainNav ul li {display:block; float:left; margin:0; padding:0; position:relative; right:50%; text-transform:uppercase;}
#mainNav ul li a {padding:0 10px; margin:0; height:25px; line-height:40px; height:40px; display:block; color:#c1c1c1; font-weight:bold; text-decoration:none;}
#mainNav ul li a:hover {color:#F00;}
#mainNav ul li.current a {background:url(/images/mainNav-bg-on.png) bottom no-repeat; height:40px; color:#FFF}

#content {width:700px; clear:left; position:relative;}
#content h1 span, #content h2 span, span.logo2-art-massage {display:block; text-indent:-9000px; height:40px;}
#content > h1#title-home {background-image: url(/images/art-massage.png); width:692px; height:192px;}
#content > h1#title-art-massage {background: url(/images/formation-massage.png) bottom center no-repeat; width:455px; height:130px; display:block; }
#content span.logo-art-massage {background:url(/images/txt1_art-massage.png); width:155px; height:30px; display:inline-block}
#content span.logo2-art-massage {background:url(/images/txt2_art-massage.png); width:128px; height:29px; display:inline-block; line-height:29px}
#content p {color:#FFDDA2; line-height:18px; margin:14px 104px; padding:0; text-align:justify}
#content a:link, #content a:visited {text-decoration:underline; color:#DFDFDF}
#content a:hover {text-decoration:none; color:#D6D6D6}
#content h2 {font-size: 1.571em; font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
/*text-transform: normal;
letter-spacing: -0.1;*/
line-height: 0.6em;
margin-top:26px; padding:24px 0 14px 0;
}

#promoBox {background:url(/images/bg_promo.png) no-repeat; width:649px; height:100%; margin-top:40px !important}
#promoBox p {text-align:center !important; margin-top:0 !important}

#promoBox2 {background:url(/images/bg_promo2.png); width:649px; height:137px; margin-top:40px !important}
#promoBox p, #promoBox2 p {text-align:center !important; margin-top:0 !important}


.clearer {clear:both; display:block; height:1px; margin-bottom:-1px; font-size:1px; line-height:1px;}
.clearLeft {clear:left; display:block; height:1px; margin-bottom:-1px; font-size:1px; line-height:1px;}
/*p.centering {position:relative; width:700px; margin-left:-350px; left:50%;}*/
.center {margin:0 auto !important; text-align:center;}
.txtUnderline {text-decoration:underline}
.txtOrange {color:#FFDDA2}
.txtWhite {color:#FFF !important}
.paddinBtm {padding-bottom:18px !important}
.noPadding {margin-top:0 !important; margin-bottom:0 !important; }
.box1 {margin:30px 0 0 25px; background:url(/images/cadre_2.png); width:313px; height:157px; float:left;}
.box1 p {color:#fff !important; margin:35px auto 20px !important; text-align:center !important; width:284px;}
.box1 ul {margin:0; padding:0}
.box1 ul li {color:#fff; line-height:18px; padding:0; margin-left:30px}

#footer {position:relative; margin:0 auto; padding:5px; color:#999; font-size:12px; background-color:#0a0c0b; clear:left}
#zic  {position:absolute; bottom:20px; right:50px; width:120px; height:20px;}

/*** Galerie Photos ***/
.gallery {list-style:none; margin:25px 0 0 95px; padding:0;  width:505px}
.gallery li {padding:13px; margin:0; float:left; position:relative; width:75px; height:75px;}
.gallery img {background:#fff; border:solid 1px #000; padding:3px;}
.gallery li:hover img {border-color:#FFCB87;}


/*** Login ***/
#login-content{background:url(/images/bg_promo.png) no-repeat; width:649px; height:200px; margin-top:60px !important}
form#login {position:relative; width:285px; height:100px; margin:14px auto; background-color:#EFEFEF; padding:20px; border:1px solid #000;
 -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.3);
 font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#login label {width:100px; display:block; float:left; text-align:left; padding:2px }
#login input, #login select {margin-left: 1%; border: #CCC 1px solid; padding:2px}
#login .no_label {background: none;}
#content #login p {margin:10px 0 4px 14px; color:#333}
#login input[type="submit"]:hover {
	background-color: #C6D0F4;
	cursor: pointer;
}

/*** Sub Nav Formation ***/
#SubNavContent {position:relative; clear:both; width:700px; height:133px; margin:40px 0 0 0;}
#SubNavContent ul {margin:0 0 0 15px; padding:0;}
#SubNavContent ul li {width:213px; height:133px; display:block; float:left; margin:0px 15px 20px 0; padding:0; text-align:left}
#SubNavContent ul li.noMarginRight {margin-right:0}
#SubNavContent ul li img {display:block;}
#SubNavContent ul li a img {border:none}

/*** Facebook ***/
.btn-fb {width:221px; height:16px; margin:0px 5px 0 0px}
a.btn-fb {width:221px; display:block; float:right; height:16px; text-indent:-9000em; background:url(../images/btn-fb.jpg) no-repeat;}
a.btn-fb:link, a.btnFacebook:visited {}
a.btn-fb:hover {background-position:bottom left}
a.btn-fb:active {outline:none}
#container .fb {position:absolute; width:70px; height:60px; top:105px; right:10px; display:block; z-index:9999}

/* Événements - Blog */
#content .blog-post {border-bottom:1px dotted #747574; padding-bottom:10px; margin:0 104px 0px 104px;}
#content .blog-post img {}
#content .blog-post h2, #content .blog-post h2 a {font-size:20px; color:#C9C9C9; text-decoration:none; line-height:20px; margin:0; padding-top:20px; padding-bottom:0; margin-bottom:0; text-shadow:2px 2px 4px #2A2A2A}
#content .blog-post .entry-meta {margin:10px 0 10px 0; display:inline-block; color:#000; font-size:0.80em; line-height:1.2em }
#content .blog-post .entry-meta .published-date, #content .strongTxt {font-size:1.2em}
#content .blog-post .entry-meta a {text-decoration:none; color:#a1a1a1;}
#content .blog-post .entry-meta a:hover {color:#7b7b7b; }
#content .blog-post .post-entry .readMoreLink a {color:#666; text-transform:uppercase; text-decoration:none; font-weight:bold}
#content .blog-post .post-entry .readMoreLink a:hover {color:#b32017}
#content .blog-post .post-entry p {line-height:18px; margin:14px 0 0 0; clear:right}
#content .blog-post ol li {color:#507fae; padding-bottom:8px; font-size:12px; line-height:13px; } 
#content p.strongTxt {padding-bottom:8px !important;}

/*** Blocs Photos Massages ***/

.blocPhotoLeft, .blocPhotoRight {margin:0 auto !important; width:578px; background:#FFFFFF; padding:0px 12px 18px 12px; overflow:hidden;}
.blocPhotoLeft img, .blocPhotoRight img {width:167px; height:111px; display:block;}
.blocPhotoLeft h4, .blocPhotoRight h4 {display:block; width:405px; color:#F2F0F1; background:#CB2E0E; margin:0 auto; text-align:center; paddding:0; font-weight:normal; font-size:24px; font-family:Verdana, Geneva, sans-serif}
.blocPhotoLeft h4 {float:right}
.blocPhotoRight h4 {float:left;}
.blocPhotoLeft img {float:left; padding: 0 5px 0 0;}
.blocPhotoRight img {float:right; padding:0 0 0 5px;}
#content .blocPhotoLeft p {float:left; clear:right}
#content .blocPhotoRight p {float:right; clear:left}
#content .blocPhotoLeft p, #content .blocPhotoRight p {font-size:11px; width:405px; text-align:justify; color:#000000; margin:0 0 0 0; padding:10px 0 0px 0; line-height:14px; display:block;}

.gallery {list-style:none; margin:25px 0 0 95px; padding:0;  width:505px}
.gallery li {padding:13px; margin:0; float:left; position:relative; width:75px; height:75px;}
.gallery img {background:#fff; border:solid 1px #000; padding:3px;}
.gallery li:hover img {border-color:#FFCB87;}

/*** Download Icon ***/
a.readMoreLink img {display:block; float:left; margin-top:-6px}
a.readMoreLink span {font-size:11px; color:#FFFFFF}
a.readMoreLink {color:#CB2E0E !important; font-size:14px; text-transform:uppercase; text-decoration:none !important;}
a.readMoreLink:hover {color:#fff; text-decoration:underline !important}