/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; 
	}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
	body {line-height: 1;}
	ol, ul {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
	table {border-collapse: collapse;border-spacing: 0;}

/* #Basic Styles
================================================== */
	body {
		background: #f5f5f5;
		font: 15px/21px 'Quattrocento Sans', sans-serif;
		color: #696969;
		border-top:5px solid #0072bc;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	}

/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6, .fancybox-title { color: #0072bc; font-family: 'Quattrocento Sans', sans-serif; font-weight: normal;text-shadow: 1px 1px 0 rgba(255,255,255, 1); }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1, h2, .style_h2 { font-size: 23px; line-height: normal; margin-bottom: 10px;text-shadow: 1px 1px 0 rgba(255,255,255, 1); }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	em { font-style: italic; }
	strong { font-weight: bold;  }
	small { font-size: 80%; }
	hr, .hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
	.font50{font-size: 50px!important;line-height: normal;font-weight: bold}
	.font32{font-size:32px}
	.font18{font-size:18px}

	

/* #Links
================================================== */
	a, a:visited, .blue_link { color: #0072bc; text-decoration: none; outline: 0; }
	a:hover { color: #000;text-decoration: underline; }
	span.blue_link:hover{color:#000}
	a.underline, .underline{text-decoration:underline}
	p a, p a:visited { line-height: inherit; }

/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 21px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */
	img.scale-with-grid {max-width: 100%;height: auto;}
	.entry-content img,
	.comment-content img,
	.widget img {
		max-width: 100%; /* Fluid images for posts, comments, and widgets */
	}
	img[class*="align"],
	img[class*="wp-image-"] {
		height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
	}
	img.size-full {
		max-width: 100;
		width: auto; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
	}

/* #Buttons
================================================== */

	.btn{positon:relative;overflow:hidden;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;display:inline-block;}
	.button,input[type="button"],input[type="submit"],
	.main_loop .wp-pagenavi a, .main_loop .wp-pagenavi span {
	background-image: linear-gradient(bottom, #e5e5e5 0%, #ffffff 100%);
	background-image: -o-linear-gradient(bottom, #e5e5e5 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(bottom, #e5e5e5 0%, #ffffff 100%);
	background-image: -webkit-linear-gradient(bottom, #e5e5e5 0%, #ffffff 100%);
	background-image: -ms-linear-gradient(bottom, #e5e5e5 0%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e5e5e5);	
	border: 1px solid #d5d5d5;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	color: #0072bc;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	font-variant:small-caps;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .75);
	cursor: pointer;
	line-height: normal;
	padding: 8px 10px;

	}

	.button:hover,input[type="button"]:hover, input[type="submit"]:hover {
		color: rgba(0, 0, 0, .7);
		border-color:#0072bc;
		background:#0072bc;
		text-shadow: 0 1px rgba(255, 255, 255, .2);
		/*background:#0072bc linear-gradient(bottom, #00568e 0%, #0072bc 100%);*/
		background-image: linear-gradient(bottom, #00568e 0%, #0072bc 100%);
		background-image: -o-linear-gradient(bottom, #00568e 0%, #0072bc 100%);
		background-image: -moz-linear-gradient(bottom, #00568e 0%, #0072bc 100%);
		background-image: -webkit-linear-gradient(bottom, #00568e 0%, #0072bc 100%);
		background-image: -ms-linear-gradient(bottom, #00568e 0%, #0072bc 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0072bc, endColorstr=#00568e);	
		text-decoration:none;
		}

	/* sign up btn */
	.signup{position:relative;}
	.signup .btn{-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);box-shadow:  0 1px 2px rgba(0,0,0,.5);}
	.signup em{padding-top:10px;float:left;}
	.signup a.button{
		color:#fff;
		float:left;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		font-size:20px;
		text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
		background-image: linear-gradient(bottom, #f47a20 0%, #fec004 100%);
		background-image: -o-linear-gradient(bottom, #f47a20 0%, #fec004 100%);
		background-image: -moz-linear-gradient(bottom, #f47a20 0%, #fec004 100%);
		background-image: -webkit-linear-gradient(bottom, #f47a20 0%, #fec004 100%);
		background-image: -ms-linear-gradient(bottom, #f47a20 0%, #fec004 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fec004, endColorstr=#f47a20);	
		/*padding-left:50px;*/
		border:none;
		width:100%;
		text-align:center;
	}
	.signup a.button:hover , .signup a.button:active{
		color:#fff;
		background-image: linear-gradient(top, #f47a20 0%, #fec004 100%);
		background-image: linear-gradient(top, #f47a20 0%, #fec004 100%);
		background-image: -o-linear-gradient(top, #f47a20 0%, #fec004 100%);
		background-image: -moz-linear-gradient(top, #f47a20 0%, #fec004 100%);
		background-image: -webkit-linear-gradient(top, #f47a20 0%, #fec004 100%);
		background-image: -ms-linear-gradient(top, #f47a20 0%, #fec004 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f47a20, endColorstr=#fec004);	
	}
		
	.signup .arrow-mainbtn{
		background:url(../images/arrow-mainbtn.png) no-repeat left top;
		width:44px;
		height:47px;
		position:absolute;
		top:-15px;	
		left:5px;
		display:block;
		z-index:2
	}
	.ie7 .signup .three.columns a.button{width:158px}
	


/* #Forms
================================================== */
	input[type=search]::-webkit-search-decoration,
	input[type=search]::-webkit-search-cancel-button,
	input[type=search]::-webkit-search-results-button,
	input[type=search]::-webkit-search-results-decoration {
	  display: none;
	}
	
	
	input[type="text"], input[type="password"],	input[type="email"], textarea, select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		font: 13px 'Quattrocento Sans', sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		display: block;
		background: #fff; 
	}
	
	/*select {padding: 0;}*/
	input[type="text"]:focus, input[type="password"]:focus,	input[type="email"]:focus, textarea:focus {border: 1px solid #aaa;color: #444;-moz-box-shadow: 0 0 2px rgba(0,0,0,.2);-webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);box-shadow:  0 0 2px rgba(0,0,0,.2);}
	textarea {min-height: 150px;width:100%}
	textarea.adress{min-height:97px;height:97px}
	textarea.textarea-small{min-height:65px;height:65px;margin-bottom:40px}
	label,legend, .error {display: block;font-weight: bold;font-size: 13px;}
	select {line-height:30px; }
	input[type="checkbox"] {display: inline; }
	label span,	legend span {font-weight: normal;font-size: 15px;color: #444; }
	input[type="text"] {-webkit-appearance: none;}
	.required{color:#0072bc;padding:0 5px}
	.error {color:#900;padding-top:5px}
	
	/* contact form 7 */
	.wpcf7 sup{color:#0072bc;font-weight:bold}
	.wpcf7 .infos{padding-top:27px;line-height:normal;font-weight:bold}
	.wpcf7 input[type="text"], .wpcf7 input[type="email"], select{width:100%}
	.wpcf7 input[type="text"].wpcf7-captchar{width:auto}
	.wpcf7-not-valid-tip{font-size:12px;text-indent:24px;margin-top:3px;font-style:italic;color:#900}
	.wpcf7-validation-errors, .wpcf7-mail-sent-ok, .wpcf7-mail-sent-ng{padding:10px;background:#FFC;font-weight:bold;border:1px solid #FC6;text-align:center}
	.wpcf7-mail-sent-ok{background:#CFC;border-color:#33cc66}
	.wpcf7 .your-civi{line-height:30px}
	.wpcf7 textarea.textarea-small{margin-bottom:0}
	
/* .content
================================================== */

.thumbnail{display:block;float:left;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;width:150px;height:150px;border:1px solid #d5d5d5;}
.thumbnail.nothumb{background:#fff url(../images/logo_bluepaid-medium.png) no-repeat center center}

.ie7 .thumbnail{width:148px;height:148px}

.post .entry-content{margin-top:10px;text-align:justify}
.entry-content ul{margin:10px}
.entry-content li {background:url(../images/puces.png) no-repeat left 6px;padding-left:15px}

.entry-title{margin-bottom:0}
.entry-title a:hover{text-decoration:none}
.entry-summary p{margin-bottom:0}

.entry-meta, .entry-utility{font-size:13px;font-style:italic}
.entry-utility{font-style:normal}

.pattern_container{padding:1px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.pattern{padding:20px 0; background:#f0f0f0 url(../images/pattern.png) repeat left top;}
.pattern .entry-title{font-size:30px;font-variant:normal;line-height:normal;display:block;padding-top:12px}
.pattern .title .sprite{margin-right:10px;float:left}

.bloc, .commentlist li .comment-item, #respond{
	background:#fff;
	border:1px solid #e5e5e5;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	padding:20px;
	-moz-box-shadow: 0 1px 0 #fff;-webkit-box-shadow: 0 1px 0 #fff;box-shadow: 0 1px 0 #fff;
	position:relative;
	z-index:2;	
}
/* img */
img.alignleft {
	display: inline;
	float: left;
	margin-right: 14px;
	margin-top: 4px;
}
img.alignright {
	display: inline;
	float: right;
	margin-left: 14px;
	margin-top: 4px;
}
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

/* .commentlist
================================================== */
#comments .title{line-height:35px}
.commentlist{margin:0}
.commentlist li {list-style:none;margin-bottom:20px}
.comment-author img{display:block;margin:0 0 5px 20px;border:1px solid #e5e5e5;padding:1px}
.commentlist ul.children{margin:10px 0 0 0; padding-left:30px; background:url(../images/arrow-reply.gif) no-repeat left 10px}
.form-allowed-tags{font-size:13px}
.form-submit{margin-bottom:0}

.comment-form-author, .comment-form-email, .comment-form-url{float:left;width:30%}
.comment-form-url{float:right}
.comment-form-email{margin:0 5% 20px}
.comment-form-comment{clear:both}

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	.alignleft{float:left}
	.alignright{float:right}
	.aligncenter{margin:0 auto;display:block}
	.textleft{text-align:left}
	.textright{text-align:right}
	.textcenter{text-align:center}
	.blue{color:#0072bc}
	span.blue.meta-nav:hover{color:#000}
	.grey{color:#696969}
	.shd-white{text-shadow: 0 1px 0 rgba(255, 255, 255, 1);}
	.bold{font-weight:bold}
	.smallcaps{font-variant:small-caps}
	.small, small{font-size:13px}
	.title{text-shadow: 0 1px 0 rgba(255, 255, 255, 1);font-variant:small-caps;font-size:21px}
	.blue{color:#0072bc}
	.orange{color:#f47a20}
	.green{color:#519917}
	.margTop30{margin-top:30px}
	.no_marg{margin:0}
	.smallcaps{font-variant:small-caps}
	.tarif{font-family:Arial, Helvetica, sans-serif}

	
/* #Sprites Styles
================================================== */
	.sprite, input[type="submit"].sprite, .wpcf7-not-valid-tip{background:url(../images/sprite.png) no-repeat left top;display:inline-block}
	.sprite-alert{ background-position: 0 0; width: 19px; height: 14px; }
	.alert:hover .sprite-alert, .error .sprite-alert, .alert.current-nav-item .sprite-alert, .wpcf7-not-valid-tip{background-position:-19px  0}
	.sprite-arrow-down{ background-position: 0 -19px; width: 12px; height: 15px; } 
	.sprite-arrow-orange{ background-position: 0 -39px; width: 12px; height: 17px;margin:4px 0 0 11px;float:right } 
	.sprite-arrow-reply{ background-position: 0 -61px; width: 13px; height: 13px; } 
	.sprite-download{ background-position: 0 -79px; width: 46px; height: 48px; } 
	.sprite-fb{ background-position: 0 -132px; width: 24px; height: 24px; } 
	.sprite-gplus{ background-position: 0 -161px; width: 24px; height: 24px; } 
	.sprite-home_limit{ background-position: 0 -190px; width: 72px; height: 18px; } 
	.sprite-in{ background-position: 0 -213px; width: 24px; height: 24px; } 
	.sprite-logo_bluepaid-medium{ background-position: 0 -242px; width: 47px; height: 50px; } 
	.sprite-logo_bluepaid-small{ background-position: 0 -297px; width: 35px; height: 38px; } 
	.sprite-number{ background-position: 0 -340px; width: 177px; height: 25px; } 
	.sprite-pagepicto-small6{ background-position: 0 -370px; width: 54px; height: 55px; } 
	.sprite-pagepicto-small7{ background-position: 0 -430px; width: 54px; height: 55px; } 
	.sprite-pagepicto-small8{ background-position: 0 -490px; width: 54px; height: 55px; } 
	.sprite-pagepicto-small9{ background-position: 0 -550px; width: 54px; height: 55px; } 
	.sprite-pagepicto-small-blog{ background-position: 0 -610px; width: 54px; height: 55px; } 
	.sprite-pagepicto-small70{ background-position: 0 -670px; width: 54px; height: 55px; } 
	.sprite-pagepicto-small-partners, .sprite-pagepicto-small42, .sprite-pagepicto-small408{ background-position: 0 -1331px; width: 54px; height: 55px; } 
	.sprite-pagepicto-small54{ background-position: 0 -1391px; width: 54px; height: 55px; } 
	.sprite-pagepicto-small46, .sprite-pagepicto-small47, .sprite-pagepicto-small188{ background-position: 0 -1451px; width: 54px; height: 55px; } 
	.sprite-pagepicto-small48{ background-position: 0 -1511px; width: 54px; height: 55px; }
	.sprite-pagepicto-small294{ background-position: 0 -1571px; width: 54px; height: 55px; }
	.sprite-pagepicto-small45{ background-position: 0 -2171px; width: 54px; height: 55px; }
	.sprite-pagepicto-small53{ background-position: 0 -1691px; width: 54px; height: 55px; }
	.sprite-pagepicto-small52{ background-position: 0 -1751px; width: 54px; height: 55px; }
	.sprite-pagepicto-small44{ background-position: 0 -1811px; width: 54px; height: 55px; }
	.sprite-pagepicto-small56{ background-position: 0 -1871px; width: 54px; height: 55px; }
	.sprite-pagepicto-small40{ background-position: 0 -1931px; width: 54px; height: 55px; }
	.sprite-pagepicto-small13, .sprite-pagepicto-small431{ background-position: 0 -1991px; width: 54px; height: 55px; }
	.sprite-pagepicto-small317{ background-position: 0 -2051px; width: 54px; height: 55px; }
	.sprite-pagepicto-small43{ background-position: 0 -2111px; width: 54px; height: 55px; }
	.sprite-pagepicto6{ background-position: 0 -730px; width: 72px; height: 71px; } 
	.sprite-pagepicto7{ background-position: 0 -806px; width: 72px; height: 71px; } 
	.sprite-pagepicto8{ background-position: 0 -882px; width: 72px; height: 71px; } 
	.sprite-pagepicto9{ background-position: 0 -958px; width: 72px; height: 71px; } 
	.sprite-picto_cb{ background-position: 0 -1034px; width: 118px; height: 22px; } 
	.sprite-picto_perso{ background-position: 0 -1061px; width: 62px; height: 59px; } 
	.sprite-quote{ background-position: 0 -1125px; width: 23px; height: 18px; } 
	.sprite-rss-big{ background-position: 0 -1148px; width: 50px; height: 50px; } 
	.sprite-rss{ background-position: 0 -1203px; width: 24px; height: 24px; } 
	.sprite-rss_small{ background-position: 0 -1232px; width: 18px; height: 18px; } 
	input#searchsubmit[type="submit"].sprite-search{filter:none; background-position: 0 -1255px; width: 13px; height: 13px; border:none;cursor:pointer} 
	.sprite-tw{ background-position: 0 -1273px; width: 24px; height: 24px; } 
	.sprite-yt{ background-position: 0 -1302px; width: 24px; height: 24px; } 


