/*
THEME NAME:Layers
THEME URI:http://jaipandya.com/themes
DESCRIPTION:Give your eyes a soothing treat with this excuisite combo of greaceful black, orange tints and shades. Comes packed with features like options page, multiple skin selection and update notifier. 
VERSION:1.1.1
AUTHOR:Jai Pandya
AUTHOR URI: http://jaipandya.com
TAGS: liquid, fixed width, two columns, dark, widgets, custom width, brown, yellow, colorful, fresh, simple, black, orange, valid XHTML, sidebar right, bottom sidebar, microformats, hcard, hatom, bright, options page
*/



/*******************************
********************************
Global element selectors
********************************
*******************************/

html{color:#999;/*background:#003f71;background-color: #16223C;*/background-color: #c9c9c9;}
a{text-decoration:none;color:#003f71}
a:hover{}
abbr,acronym{border-bottom:1px dotted #666666;font-variant:normal;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
blockquote{border:1px solid #666666;background: 5px 5px url(images/quotes.jpg) #252525 no-repeat;}
body{color:#999;font:13px/1.231 'trebuchet ms',"sommet-rounded-1","sommet-rounded-2","tandelle-1","tandelle-2",arial,helvetica,clean,sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
caption,th{text-align:left;}
code{border:1px solid #cccccc;padding:10px;margin:10px 0px;display:block;background:#252525;}

/*div{position:relative;}*/
div.message{float:left;width:49%;padding:2px;text-align:justify;position:relative;}
div.message textarea{border:1px solid #C8A767;width:90%;color:#f3ecdb;background:#8b8b8b none repeat scroll 0% 0%;height:107px;}

em{font-style:italic;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
h1{color:#d2d2d2;font-size:150%;}
h2{color:#c9c9c9;font-size:130%;}
h3{color:#c4c4c4;font-size:110%;}
img.alignright,img.alignleft{display:inline;}
input,textarea,select{font:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
li{list-style:none;}
ol.comments a{color:#fff;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;font-size:108%;}
q:before,q:after{content:'';}
sub{vertical-align:text-bottom;}
sup{vertical-align:text-top;}
table{border-collapse:collapse;border-spacing:0;}
table{font-size:inherit;}


/*******************************
********************************
Class Selectors
********************************
*******************************/


.alignleft{float:left;}
.alignright{float:right;}
.center{margin:0pt auto;/*width:980px;*//*Set it at width 980 px to get fixed layout optimized for 1024 X 768 Pixel Resolution*/}
.clear{clear:both;}
.float-left{float:left;padding:20px;}
.float-right{float:right;padding:20px;}
.details p a{color:#666;}
.input{float:left;width:49%;position:relative;} /* Used for comment form */
.input input{border:1px solid #c8a767;margin-bottom:5px;padding:2px;width:99%;color:#f3ecdb;background:#8b8b8b none repeat scroll 0% 0%;position:relative;display:block;}/*opera cries without the display being block!*/
.wp-smiley{margin:0px !important; padding-bottom:0px !important; } /* Control margin and padding with smileys */
.avatar {float:left !important ;margin:5px 0px !important;padding:0px 10px 5px 0px !important;} /*Gravatar display with comments*/
.more-link {
	color:#fff;
	text-align:center;
	text-decoration : none;
	width:63px;
	height:20px;
	background-image:url(images/bouton_06.png);
	background-repeat:no-repeat;
	font-size: 12px;
	padding-left : 10px;
	padding-right: 25px;
	padding-bottom :5px;
	padding-top:4px;
    } 
	
.more-link a{color:#fff;} 
.more-link a:hover{color:#003f71 ;} 


/*******************************
********************************
ID selectors
********************************
*******************************/

#bouton{ width:100%;height:100%;border:none;padding:0px 15px 27px 25px;color:#fff;background:url(images/commentaire2.png) no-repeat; width:290px;height:75px; text-align:center; font-size:18px;font-weight:bold;}

/*****************************************
Style declarations for wrapper Block
*****************************************/


#wrapper{ margin :0 auto; background-image:url(images/fond.png);background-repeat:repeat-y;;width:755px;height:auto;}
/*min-width is for standard compliant browser while width serves for the poor internet explorer to keep it in good health*/


/*****************************************
Style declarations for header Block
*****************************************/
#header	{background-image:url(images/banniere.png); background-repeat:no-repeat;width:487px;height:191px;margin-left:50px;overflow: auto}

#headerTop{color:#000000;font-family:'century gothic','arial narrow',arial,sans-serif;position:absolute;top:45px;left:30px;}
#headerTop h1{display:inline;font-size:4.6em;}
#headerTop h2{padding-left:10px;display:inline;color:#b4b4b4;font-size:2em;}





/*****************************************
Style declarations for navigation Block
*****************************************/

#navigation{position:relative;font-size:12px;top:160px;text-align:center;}
#navigation li a{padding:5px 15px 5px;color:#000000;font-weight:bold;text-decoration:none;}
#navigation li a:hover{padding:5px 15px 5px;color:#003f71;text-decoration:none;}
#navigation ul li{display:inline;text-transform:uppercase;}



/*****************************************
Style declarations for content Block
*****************************************/


#content{}


/*****************************************
Style declarations for primary Block
*****************************************/


#primary{width:100%;min-height:487px;height:100%; float:left;}


/*****************************************
Style declarations for main Block
*****************************************/


#main{padding-left:50px; width:480px;white-space:normal;}
#main h1,#main h2,#main h3,#main h4,#main h5,#main h6,#main ul,#main ol,#main dl,#main blockquote{margin:5px 30px;} /*main global styles*/
#main h2{text-align:center;background:url(images/separateur.png) no-repeat bottom;height:40px;width:487px;color:black; font-family: "tandelle-1","tandelle-2",sans-serif; font-size:36px;}
#main h1{text-align:center;background:url(images/separateur.png) no-repeat bottom;height:40px;width:487px;color:black; font-family: "tandelle-1","tandelle-2",sans-serif; font-size:36px;}
.titre{text-align:center;background:url(images/separateur.png) no-repeat bottom;height:40px;width:487px;color:black;font-weight:normal; font-family: "tandelle-1","tandelle-2"; font-size:32px; padding-bottom:20px;}
.titre a{color:black;font-family: "tandelle-1","tandelle-2";font-size:32px;}
.titre a:hover{color:#33a1c8;}
#main h2 a{color:black;}
#main h2 a:hover{color:#003f71;}
#main .commentlist p{margin:0pt;padding:5px 0pt;}
#main .details{color:#000;clear:left;width:480px;font-size:11px;text-align:center;margin-bottom:10px;}
#main .details a{color:#003f71;}
#main .details a:hover{color:#000;}
#main .nocomments{border:1px solid #2d2d2d;padding:2px 5px;margin:10px 10px 50px 25px;color:#ccc;background:#8a898a;}
#main a{text-decoration:none;}
#main a:hover{}
#main div.date{margin:15px 20px 15px 0px;}
#main dl dd{padding:10px 0px 10px 10px;}
#main dl dt{padding:10px 0px;font-weight:bold;}
#main h1{margin:15px 20px 15px 0px; font-size:180%;}
#main h1 a{border-bottom:2px solid #222;}
#main h1 a:hover{border-bottom:2px solid #daa520;color:#000;}
#main h2{margin:15px 20px 5px 0px;color:#000;font-size:170%;}
#main h3{color:#000;font:130% "Trebuchet MS";}
#main .hilight{background:#d8d8d8 none repeat scroll 0 0;color:#CCCCCC;margin-bottom:10px;}
#main ol li{margin:10px 0 10px 25px;list-style-type:decimal;font-family:"Trebuchet MS","Sans Serif";line-height:22px;}
#main ol.comments{margin:10px 0 10px 25px;}
#main p{/*font-size:100%;*/line-height:1.7em;font-family: "sommet-rounded-1","sommet-rounded-2",sans-serif;color:#6a6a6a;}
#main p img{margin:0px 0px 10px;} 
#main p.user{border-bottom:1px solid #2a2a2a;padding-left:10px;background:#303030;}
#main p strong{font-size:14px;color:black;font-weight:bold; }
#main pre{margin:15px 30px;padding:5px;background:#393939;}
#main strong{color:#aaaaaa;font-weight:bold;}
/*
#main table{margin:30px 30px;}
#main ul li,#main ol ul li{margin:10px 10px 10px 15px;padding:0 0 0 20px;list-style-type:disc;}
#main img{}
#main a img{border:1px solid #000000;}
#main .wp-caption {border: 1px solid #666666; text-align: center;color:#000000; background-color: #dddddd; padding-top: 4px; margin-top: 10px; margin-bottom:10px; margin-left:30px; margin-right: 20px;
*/		
		/* optional rounded corners for browsers that support it */
   		/*-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;*/
/*}*/

#main .wp-caption img {margin: 0; padding: 0; border: 0 none;}
#main .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
#main .aligncenter,#main div.aligncenter {display: block; margin-left: auto; margin-right: auto;} /*It should come after .wp-caption */

div.featured {margin-bottom:40px;}

div .description entry-content {text-align:justify;}
.description{text-align:justify;}






/*****************************************
Style declarations for sidebar Block
*****************************************/


#sidebar{float:right;width:auto;padding-right:35px ;color:#9b9b9a;margin-top:30px;font-family:"sommet-rounded-1","sommet-rounded-2";}
#sidebar a{color:#cecdcd;font-weight:bold;text-decoration:none;font-family:"sommet-rounded-1","sommet-rounded-2";}
#sidebar h1{padding:15px 0px;color:#000;font:100% "tandelle-1","tandelle-2";}
#sidebar h2,#sidebar h3{padding:6px 0px;color:#000;font:170% "tandelle-1","tandelle-2";margin-bottom:5px;}
#sidebar h3{border-top :2px solid #8a898a; margin-top:15px;padding-left:15px;color:#fff; background-image : url(images/recherche.png);background-repeat : no-repeat;}
#sidebar p.news{clear:right;border-bottom:1px solid #3a3a3a;padding-bottom:20px;}
#sidebar ul{margin-left:10px;}
#sidebar a:hover{border-bottom:1px solid #3a3a3a;}
cite {color: black;font-style: normal;font-weight: bold;}
#sidebar form input{margin-bottom:10px; height:20px;margin-left:5px;}
/*#sidebar form input{border:none;margin-top:px;display:block; width:50px;height:50px;background:url(images/bouton_ok.png) no-repeat;}*/



#submit1{border:none; display:block;width:42px;height:40px;margin-top:30px;margin-bottom:10px;}
#ajaxNewsletter{height:auto;}

#newsletterFormDiv{margin-bottom:-25px;}
#newsletterFormDiv input {margin-top:10px;}

#emailInput {margin-right:10px;margin-bottom:20px;float:left;}

#resultado {width:150px;height:auto;}


/*****************************************
Style declarations for calendar Block
*****************************************/

/*sidebar widget*/

#wp-calendar{color:#ccc;font-size:.9em;}
#wp-calendar caption{font-weight:bold;color:#000000;text-align:center;margin-top:4px;}
#wp-calendar th{font-weight:bold;color:#fff;padding:0 7px;margin-top:3px;background-color:#333;}
#wp-calendar a{font-weight:bold;color:#fff}

/*footer widget*/

.block #wp-calendar{margin:10px auto;color:#ccc;}
.block #wp-calendar caption{font-weight:bold;color:#ffffff;text-align:center;margin-bottom:5px;}
.block #wp-calendar th{font-weight:bold;color:#fff;padding:5px;}
.block #wp-calendar a{font-weight:bold;color:#fff}

/*****************************************
Style declarations for submit Block
*****************************************/


#submit{width:100%;height:100%;border:none;padding:0px 15px 25px 25px;color:#fff;background:url(images/commentaire2.png) no-repeat;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; width:290px;height:75px; font-size:8px; text-align:center; }
#submit:hover{}
#submitButton{clear:both;margin:10px auto; height:60px;}


/*********************************************
Style declarations for searchform Block
*********************************************/


#searchform #s{border:1px solid #8a898a;padding:2px;background:#fff none repeat scroll 0% 0%;color:black;position:relative;}
#searchform #s:hover{border:1px solid #8a898a;padding:2px;position:relative;}
#searchform #searchsubmit{border:none;display:block; width:45px;height:45px;background:url(images/bouton_ok.png) no-repeat;}
#searchform div{padding-left:0px;}
#searchform h3{background-image:url(images/recherche.png);}
.recherche{background-image:url(images/recherche.png);width:151px;height:44px;}


/*****************************************
Style declarations for secondary Block
*****************************************/


#secondary{width:718px;padding:25px 0px; border-top:5px solid #003f71;margin-left:18px;font-family:"sommet-rounded-1","sommet-rounded-2";}
#secondaryContent{padding-left:45px;}
#secondaryContent .block{float:left;margin:0px 12px 25px;padding:1% 1%;width:25%;border-top:2px solid #8a898a;text-align:center;text-align:center;}
#secondaryContent .block h3{padding:5px 0px 0px;font-size:130%; height:44px; color:#8a898a; text-align:center;font:170% "tandelle-1","tandelle-2";}
#secondaryContent .block a{text-decoration:none;color:#979797}
#secondaryContent .block h1{padding:5px 0px;font-size:170%;}
#secondaryContent .block h2{padding:5px 0px;font-size:130%;}

#secondaryContent .block ul{padding:0px 0px; color:red;}



/*****************************************
Style declarations for footer Block
*****************************************/



#footer{height:83px;min-height:83px;width:721px;background:url(images/footer.png) no-repeat; margin-left:16px;bottom:0;}
#footer p{text-align:center;margin:0px;padding-top:40px;color:#AAAAAA;font:normal normal normal 100%/1.6em "Lucida Grande","Lucida Sans Unicode",verdana,geneva,sans-serif;}
#footer p a{color:#003f71;font-weight:bold;text-decoration:none;}
#footer p span{color:white;}




/***********************************************
Style declarations for response (comment) Block
***********************************************/




/*
This file uses reset and font css codes -- which are both copyright material written as under
Copyright (c) 2008,Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version:2.5.2
*/

#newsletter-submit {
    margin-bottom: 0px;
    margin-top: 30px;
    font-family: Georgia;
    font-size: 15px;
    background-image:url(images/newsletter.png);
    width:150px;
    height:50px;
}


#mc_signup_submit{border:none;background-image:url(images/bouton_ok.png);width:45px;height:60px;display:block;padding-top:40px;color:#FFFFFF;background-color:#FFFFFF;}
#mc_message{width:120px;margin-bottom:5px;}
#mc_message .mc_error_msg{margin-bottom:5px;}



/* =Comments
-------------------------------------------------------------- */
#comments {
	color:#000;
	clear: both;
	text-align:left;
}

#comments p {
	color:#000;
	text-align:left;
}

#comments a{
	color:#000;
}

#comments a:hover{
	color:#003f71;
}

#comments .navigation {
	padding: 0 0 18px 0;
}

h3#comments-title,
h3#reply-title {
	text-align:center;
	background-image:url(images/commentaire.png);
	background-repeat:no-repeat;
	width:245px;
	height:60px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0;
}
h3#comments-title {

	margin:30px 0px 20px 0px;
	padding-top:14px;
	padding-left:12px;
	width:500px;
	height:60px;
	text-align :left;

}

h3#reply-title{

	padding-top:15px;
	padding-left:10px;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {}
.comment-author cite {
	color: black;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	color:#000;
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}



/* Comments form */
input[type=submit] {
	color: #333;

}
#respond {
	margin: 24px 0;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
	font-size:10px;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
}
#respond textarea {
	width:98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}