/* @override http://azimutdev.fr/keepeek/dev/wp-content/themes/coffeebreak/style.css */

/*  
Theme Name: Coffee Break
Version: 1.0.6
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
*/

/* Default styles */
@import "reset.css";

/* Page fonctionnalites */
@import "css-fonctionnalites.css";

/* Page prix */
@import "css-prix.css";

/* Page inscription */
@import "css-inscription.css";

/* Page clients */
@import "css-clients.css";

/* Page blog */
@import "css-blog.css";

/* Page contact */
@import "css-contact.css";

/* Page deja client */
@import "css-piste.css";

/* Page 404 */
@import "css-error.css";

body {
	background:#fff;
}

a { color: #2882c1; }

/* Containers */

.content { width:960px; margin:0 auto; padding:0;}
#wrap {
	background: url(images/footer-logo.png) no-repeat center bottom;
}
#top { background: url(images/header-bg.png) repeat-x left; }


#top .content { }
#main-content {	background: url(images/bg-main-top.gif) repeat-x top left; padding:40px 0 25px; }
#footer { background: #BFCED6; padding: 0 0 14px; }
.home #footer { padding: 25px 0 14px 0; }

/* Header */

#header {
	width: 100%;
	height: 125px;
	clear: both;
	position: relative;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	background: url(images/header-logo-keepeek-bg.png) no-repeat left top;
}

div#sub-nav {
	width: 502px;
	margin-left: 340px;
	margin-bottom: 31px;
}

#header h1 { display: none; }

#header img.logo { float:left;
}

/* Page Nav */

#nav {
	width: 700px;
	height: 30px;
	line-height:30px;
	padding-right: 0;
	padding-bottom: 15px;
	position: absolute;
	left: 225px;
	bottom: 0;
}
#nav ul {
	font-size: 10px;
	list-style: none;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	float: left;
}
#nav li {
	margin: 0 0 0 5px;
	padding:0;
	float: left;
}
#nav li a, #nav li a:link, #nav li a:visited {
	color: #809EAD;
	text-decoration: none;
	display: block;
	text-decoration: none;
	padding: 0px 8px;
	font-weight: bold;
}
#nav li a:hover, #nav li a:active {
	color: #339900;
}
#nav li.current_page_item, #nav li.current_page_parent, #support #nav li.page-item-23, #blog #nav li.page-item-25  {
	padding-right:10px;
	background:url(images/header-nav-bg.gif) top right no-repeat;
}
#nav li.current_page_item a, 
#nav li.current_page_item a:link, 
#nav li.current_page_item a:visited,
#nav li.current_page_parent a, #support #nav li.page-item-23 a, #blog #nav li.page-item-25 a {
	background: url(images/header-nav-bg.gif) no-repeat 0 top;
	padding: 0px 5px 0px 15px;
	color: white;
}

/* Style drop down list */



/* Featured / Slider */

#featured {border-bottom: 1px solid white;
	background-color: #708F9F;
}

.page #featured, #support #featured, #blog #featured, .archive #featured  {
	height: 125px;
	padding-top: 25px;
	background: url(images/bg-featured-fonctionnalite.png) no-repeat center;
}

#wrap-featured {
	background: url(images/bg-featured.png) repeat-x;
}
#featured #page-title { position:relative; }
#featured #page-title h2 { padding:25px 0; }
#featured .subscribe { position:absolute; right:0; top:25px; }
#featured .alignright {margin: 5px 0px 8px 20px;float: right;}

#slider-block { overflow:hidden; min-height:370px; }

 .container { width:860px; overflow:hidden; position:relative; cursor:pointer;  margin-left: 50px;
	height: 370px;
}
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:860px; display:none;
	height: 370px;
}

#slide-1 {
	background: url(images/slider-bg-slide1.png) right top;
}

#slide-2 {
	background: url(images/slider-bg-slide2.png) right top;
}

#slide-3 {
	background: url(images/slider-bg-slide3.png) right top;
}

#slide-4 {
	background: url(images/slider-bg-slide4.png) right top;
}

.contact-buttons {
	width: 391px;
}

.home .contact-buttons {
	margin-left: 45px;
	z-index: 1;
	top: -55px;
	position: relative;
}

.page .contact-buttons {
	margin-top: 10px;
}

/*
Old Slider
.container { position:relative; height:320px; width:860px; overflow:hidden; margin:0 auto; z-index:0;}
.container div { z-index:0; position:absolute; top:0; left:0; padding:0; width:860px; }
.container div div {  z-index: auto; position:static; padding:0px;width:auto; }
*/

#loopedSlider { width:960px; margin:0 auto; padding: 0; height: 370px;
	background-image: url(images/slider-bg.png);
}
#loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; position:relative;}
#loopedSlider li#p { position:absolute; top: 170px; left:0px; }
#loopedSlider li#n { position:absolute; top:170px; right:0px; }

#featured h2 { color:#fff; font-size:40px; padding:0 0 10px; line-height:40px; font-weight:normal; letter-spacing:-1px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
	margin-top: 45px;
}
#featured h4 { color:#fff; font-size: 27px; padding: 0 0 15px; line-height: 30px; font-weight:normal; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15) }
#featured p { color:#fff; font-size: 20px; padding:0 0 10px; line-height: 30px; font-weight:normal; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15) }

/* Homepage */
.home h3 { padding: 0;
}
.home .feature { margin-left:65px;
	width: 195px;
	padding-top: 10px;
	padding-bottom: 0;
}

.home .post.wrapper {
	width: 250px;
	float: left;
	margin-left: 40px;
    min-height:200px;
    height:auto !important;
    height:200px;
}

.home #wrap {
	background: url(images/footer-logo-home.png) no-repeat center bottom;
}

.home #main {	width:580px;
}

.home img.home-icon { float:left; padding:0; }

.home #main h3 a, .page-id-19 #main h3, .page-id-271 #main h3 { 
	color: #ED1C24;
	font-size: 24px;
}

.home .feature p {
	color: black;
}

.home .feature p strong {
}

.home #sidebar{width: 280px;
	margin-right: 20px;
}

.home #main h6 {
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 0;
	color: black;
}



/* Main Content (style) */

#main {	width:560px; }
#main.full { width:840px; }
#main p, #main ul, #main ol { font-size:14px; }
#main a { text-decoration: underline; }
#main a:hover {	text-decoration: none; }
#main h2, #main h3 { font-weight: normal; }
#main h2 { font-size: 24px;	padding-top:0; }
#main h3 {font-size: 18px; }
#main h4 { font-size: 12px; }
#main h6 { font-size: 14px;}
#main ol, #main ul { line-height: 18px; }
#main ul { padding-left: 50px; }
#main ul li { list-style-type: disc; padding: 3px 0; }
#main ol { padding-left: 57px; }
#main ol li { list-style: decimal; padding: 3px 0; }
#main blockquote {
	border-left:2px solid #777777;
	color:#777777;
	font-style:italic;
	margin:5px auto 15px;
	padding:0px 10px;
	width:85%;
}

/* Main Content (post) */

#main .post { padding: 0 0 25px; }
#main .post-title {	width: 100%; position: relative; }
#main .post-title h2, #main .post-title p.post-details, #main .post-title h3 { padding-right: 50px; }
#main h2 a, #main h3 a { color: #2A2A2A; text-decoration: none; }
#main h2 a:hover, #main h3 a:hover { text-decoration: underline; }
#main p.post-details { line-height: 18px; margin-top: -10px; position: relative; }
#main p.post-details a { text-decoration: none; }
#main p.post-details a:hover { text-decoration: underline; }
#main p.post-details {
	color: #9F9F9F;
	font-size: 11px;
	padding: 0 0px 0 1px;
	text-transform: uppercase;
}
#main .post h4 { margin-top: 1px; clear: both; width: 100%; }
#main .post h4.continue a {
	background: #A8BC70;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
}
#main .post h4.continue a:hover {background: #9fb26a;}
#main .post img.thumbnail {
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	padding:5px;
}
#main .post img.gallery { margin:0 7px 7px 0; }
#main h2.arh {
	border-bottom: #EBEBEB 1px solid;
	margin-top: -10px;
	margin-bottom: 10px;
	position: relative;
}
#main .post.wrap a img {
	border: 2px solid #809EAD;
	margin-right: 15px;
	-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radois: 5px;
}

#main .post.wrap a img:hover {
	border: 2px solid #516976;
}

/* Main Content (advert 468x60) */

#main .advert_468x60 {
	background-color:#EDEDED;
	padding:12px 0;
	margin: 5px 0 25px 0;
	text-align:center;
}
#main .latest .advert_468x60 {margin-left:33px;}

/* Main Content (post>single) */

#main p.tags {
	background:url(images/ico-tag.gif) no-repeat center left;
	padding-left:25px;
	width: 100%;
	clear: both;
}
.single #main .advert_468x60 {margin: 15px 0 0px 0;}
#main .page h2 {padding-top: 5px;}

/* Comments */

#comments h3 { font-size: 20px;	font-weight: normal;padding: 10px 0 20px 0;}
#comments #comments_wrap {padding: 0; position: relative; margin:20px 0;}
#main .post #comments ol, #main .post #comments ul { background:none; border:none; padding:0; }
#comments ol.commentlist li { list-style-type:none; padding:20px; background:none; }
#comments ol.commentlist li.thread-even { background:#f6f6f6; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }
#comments ol.commentlist img.avatar { float:right; border:1px solid #e4e4e4; padding:4px; background:#fff; }
#comments ol.commentlist .user-meta { font-size:12px; margin-bottom:10px; }
#comments ol.commentlist .user-meta .name,
#comments ol.commentlist .user-meta .name a { font-size:16px; text-decoration:none;  }
#comments ol.commentlist .comment-entry { padding-right:80px;  }
#comments .comment a { text-decoration: underline; }
#comments .comment a:hover { text-decoration: none; }
#comments .comment small { font-size: 10px;	margin-top: -2px; }
#comments .comment .col-left {width: 110px;}
#comments .comment .col-left img {border: #EDEDED 5px solid;}
#comments .comment .col-left p { padding: 0 0 0 2px; line-height: 19px;}
#comments .comment .col-left .inside{width:110px;float:left;position:relative;overflow:hidden;min-height:70px;}
#comments .comment .col-right{min-height:70px;background:#fff;border:#EDEDED 1px solid;margin-left:100px;float:none;padding:10px 20px;}
* html #comments .comment .col-right{height:100px;}
#comments .comment span.reply{float:right;font-size:11px;padding:3px 3px 0;}
#comments .comment span.reply a{text-decoration:none;color:#aaa;}
#comments ul.children{margin:15px 0 0;padding:0;}
#comments ul.children li{border-top:1px solid #e3e3e3;margin:20px 0 0 0;padding:20px 0 0 25px;}
#comments .navigation .alignright,#comments .navigation .alignleft{margin:0;}
#comments .navigation a{display:block;font-weight:700;margin:15px 0;padding:5px 0;}
#comments .commentlist p{padding:0 0 10px;}
#comments #respond{margin-top:15px;}
#comments .commentlist .children #respond #form_wrap .col-right{float:none;}
#comments .cancel-comment-reply{margin-bottom:10px;}
#comments #respond .input{background:#f6f6f6;border-top:1px solid #bebebe;border-left:1px solid #bebebe;border-bottom:1px solid #f3f3f3;border-right:1px solid #f3f3f3;padding:5px;}
#comments .commentlist .thread-even #respond .input{background:#fff;}
#comments #respond label{padding-left:5px;}
#comments ul.children li ul.children,#comments .commentlist{padding:0;}
#comments #submit {background:transparent url(images/btn-submit.png) no-repeat scroll left top;border:medium none;color:#FFFFFF;font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; cursor:pointer !important;font-weight:bold;height:25px;text-transform:uppercase;width:80px;}


/* Sidebar */

#sidebar{width:280px;overflow:hidden;}
#sidebar h3{font-weight: bold;line-height: 24px;
	font-size: 16px;
	padding-right: 0;
	padding-top: 0;
	padding-left: 0;
	margin-left: 0;
	margin-right: 0;
}
#sidebar ul{clear:both;}
#sidebar a{
	font-weight: bold;
}
#sidebar a:hover{
	text-decoration: underline;
}
#sidebar ul li .meta{display:block;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#878787;font-weight:normal;text-transform:uppercase;}
#sidebar .block.widget_text {background: #F2F5F7;border: 1px solid #BACAD2;padding:15px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;}
#sidebar .block .inside{border:#D5D4D4 5px solid;background:#EDEDED;padding-bottom:5px;}
#sidebar .block .inside ul{padding:0;}
#sidebar .block .inside li{line-height:18px;position:relative;padding:8px 0;}
#sidebar .block .inside li img.thumbnail{border:#A4A4A4 2px solid;float:left;margin-right:10px;}
#sidebar ul,#sidebar .textwidget{clear:both;padding:5px 0;}
#sidebar .widget{margin-bottom:15px;}
#sidebar li{line-height:18px;overflow:hidden;padding:5px 0 0 0px;}
#sidebar ul ul{border:0;margin:3px 0 0;padding:0;}
#sidebar ul ul li{border:0;padding-bottom:0;border-top:1px solid #E2E2E2;}

#sidebar #news h3 { background:url(images/ico-news.png) no-repeat left 3px; padding-left:32px; }
#sidebar #news li {background:url(images/ico-bullet.png) no-repeat left 10px;padding:5px 0 0 15px;}

#sidebar ul.liste-point{
	padding-left: 0px;
}

#sidebar ul.liste-point li{
	margin-bottom: 10px;
	list-style-type: disc;
	padding: 0;
	overflow: visible;
	margin-left: 15px;
}

#sidebar .widget_twitter { position:relative; font-size:14px; }
#sidebar .widget_twitter h3 { background:url(images/ico-twitter.png) no-repeat left top; padding-left:32px; }
#sidebar .widget_twitter a { color:#2882c1; font-size:14px; }
#sidebar .widget_twitter .follow { position:absolute; right:15px; top:25px; }
#sidebar .widget_twitter .follow a { font-size:12px; font-style:italic;}

#newsletter h3, #feedburner h3,#campaignmonitor h3 { background:url(images/ico-letter.png) no-repeat left 0px; padding-left:32px; }
#newsletter form, #feedburner form, #campaignmonitor form {margin-top:15px;}

#newsletter .field, #feedburner .field, #campaignmonitor .field {background-color:#F2F2F2;border:1px solid #CBD1D2;color:#999; font-size:11px;}
#newsletter .field, #feedburner .field, #campaignmonitor .field {display:block;float:left;height:19px;margin:0 4px 0 0;padding:5px 0 0 5px;width:170px;}
#newsletter .button, #feedburner .button, #campaignmonitor .button {background:transparent url(images/btn-submit.png) no-repeat scroll left top;border:medium none;color:#FFFFFF;font-family:Georgia, "Times New Roman", Times, serif; font-size:11px;}
#newsletter .button, #feedburner .button, #campaignmonitor .button {cursor:pointer !important;font-weight:bold;height:25px;text-transform:uppercase;width:80px;}

#tag_cloud h2{display:block;float:none;}
.textwidget{clear:both;line-height:20px;padding:5px 2px;}
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th{color:#fff;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
#wp-calendar a{text-decoration:underline;}
#wp-calendar a:hover{text-decoration:none;}
#sidebar #search_main form div{position:relative;height:33px;background:#F2F2F2;border:1px solid #CBD1D2;}
#sidebar #search_main input.field{width:163px;position:absolute;left:12px;top:7px;padding-top:2px;outline:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#777;border:0;background:transparent;z-index:1;}
#sidebar #search_main input.submit{position:absolute;right:0;top:0;z-index:1;}

/* Sidebar (gd6d) */

.textwidget {
	font-size: 11px;
	line-height: 15px;
}

.textwidget strong a, .textwidget strong {
	color: #006699;
}

#sidebar img.alignleft {
	margin-right: 10px;
	margin-top: 5px;
}

div.inscription p {
	background: #D2EDF9;
	border-right: 1px solid #BACAD2;
	border-left: 1px solid #BACAD2;
	padding: 0 15px;
}

div.inscription span a { background: transparent url('images/sidebar-essai-gratuit.png') no-repeat 0 -121px; width: 280px; display: block; height: 50px; text-indent: -3000px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }

div.inscription span a:hover { background: transparent url('images/sidebar-essai-gratuit.png') no-repeat 0 bottom; }

div.inscription h3 {
	text-indent: -1000px;
	display: block;
	width: 280px;
	height: 60px;
	background-image: url(images/sidebar-essai-gratuit.png);
}


/* Sidebar (flickr) */

#flickr h3 span { color: #0061D8; }
#flickr h3 span span { color: #FF1183; }
#flickr .wrap {	margin-left: -5px;	padding: 0;	position: relative;	}
#flickr a img {	float: left; margin-left: 5px;	margin-bottom: 5px;display: block;	padding: 3px;background: #fff;border: #CECFC6 1px solid; }
#flickr a:hover img {border: #A8AA99 1px solid;}

/* Footer */
div.subfooter {
	margin-right: auto;
	margin-left: auto;
	width: 940px;
}

div.subfooter img {
	margin-bottom: -20px;
}

#footer img {vertical-align: middle;}
#footer .col-right span {display: none;}
#footer .col-left { width:540px; padding:0 20px 0 0;  }
#footer .col-right { width:280px;  }

#footer .col {
	width: 170px;
	float: left;
	margin-right: 10px;
	margin-top: 25px;
}

#footer ul li, #footer ul li a, #footer h3{
	color: #5E7682;
}

/* Misc */

a.button {
    background: url(images/btn-slider-right.png) no-repeat scroll top right; 
	display: block;
	float: left;
	height: 46px; 
	margin-right: 6px;
	padding-right: 13px; 
	text-decoration: none;
	color: #3e3e3e;
	font-family: Georgia;
	font-size:18px;
}
a.button span {
	float:left;
	background: url(images/btn-slider.png) no-repeat; 
	display: block;
	line-height: 46px; 
	padding: 1px 5px 5px 18px;
} 
a.button:hover span{ text-decoration:underline; }
span.middle { float: left; padding: 13px 13px 13px 9px; }

div.hr { background:url(images/hr.png) repeat-x top left; height:1px; margin:15px 0; }
#footer div.hr { background:url(images/hr-footer.png) repeat-x top left; height:1px; margin:15px 0; }

.rouge {
	color: #ED1C24;
}

.gris {
	color: #809dac;
}

.nobottom {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* ::::: menu haut ::::: */

#sub-nav ul {
	margin-top: 0;
	padding-top: 0;
	width: 539px;
	height: 40px;
}

#sub-nav ul li {
	display: inline;
}

#sub-nav ul li, #sub-nav ul li a {
	display: block;
	width: 220px;
	height: 40px;
	text-indent: -2000px;
	float: left;
}

#sub-nav ul li.indigo {
	background: url(images/boutons.png) no-repeat 0 -325px;
}

#sub-nav ul li.deja-client, #sub-nav ul li.deja-client a {
	width: 280px;
	background: url(images/boutons.png) no-repeat 0 0;
}

#sub-nav ul li.deja-client a:hover {
	background: url(images/boutons.png) no-repeat 0 -40px;
}

/* ::::: menu slider home ::::: */


.contact-buttons ul {
	margin-top: 0;
	padding-top: 0;
	width: 390px;
	height: 40px;
}

.contact-buttons ul li {
	display: inline;
}

.contact-buttons ul li a {
	display: block;
	width: 220px;
	height: 40px;
	text-indent: -2000px;
	float: left;
}

.contact-buttons ul li.essai-gratuit a {
	background: url(images/boutons.png) no-repeat 0 -80px;
}

.contact-buttons ul li.contactez-nous a {
	width: 170px;
	background: url(images/boutons.png) no-repeat 0 -160px;
}

.contact-buttons ul li.support a {
	width: 170px;
	background: url(images/boutons.png) no-repeat 0 -240px;
}

.contact-buttons ul li.essai-gratuit a:hover {
	background: url(images/boutons.png) no-repeat 0 -120px;
}

.contact-buttons ul li.contactez-nous a:hover {
	width: 170px;
	background: url(images/boutons.png) no-repeat 0 -200px;
}

.contact-buttons ul li.support a:hover {
	width: 170px;
	background: url(images/boutons.png) no-repeat 0 -280px;
}

a.bouton, a.bouton:visited, #main a.bouton, #main a.bouton:visited {
	background: #708F9F;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 90%;
	text-decoration: none;
	padding: 4px 10px 5px;
	float: right;
}
	
a.bouton:hover, #content a.bouton:hover, #main a.bouton:hover, #main #content a.bouton:hover {
	background: #566e7c;
	color: #FFFFFF;
	}


/* ::::: moteur de recherche ::::: */

#searchsubmit.submit {
	width: 100px;
	height: 40px;
	background:url(images/valider.gif) no-repeat;
	text-indent: -2000px;
	border-style: none;
}


#searchform input#s.text {
	width: 390px;
	height: 25px;
	margin:0; padding:5px;
	border:1px solid #e5e3d8;
	font-size: 16px;
	color: gray;
}

#searchform {
	margin-bottom: 30px;
}

#support #main h2 a {
	color: #2882c1;
}


/* ::::: fil ariane ::::: */


#breadcrumbs li {
	display: inline;
}

/* CSS3 breadcrumb */
#breadcrumbs li:after {
	content: " > ";
}

#breadcrumbs li.current:after {
	content: "";
}

/* IE6 breadcrumb */
*html #breadcrumbs li {
	background: url( /img/gt.gif ) no-repeat center right;
	padding-right: 10px;
	margin-right: 5px;
}

*html #breadcrumbs li.current {
	background: none;
	padding-right: 0px;
}

/* IE7 breadcrumb */
html>body #breadcrumbs li {
	*background: url( /img/gt.gif ) no-repeat center right;
	*padding-right: 10px;
	*margin-right: 5px;
}

html>body #breadcrumbs li.current {
	background: none;
	padding-right: 0px;
}

#support #main ol {
	padding-left: 0;
	margin-bottom: 15px;
	padding-top: 0;
	font-size: 11px;
}

#breadcrumbs li a {
	color: #a2a2a2;
}

#breadcrumbs li.current {
	color: black;
	font-weight: bold;
}

/* ::::: message info ::::: */

.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/error.png');
}