/*
 * Theme Name: Chateauclos Corporate
 * Theme URI: http://chateauclos.com/
 * Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
 * Author: Chateauclos SARL
 * Version: 1.0
 * License: Copyright
 * Tags: black, grey, two-columns, fixed-width,  threaded-comments,  translation-ready, menu
 * */

* { padding:0; margin:0; outline:0; }
body {
	background:#fff;
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#5d5d5d;
	overflow-x: hidden;
}
input, textarea, select { font-family: Arial, sans-serif; font-size:11px; }

a img { border:0;float:left; }

a { color:#5D5D5D; text-decoration: underline; cursor:pointer; }
a:hover { color:#777; text-decoration: none; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

#slider h2 { width:250px; }
h2 { font-size:2em; line-height:1.5em; }
h2 a { color:#5D5D5D;text-decoration: none; }
h2 a:hover { color:#777;text-decoration: underline; }
h3 { font-size:1.5em; line-height:1em; color:#555;margin-bottom:1em; }
h4 { font-size:1em; line-height:1em;}

h1#logo { font-size:0; line-height:0; width:200px; height:85px; float:left; }
span.logo a, h1#logo a{ display:block; height:85px; text-indent: -4000px; background:url(images/logo.png) no-repeat;margin-top:10px; }
span.startupweekend a{ display:block; height:75px; text-indent: -4000px; background:url(images/startupweekend.png) no-repeat;margin-bottom:15px; }
.footer-col { width:280px;}
.shell { width:970px; margin:0 auto; }
#site-description {padding-top:65px;float:left; color: #CCC; }
#top { height:85px; background-color: #404040;}
#footer a {text-decoration: none;}
#navigation-footer { white-space:nowrap; font-size: 12px;}
#navigation { float:right; white-space:nowrap; font-size:16px; }
#footer ul {list-style-image: url('images/pin.png'); line-height:14px;padding-top:20px;line-height:15px; width:100%; float:left;}  
#navigation ul{ list-style-type: none; line-height:14px; padding-top:45px; float:left; }
 #navigation ul li{ float:left; display:inline; border-right:solid 1px #777; padding-right:8px; margin-right:8px; }
#navigation ul li { border-right:none;}
 #navigation ul li.last{ margin-right:0; border:0; padding-right:0; }
 #navigation ul li a{ color:#fff; text-decoration: none;}
#navigation ul li {height:32px;vertical-align: middle;padding:0px 10px 0px 3px; }
#navigation ul li img{vertical-align:bottom; }
#footer a:hover, #navigation ul li a:hover, #footer a.active, #navigation ul li a.active { color:#999; }
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}
#footer .middle {width:350px;}
#footer ul li a {color:#FFF;}
#footer ul.menu li {float:left;width:140px;font-size:1.2em;line-height:24px;}
#header { 
	height:290px; }
#slider { height:290px; position:relative; }
#slider-holder { height:200px; position:relative; overflow:hidden; top:50px; width:876px; left:47px;}
#slider-holder ul{ height:200px; position:relative; overflow:hidden; width:876px; list-style-type: none;}
#slider-holder .jcarousel-clip{ height:200px; position:relative; overflow:hidden; width:876px; }
#slider-holder ul li{ height:200px; position:relative; overflow:hidden; float:left; width:876px; }
#slider .slide-image{ width:300px; float:left;padding-left:10px;margin-right:15px; }
#slider .slide-info{ width:540px; float:left; }
#slider .slide-info p{ padding-top:10px;}

#slider-nav { font-size:120px;}
#slider-nav a{color:#555; width:47px; height:44px; text-decoration:none;position:absolute; top:110px;  }
#slider-nav a:hover{ color: #999;}
#slider-nav a.prev{left:-10px; }
#slider-nav a.next{  right:-10px; }

#footer { 
	background:url(images/main.gif) repeat-x 0 0 #404040;
	white-space:nowrap;  color:#FFF;
padding:15px;}
#footer .left span{ }

#main { 	
	width:100%; 
	background:url(images/main.gif) repeat-x 0 0; 
	padding:13px 0 30px 0;}
.shadow {
	box-shadow:  0 0 20px #000000;
	-webkit-box-shadow: 0 0 20px #000000;
	-moz-box-shadow: 0 0 20px #000000;	
}
.cols {}
.col { float:left; display:inline; width:270px; margin-right:80px;}
.col-right { float:right; display:inline; width:270px;}

h3.tab { height:46px;
	box-shadow:  2px -4px 5px #222;
	-webkit-box-shadow: 2px -4px 5px #222;
	-moz-box-shadow: 2px -6px 5px #222;	
	background-color: white;
       border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
 	-webkit-border-left-top-radius:10px;
	border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
 	-webkit-border-top-right-radius:10px;
width:202px; padding:0 10px; line-height:46px; margin-bottom:15px;}

.ico { display:block; padding:0 0 0 45px; background-repeat:no-repeat; background-position:0 center; }
.ico1 { background-image:url(images/services_black.png)}
.ico2 { background-image:url(images/prestations_black.png)}
.ico3 { background-image:url(images/actualites_black.png)}

.entry { }
.entry p{ padding-bottom:5px; }

.more { font-size:11px; background:url(images/more.gif) no-repeat 0 4px; padding:0 0 0 10px;}

#content {
	padding: 13px 0 30px 0 ;
	width: 720px;
	float:left;
}
#main-content { 	
	width:100%; 
	padding:13px 0 30px 0;}

#sidebar {
	width: 250px;
	float:left;
}

#sidebar div.contact-button {
	margin: 20px 14%;
}

#sidebar p.sidebar-intro {
	margin-bottom: 10px;
}

#sidebar p.sidebar-contact-title {
	font-weight: bold;
clear: left;
}

#sidebar p {
	padding-top:3px;
	display:block;
	float:left;
	padding-left:3px;
}

.widget-container {
	border: 1px solid #DDD;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding: 10px;
margin-bottom: 1.5em;
 
}


/* Sidebar */
#sidebar ul.xoxo{ padding-top:65px; }
#sidebar ul {list-style-type: none; padding-top:0;}

/* posts */
.entry-content ul li:before {
		 content: "\00BB \0020";
	     }
.entry-content ul {
list-style-type: none;
padding-bottom:10px;
}

#content h1.entry-title {
	float:left;
	font-size: 3em;
	margin-bottom: 0.5em;
	line-height: 1em;
}
#content div.entry-content {
	padding-bottom: 1em;
}
#content p {
	padding-bottom: 1em;
}

#content div.navigation {
padding-bottom:20px;
margin-bottom:10px;
}
#content h1.entry-title {
}

#content div.entry-meta {
	float:right;
	padding-top:35px;
	font-style:italic;
}
#content div.entry-content {
display: block;
	clear:left;
	padding-top:10px;
	padding-bottom:10px;
}

#content div.post, #content div.page, #content div#comments {
padding:10px;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 5px 0;
}
.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: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	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 {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px dashed #DDD;
	margin:0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.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;
	font-weight: normal;
	line-height: 18px;
}
#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 {
	font-size: 14px;
	width: auto;
}

#content img{
	padding:6px;
}

#sidebar div.hello {
	width: 200px;
	height:150px;
background: url('images/hello.png') no-repeat;
}

#sidebar div#contact {
	padding:10px 15%;
}

#contact a.link{
	margin-left: 25%;
}

#flags img {
	padding: 5px;
}
/** Stylesheet for the tooltips (jquery.tipsy) */

.tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6); }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

label {	
	font-size: 1.2em;
	color: #666; 
									}

fieldset { border: none; }

#user-details { 
	float: left;
	width: 200px; 
													}

													#user-message { 
														float: right;
														width: 320px;
																	}

																	textarea {		
																		width: 300px; 
																		height: 175px; 		 		
																					}

																					form.wpcf7-form { 
																						    float: left;
																								    border: 1px solid #ddd; 
																										    padding: 30px 20px 20px 20px; 
																														    width: 610px;
																																    background: #fff;
																																/* -- CSS3 - define rounded corners -- */	
																																		-webkit-border-radius: 5px;
																																		-moz-border-radius: 5px; 
																																		border-radius: 5px;
																																}
																																input, textarea { 		
																																	    padding: 8px; 
																																			    margin: 4px 0 20px 0; 
																																					    background: #fff; 
																																							    width: 94%; 
																																									    font-size: 14px; 
																																											    color: #555; 
																																													   
	border: 1px #ddd solid;
	/* -- CSS3 Shadow - create a shadow around each input element -- */ 
	-webkit-box-shadow: 0px 0px 4px #aaa;
	-moz-box-shadow: 0px 0px 4px #aaa; 
	box-shadow: 0px 0px 4px #aaa;
	 
	/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
	-webkit-transition: background 0.3s linear;	
																																														}
																																														input:hover, textarea:hover { 
																																															    background: #eee; 
																																																}
																																																input.wpcf7-submit, #searchsubmit, a.link-button, #submit {
																																																		margin: 0 .5em .5em .5em;
																																																		text-decoration: none;
																																																			padding: .15em 1em;
																																																				font-size: 14px;
																																																					font-weight: bold;
																																																						border-radius: .214em;
																																																							-webkit-border-radius: .214em;
																																																								-moz-border-radius: .214em;
																																																									cursor: pointer;
																																																									color: #4f4f4f;
																																																										text-shadow: 0 1px 1px #fff;
																																																										border: 1px solid #acacac;
																																																											border-top-color: #bdbdbd;
																																																												border-bottom-color: #949494;
																																																												background: #ddd;
																																																													background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#c4c4c4));
																																																														background: -moz-linear-gradient(top, #ededed, #c4c4c4);
																																																													}
																																																										
																																																										#submit:hover , input.wpcf7-submit:hover,
																																																										#searchsubmit:hover, #sidebar a.link-button:hover {
																																																												box-shadow: 0 0 7px rgba(0,0,0,0.4);
																																																													-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.4);
																																																														-moz-box-shadow: 0 0 7px rgba(0,0,0,0.4);
																																																															}
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.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 p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */