/*  
Theme Name: Salon du Jardin - Senlis; inspire par le theme blue ringtones
Theme URI: http://themespack.com
Description: Wordpress theme 
Version: 1.0
Author: Julia Kowalczyk
Author URI: http://www.kraukoblog.com
*/

/*body*/
body {font: 10pt verdana, arial, helvetica, sans-serif;color: #f0efed;background: #45b3e3 ;margin: 0px;padding: 0px;}
#main {margin: 0px auto;width: 1000px;background: #f3f3f3;}
#header {
	background: #45B3E3;
	position: relative;
}
#header_top {
	position: relative;
	/*background: transparent url(images/titre.png) no-repeat scroll 0 0;*/
	height:105px;
}
#header_top .description{
	position: absolute;	
	left: 65px;
	bottom: -3px;
	color: #333333;
	font-size: 14px;
}
#header_top .contact{
	float: left;
	background: url(images/contacts.png) no-repeat;
	width: 212px;
	margin-left: 505px;
	padding-left:15px;
	color: #333367;
	font-family:georgia;
	font-size:8pt;
	word-spacing: 6px;
}
#header_top .contact a{
	color: #333367;
}
#header_top .contact a:hover{
	color: #333367;
	font-weight: bolder;
}
#header_top .logos{
	margin-left: 445px;
	margin-top: 25px;
}
#header_top .logos{
	float: left;
}
#header_top .datedusalon{
	float: left;
	width: 200px;
	height: 25px;
	margin-top: 65px;
	color: #820514;
	font-size: 16px;
}

.accueil{
	display: block;
	float: left;
	height: 100px;
	width: 150px;
	background: transparent url(images/titre.png) no-repeat scroll 0 0;
}

/*menu*/
#menubar{
	height:35px;
	background:#333367;
	display:block;
	padding:5px 0 0px 0px;
	font:12px Tahoma,Century gothic,verdana, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	border:#171717 1px solid;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	}
.lavaLampNoImage {position:relative;width:960px;padding:5px 10px;margin:0px 0px 0px 0px;overflow: hidden;}
.lavaLampNoImage li {float: left;list-style:none;margin:0px 0px;padding:0px 0px;}
.lavaLampNoImage li.back {width:5px;height:20px;border:1px solid #fff;background:#30af0e;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	top:6px;z-index:9;position:absolute;}
.lavaLampNoImage li a:visited , .lavaLampNoImage li a:link{font:13px Trebuchet ms,Century gothic, Arial, Tahoma, sans seriff ;text-decoration: none;color:#ddd;outline:none;text-align:center;top:3px;letter-spacing:0;z-index:10;display:block;float:left;height:23px;position:relative;overflow:hidden;margin:auto 10px;}
.lavaLampNoImage li a:hover, .lavaLampNoImage li a:active {border:none;color:#fff;}


/*headings*/
h1 {
	margin:0px;
	height: 45px;
	font:  30pt "Times New Roman",Lucida Sans, arial;
	color: #000000;
}
h1 a, h1 a:visited{
	color: #000000;
	text-decoration: none;
}
h1 a:hover{
	color: #000000;
	text-decoration: none;
}
h2 {
	color: #181818;
	margin: 0px 0px 0px;
	border-bottom:none;
	letter-spacing: -1px;
	font:20pt "Times New Roman",Lucida Sans, arial;
	padding:20px 0px 5px 0px;
	background:url(images/1h2.png)
}
h2 a, h2 a:visited {
	color: #181818;
	text-decoration: none;
}
h2 a:hover {
	color: #181818;
	text-decoration: none;
}
h3 {
	color: #333;
	margin: 0px 0px 2px;
	letter-spacing: -1px;
	font:18pt "Century gothic",Lucida Sans, arial;
	padding-bottom: 3px;
}
h4 {
	color: #555;
	margin: 0px 0px 2px;
	letter-spacing: -1px;
	font:16pt "Century gothic",Lucida Sans, arial;
	padding-bottom: 3px;
}


/*content*/
#content {
	padding: 0px 0px 30px 10px;
	float: left;
	width: 690px;
	overflow: hidden;
	line-height: 16px;
	text-align: justify;
	font: 10pt verdana, arial, helvetica, sans-serif;
	color: #333333;
}
.post {clear:both; margin:0px 0px 25px 0px}
.title {float: left;margin-left: 0px;width: 630px;}
.post-date {width: 48px;height: 55px;float:left;background: url(images/date.png) no-repeat;}
.post-month {font-size: 11px;text-transform: uppercase;color: #FFFFFF;text-align: center;display:block;line-height: 11px;padding-top: 2px;margin-left: -3px;}
.post-day {font-size: 18px;text-transform: uppercase;color: #999999;text-align: center;display:block;line-height: 18px;padding-top: 7px;margin-left: -3px;}
.entry {clear: both;padding: 5px 0px 0px 10px;}
.comments {display: block;font:10px;float: left;margin: 0;padding: 4px 0px 4px 5px; color: #979797;border:1px  solid#111111; width:100%}
.author {display: block;margin: 0;padding:0px 0px 4px 5px;font-weight: normal;color: #30af0e;}
.navigation {clear: both;padding: 10px 0px;}
.navigation a, .navigation a:visited {color: #30af0e;}
.previous-entries a {float: left;padding-left: 12pt;font-weight: bold;}
.next-entries a {float: right;padding-right: 12pt;font-weight: bold;}


/*sidebar*/
#sidebar {
	float: right;
	padding: 0px 10px 20px 0px;
	width: 275px;
	color: #666666;
	overflow: hidden;
	background:#f3f3f3;
}
#box{
	float:left;
	padding:10px;
}
#sidebar h2, #sidebar .sidebartitle{
	font:bold 16px verdana,verdana, Arial, sans-serif;
	color: #fff;
	background:#30af0e;
	margin: 20px 0px 0px 0px;
	padding:5px 0 5px 5px;
	text-transform: uppercase;
	line-height:16px;	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
#sidebar a, #sidebar a:visited{
	/*display: block;*/
	padding: 7px 0;
	width: 220px;
	font: 9pt verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	color: #222222;
	border-bottom:1px dashed #cfd0d0;
	background:#f3f3f3;
}
#sidebar a:hover{
	color: #30af0e;
	text-decoration: none;
	padding: 7px 0;
}
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#sidebar ul li ul {
	padding: 0;
	margin: 0;
	background:#f3f3f3
}
#sidebar ul li ul li{
	padding: 0px 0 0px 0px;
	background:#f3f3f3
}
#sidebar ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}
ul.sidecol li{
	padding-left: 0px !important;
}
ul.sidecol li,{
	padding-left: 0px ;
}

	/*Widgets*/
	li.widget_calendar td {
		padding: 1px 7px;
	}
	.textwidget {
		padding-top: 10px;
	}
	#sidebar .textwidget a, #sidebar .textwidget a:visited{
		/*padding-top: 10px;*/
		padding: 0px;
		font-size: 12px;
		font-style: italic;
		text-align: justify;
	}
	#sidebar .widget_sphoto_body{
		padding-top: 15px;
		text-align: center;
	}
	#sidebar .widget_sphoto_body a, #sidebar .widget_sphoto_body a:visited {
		border: none;
	}
	#sidebar .xoxo a{
		display: block;
	}
	.widget_sphoto_body img {
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		border:1px solid #CCCCCC;
		margin:0 5px 5px 0;
		padding:3px;
	}



/*comments*/
#comments, #respond {
	padding: 10px 0 5px 0;
	clear: both;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
}
.commentlist cite {
	font-size: 14px;
	color: #02a2ff;
}
.commentlist cite a, .commentlist cite a:visited {
	color: #02a2ff;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
#commentform {
	margin-top: 10px;
	font: 10px;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #787878;
	font-size: 77%;
}
#commentform input{
	width: 270px;
	background:#ffffff;
	border: 1px solid #97a9ae;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 690px;
	height: 115px;
	background:#ffffff;
	border: 1px solid #97a9ae;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	background:#30af0e;
	font: 14px ;
	color: #ffffff;
	border:1px solid #30af0e;
	float:left;
	width: 130px;
	height: 28px;
	cursor: pointer;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}


/*Search*/
#searchform {margin:0px; right: 6px;float: right;position: absolute;top: -33px;}
#searchform br {display: none;}
#searchform #s {border:1px solid #618806;width: 140px;height: 20px;padding: 4px 5px 0px 5px;border: 1px solid #bed881;background: #fff;margin-right: 2px;color: #000000;font-weight: normal;}
#searchform input {background:#74a0d1 ;border:1px solid #222222;width: 57px;height: 28px;font:22px ;color: #000000;vertical-align: middle;}


/*footer*/
#footer {
	clear: both;
	border-top: 3px solid #30af0e;
	background: #f3f3f3;
	padding:10px 10px 5px 10px;
	height: 20px;
	font-size: 7pt;
	color: #30af0e;
	text-align: right;
}
#footer a {
	text-decoration: none;
	font-size: 7pt;
	color: #000000;
}
#footer a:hover {
	color: #000;
}


/*Other*/
.center {text-align: center;}
a,a:visited {color: #30af0e;text-decoration: none;}
a:hover {color: #f93e05;text-decoration: none;}
a.red {
         color: #f93e05;
         font-weight: bold;
}
a.red:visited {
         color: #f93e05;
         font-weight: bold;
}
a.red:hover{
         text-decoration: underline;
}
a.black {
         color: #000000;
}
a.black:visited {
         color: #000000;
}
img {border: none;}
form {margin:0px;padding:0px;}
p {padding: 0px 0px 15px;margin: 0px;}
img.center, img[align="center"] {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
img.alignleft, img[align="left"] {float:left;margin: 2px 10px 5px 0px;}
.alignright {float: right;}
img.alignright, img[align="right"] {float:right;margin: 2px 0px 5px 10px;}
.clear {clear:both;}
hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;}

/* Fix floats */

img {border: none;}
form {
	margin:0px;
	padding:0px;
	text-align:center;
}
p {padding: 0px 0px 15px;margin: 0px;}
img.center, img[align="center"] {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
img.alignleft, img[align="left"] {float:left;margin: 2px 10px 5px 0px;}
.alignright {float: right;}
img.alignright, img[align="right"] {float:right;margin: 2px 0px 5px 10px;}
.clear {clear:both;}
hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}

/* image caption */
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


/* Light Box */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.mp-formdiv{
	padding-top: 10px;
}
.MailPressFormName{
	margin: 10px 0 10px 0;
}
.wpcf7-form{
	text-align: left;
}

/*.gsom-optin-div-label {
	text-align: left;
}*/
.div.gsom-optin-form div{
	text-align: center;
}
#g-lock-double-opt-in-manager p{
	padding: 0;
}
