@charset utf-8;
/*--
	Theme Name: my_framework
	Theme URI: http://template-help.com/
	Description: A theme for Wordpress 3.2+ from Template-Help.com Collection
	Author: Template_Help.com 
	Author URL: http://www.Template-Help.com/ 
--*/

/* -- General ------------------------------------------------------------------------------------- */
html, body {height:100%;}
body{
	background: url(images/body-tail.jpg) center top repeat; /*image de fond*/
	position:relative;
	min-width:960px;
}

#main {z-index: 10;}

#fond_gris {
	background: url(images/body-tail-grey.jpg) center top repeat; /* image du container*/
	position:fixed;
	top: 0;
	left: 50%;
	height: 100%;
	width: 960px;
	margin-left: -480px;
	z-index: -1;
	box-shadow:0px 2px 15px 3px rgba(30, 30, 30, 0.5), 0px 2px 2px 2px rgba(255, 255, 255, 0.5) inset; /*ombres sur les côtés du container*/
}

/* Headings */
h2{letter-spacing:-1px; text-shadow:1px 1px 0 rgba(255,255,255,.8); margin-bottom:21px;} /*Ombre des titres*/
h3{letter-spacing:-1px; text-transform:uppercase; text-shadow:1px 1px 0 rgba(255,255,255,.8); margin-bottom:4px;}
h4{letter-spacing:-1px; text-shadow:1px 1px 0 rgba(255,255,255,.8); margin-bottom:23px;}
h5{letter-spacing:-1px; text-transform:uppercase; text-shadow:1px 1px 0 rgba(255,255,255,.8);}
	h2 a, h3 a, h4 a, h5 a, h6 a{color:inherit; text-decoration:none;} /*titre avec un lien*/
		h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration:underline;} /*titres survolés*/

/* Links */
a{text-decoration:underline;} /* tous les liens*/
	a:hover{text-decoration:none;} /* survol*/
a[href^="tel:"]{color: inherit !important; text-decoration:none !important;} 
a.link{
	display:inline-block;
	color:#8c8b8b;
	text-decoration:underline;
	padding-right:13px;
	background:url(images/link-marker.gif) right 8px no-repeat; /* lien avec une flèche droite, accès à un lien*/
}
	a.link:hover{text-decoration:underline; color:#f08500; background-position:right -22px;}
.button{ /*bouton*/
	display:inline-block;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	padding:8px 12px; 
}
	.button:hover{text-decoration:none; background-color:#f08500;} 

/* Images */
img {max-width: 100%; height: auto;}
.ie8 img {max-width: none !important;}


/* List styling */
.last-child{margin-right:0 !important; margin-bottom:0 !important;}
ul{
	padding:0;
	margin:0 0 21px;
	list-style-type:none;
}
	li{
		padding-left:12px;
		background:url(images/list-marker.gif) 0 7px no-repeat;
		margin-bottom:17px;
	}
		li > a{color:inherit; text-decoration:none;}
			li > a:hover{text-decoration:none; color:#000;}
/*reset list styling*/
.rlist li{padding:0; margin:0; background:none;}

dl dt {color:#252525;} /*définition*/
dl dd {margin:0; padding:0;}

/* Blockquote */
blockquote{
	overflow:hidden;
	margin:0 0 21px;
	padding:0;
}
	blockquote:before{
		content:'“'; 
		display:block;
		float:left;
		font:80px/70px Arial, Helvetica, sans-serif;
		color:#252525;
		text-shadow:1px 1px 0 rgba(255,255,255,.8);
		margin-right:10px;
	}
	blockquote a{color:inherit; text-decoration:none;}
		blockquote a:hover{text-decoration:underline;}
	.name-testi {
		display:block;
		text-align:right;
		color:#2b2b2b; 
	}
		.name-testi a {text-decoration:underline; color:inherit;}
			.name-testi a:hover {text-decoration:none;}

/* Paragraph */
p{margin-bottom:21px;}



/*-- Header -------------------------------------------------------------------------------------- */
#header {
	position:relative;
	z-index:99;
	padding-bottom:15px;
}

/* Logo*/
.logo {
	float:left;
	position:relative;
	padding:26px 21px 0px 21px;
	max-width:300px; /*taille logo*/
}
	.logo h1.img-logo{font:0/0 a; margin-bottom:5px;}
	.logo h1.txt-logo { /*titre du texte logo + logo*/
		text-transform:uppercase;
		letter-spacing:-1px; 
		margin:-3px 0 5px -2px;
	}
		.logo h1.txt-logo a{color:inherit !important; text-decoration:none;}
.logo .tagline {
	display:block;
	font:bold 10px/12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
}

#widget-header{ 
	float:right;
	padding-top:44px;
	font:10px/12px Arial, Helvetica, sans-serif;
	color:#6d6c6;
	text-transform:uppercase;
	overflow:hidden;
	margin-bottom:22px;
}
	#widget-header a{color:#f08500; text-decoration:none;} /*change les liens, sign up/in*/
		#widget-header a:hover{text-decoration:underline;}
	.widget-header{clear:right; float:right;}
	#widget-header #loginout{text-align:right;}
		#widget-header #loginout a{display:inline-block;}
	
/* Primary navigation */
nav.primary {
	clear:right;
	float:right;
	position:relative;
	z-index:2;
}

	/* Essential styles for dropdown menu */
	.sf-menu, .sf-menu * { /*représente le menu horizontal*/
		margin:0;
		padding:0;
		list-style:none;
	}
		.sf-menu > li{
			margin:0;
			padding:7px 22px 7px;
			position:relative;
			float: left;
			font:bold 14px/18px Arial, Helvetica, sans-serif;
			color:#f08500; /*couleur texte menu*/
			text-transform:uppercase;
			text-shadow:1px 1px 0 rgba(255,255,255,.8); /*ombre du texte*/
			background:url(images/menu-separator.png) right center no-repeat; /*image du séparateur*/
		}
			.sf-menu > li.last-child{background:none; padding-right:0;}
			.sf-menu > li > a{color:inherit; text-decoration:none;}
				.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.current-menu-item > a{text-decoration:none; color:#575757;}/*onglet actuel*/
		
		/* Submenu - sous-menu*/
		.sf-menu ul {
			position: absolute;
			top: -999em;
			width: 150px;
			padding:29px 10px 30px 26px;
			z-index:999;
			border-radius:6px;
			background:url(images/submenu-tail.gif) 0 0 repeat;
		}
			.sf-menu li:hover ul,
			.sf-menu li.sfHover ul {
				left: -1px;
				top: 38px;
			}
			.sf-menu ul li {
				position:relative;
				width: 100%;
				font:12px/21px Arial, Helvetica, sans-serif;
				color:#575757;
				text-shadow:none;
				background:none;
				margin-bottom:13px;
				font-weight:bold;
			}
				.sf-menu ul li a{color:inherit; text-decoration:none;}
					.sf-menu ul li a:hover, .sf-menu ul li.sfHover > a, .sf-menu ul li.current-menu-item > a{text-decoration:none; color:#2b2b2b;font-weight:bold;}
			/* Subsubmenu sous sous-menu*/
			.sf-menu ul ul{
				background:#ffc926;
				padding:9px 10px 9px 29px;
			}
			.sf-menu li:hover li ul,
			.sf-menu li.sfHover li ul,
			.sf-menu li li:hover li ul,
			.sf-menu li li.sfHover li ul {
				top: -999em;
			}
			.sf-menu li li:hover ul,
			.sf-menu li li.sfHover ul,
			.sf-menu li li li:hover ul,
			.sf-menu li li li.sfHover ul {
				left: 126px;
				top:-5px;
			}

	/*** arrows **/
	.sf-menu > li > a .sf-sub-indicator{
		display:block;
		width:100%;
		height:4px;
		background:url(images/menu-arrow.gif) center top no-repeat; /*petite flèche en bas sous le menu*/
		position:absolute;
		right:0;
		bottom:1px;
		font:0/0 a;
		color:transparent;
	}
		.sf-menu > li.sfHover > a .sf-sub-indicator, .sf-menu > li > a:hover .sf-sub-indicator, .sf-menu > li.current-menu-item > a .sf-sub-indicator{background-position:center -14px;}
	.sf-sub-indicator {display: inline;}
		a:hover > .sf-sub-indicator,
		li.sfHover > a > .sf-sub-indicator,
		li.current-menu-item > a > .sf-sub-indicator {}

	/* Navigation select styling */
	.select-menu { 
		border:1px solid #babbbd;
		background:#fff;
		width:100%;
		padding:5px;
		color:#898989;
		cursor:pointer; 
		display: none !important;
		text-transform:uppercase;
		font:bold 14px/18px Arial, Helvetica, sans-serif;
	}
		.select-menu option {
			padding:0 8px;
			cursor:pointer;
		}
			.select-menu option[selected="selected"]{color:#2b292a;} 



/*-- Content ------------------------------------------------------------------------------------ */

.primary_content_wrap { 
	position:relative;
	z-index:1;
}
.content-border-top { /*haut page*/
	height:1px;
	background:url(images/border-bottom.gif) 0 0 repeat-x;
	overflow:hidden;
	font:0/0 a;
	margin:0 10px 58px;
}
	.home .content-border-top{display:none;}
.content-border-bottom { /*bas page*/
	height:1px;
	background:url(images/border-bottom.gif) 0 0 repeat-x;
	overflow:hidden;
	font:0/0 a;
	margin:81px 10px 0;
}
#content.left {float:right !important;}



/*-- Home --------------------------------------------------------------------------------------- */
#content-area{
	background:url(images/content-area-border.gif) center bottom repeat-x; /*couleur claire juste en bas du widget*/
	padding-bottom:9px;
	margin-bottom:70px;
}
	#content-area .bg{background:url(images/content-area-tail.gif) center top repeat;} /*intérieur du widget*/
		#content-area .border-right{background:url(images/border-right.png) right top repeat-y;}
	.content-widget{
		background:url(images/content-widget-hover.gif) 0 -999em no-repeat; /*image du widget survolé*/
		overflow:hidden;
		color:#fff;
		text-align:center;
		cursor:default;
	}
		.content-widget:hover{
			background-position:center top;
			background-repeat:repeat;
			color:#2b2b2b; /*texte quand on passe dessus des cadres widget */
		}
		.content-widget h2{
			font-size:28px;
			line-height:30px;
			text-transform:uppercase;
			color:#2b292a; /*titre des cadres*/
			letter-spacing:-1px;
			text-shadow:1px 1px 0 rgba(255,255,255, .47);
			margin-bottom:15px;
		}
		.content-widget a{text-decoration: none;}
		.content-widget a:hover{color: #2b2b2b;}
			.content-widget:hover h2{color:#fff; text-shadow:none;} /*titres au survol du widget*/
		.content-widget .top-box{padding:50px 35px 25px;} /*texte*/
			.content-widget .top-box .circle{ /*images des widgets*/
				width:230px;
				height:110px;
				overflow:hidden;
				padding:15px 0;
				margin:0 auto 19px;
				/*background:url(images/circle.png) -320px top no-repeat; Cercle des 1,2,3
				font:bold 48px/49px Arial, Helvetica, sans-serif;
				color:#fff;
				text-shadow:1px 1px 0 rgba(0,0,0,.1);
				text-align:center;*/
			}
				.content-widget:hover .top-box .circle{background-position:0 0;}
			.content-widget .top-box .box-text {margin-bottom:21px;}
			.content-widget .button{background:url(images/contrntarea-button.gif) 0 0 repeat-x #393e3e;}
				.content-widget:hover .button{background-position:0 -58px;}
				.content-widget:hover .button:hover{background:#a4a3a4;} /* fond bouton More au passage dans le cadre*/

/*-- Portfolio ---------------------------------------------------------------------------------- */

/* Gallery */
.header-title {margin-bottom:20px;}
	.header-title .page-desc {}

/* Default layout 3 columns */
#gallery .portfolio {width:100%;}
	#gallery .portfolio li {
		float:left;
		width:300px;
		margin:0 20px 40px 0;
		position:relative;
	}
		#gallery .portfolio li.nomargin {margin-right:0 !important;}
			#gallery .portfolio li .featured-thumbnail{margin-bottom:27px;}
				#gallery .portfolio li a.image-wrap {
					display:block;
					overflow:hidden;
					width:100%;
					height:191px;
					background:url(../images/loading.gif) center center no-repeat #fff;
					position:relative;
					box-shadow:1px 1px 1px #f7f7f6;
					-webkit-box-shadow:1px 1px 1px #f7f7f6;
				}
					#gallery .portfolio li a.image-wrap:hover {background:#000;} /* fond au survol des image (services)*/
					#gallery .portfolio li .featured-thumbnail img{box-shadow:none; -webkit-box-shadow:none;}
						#gallery .portfolio li a.image-wrap:hover img{opacity:.5;}
			#gallery .portfolio .folio-desc {}
				#gallery .portfolio p.excerpt {}
			.zoom-icon {
				display:block;
				position:absolute;
				left:0;
				top:-100%;
				right:0;
				cursor:pointer;
				background: url(images/magnify.png) center no-repeat;
			}
				.image-wrap:hover .zoom-icon {top:0; bottom:0;}

/* 1 column portfolio*/
#gallery.one_column .portfolio li {width:100%; margin-right:0;}
	#gallery.one_column .portfolio li .featured-thumbnail{float:left; margin-right:20px;}
	#gallery.one_column .portfolio li a.image-wrap {height:230px; width:461px;}
		#gallery.one_column .folio-desc {overflow:hidden;}

/* 2 columns portfolio*/
#gallery.two_columns .portfolio li {width:460px;}
	#gallery.two_columns .portfolio li a.image-wrap {height:229px;}

/* 4 columns portfolio*/
#gallery.four_columns .portfolio li {width:220px;}
	#gallery.four_columns .portfolio li a.image-wrap {height:145px;}


/*-- Single Portfolio Page ------------------------------------------------------------------------- */
.single-portfolio .indent-bottom{margin-bottom:30px;}
/* Info */
.entry-meta {
	margin-bottom:20px;
	padding-bottom:20px;
	background:url(images/border-bottom2.png) 0 bottom repeat-x;
}
	.portfolio-meta-list {
		background:url(images/border-bottom2.png) 0 0 repeat-x;
		margin:0 0 15px;
		padding:20px 0 0;
	}
		.portfolio-meta-list li {margin-bottom:3px !important;}
			.portfolio-meta-list li strong{display:inline-block; width:70px;}


/* Single Image */
.image-holder {position:relative;}

/* Single Video */
.video-holder {position: relative;}
.video-holder iframe,
.video-holder object,
.video-holder embed {width: 100%; height: 300px;}

/* Audio Single */
.single-audio-holder .audiojs {width:100%;}
.single-audio-holder .audiojs .scrubber {width:440px;}
.single-audio-holder object{overflow:hidden;}
	
/* Grid Gallery */
.grid_gallery {
	position:relative;
	overflow:hidden;
	padding:0;
}
	.grid_gallery_inner {
		width:100%;
		position:relative;
		overflow:hidden;
	}
	.grid_gallery .gallery_item {
		float:left;
		margin:0 20px 20px 0;
	}
		.grid_gallery .gallery_item img {
			width: 100%;
			height: auto;
		}
	.grid_gallery .featured-thumbnail{margin-bottom:0;}
.single-gallery-item {margin:0;	}



/*-- Testimonials ----------------------------------------------------------------------------- */
article.testimonial {margin-bottom:35px;}
.single-testi .featured-thumbnail.fleft{margin-bottom:15px; width:auto;}


/*-- FAQs -------------------------------------------------------------------------------------- */
.faq_list {}
	.faq_list dt { /*les questions*/
		color:#666;
		position:relative;
		padding:0 0 5px 28px;
		margin:0;
	}
	.faq_list span.marker {
		display:block;
		position:absolute;
		left:0;
		top:0;
		font-weight:bold;
		font-size: 15px;
		line-height:18px;
		color:#333; /*Q et A*/
	}
	.faq_list dd {
		padding:0 0 0 28px;
		position:relative;
		margin:0 0 2em 0;
	}
		.faq_list dd .marker {top:3px;}




/*-- Author ------------------------------------------------------------------------------------- */
.author {}
/* Author info */
.author-info { /* je ne sais pas ce que c'est*/
	width:100%;
	overflow:hidden;
	margin-bottom:3em;
	padding-bottom:2em;
	background:url(images/border-bottom.gif) 0 bottom repeat-x;
}
	.author-info div.avatar {
		float:left;
		margin:0 20px 0 0;
	}
		.author-info div.avatar img{
			box-shadow:1px 1px 1px #f7f7f6;
			-webkit-box-shadow:1px 1px 1px #f7f7f6;
		}
	.autor-desc {overflow:hidden;}
/* Recent author posts */
#recent-author-posts {margin-bottom:30px;}


/* Recent author comments */
#recent-author-comments {
	padding-top:55px; margin-top:55px; background:url(images/border-bottom.gif) 0 0 repeat-x;
}



/*-- Single Team ---------------------------------------------------------------------------------*/
.single-team .featured-thumbnail{float:left; margin-right:20px; margin-bottom:15px;}
.single-team .page-desc{color:#252525;}



/*-- 404 ---------------------------------------------------------------------------------------- */
#error404 {padding:30px 0 100px 0;}
	.error404-num {
		font:bold 285px/285px Arial, Helvetica, sans-serif;
		color:#252525; /*couleur 404*/
		text-align:center;
	}
	#error404 hgroup {
		margin:0 0 20px 0;
		padding-top:23px;
	}



/*-- Blog --------------------------------------------------------------------------------------- */

.post-holder {
	padding-bottom:27px; /*écart entre deux résumés d'articles*/
	background:url(images/border-bottom2.png) 0 bottom repeat-x;
	margin-bottom:21px;
	position:relative;
}
	.post-holder.last-child{background:none;}
.single-post .post-holder.last-child {
	width:100%;
	padding-bottom:55px;
	background:url(images/border-bottom.gif) 0 bottom repeat-x;
	margin-bottom:55px !important;
}

/* Post header */
.post-holder .entry-title {}

/* Meta information for post */
.post-meta {
	padding:0;
	width:100%;
	margin-bottom:28px;
	color:#252525;
}
	.post-meta a{color:inherit; text-decoration:none;}
		.post-meta a:hover{text-decoration:underline;}

/* Featured thumbnail */
.featured-thumbnail {
	position:relative;
	margin:0 0 20px;
}
	.featured-thumbnail img{ 
		box-shadow:1px 1px 1px #f7f7f6;
		-webkit-box-shadow:1px 1px 1px #f7f7f6;
	}
	.featured-thumbnail.fleft{margin-right:20px; margin-bottom:29px;}
	/* Large thumbnail */
	.featured-thumbnail.large {
		margin-right:0;
		margin-bottom:20px;
		float:none;
	}

/* Post content */
.post-content {}
	.post-content .excerpt {margin-bottom:20px;}
.pagination {}
	.pagination a {
		display:inline-block;
		margin:0 10px 0 0;
	}
.stream-indent-bottom{margin-bottom:29px;}
.buttons-wrapper{clear:both;}
	.buttons-wrapper .button{margin-right:15px;}
	.buttons-wrapper .num-comments a{
		text-transform:uppercase;
		color:#555454; /*nombre commentaires*/
		text-decoration:none;
	}
		.buttons-wrapper .num-comments a:hover{text-decoration:underline;}

/* Post footer */
.post-holder .post-footer {padding:15px 0 0;}
.post-holder.single-post .post-footer {}


/* Related Posts */
.related-posts {
	padding:0 0 30px;
	background:url(images/border-bottom.gif) 0 bottom repeat-x;
	margin:0 0 30px;
}
	.related-posts li {
		float:left;
		width:20%;
		margin:0 20px 0 0;
	}

/* Page Navigaton */
.pagenavi {
	padding:20px 0 0;
	position:relative;
	overflow:hidden;
	background:url(images/border-bottom.gif) 0 0 repeat-x;
}
	.pagenavi span, .pagenavi a {
		display:inline-block;
		margin: 0 3px 0 0;
		font:12px/15px Arial, Helvetica, sans-serif;
		color:#fff;
		text-decoration:none;
		text-transform:uppercase;
		padding:8px 12px;
		background:#6a6a6a; /*couleur nombres pages*/
	}
		.pagenavi a:hover{text-decoration:none; background-color:#f08500;}/*couleur nombres pages survol*/
		.pagenavi .current{cursor:default; background-color:#f08500;} /*couleur nombres pages actuel*/


/* Older and newer navigation */
nav.oldernewer {
	width:100%;
	overflow:hidden;
	padding-top:20px;
	background:url(images/border-bottom.gif) 0 0 repeat-x;
}
	.older {float:left;}
	.newer {float:right;}

.single-oldernewer {}


/* Gallery post format*/
.gallery_post {width:540px; box-shadow:1px 1px 1px #f7f7f6; -webkit-box-shadow:1px 1px 1px #f7f7f6;}
	.gallery_post .g_item {
		overflow:hidden;
		width:540px;
	}
		.gallery_post .g_item .featured-thumbnail {margin:0;}
			.gallery_post .g_item .featured-thumbnail img {width:100%; box-shadow:none; -webkit-box-shadow:none;}
.slides_container_slideshow {
	height:250px;
	width:540px;
	margin-bottom:10px;
}
.gallery_post .pagination {
	padding-top:5px;
	list-style:none;
	margin:0;
	overflow:hidden;
	float:right;
}
	.gallery_post .pagination li {
		padding:0;
		background:none;
		float:left;
		margin:0 0 0 10px;
	}
		.gallery_post .pagination li:first-child{margin:0;}
		.gallery_post .pagination li a {
			display:inline-block;
			text-decoration:none;
			width:12px;
			height:12px;
			background:#242424;
			font:0/0 a;
			color:transparent;
			border-radius:6px;
			-webkit-border-radius:6px;
			vertical-align:top;
			padding: 0;
			margin:0;
		}
		.gallery_post .pagination li.current a,
		.gallery_post .pagination li a:hover {background-color:#6a6a6a;}

.gallery_post .prev,
.gallery_post .next {
	float: left;
	display:inline-block;
	font:12px/15px Arial, Helvetica, sans-serif;
	background:#242424;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	padding: 4px 8px;
	margin-right:5px;
	vertical-align:top;
}
	.gallery_post .prev:hover, .gallery_post .next:hover {background-color:#6a6a6a; text-decoration:none;}



/*-- Comments ----------------------------------------------------------------------------------- */
.commentlist {
	margin:0 0 55px;
	padding:0 0 55px;
	background:url(images/border-bottom.gif) 0 bottom repeat-x;
	list-style:none;
}
	li.comment {}
		li.comment .comment-body { /* Commentaire encadré*/
			padding:28px 20px 32px 90px;
			position:relative;
			border:1px solid #b3b3b2;
			margin-bottom:20px;
			color:#8c8b8b;
		}
			.comment-author {
				position:absolute;
				left:20px;
				top:31px;
			}
				li.comment .avatar {
					float:none;
					margin:0;
					vertical-align:top;
					display:block;
					box-shadow:1px 1px 1px #f7f7f6;
					-webkit-box-shadow:1px 1px 1px #f7f7f6;
				}
				.comment-author .author {
					font-style:italic;
					text-transform:capitalize;
					width:100%;
					text-align:center;
					display: block;
					font-size:15px;
					padding-top: 6px;
				}
			li.comment .comment-body p {min-height: 65px; margin-bottom:5px;}

	/* Comment meta */
	.comment-meta {float: right; padding-top:5px; color:#252525;}
		.comment-meta a {}
	
	/* Reply Bouton répondre*/
	.reply {
		float: right;
		margin-left: 20px;
	}
		.reply a {
			display:inline-block;
			font:12px/15px Arial, Helvetica, sans-serif;
			color:#fff;
			text-decoration:none;
			text-transform:uppercase;
			padding:8px 12px;
			background:#6a6a6a;
		}
			.reply a:hover{text-decoration:none; background-color:#f08500;}

.commentlist ul.children {
	padding:0 0 0 40px;
}

.allowed_tags {}

li.comment  #respond {padding-top:30px;}


/*-- Sidebar - Menu à droite de l'article page blog ------------------------------------------------------------------------------------ */
#sidebar {}
	.widget {margin-bottom:52px; padding-bottom:54px; background:url(images/border-bottom.gif) 0 bottom repeat-x;}
	.widget.last-child{padding-bottom:0; background:none;}
		.widget ul{margin-bottom:0;}
			.widget ul ul{margin-top:10px;}



/*-- Widgets ------------------------------------------------------------------------------------ */
/* Banner widget */
.banners-holder {}
	.banners-holder li {
		float:left;
		margin:0 3px 3px 0;
		background:none;
		padding:0;
	}
		.banners-holder li img {vertical-align:top; max-width:100%;}

/* Calendar */
#calendar_wrap {padding:0;}
	#wp-calendar {width:100%;}
		#wp-calendar caption {
			text-align:center;
			color:#000;
			font-weight:bold;
			padding:3px 0;
			margin-bottom:5px;
		}
		#wp-calendar thead th {
			padding:3px 0;
			font-weight:bold;
			color:#000;
			text-align:center;
		}
		#wp-calendar td {
			text-align:center;
			padding:3px 0;
			border:none;
		}
		
		#wp-calendar #prev {text-align:left;}
		#wp-calendar #next {text-align:right;}

/* Carousel widget */
.es-carousel-wrapper{position:relative;}
	.es-carousel{overflow:hidden;}
		.es-carousel ul{display:none;}
			.es-carousel ul li{	float:left;}
				.es-carousel ul li .thumbnail{display:block;}
					.es-carousel ul li a img{display:block;}
				.es-carousel ul li .excerpt {}

.es-nav{padding-top:20px;}
	.es-nav span{
		display:inline-block !important;
		background:#252525;
		font:10px/12px Arial, Helvetica, sans-serif;
		color:#fff;
		text-decoration:none;
		text-transform:uppercase;
		padding:4px 8px;
		cursor:pointer;
	}
	.es-nav .es-nav-prev{margin-right:5px;}
		.es-nav span:hover{background-color:#6a6a6a; text-decoration:none;}

/* Flickr widget */
.flickrImages {overflow:hidden; position:relative; margin-bottom:10px;}
	.flickrImages a {
		float:left;
		display:block;
		width:75px;
		height:75px;
		background:#000;
		margin:0 1px 1px 0;
	}
		.flickrImages a img {
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
		}
		.flickrImages a:hover img {opacity:.5;}
	.flickrImages a.link {
		display:inline;
		float:none;
		width:auto;
		height:auto;
		margin:0;
		background:none;
	}

/* Post Cycle */
.post_cycle {}
.post_cycle .cycle_item {display:none;}
	.post_cycle .cycle_item:first {	display:block;}

#slides{width:100%; overflow:hidden;}
	#slides .cycle_item, #slides .item, #slides .testi_item{width:300px; background:#fff;}
		.slides_container{margin-bottom:15px;}
	#slides .prev, #slides .next{
		display:inline-block;
		float:left;
		background:#f14848;
		padding:2px 7px;
		text-decoration:none;
		color:#fff;
		font-size:11px !important;
		vertical-align:top;
	}
	#slides .prev{margin-right:5px;}
		#slides .prev:hover, #slides .next:hover {background:#363f42; text-decoration:none;}
	#slides .pagination{float:right; overflow:hidden; padding:5px 0 0;}
		#slides .pagination li {
			margin: 0 0 0 5px !important;
			padding:0 !important;
			background: #f14848;
			float:left;
			border-radius:6px;
			-webkit-border-radius:6px;
			margin:0;
			
		}
		#slides .pagination li:first-child {margin: 0;}
			#slides .pagination li a {
				width: 12px;
				height: 12px;
				display: block;
				font:0/0 a;
				color:transparent;
				margin:0;
			}
			#slides .pagination li:hover {background-color: #363f42;}
			#slides .pagination li.current {background-color: #363f42; cursor: default;}

/* Posts Type widget */
.post_list{margin-bottom:25px !important;}
	.post_list li {margin-bottom:25px;}
		.post_list li img{width:auto;}

/* Request a quote */
#widget_my_requestquotewidget {}
	.top-box {}
		.box-text {}
		.box-button {}
			.box-button .button {}

/* Recent Comments */
ul.recentcomments {}
	ul.recentcomments li {
		background:none;
		overflow:hidden;
	}
		ul.recentcomments li img {
			float:left;
			margin:0 12px 0 0;
			width:auto;
			max-width:45%;
			box-shadow:1px 1px 1px #f7f7f6;
			-webkit-box-shadow:1px 1px 1px #f7f7f6;
		}
		ul.recentcomments .comment-body {padding:15px 0 0 0;}
			ul.recentcomments .comment-body a {text-decoration:none; color:#96999d;}
				ul.recentcomments .comment-body a:hover {color:#000; text-decoration:underline;}
		ul.recentcomments li small {font:inherit; color:#6a6a6a;}

/* Recent Posts */
	.latestpost li {margin:0 0 37px;}
		.latestpost .featured-thumbnail{float:left; margin-right:10px; margin-bottom:0;}
		.latestpost li a{color:inherit; text-decoration:none;}
			.latestpost li a:hover{text-decoration:underline;}
		.latestpost li .excerpt {margin-top:-5px;}
		.latestpost .post-meta{margin-bottom:0; color:#252525;}
			.latestpost .post-meta time{display:inline-block; margin-right:13px;}
			.latestpost .post-meta .comment-link{color:#555454; text-decoration:none;}
				.latestpost .post-meta .comment-link:hover{text-decoration:underline;}

/*RSS*/
.rsswidget img{vertical-align:middle;}
div[id^="rss"] li{color:inherit; margin-bottom:20px;}
div[id^="rss"] li a{color:#242424; text-decoration:none;}
	div[id^="rss"] li a:hover{text-decoration:underline;}
.rss-date{display:block; padding:5px 0;}
div[id^="rss"] cite{display:block; padding-top:5px; text-align:right;}

/* Search */
.widget #searchform .searching{width:135px;}

/* Social Networks */
.social-networks {}
	.social-networks li {margin-bottom:10px;}
		.social-networks li img {margin-right:5px; margin-top:-3px;}
			.social-networks li a:hover {text-decoration:none;}
	.social-networks.icons li{float:left; margin:0 6px 0 0; padding:0;}
		.social-networks.icons img {margin:0;}
	.social-networks.labels{}

/* EasyTooltip */
.tooltip {
	background: none repeat scroll 0 0 #252525;
	border: 1px solid #000000;
	color: #EEEEEE;
	display: none;
	font: 11px/14px Arial, Helvetica, sans-serif;
	margin: 13px 0 0;
	padding: 5px;
	z-index:99;
}

/* Testimonials */
.testimonials {}
	.testimonials div.testi_item {margin: 0 0 2em 0;}



/* Twitter widget */
.twitter {position:relative;}
	.twitter_update_list {overflow:hidden;}
		.twitter ul li {
			margin:0 0 15px 0;
			padding:0 0 0 37px;
			background:url(images/twitter-icon.png) no-repeat 0 0;
	}
	.twitter ul li .twitt-body {padding:0 0 5px 0;}
	.twitter ul li .twitt-body a {font-weight:bold;	}
	.twitter ul li a.timesince {font-size:11px;}
	.twitter .profileLink {}

/* vCard widget */
.vcard {}



/*-- Shortcodes --------------------------------------------------------------------------------- */
/* Alert boxes  */
.alert-box, .wpcf7-response-output {
	padding:20px 20px 20px 90px !important;
	font-size:.91em;
	line-height:1.4em;
	border:1px solid #dbdbdb;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}
	.error-box, .wpcf7-mail-sent-ng {
		border-color:#ff9999;
		color:#c31b00;
		background:url(images/icons/alert/icon-error.png) no-repeat 20px 50% #ffcccc;
	}
	.attention-box, .wpcf7-validation-errors, .wpcf7-spam-blocked {
		border-color:#e6c555;
		color:#9e660d;
		background:url(images/icons/alert/icon-note.png) no-repeat 20px 50% #fdebae;
	}
	.notice-box {
		border-color:#68a2cf;
		color:#2e6093;
		background:url(images/icons/alert/icon-info.png) no-repeat 20px 50% #bfe4f9;
	}
	.approved-box, .wpcf7-mail-sent-ok {
		border-color:#a3c159;
		color:#5e6f33;
		background:url(images/icons/alert/icon-download.png) no-repeat 20px 50% #ccff99;
	}

/*box*/
.box .img{float:left; margin-right:14px;}
.box h3{margin-top:-2px;}

/* Border-left */
.border-left{background:url(images/border-right.png) 0 0 repeat-y; padding-left:45px;}

/* Dropcap */
.dropcap {
	display: block;
	float: left;
	margin: 0 22px 20px 0;
	text-transform: uppercase;
	width: 51px;
	height: 51px;
	background: #666;
	font-size: 36px;
	line-height: 51px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	text-transform: lowercase;
}

.frame.featured-thumbnail{margin-bottom:23px;}

/* Google Map */
.google-map {margin-bottom:20px;}
/* Address */
.address {
	overflow:hidden;
	width:100%;
	margin:0;
	padding:0;
}
	.address dt {
		float:left;
		width:165px;
		margin-right:20px;
		padding:0 0 0 55px;
		background:url(images/address-icon1.png) no-repeat 0 3px;
	}
	.address dd {
		float:left;
		width:217px;
		padding:0 0 0 53px;
		background:url(images/address-icon2.png) no-repeat 0 3px;
	}
		.address dd ul {
			padding:0;
			margin:0;
		}
			.address dd ul li {
				background:none;
				padding:0;
				margin:0;
			}
				.address dd span {
					display:inline-block;
					width:80px;
				}

/* Horisontal Rule*/
.hr {
	height:1px;
	background:url(images/border-bottom.gif) 0 0 repeat-x;
	overflow:hidden;
	font:0/0 a;
	margin:79px 10px 52px;
}

.sm_hr {
	height:2px;
	background:url(images/border-bottom2.png) 0 bottom repeat-x;
	overflow:hidden;
	font:0/0 a;
	margin:31px 0 35px;
}


/* Popular Posts */
.popular_posts {}
	.popular_posts li {}

/* Recent Comments */
.recent-comments {}
	.recent-comments li {}
		

/* Recent Posts */
.recent-posts {width:100%;}
	.recent-posts li {margin:0 0 20px 0;}
		.recent-posts li img.thumb {}
		.recent-posts li .excerpt {}
		.recent-posts li span.meta {
			color:#252525;
			display:block;
			overflow:hidden;
		}
			.recent-posts li .post-date {float:left;}
			.recent-posts li .post-comments {float:right;}
/* Our team */
.recent-posts.our-team {padding-top:6px; margin-bottom:28px;}
.recent-posts.our-team li{margin-bottom:47px !important;}
.recent-posts.our-team li.last-child{margin-bottom:0 !important;}
.recent-posts.our-team .featured-thumbnail{float:left; margin:0 10px 0 0;}
.recent-posts.our-team h6{margin-top:-3px;}
/* Latest news */
.recent-posts.latest-news {margin:0 0 28px;}
	.recent-posts.latest-news li{margin-bottom:47px !important;}
	.recent-posts.latest-news li.last-child{margin-bottom:0 !important;}
	.recent-posts.latest-news li:after{
		content: '';
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
		clear:both;
	}
		.recent-posts.latest-news .featured-thumbnail{float:left; margin-right:20px; margin-bottom:0;}
		.recent-posts.latest-news li span.meta{margin-top:-6px;}

/* Spacer */
.spacer {
	height:50px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}

/* Tabs - correspond à ? */
.tabs {margin: 1px 0 20px 0;}
	.tabs .tab-menu ul {
		list-style: none;
		margin: 0 !important;
		padding: 0 !important;
	}
		.tabs .tab-menu li {
			display: inline;
			float: left;
			margin: 0;
			padding: 0;
		}
		.tabs .tab-menu a {
			background-color: #6a6a6a;
			color:#fff;
			text-decoration:none;
			text-transform:uppercase;
			display: block;
			margin: 0 2px 0 0;
			padding: 8px 20px;
		}
			.tabs .tab-menu a:hover,
			.tabs .tab-menu a.active  {
				background-color: #252525;
				text-decoration:none;
			}
		.tabs .tab {padding: 20px 0 0;}

/* Tags */
.tags-cloud a,
.tagcloud a,
.post-footer a {
	display:inline-block;
	background:#6a6a6a; /*couleur tag*/
	padding:2px 7px;
	text-decoration:none;
	color:#fff;
	margin:0 1px 4px 0;
	font-size:10px !important;
	text-transform:uppercase;
	vertical-align:top;
}
.tags-cloud a:hover, .tagcloud a:hover, .post-footer a:hover {background-color:#f08500; text-decoration:none;}

/* Toggle */
.toggle {padding: 0 0 2px 0;}
	.toggle .trigger {
		background-color: #6a6a6a;
		color:#fff;
		display: block;
		padding: 10px 12px 10px 40px;
		position: relative;
		text-decoration:none;
		text-transform:uppercase;
	}
		.toggle .trigger:hover,
		.toggle .active {
			background:#f08500;
			color:#fff;
		}
		.toggle .trigger span {
			background: url(includes/images/toggle.png) 0 0 no-repeat;
			display: block;
			position: absolute;
			top: 9px;
			left: 10px;
			font:0/0 a;
			color:transparent;
			width: 22px;
			height: 20px;
		}
			.toggle .trigger:hover span,
			.toggle .active span {background-position: 0 -20px;}

	.toggle .box {
		background-color: #fafafa;
		padding: 20px;
	}

/* VIDEO */
.video-wrap {
	margin-bottom: 10px;
	position:relative;
	zoom:1;
}
	.video-wrap object {
		position:relative;
		z-index:2;
	}
	.video-bg {
		background-color:black;
		position:absolute;
		left:0;
		top:0;
		z-index:1;
	}

/* AUDIO */
.audio-wrapper {margin-bottom:1.5em;}
.audio-desc {
	font-size:.91em;
	color:#999;
	padding:.5em 0 0 0;
}
.audiojs audio {position: absolute; left: -1px; }
.audiojs {
	width: 460px;
	height: 36px;
	background: #404040;
	overflow: hidden;
	font-family: monospace;
	font-size: 12px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));
	background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
	-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); 
}
.audiojs .play-pause {
	width: 25px;
	height: 40px;
	padding: 4px 6px;
	margin: 0px;
	float: left;
	overflow: hidden;
	border-right: 1px solid #000; 
}
.audiojs p {
	display: none;
	width: 25px;
	height: 40px;
	margin: 0px;
	cursor: pointer;
}
.audiojs .play {display: block;}
.audiojs .scrubber {
	position: relative;
	float: left;
	width: 280px;
	height: 14px;
	background: #5a5a5a;
	margin: 10px;
	border-top: 1px solid #3f3f3f;
	border-left: 0px;
	border-bottom: 0px;
	overflow: hidden;
}
.audiojs .progress { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #ccc; z-index: 1;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
	background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); }
.audiojs .loaded { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #000;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
	background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); }
.audiojs .time { float: left; height: 36px; line-height: 36px; margin: 0px 0px 0px 6px; padding: 0px 6px 0px 12px; border-left: 1px solid #000; color: #ddd; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); } 
.audiojs .time em { padding: 0px 2px 0px 0px; color: #f9f9f9; font-style: normal; }
.audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; }
.audiojs .error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff;
	text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
.audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }

.audiojs .play { background: url(js/audiojs/player-graphics.gif) -2px -1px no-repeat; }
.audiojs .loading { background: url(js/audiojs/player-graphics.gif) -2px -31px no-repeat; }
.audiojs .error { background: url(js/audiojs/player-graphics.gif) -2px -61px no-repeat; }
.audiojs .pause { background: url(js/audiojs/player-graphics.gif) -2px -91px no-repeat; }

.playing .play, .playing .loading, .playing .error { display: none; }
.playing .pause { display: block; }

.loading .play, .loading .pause, .loading .error { display: none; }
.loading .loading { display: block; }

.error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; }
.error .error { display: block; }
.error .play-pause p { cursor: auto; }
.error .error-message { display: block; }

/* Fluid Columns */
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{position:relative; margin-right:4%; float:left;}
.one_half		{width:48%;}
.one_third		{width:30.66%;}
.two_third		{width:65.33%;}
.one_fourth		{width:22%;}
.three_fourth	{width:74%;}
.one_fifth		{width:16.8%;}
.two_fifth		{width:37.6%;}
.three_fifth	{width:58.4%;}
.four_fifth		{width:79.2%;}
.one_sixth		{width:13.33%;}
.five_sixth		{width:82.67%;}
.last {margin-right:0 !important; clear:right;}



/*-- Forms -------------------------------------------------------------------------------------- */
/* Form defaults */
input, select, textarea { 
	font:12px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	outline:none;
	margin:0;
}
input[type="text"], textarea {
	background:#fff;
	border:1px solid #b3b2b3;
	padding:7px 9px 8px;
	display:block;
}
textarea{resize:vertical; overflow:auto;}
input[type="submit"], input[type="reset"] {
	background: #6a6a6a; /*bouton répondre dans les commentaires*/
	position:relative;
	display:inline-block;
	padding:8px 12px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	border:none;
	cursor:pointer;
}
	input[type="submit"]:hover, input[type="reset"]:hover {background-color:#f08500;} /*bouton répondre dans les commentaires, survol*/
form small {font:inherit; color:#8b8b8b;}

/* Comment form */
#commentform {}
	#commentform p.field {margin-bottom:14px;}
	#commentform p.mar-bot {margin-bottom:29px;}
	#commentform label{display:inline-block; margin-bottom:4px;}
	#commentform input[type="text"] {width:280px;}
	#commentform textarea {width:440px; height:165px;}

/* Contact form */

span.societe  {font-weight:bold; font-size: 16px;}

.wpcf7-form p.field {
	margin-bottom:9px;
	overflow:hidden;
	vertical-align:top;
	position:relative;
}
	.wpcf7-form p.field input[type="text"] {width:215px;}
	.wpcf7-captchac {width: 72px !important; height: auto !important;};
	.wpcf7-form textarea {width:360px; height:255px;}
	.wpcf7-form .submit-wrap input[type="reset"]{margin-right:10px;}
	span.wpcf7-form-control-wrap {display:inline-block;}
	.wpcf7-not-valid-tip {
		width:100% !important;
		position:absolute;
		left:0 !important;
		top:0 !important;
		padding:4px 0 4px 10px !important;
		background:#f3b7b7 !important;
		color:red !important;
		border:1px solid red !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}
	div.wpcf7-response-output {
		margin-left:0 !important;
		margin-right:0 !important;
	}

/* Search form */
#searchform {}
#searchform .searching {width:160px; display:inline-block;}

/* Top search */
#top-search {clear:both; float:right; padding-top:20px;}
	#top-search .input-search {width:160px; margin-right:5px; display:inline-block;}
	#top-search #submit {width:50px;}



/*-- Footer ------------------------------------------------------------------------------------ */
#footer {padding:74px 0; color:#555454;}

	/* Footer widget */
	#widget-footer {float:right; margin-bottom:10px; max-width:45%; overflow:hidden;}
		#widget-footer div[id^="social_networks"] {clear:both; float:right;}
			#widget-footer ul.social-networks{margin-bottom:0 !important;}

	/* Footer navigation */
	nav.footer-nav{float:right; clear:right;}
		nav.footer-nav ul {margin:0; padding:0; overflow:hidden;}
			nav.footer-nav ul li {
				float:left;
				background:none;
				padding:0;
				margin:0 15px 0 0;
			}
				nav.footer-nav ul li a{color:inherit; text-decoration:none;}
					nav.footer-nav ul li a:hover, nav.footer-nav ul li.current-menu-item a{text-decoration:underline;}
	
	/* Copyright */
	#copyright {text-transform:uppercase;}
	
	/* Footer text */
	#footer-text{vertical-align:baseline; float:left; padding-top:4px;}
	#footer-text a{color:inherit; text-decoration:none;}
		#footer-text a:hover{text-decoration:underline;}
	#footer-text .site-name{
		vertical-align:baseline;
		display:inline-block;
		font:bold 20px/24px Arial, Helvetica, sans-serif;
		color:#2b2b2b;
		text-shadow:1px 1px 0 rgba(255,255,255,.96);
		letter-spacing:-1px;
		margin-right:5px;
	}
		#footer-text .site-name:hover{text-decoration:none; color:#2b2b2b;}
		#footer-text .site-name{text-decoration:none; color:#f08500;}


/*-- Back to Top --------------------------------------------------------------------------------------*/
#back-top {
	font: 0/0 a;
	color:transparent;
	display: none;
	position:fixed;
	margin-right:-620px !important;
	right:50%;
	bottom:100px;
	z-index:999;
	width:42px;
	height:42px;
	overflow:hidden;
	background:url(images/totop.png) 0 0 no-repeat;
	cursor:pointer;
}
	#back-top:hover{background-position:0 -77px;}