/*
Theme Name: Lorraine Termetz
Theme URI: http://www.institutdebeautelorrainetermetz.com/
Description: Le theme du site de Lorraine Termetz
Version: 1
Author: Catherine R.
Author URI: info@cathves.com
Tags: Lorraine, Termetz, Institut de beauté
*/

@import url("default.css");

/* CSS Document */
.col-2 .box p.p1{ /*text-align: justify;*/ padding-right: 10px; }

* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1em;  }
html, input, textarea{ font-family: Verdana, Helvetica, sans-serif; color:#a2a2a2; }	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top;}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	/*overflow:hidden;*/ width: 100%;}
a img{ border:0}
img{ vertical-align:top;}

a{color:#a2a2a2; text-decoration:underline}
a:hover{text-decoration:none}

.link{ color:#73aa19; background:url(images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:none; font-size:.916em }
.link:hover{text-decoration:underline }

.link1{color:#a2a2a2;}

#content ul{ margin:0 0 15px 0; padding:0; list-style:none; }
#content ul li{ background:url(images/marker.gif) top left no-repeat; background-position:0 7px; margin: 0 0 8px 0; padding-left:12px; font-size: 12px; color: #333333; line-height: 18px; }
#content ul li a{ color:#4d4d4d; text-decoration: underline; line-height:1.5em }
#content ul li a:hover { text-decoration:none; }

#content .ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:12px; padding-bottom:9px}
#content .ul li a{color:#a2a2a2; text-decoration: underline; line-height:1.5em}

#content .ul1 li{background:url(images/marker.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:12px; }
#content .ul1 li a{color:#a2a2a2; text-decoration: underline; line-height:1.5em} 

.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff !important; text-decoration:none !important; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:1px 9px 3px 9px;  font-style:normal;}
.link-1:hover{ text-decoration:none !important; color:#ababab !important; }

.link-2 { display:block; float:left; background:url(images/link_bg1.gif) left top repeat-x; color:#ffffff !important; text-decoration:none !important; }
.link-2 em { display:block; background:url(images/link_left1.gif) no-repeat left top;}
.link-2  b { display:block; background:url(images/link_right1.gif) no-repeat right top; padding:0 9px 4px 9px; font-style:normal;}
.link-2:hover{ text-decoration:none !important; color:#000000 !important; }

.link-3 { display:block; float:left; background:url(images/link_bg2.gif) left top repeat-x; color:#ffffff !important; text-decoration:none !important; }
.link-3 em { display:block; background:url(images/link_left2.gif) no-repeat left top;}
.link-3  b { display:block; background:url(images/link_right2.gif) no-repeat right top; padding:0 5px 3px 5px; font-style:normal; }
.link-3:hover{ text-decoration:none !important; color:#000000 !important;}

.link-4 { display:block; float:left; background:url(images/link_bg3.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-4 em { display:block; background:url(images/link_left3.gif) no-repeat left top;}
.link-4  b { display:block; background:url(images/link_right3.gif) no-repeat right top; padding:1px 9px 3px 9px; font-style:normal;}
.link-4:hover{ text-decoration:none; color:#000000}

 .flash{position: relative; width:100%}

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{ margin-bottom:10px}
#content .indent-main1{ margin:30px 50px 10px 37px}
#content .title{  margin-bottom:16px}
#content .title1{  margin-bottom:16px; margin-left:15px}
#content .title2{  margin-bottom:21px; margin-left:15px}
#content .img{ position:absolute; margin:-7px 0 0 14px; z-index:10;}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-left1{ float:left; margin:0 16px 1px 0}
#content .img-indent{ margin:0 0 14px 0}
#content .img-indent1{ margin:0 0 23px -3px; position:relative}
#content .img-indent2{ margin:0 7px 5px 0}
#content p{ margin:0 0 15px 0; font-size: 12px; color: #333333; line-height: 18px; }
#content table{ font-size: 12px; color: #333333; }
#content h1{ color: black; margin-bottom: 25px; font-size: 25px; line-height: 20px; }
#content h2{ color: black; margin-bottom: 16px; font-size: 12px; line-height: 15px; }
#content h2 sup{ font-size: 9px; line-height: 8px; }
#content h3{ font-size: 12px; font-weight: bold; line-height: 15px;	color: #333333; margin: 15px 0; }
#content h4{ color: black; font-size:1em; margin-bottom:13px; }
#content h5{ color:#272727; font-size:1.33em; margin-bottom:7px; }
#content h6{ color:#393939; font-size:1em; }
#content a{ font-size: 12px; color: #333333; text-decoration: underline; }
#content a:hover{ text-decoration: none; }

#content .col-1 p{ text-align: justify; }

#page7 #content p{ margin:0 0 17px 0 }
#content .p{ margin:0 0 21px 0 }
#content .p1{ margin:7px 0 11px 0}
#content .p2{ margin:0 0 28px 0}
#content .p3{ margin:0}
#content .txt{color:#202020; font-size:1.08em; font-weight:bold  }
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:19px; margin-bottom:19px}

.bg-1{ background:url(images/bg-1.gif) no-repeat top left; padding-top:16px; padding-bottom:19px}

.txt1{ color:#4d4d4d}

#content .indent-col{padding:25px 30px 22px 20px}
#content .indent-col1{padding:25px 20px 22px 30px}
#content .indent-col2{padding:25px 10px 22px 20px}
#content .indent{padding:9px 0 0 0}
#content .indent1{padding:259px 0 0 0}
#content .indent2{padding:0 0 0 20px}
#content .indent3{padding:9px 0 0 20px}


/*box*/
.box { width:100%; position:relative}
.box .left-top-corner { background:url(images/corner_top_left.png) no-repeat left top; height:20px; padding-left:20px;}
.box .right-top-corner { background:url(images/corner_top_right.png) no-repeat right top; height:20px; padding-right:20px;}
.box .border-top { background:url(images/border_top.png) left top repeat-x; height:20px; }

.box .left-bottom-corner { background:url(images/corner_bottom_left.png) no-repeat left bottom; height:20px; padding-left:20px}
.box .right-bottom-corner { background:url(images/corner_bottom_right.png) no-repeat right bottom; height:20px; padding-right:20px}
.box .border-bottom { background:url(images/border_bottom.png) left bottom repeat-x; height:20px; width:100%;}

.box .right-border { background:url(images/border_right.png) right top repeat-y #e8e8e8; padding-right:7px;}
.box .border-left { background:url(images/border_left.png) left top repeat-y; padding-left:7px;}
.box .border-right { background:url(images/border_right.png) right top repeat-y; padding-right:7px;}
.box .xcontent { background:url(images/bg_box.gif) repeat-x top left #fff; width:100%;}

.box .indent-box{ padding:13px 20px 9px 234px; }
.box .indent-box1{ padding:7px 10px 0 17px; }
.box .indent-box2{ padding:7px 6px 0 6px; }
.box .indent-box-services{ padding:13px 20px 9px 20px; }

/*box1*/
.box1{ background:#fefefe; width:100%; color:#4d4d4d}
.box1 .border-top1 {background:url(images/border_top1.gif) repeat-x top;}
.box1 .border-bottom1 {background:url(images/border_bottom1.gif) repeat-x bottom;}
.box1 .border-left1 {background:url(images/border_left1.gif) repeat-y left;}
.box1 .border-right1 {background:url(images/border_right1.gif) repeat-y right;}
.box1 .corner-top-left1 {background:url(images/corner_top_left1.gif) no-repeat left top;}
.box1 .corner-top-right1 {background:url(images/corner_top_right1.gif) no-repeat right top;}
.box1 .corner-bottom-left1 {background:url(images/corner_bottom_left1.gif) no-repeat left bottom;}
.box1 .corner-bottom-right1 {background:url(images/corner_bottom_right1.gif) no-repeat right bottom; width:100%; }
.box1 .indent-box-1{ padding:6px 6px 6px 6px; }
.box1 .indent-box-2{ padding:15px 16px 6px 24px; }


/*footer*/
#footer { color:#757575; font-size:0.75em; margin-top: 30px; }
#footer .indent-footer{ padding:25px 50px 0 16px;}
#footer a {color:#757575; text-decoration:none}  
#footer a:hover {  text-decoration:underline}

.jamp2{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px;	font-family:Tahoma;}

.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:24px}
.block-contact span{ float:right; margin-right:120px}
input{
	background:#FFFFFF;
	width:245px; height:25px;
	color:#4d4d4d;
	font-size:1em;
	padding-left:5px;
}
textarea{
	background:#FFFFFF;
	width:245px; height:72px;
	font-size:1em;
	color:#4d4d4d;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}

body { background:url(images/bg.jpg) no-repeat top center; }
body.page-template-services-php{ background:url(images/bg_services.jpg) no-repeat top center fixed; }
body#page7 { background:none}


.tail-bottom{background:url(images/bot.gif) repeat-x bottom }


.col-1, .col-2, .col-3, .col-4{ float: left }
/*======= width =======*/
.main {margin: 0 auto; text-align: left; width: 920px; position: relative }

/*======= header =======*/
#header {height:16px; }

/*======= index.html =======*/
body.page-template-accueil-php #content .col-1{ width:587px; margin-right:8px}
body.page-template-accueil-php #content .col-2{ width:325px}
body.page-template-accueil-php #content .col-3{ width:275px}
body.page-template-accueil-php #content .col-4{ width:312px}
/*======= services =======*/
body.page-template-services-php #content .col-1{ width:686px; margin-right:8px}
body.page-template-services-php #content .col-2{ width:226px}
body.page-template-services-php #content .col-3{ width:275px}
body.page-template-services-php #content .col-4{ width:312px}
/*======= pages =======*/
body.page-template-default #content .col-1{ width:686px; margin-right:8px}
body.page-template-default #content .col-2{ width:226px}
body.page-template-default #content .col-3{ width:275px}
body.page-template-default #content .col-4{ width:312px}
/*======= contact =======*/
body.page-template-contact-php #content .col-1{ width:587px; margin-right:8px}
body.page-template-contact-php #content .col-2{ width:325px}
body.page-template-contact-php #content .col-3{ width:275px}
body.page-template-contact-php #content .col-4{ width:312px}
/*======= blog =======*/
body.blog #content .col-1{ width:686px; margin-right:8px}
body.blog #content .col-2{ width:226px}
body.blog #content .col-3{ width:275px}
body.blog #content .col-4{ width:312px}

body.archive #content .col-1{ width:686px; margin-right:8px}
body.archive #content .col-2{ width:226px}
body.archive #content .col-3{ width:275px}
body.archive #content .col-4{ width:312px}

body.single #content .col-1{ width:686px; margin-right:8px}
body.single #content .col-2{ width:226px}
body.single #content .col-3{ width:275px}
body.single #content .col-4{ width:312px}

/*======= footer =======*/
#footer { height:61px; background:#000000 }


#content #miniMenuServices{ margin: 0; padding: 0 10px; width: 160px; }
#content #miniMenuServices li{ margin: 0; padding: 0; width: 180px; height: 40px; margin-bottom: 5px; list-style: none; background: url(images/btn_mini_menu_services.png) no-repeat left top; position: relative; }
#content #miniMenuServices li a{ margin: 0; padding: 0 0 0 36px; outline: none; width: 144px; height: 40px; display: block; }
#content #miniMenuServices li img{ width: 20px; height: 24px; position: absolute; left: 6px; top: 8px; }
#content #miniMenuServices li a, #content #miniMenuServices li .txt{ font-size: 10px; font-weight: bold; line-height: 12px; text-decoration: none; }
#content #miniMenuServices li .txt{ position: relative; top: 13px; }
#content #miniMenuServices li .deuxlignes{ position: relative; top: 8px; }
#content #miniMenuServices li a:hover .txt{ color: #73aa19; }



/* wordpress */

.post-edit-link{ color: red; font-weight: bold; font-size: 14px; }


/*======= blogue =======*/

#sidebar ul{ margin: 0; padding: 0; }
#sidebar ul li{ margin: 0 0 20px 0; padding: 0 0 0 10px; list-style: none; background: none; }

#sidebar ul li ul li{ padding: 0 0 0 20px; margin: 0; }
#sidebar ul li h2{ font-size: 14px; margin: 0 0 5px 0; padding: 0; }


#content .col-2 .txt{ line-height: 14px; font-size: 10px; margin: 0; padding: 0; }
#content .col-2 .p1{ line-height: 14px; font-size: 9px; }