/*-----------------------------------------------------------------------------------------------------
		Projet : Opentime -  Logiciel web de valorisation du temps et de suivi d’activités
		Website : http://opentime.net
		Auteur : No Parking (http://noparking.net)
		Version : 1.0

		Copyright (C) No Parking 2010 - 2016


		Sommaire :  General
					Header:
						Header > Homepage
						Header > Signup

					Contenu:
						Homepage
						Présentation
						Témoignages & Réf
						Offres & Tarifs
						Contact
						Aide/Support
						S'abonner
						CGV
						Formulaires
						Sidebar

					Footer
					Custom Grid

-------------------------------------------------------------------------------------------------------*/


/* ------------------------------------------------------------------------------------------------------- */
/* General */
/* ------------------------------------------------------------------------------------------------------- */

* {margin:0;padding:0;}
.clear {clear:left;line-height:0;height:0;}
.clearfix:before,.clearfix:after {content:"";display:table;}/* For modern browsers */
.clearfix:after {clear:both;}
.clearfix {zoom:1;}/* For IE 6/7 (trigger hasLayout) */
ul,li{list-style:none;}
a{color:#666;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}
p{line-height:1.4em;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}
body {
	color:#383838;
	font:1em/1em Helvetica, Arial, sans-serif;
	text-align:left;
}
h1,h2,h3,h4 {
	line-height:1em;
}



/* ------------------------------------------------------------------------------------------------------- */
/* Header */
/* ------------------------------------------------------------------------------------------------------- */

.header {
	background:#2d2d2d;
	color:#FFF;
}

.header .header-content {
	width: 960px;
	margin:0 auto;
	position:relative;
}

.header .logo {
	margin:10px 0;
	float:left;
}

.header .logo a {
	width:136px;
	height:40px;
	display:block;
}


/* Menu */
.header .navigation-mobile-on {
	display:none;
}

.header .navigation {
	margin-top:18px;
	font-size:0.8em;
	float:right;
}

.header .navigation ul li {
	display:inline-block;
	*display: inline;
  	zoom:1;
}

.header .navigation ul li.navigation-mobile-off {
	display:none;
}

.header .navigation ul li a {
	display:block;
	color:#FFF;
	padding:6px 10px 4px 10px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.header .navigation ul li.navigation-signup a {
	display:block;
	background-color: #f8be18;
	color:#2d2d2d;
	font-weight: bold;
	padding:6px 10px 4px 10px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.header .navigation ul li.navigation-signup a:hover {
	display:block;
	background-color: #f8ac18;
	color:#2d2d2d;
	font-weight: bold;
	padding:6px 10px 4px 10px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.header .navigation ul li:nth-child(7) a {
	color:#f8be18;
}

.header .navigation ul li.selected a,
.header .navigation ul li a:hover {
	background:#232323;
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(255, 255, 255, 0.1);
}

/* Témoignages */
.client-testimonial {
	background:#999594;
	overflow:hidden;
	position: relative;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.client-testimonial .grid_3 {
	position:relative;
	height:450px;
	z-index:9;
}

.client-testimonial .grid_3:after {
	content: "";
	/*background:url(../images/light.png) no-repeat left top;
	width:499px;
	height:300px;*/
	background:url(../images/light-02.png) no-repeat left top;
	width:920px;
	height:350px;
	position:absolute;
	top:0;
	left:-300px;
	z-index:-1;
}

.client-testimonial .picture {
	position:absolute;
	top:0;
	left:-250px;
	z-index:1;
}

.client-testimonial .txt {
	width:540px;
	padding:70px 0 0 340px;
	position:relative;
	z-index:10;
}

.client-testimonial .txt p {
	background:url(../images/quote.png) no-repeat left top;
	padding:4px 10px;
	font-family:Georgia, "Times New Roman", Serif;
	font-size:1.4em;
	margin-bottom:20px;
}

.client-testimonial .txt span {
	margin-left:10px;
	font-size:0.8em;
}

.client-testimonial .txt span a {
	text-decoration: underline;
	color: inherit;
}

.client-testimonial.txt span a:hover {
	color:#CCC;
}

/* No Picture */
.client-testimonial.no-picture .grid_3 {
	height:350px;
}

.client-testimonial.no-picture .picture {
	position:absolute;
	top:100px;
	left:0;
	z-index:1;
}

.client-testimonial.no-picture .picture.border {
	border:4px solid rgba(255, 255, 255, 0.25);
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.client-testimonial.no-picture .txt {
	padding: 100px 0 0 200px;
    position: relative;
    width: 720px;
    z-index: 10;
}

/* Témoignages > Color & picture position */
.client-testimonial.no-picture {background:#b84922;}
.client-testimonial.no-picture .picture img {left:-240px;}



/* Overview */
.client-testimonial .overview {
	display:block;
	text-indent:-9999px;
	background:url(../images/un-apercu.png) no-repeat left top;
	width:116px;
	height:31px;
	position:absolute;
	bottom:14px;
	right:300px;
	z-index:15;
	-webkit-transition: bottom 0.4s ease;
	-moz-transition: bottom 0.4s ease;
	-o-transition: bottom 0.4s ease;
	transition: bottom 0.4s ease;
}

.client-testimonial .testimonial {
	display:block;
	text-indent:-9999px;
	width:116px;
	height:31px;
	position:absolute;
	bottom:14px;
	right:600px;
	z-index:15;
	-webkit-transition: bottom 0.4s ease;
	-moz-transition: bottom 0.4s ease;
	-o-transition: bottom 0.4s ease;
	transition: bottom 0.4s ease;
}

.client-testimonial .opentime-screen {
	width:385px;
	height:255px;
	position:absolute;
	bottom:-150px;
	right:0;
	z-index:20;
	-webkit-transition: bottom 0.4s ease;
	-moz-transition: bottom 0.4s ease;
	-o-transition: bottom 0.4s ease;
	transition: bottom 0.4s ease;
}

.client-testimonial .testimonial-screen {
	width:10px;
	height:50%;
	position:absolute;
	bottom:10px;
	left:950px;
}
.client-testimonial .testimonial-screen:hover {
	cursor:pointer;
}

.client-testimonial .opentime-screen:hover {
	bottom:0px;
	-webkit-transition: bottom 0.6s ease;
	-moz-transition: bottom 0.6s ease;
	-o-transition: bottom 0.6s ease;
	transition: bottom 0.6s ease;
}

/* Opentime: SLIDER */

.sliderformulaire{
	background:url(../images/slider-opentime.png) no-repeat center;
	max-height: 490px;
    background-size: cover;
	max-height: 610px;
}

@media screen and (max-width: 800px){
.sliderformulaire{
	padding-top: 30px;
	padding-bottom: 30px;
	background:none;
	max-height: 570px;
    background-size: cover;
}
}

.page-content-top{
	
}


.line {
    background-color: white;
    pointer-events: none;
    position: absolute;
    transform: skewX(-11deg);
    -ms-transform: skewX(-11deg); /* IE 9 */
    -webkit-transform: skewX(-11deg); /* Chrome, Safari, Opera */
    transform: skewX(-11deg);
    transform-origin: left top 0;
    width: 2000px;
    border-width: 2px;
    right: 950px; 
    height: 610px;
}

@media screen and (max-width: 1800px) {
.line {
    background-color: white;
    pointer-events: none;
    position: absolute;
    transform: skewX(-11deg);
    transform-origin: left top 0;
    width: 2000px;
    border-width: 2px;
    right: 810px; 
    height: 610px;
}
}

@media screen and (max-width: 1600px) {
.line {
    background-color: white;
    pointer-events: none;
    position: absolute;
    transform: skewX(-11deg);
    transform-origin: left top 0;
    width: 2000px;
    border-width: 2px;
    right: 630px; 
    height: 610px;
}
}

@media screen and (max-width: 1100px) {
.line {
    background-color: white;
    pointer-events: none;
    position: absolute;
    transform: skewX(-11deg);
    transform-origin: left top 0;
    width: 2000px;
    border-width: 2px;
    right: 390px; 
    height: 610px;
}
}

.slidercontainer {
    position: relative;
	z-index: 2000;
	height: 610px;
	background:url(../images/shadow.png) no-repeat bottom;
}

.sliderhome {
    max-height: 800px;
    z-index: 0;
}

.sliderhome form{
 margin: 10px 0 30px;	
	}

@media screen and (max-width: 800px){
.sliderhome form{
	padding: 0px;
	}
		}

.sliderhome form ul{
 margin: 10px 0 30px;	
	}

.sliderhome form ul li .required{
	width:94%;
}

.sliderhome form li{
	margin-left: 0px;
	width: 40%;
	}


.sliderhome form li select{
	width: 100%;
	}

@media screen and (max-width: 800px){
.sliderhome form li{
	margin-left: 0px;
	width: 100%;
	}
}

.sliderhome form ul.placeholder{
    background: rgba(0, 0, 0, 0) url("../images/bg-placeholder.png") no-repeat scroll left top;
    color: #468847;
    font-size: 12px;
    margin: 6px 0 0;
    padding: 11px 10px 4px;
    width: auto;
	}

.sliderrow {
	padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    margin: 0 auto;
    max-width: 930px;
    
}


@media screen and (max-width: 800px) {
.sliderrow {
    margin: auto;
    padding: 0;
    width: 80%;
}
}

@media screen and (max-width: 800px) {
.sliderrow form ul li {
    padding: 0;
}
}

.gridformulaire{
    position: relative;
    text-align: center;
    width: 40%;
padding-top: 15px;

}

@media screen and (max-width: 800px) {
.gridformulaire{
    position: relative;
    text-align: center;
    margin: auto;
    width: 100%
}	
}

.gridformulaire h4{
	color: #f8be18;
    line-height: 40px;
    text-align: left;
    font-size: 20px;
}

.gridformulaire h2{

    font-size: 53px;
    line-height: 52px;
    text-align: left;
    color: #2d2d2d;
}

@media screen and (max-width: 500px){
.gridformulaire h2{

    font-size: 45px;
    line-height: 46px;
    text-align: left;
    color: #2d2d2d;
}	
}

.gridformulaire p{
	font-size: 14px;
	color: #2d2d2d;
    text-align: left;
    margin-top: 8px;
}

.gridformulaire span{
	font-weight: bold;
	font-size: 18px;
    text-align: left;
	color: #2d2d2d;
}

.gridformulaire form{
	margin: 0px;
	padding-left: 0;
    padding-right: 0;
}

.btnslide {
	margin-top: 12px;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  background: #f8be18;
  padding: 16px 0px 16px 0px;
  text-decoration: none;
  text-align: left;
  font-size: 1em;
}

.btnslide:hover {
  background: #f8ac18;
  text-decoration: none;
}

.btnslide p{
	color: #2d2d2d;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-top: 0;
	line-height: 16px;
}

.form-group{
height: 40px;
}

.form-group img{
	    float: right;
    position: relative;
    right: -25px;
    top: 13px;
    height: 18px;
    width: 18px;
}

.formslide:focus{
	border: 1px solid #969696;
}

.formulaire-slide{
	text-align: left;
	font-size: 13px;
}


.formslide{
    box-sizing: border-box;
    color: #757575;
    display: block;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    padding: 10px;
    width: 100% !important;
    margin-bottom: 4px;
    margin-top: 4px;
	border: 1px solid;
	border-color: #c9c9c9;
}

.valide{
    box-sizing: border-box;
    color: #757575;
    display: block;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    padding: 10px;
    width: 100% !important;
    margin-bottom: 4px;
    margin-top: 4px;
	border: 1px solid;
	border-color: #4faf4d !important;
position: absolute;

}

.erreur{
    box-sizing: border-box;
    color: #757575;
    display: block;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    padding: 10px;
    width: 100% !important;
    margin-bottom: 4px;
    margin-top: 4px;
	border: 1px solid;
	border-color: #f84718 !important;
position: absolute;
}

.googlefloat{
	float: left;
}

.googlep {
	font-size: 11px !important;
	text-align: center !important;
	line-height: 33px !important;
}

.btngoogle{
	margin-top: 12px;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: white;
  background: #db4437;
  padding: 7px 0px 7px 0px;
  text-decoration: none;
  text-align: left;
  font-size: 1em;
  width: 100px;
  margin-left: 10px;
}

.btngoogle:hover{
	background: #e85c50;
}

.btngoogle p{
	color: white;
	text-align: center;
	font-size: 12px;
    line-height: 12px;
    margin-top: 0px;
}

/* Opentime: References & Action */
.opentime-references {
	background:#efefef;
}

.opentime-references .container_3 {
	border-top:6px solid #dad9d9;
}

.opentime-references .container_3 .grid_2 {
	background:url(../images/bg-reference-home.png) no-repeat right top;
	height:142px;
}

.opentime-references h3 {
	margin:20px 0;
	color:#999;
	text-transform:uppercase;
	font-weight:normal;
	font-size:1em;
	text-align:left;
}

.opentime-references ul {
	margin-bottom:20px;
	text-align:left;
}

.opentime-references ul li img {
	height:30px;
}

.opentime-references .container_3 .grid_1 {
	height:142px;
	background:url(../images/pointer-bottom.png) no-repeat center top, url(../images/pointer-top.png) no-repeat center bottom;
	position:relative;
}

.opentime-references a {
	margin-top:34px;
	z-index:9;
	position:relative;
}

.opentime-references .grid_1:after{
	content:"";
	position:absolute;
	width:280px;
	height:68px;
	background:#DAD9D9;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	z-index:1;
	top:32px;
	left:-4px;
	border:4px solid #DAD9D9;
}

.body-references ul.list-references li img { margin: 10px; }


/* -----------------------
	Header > Signup
----------------------- */
.body-signup .header .navigation {
	display:none;
}

.body-signup .header .go-home {
	display:block;
}

.header .go-home {
	font-size:0.8em;
	display:none;
	float:right;
	margin-top:26px;
	color:#CCC;
	padding-right:26px;
	background:url(../images/arrow-right.png) no-repeat right 2px;
}

.header .go-home:hover,
.header .go-home:active {
	color:#FFF;
	text-decoration:underline;
}



/* ------------------------------------------------------------------------------------------------------- */
/* Contenu */
/* ------------------------------------------------------------------------------------------------------- */
/* Button */
.btn-action {
	text-decoration:none;
	font-weight:bold;
	font-size:1.4em;
	text-align:left;
	display:block;
	padding:18px 16px 14px 16px;
	color:#664100;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.4);
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background:#ecb310;
	background-image: -moz-linear-gradient(top,
							#fdc832,
							#ecb310);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#fdc832),
		color-stop(1, 		#ecb310));
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdc832', EndColorStr='#ecb310')";
  	-moz-box-shadow:inset 0px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 0 #c59100, 0 2px 0 #c59100;
	-webkit-box-shadow:inset 0px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 0 #c59100, 0 2px 0 #c59100;
	box-shadow:inset 0px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 0 #c59100, 0 2px 0 #c59100;
}

.btn-action span {
	font-weight:normal;
	font-size:0.6em;
	display:block;
	margin-top:4px;
	text-decoration:none;
}

.btn-action:hover{
	color:#664100;
	text-decoration:none;
	background:#fdc832;
	background-image: -moz-linear-gradient(top,
							#ecb310,
							#fdc832);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#ecb310),
		color-stop(1, 		#fdc832));
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ecb310', EndColorStr='#fdc832')";
}

.btn-action:active {
	position:relative;
	top:2px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}


/* Titre */
h1.page-title {
	background:#E3E3E3;
    color: #393939;
	font-size:1.8em;
	line-height:1.4em;
	margin:0 -15px 30px -15px;
	text-align:center;
	padding:10px 30px;;
	display:block;
}

.default .page-content,
.body-home .page-content {
	padding:0;
}

.page-content {
	display:block;
	position:relative;
	background:#efefef;
	padding-top:40px;
}

.page-content p.page-intro {
	color:#666666;
}

.page-content p.page-intro a {
	text-decoration:underline;
}

.page-content .container_3 {
	background:#ffffff;
	position:relative;
	min-height:400px;
	z-index:30;
}

.container_4 {
    margin: 0 auto;
    padding: 0 15px;
    width: 930px;
}

.page-content .container_4 {
	background:#f2f2f2;
	position:relative;
	min-height:400px;
	z-index:30;

}

.shadow {
	background:url(../images/bg-shadow.png) no-repeat left top;
	width:984px;
	height:400px;
	position:absolute;
	left:50%;
	top:98px;
	margin-left:-492px;
}

.body-home .shadow,
.default .shadow {
	top:0;
}

/* Notice */
.explanation {
	margin-top:20px;
	background:url(../images/icon-infos.png) #f1f1f1 no-repeat 8px center;
	font-size: 0.8em;
	padding:16px 16px 16px 66px;
}

.notice {
	margin:10px 0 20px 0;
	padding:10px 10px 8px 40px;
	background:url(../images/icon-notice.png) #ebf7ff no-repeat 10px center;
	color:#445c6b;
	font-size:0.8em;
	line-height: 1.2em;
}


/* -----------------------
	Homepage
----------------------- */
.default .page-content h1.page-title,
.body-home .page-content h1.page-title {
	display:none;
}

.atouts {
background-color: white;
}

.atouts2 {
	background-color: #f2f2f2;
}

.page-content .atouts2 .container_3{
background: #f2f2f2 none repeat scroll 0 0;
}

.page-content .atouts2 .container_3 .grid_1{
	width: 174px;
	margin: 5px 6px;
}

@media screen and (max-width: 685px) {
.page-content .atouts2 .container_3 .grid_1 {
	width: 174px;
	margin: auto;
    display:block;
    clear:both;
  }
}

.page-content h1.baseline {
	font-size:1.9em;
	font-weight: lighter;
	line-height:1.2em;
	margin:85px 40px 0;
	text-align:center;
	text-transform: uppercase;
}

.page-content h2.baselineh2 {
	font-size:1em;
	font-weight: lighter;
	line-height:1.2em;
	margin:10px 40px 50px;
	text-align:center;
	text-transform: uppercase;
	color: #7d7d7d;
} 

.homeopentime h2 {
	color:#393939;
	font-weight:normal;
	margin-bottom:40px;
	font-size:1.4em;
	padding:0px 0 0px 0;
	text-align:center;
}

/* Benefits */
.atoutsss{

}

.homeopentime{
    margin: 0 auto;
    width: 100%;
}

@media screen and (max-width: 900px) {
	.homeopentime{
    margin: 0 auto;
    width: 100%;
}
}

.homeopentime h1.baseline {
	font-size:1.9em;
	font-weight: lighter;
	line-height:1.2em;
	margin:85px 40px 0;
	text-align:center;
	text-transform: uppercase;
}

.homeopentime h2.baselineh2 {
	font-size:1em;
	font-weight: lighter;
	line-height:1.2em;
	margin:1px 40px 55px;
	text-align:center;
	color: #7d7d7d;
} 

.homebenefits{
    margin: 0 auto;
    width: 930px;
}

@media screen and (max-width: 900px) {
	.homebenefits{
    margin: 0 auto;
    width: 100%;
    clear: both;
}
}

.opentime-benefits {
	text-align:center;
	margin-bottom:0px;
	position:relative;
	float: left;
}

@media screen and (max-width: 900px) {
	.opentime-benefits {
	text-align:center;
	margin-bottom:10px;
	position:relative;
    float: none;
}
}

.opentime-benefits a{

}

.opentime-benefits a:hover{
	color: #f8be18;
}

.opentime-benefits div {
	width:232px;
	height:155px;
	position:relative;
	z-index:9;
	margin:10px 0 30px 0;
	text-align:center;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.opentime-benefits div:hover {
	width:232px;
	height:155px;
	position:relative;
	z-index:9;
	margin:10px 0 30px 0;
	text-align:center;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}

@media screen and (max-width: 900px) {
.opentime-benefits div:hover {
	width:400px;
	height:155px;
	position:relative;
	z-index:9;
	margin:auto;
	text-align:center;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}}

.opentime-benefits > div img {
	display:inline-block;
	width:75px;
	height:70px;
	border:none;
}
.opentime-benefits > div img:hover {
	display:inline-block;
	width:75px;
	height:70px;
	border:none;
	
}

.opentime-benefits > div h3 {
	padding:0 16px;
	margin-top:5px;
	text-shadow:0 1px 0 rgba(255, 255, 255, 1);
	font-size:1.2em;
}


.opentime-benefits:after {
	content: "";
	display:block;	
	width:80px;

}

.opentime-benefits:hover:after {
	top:190px;
	-webkit-transition: top 0.2s ease;
	-moz-transition: top 0.2s ease;
	-o-transition: top 0.2s ease;
	transition: top 0.2s ease;
}

 .opentime-details {
	text-align: center;
    border-radius: 5px;
    color: #ffffff;
    font-size: 1em;
    text-align: center;
    text-decoration: none;
}


.abenefits {

    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.abenefits h3 {
}

.abenefits:hover{

    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.abenefits:hover h3{
	color: #f8be18;
}

.opentime-benefits img {
	width:270px;
	height:140px;
	overflow:hidden;
	border:5px solid #f5f5f5;
	padding-bottom:8px;

}
.opentime-benefits img:hover {
	width:270px;
	height:140px;
	overflow:hidden;
	border:5px solid #f5f5f5;
	padding-bottom:8px;


}

.opentime-benefits h4 {
	text-align:left;
	color:#333;
	font-size:1em;
	padding:10px 2px;
}

.opentime-benefits p {
	color:#7d7d7d;
	font-size:0.8em;
	line-height:1.4em;
	text-align:center;
	padding:0 51px;
}

.btnbene {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  background: #f8be18;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  text-align: center;
  font-size: 1em;
  margin-bottom: 85px;
  margin-top: 0;
  margin-right: 20%;
  margin-left:  20%;
}

.btnbene:hover {
  background: #f8ac18;
  text-decoration: none;
}

.btnbene a{
	color: white;
}

/* REFERENCES, LOGO */
.body-home .main .page-content .shadow{
    background: none;
    height: 400px;
    left: 50%;
    margin-left: -492px;
    position: absolute;
    top: 98px;
    width: 984px;
}

.body-home .main .page-content .container_3{
    background: #efefef none repeat scroll 0 0;
    text-align: center;
}



.homereferences ul li{
	display: inline-block;
	margin-bottom: 40px;
	margin-top: 40px;

}

@media screen and (max-width: 900px){
.homereferences ul li{
	display: block;
	margin-bottom: 40px;
	margin-top: 40px;

}	
}

.homereferences img{
	width: 176px;
}

.opentime-references-logo .abenefits{
filter: none;
}

.opentime-references-logo {
	text-align:center;
	margin-top: 50px;
	margin-bottom:40px;
	position:relative;
}

.opentime-references-logo > div {
	width:174px;
	height:59px;
	position:relative;
	z-index:9;
	margin:10px 0 30px 0;
	text-align:center;
}

.opentime-references-logo > div img {
	display:inline-block;
	width:174px;
	height:59px;
	border:none;
}
.opentime-references-logo > div img:hover {
	display:inline-block;
	border:none;
	
}

.opentime-references-logo > div h3 {
	padding:0 16px;
	margin-top:5px;
	color:#595959;
	text-shadow:0 1px 0 rgba(255, 255, 255, 1);
	font-size:1.2em;
}


.opentime-references-logo:after {
	content: "";
	display:block;
	
	width:174px;
	height:59px;
	margin:0 auto;
	position:absolute;
	top:160px;
	left:50%;
	z-index:1;
	margin-left:-40px;
	-webkit-transition: top 0.2s ease;
	-moz-transition: top 0.2s ease;
	-o-transition: top 0.2s ease;
	transition: top 0.2s ease;
}

.opentime-references-logo:hover:after {
	top:190px;
	-webkit-transition: top 0.2s ease;
	-moz-transition: top 0.2s ease;
	-o-transition: top 0.2s ease;
	transition: top 0.2s ease;
}

.abenefits {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

.abenefits h3 {
}

.abenefits:hover{;
    filter: grayscale(00%);
   -webkit-filter: grayscale(0%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

.abenefits:hover h3{
	color: #f8be18;
}

.opentime-references-logo img {
	width:174px;
	height:59px;
	overflow:hidden;
	border:5px solid #f5f5f5;
	padding-bottom:8px;

}
.opentime-references-logo img:hover {
	width:174px;
	height:59px;
	overflow:hidden;
	border:5px solid #f5f5f5;
	padding-bottom:8px;


}

.opentime-references-logo h4 {
	text-align:left;
	color:#333;
	font-size:1em;
	padding:10px 2px;
}

.opentime-references-logo p {
	color:#7d7d7d;
	font-size:0.8em;
	line-height:1.4em;
	text-align:center;
	padding:0 51px;
}

.btnbene {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  background: #f8be18;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  text-align: center;
  font-size: 1em;
   margin-bottom: 85px;
   margin-top: 0;
   margin-right: 20%;
   margin-left:  20%;
}

.btnbene:hover {
  background: #f8ac18;
  text-decoration: none;
}

.btnbene a{
	color: white;
}

/* Action */
.opentime-action {
	min-height:155px;
	position:relative;
	padding:16px;
	background:#f8f8f8;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.opentime-action span {
	position:absolute;
	top:16px;
	left:16px;
	display:block;
	width:60px;
	height:70px;
	background:url(../images/sprite-general.png) no-repeat 0px 0px;
}

.action-call-me span {background-position: -140px -50px;}
.action-documentation span {background-position: -140px -120px;}

.opentime-action h4 {
	font-size:1.2em;
	color:#393939;
	margin:6px 0 10px 0;
}

.opentime-action p {
	line-height:1.2em;
	font-size:0.9em;
	color:#666;
	margin-bottom:30px;
}

.action-call-me h4,
.action-documentation h4 {
	margin-left: 70px;
}

.action-call-me p,
.action-documentation p {
	margin-left: 70px;
}

/* Action : Call me */
.action-call-me form {
	margin:0;
}

.action-call-me input[type="text"] {
	width:176px;
	float:left;
	padding:0 10px;
	height:46px;
	border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	-webkit-border-radius:4px 0 0 4px;
}
.action-call-me input[type="text"]:focus {
	border:1px solid #55BF2B;
}


.action-call-me input[type="submit"] {
	width:50px;
	float:left;
	padding:0 10px;
	height:48px;
	border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	-webkit-border-radius:0 4px 4px 0;
}

/* Action : Signup */
.action-signup {
	text-align:center;
}

.action-signup a {
	font-size:1.4em;
	text-align:center;
}

/* Action : Documentation */
.action-documentation a {
	display:block;
	color:#FFF;
	background:#666;
	padding:16px 10px;
	text-align:center;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.action-documentation a:hover {
	background:#777;
}

.action-documentation a:active{
	-moz-box-shadow:inset 0px 0px 4px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:inset 0px 0px 4px rgba(0, 0, 0, 0.6);
	box-shadow:inset 0px 0px 4px rgba(0, 0, 0, 0.6);
}




/* -----------------------
	Presentation
----------------------- */
/* Titre */
.body-tour .page-content h1.page-title {
    display: none;
   /* margin: 0 0 0 260px;
    width:660px;
    padding: 10px 20px;
    font-size: 0.8em;
    font-weight:normal;
    position:relative;
    z-index: 99;*/
}

.body-tour .page-intro {
	background: #E3E3E3;
    display: block;
    font-size: 0.8em;
    margin: 0 -20px;
    padding: 10px 20px;
}

.body-tour .page-intro a {
	color: #666;
}

.body-tour .page-intro a:hover,
.body-tour .page-intro a:active {
	color: #333;
}


/* ---- Présentation ----- */
.block-tour {
	/*text-align:center;*/
	margin-bottom:50px;
	padding-top:10px;
}

.tour-agenda{
	display:block;
	margin-top:16px;
	float:left;
	width:100px;
	height:100px;
	background:url(../images/tour-agenda.png) no-repeat 0px 0px;	
}

.tour-planing{
	display:block;
	margin-top:16px;
	float:left;
	width:100px;
	height:100px;
	background:url(../images/tour-planing.png) no-repeat 0px 0px;	
}

.block-tour .tour-icon {
	display:block;
	margin-top:16px;
	float:left;
	width:100px;
	height:100px;
	background:url(../images/sprite-tour-icon.png) no-repeat 0px 0px;
}

.block-tour .tour-content { margin-top: 10px; }
.block-tour .tour-content p { margin-bottom: 10px; }
.block-tour a { text-decoration: underline; color: blue; }
.block-tour a:visited { color: purple; }

.tourvalorizeworktime .tour-icon  {background-position: -100px 0px;}
.tourincreasebillablehours .tour-icon  {background-position: -200px 0px;}
.tourassistcompany .tour-icon  {background-position: -300px 0px;}
.tourtimerecording .tour-icon  {background-position: -400px 0px;}
.toureditablevocabulary .tour-icon  {background-position: -500px 0px;}

.block-tour h1,
.block-tour p {
	float:left;
	width:530px;
	margin:30px 0 0 30px;
}

.block-tour h1 {
	color:#393939;
	font-size:1.4em;
	margin:30px 0 10px 30px;
}

.block-tour p {
	color:#666666;
	margin:0 0 0 30px;
}


/* Liste */
.block-tour ul {
	margin:30px -20px 0 -20px;
}

.block-tour ul li {
	list-style:none;
	margin-bottom:30px;
	padding:20px 20px 0 20px;
	border-bottom:1px solid #e5e5e5;
	background:#fff;
	background-image: -moz-linear-gradient(top,
							#ffffff,
							#f7f7f7);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#ffffff),
		color-stop(1, 		#f7f7f7));
}

.block-tour .img {
	float:left;
	width:280px;
	height:230px;
	overflow:hidden;
	-moz-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.2);
}

.block-tour .img a {
	position:relative;
	float:left;
	margin-right:30px;
	width:288px;
	height:234px;
	overflow:hidden;
}

.block-tour .img a span {
	background:url(../images/sprite-general.png) no-repeat -111px 0px;
	position:absolute;
	z-index:10;
	top:50%;
	left:50%;
	display:block;
	width:50px;
	height:50px;
	margin:-25px 0 0 -25px;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

.block-tour .img a:hover span,
.block-tour .img a:active span {
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}

.block-tour .img a img {
	position:relative;
	z-index:5;
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

.block-tour .img a:hover img,
.block-tour .img a:active img {
	position:relative;
	z-index:5;
	opacity:0.6;
	filter:alpha(opacity=60);
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}




.block-tour ul li h2,
.block-tour ul li p {
	float:left;
	width:360px;
}

.block-tour ul li h2 {
	color:#393939;
	font-size:1em;
	margin:16px 0 10px 20px;
}

.block-tour ul li p {
	font-size:0.9em;
	color:#666;
	line-height:1.4em;
	margin:0 0 0 20px;
}

.block-tour ul > li > ul {
	float:left;
	width:330px;
	margin:10px 0 0 50px;
}

.block-tour ul > li > ul > li {
	list-style-image:url("../images/icon-ok.png");
	color:#666666;
	margin:0 0 8px 0;
	font-size:1em;
	background:none;
	padding:0;
	border:none;
	 font-size: 0.9em;
}


/* -----------------------
	Témoignages
----------------------- */

/* References */.list-references {
	text-align:center;
}

.body-references .list-references {
	margin:60px auto;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.list-references li {
	display:inline-block;
	margin-bottom:20px;
}

.page-signup {
	text-align:center;
	display:block;
	background:#f6f6f6;
	padding:16px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.page-signup:hover {
	background:#efefef;
}

.page-signup u {
	color:#f8be18;
}


/* Témoignages */
.testimonialbima,
.testimonialblumbyte,
.testimonialireps,
.testimonialjs,
.testimonialmagamo,
.testimonialnpa,
.testimonialspeakyplanet { float: left; margin: 0 30px 20px 0; width: 420px; margin-right: 30px; }

.block-testimonial img { margin: 80px 0 10px 0; height: 50px; }
.block-testimonial h2 { margin-bottom: 6px; }
.block-testimonial h3 { font-weight: normal; margin-bottom: 10px; font-size: 0.9em; height: 34px; }
.block-testimonial p { background: url(../images/border-testimonial.png) no-repeat left top; padding-top: 20px; font-size: 0.9em; text-align: justify; }

/* -----------------------
	Offres & Tarifs
----------------------- */
.offer-list {
  margin: 80px -15px 100px -15px;
}

.offer-list > li {
  float: left;
  position: relative;
}

/* === Single offer === */
.offer-list .offer-content {
  width: 180px;

}

/* Header */
.offer-list .offer-header {
  background: #666;
  padding: 10px;
  text-align: center;
  position: relative;
  height: 300px;
}

.offer-list .offer-header h2 {
  color: #FFF;
  font-size: 20px;
  font-weight: normal;
  padding-top: 5px;
  border-bottom: 1px solid #999;
  margin-bottom: 10px;
  min-height: 50px;
  text-transform: uppercase;
}

.offer-list .offer-header p {
  font-size: 0.9em;
  color: #CCC;
  line-height: 1.2em;
}

.offer-list .offer-header .offer-price {
  margin: 20px 0 40px 0;
}

.offer-list .offer-header .offer-price span {
  text-align: center;
  color: #FFF;
  display: block;
  font-size: 0.8em;
}

.offer-list .offer-header .offer-price .price {
  font-size: 80px;
  line-height: 1em;
}

.offer-list .offer-header .offer-price .price sup {
  font-size: 30px;
  position: relative;
  top: 6px;
}

.offer-list .offer-header a {
  position: absolute;
  bottom: -20px;
  width: 140px;
  font-size: 0.9em;
  padding: 10px;
  text-align: center;
}

.offer-list .offer-header a:focus {
  top: auto;
}

/* Info */
.offer-list .offer-info {
  padding: 40px 10px 10px 10px;
  font-size: 0.9em;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  min-height: 300px;
}

.offer-list > li:first-child .offer-info {
  border: 1px solid #CCC;
  border-top: none;
  border-bottom: none;
}

.offer-list  .offer-info p {
  color: #333;
}

.offer-list  .offer-info ul {
  margin-top: 20px;
  font-size: 0.8em;
}

.offer-list  .offer-info ul li {
  margin-bottom: 4px;
  color: #666;
}


.offer-list  .offer-info + p {
  padding: 10px;
  font-size: 0.9em;
  min-height: 90px;
  border-top: none;
  color: #666;
  line-height: 1.2em;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

.offer-list > li:first-child .offer-info + p {
  border: 1px solid #CCC;
}


/* === Pack offer === */
.pack-info {
  height: 30px;
  position: relative;
  background: #2D2D2D;
  border: 1px solid #FFF;
  position: absolute;
  top: -32px;
  width: 538px;
}

.pack-info p {
  font-size: 0.9em;
  text-align: center;
  line-height: 1.8em;
  color: #FFF;
}

.offer-list .offer-pack .offer-content {
  width: 540px;
}

.offer-list .offer-pack .offer-header {
  background: #2D2D2D;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  padding: 10px 0;
  text-align: center;
}

.offer-list .offer-pack .offer-title {
  float: left;
  width: 162px;
  border-left: 1px solid #FFF;
  padding: 0 8px;
}

  .offer-list .offer-pack .offer-header .offer-title a { left: 10px; } 
  .offer-list .offer-pack .offer-header .offer-title + .offer-title a {left: 50%; margin-left: -80px; } 
  .offer-list .offer-pack .offer-header .offer-title + .offer-title + .offer-title a {right: 10px; left: auto; }

.offer-list .offer-pack .offer-title:first-child {
  border-left: none;
}

.offer-list .offer-pack .offer-header h2 {
    border-bottom: 1px solid #FFF;
}

.offer-list .offer-pack .offer-price {
  clear: both;
}

.offer-list .offer-pack .offer-info p {
  text-align: center; 
}

.offer-list .offer-pack .offer-info p + p {
  color: #666;
}

.offer-list .offer-pack .offer-info ul {
  float: left;
  width: 166px;
  margin-right: 10px; 
}

.offer-list .offer-pack .offer-info ul + ul + ul {
  margin-right: 0;
}

.offer-list .offer-pack .offer-info ul li:first-child {
  color: #2D2D2D;
  font-weight: bold;
  margin-bottom: 8px;
}


/* === Premium === */
.offer-premium {
  position: relative;
  z-index: 99;
}

.premium-info {
  height: 60px;
  position: relative;
  background: #000;
  border-bottom: 1px solid #FFF;
  position: absolute;
  top: -61px;
  width: 210px;
}

.premium-info p {
  padding-top: 12px;
  font-size: 0.9em;
  text-align: center;
  line-height: 1.2em;
  color: #FFF;
}

.offer-list .offer-premium .offer-content {
  width: 210px;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);

}

.offer-list .offer-premium .offer-header {
  background: #000;
}

.offer-list .offer-premium .offer-header h2 {
  border-bottom: 1px solid #FFF;
}

.offer-list .offer-premium .offer-header p {
  color: #FFF;
}

.offer-list .offer-premium .offer-header a {
  left: 50%;
  margin-left: -80px;
}

.offer-list .offer-premium .offer-info,
.offer-list .offer-premium .offer-info + p {
  background: #EFEFEF;
}

.offer-list .offer-premium .offer-info ul li:first-child {
  color: #2D2D2D;
  font-weight: bold;
  margin-bottom: 8px;
}

/* === Buttons === */
.btn-grey {
  color:#333;
  background: #EFEFEF;
  background: -moz-linear-gradient(top, #EFEFEF, #CCCCCC);
  background: -webkit-linear-gradient(top, #EFEFEF, #CCCCCC);
  background: -ms-linear-gradient(top, #EFEFEF, #CCCCCC);
  background: linear-gradient(top, #EFEFEF, #CCCCCC);

  -webkit-box-shadow:inset 0px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 0 #666666, 0 2px 0 #666666;
     -moz-box-shadow:inset 0px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 0 #666666, 0 2px 0 #666666;
          box-shadow:inset 0px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 0 #666666, 0 2px 0 #666666;
}

.btn-grey:hover{
  color:#333;
  background: #CCCCCC;
  background: -moz-linear-gradient(top, #CCCCCC, #EFEFEF);
  background: -webkit-linear-gradient(top, #CCCCCC, #EFEFEF);
  background: -ms-linear-gradient(top, #CCCCCC, #EFEFEF);
  background: linear-gradient(top, #CCCCCC, #EFEFEF);
  text-decoration:none;
}

.btn-grey:active {
  position:relative;
  top:2px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

.btn-green {
  color:#FFF;
  text-shadow: none;
  background: #EFEFEF;
  background: -moz-linear-gradient(top, #30BE30, #29A529);
  background: -webkit-linear-gradient(top, #30BE30, #29A529);
  background: -ms-linear-gradient(top, #30BE30, #29A529);
  background: linear-gradient(top, #30BE30, #29A529);

  -webkit-box-shadow:inset 0px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 0 #165816, 0 2px 0 #165816;
     -moz-box-shadow:inset 0px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 0 #165816, 0 2px 0 #165816;
          box-shadow:inset 0px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 0 #165816, 0 2px 0 #165816;
}

.btn-green:hover{
  color:#FFF;
  background: #30BE30;
  background: -moz-linear-gradient(top, #29A529, #30BE30);
  background: -webkit-linear-gradient(top, #29A529, #30BE30);
  background: -ms-linear-gradient(top, #29A529, #30BE30);
  background: linear-gradient(top, #29A529, #30BE30);
  text-decoration:none;
}

.btn-green:active {
  position:relative;
  top:2px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

/* FAQ Pricing */
.mini-faq {
	margin-top:60px;
	background:url(../images/icon-faq.png) no-repeat left top;
	padding-top:60px;
	font-size:0.9em;
}

.mini-faq li {
	float:left;
	width:435px;
	margin:0 30px 20px 0;
}

.mini-faq li.last {
	margin-right:0;
}

.mini-faq p {
	margin-bottom:10px;
}

/* Ecrans etroits */
@media handheld, only screen and (max-width: 1000px) {
  
  .offer-list { margin: 0; }
  .offer-list > li { float: none; margin: 0 10px 30px 10px; }
  .offer-list .offer-content { width: auto; }
  .offer-list .offer-header { height: 300px; float: left; width: 30%; }
  .offer-list .offer-header h2 { min-height: 0; padding-bottom: 10px; }
  .offer-list .offer-header .offer-price { margin-bottom: 20px; }
  .offer-list .offer-info { float: left; width: 60%; min-height: 298px; padding: 10px; font-size: 0.9em; border: 1px solid #CCC; min-height:auto; }
  .offer-list .offer-header a {bottom: 0; position: relative; margin: 0 auto } 
  .offer-list > li:first-child .offer-info { border: 1px solid #CCC; }
  .offer-list .offer-info ul {margin-top: 10px; } 
  .offer-list .offer-info + p { width: 90%; clear: both; border: none; min-height: 0; padding: 6px 0 0 0;  }
  .offer-list > li:first-child .offer-info + p { border: none; }

  .pack-info { background: none; border: none; height: auto; position: relative; top: 0; width: auto; margin-bottom: 6px; } 
  .pack-info p { font-size: 1.2em; color: #2D2D2D; text-align: left; } 
  .offer-list .offer-pack .offer-content {width: auto; }
  .offer-list .offer-pack .offer-header { border: none; height: auto; padding-top: 50px; } 
  .offer-list .offer-pack .offer-header h2 { border-bottom: 1px solid #666; }
  .offer-list .offer-pack .offer-title { min-height: 170px; float: none; width: auto; border-left: none; margin-bottom: 20px; border-bottom: 1px solid #FFF; padding-bottom: 20px;}
  .offer-list .offer-pack .offer-header .offer-title a { bottom: auto; position: relative; left: auto; margin: 10px auto 0 auto!important; } 
  .offer-list .offer-pack .offer-header .offer-title + .offer-title a { left: auto; margin-left: 0; } 
  .offer-list .offer-pack .offer-header .offer-title + .offer-title + .offer-title a {right: auto; left: auto; }
  .offer-list .offer-pack .offer-info { min-height: 805px; }
  .offer-list .offer-pack .offer-info p { text-align: left; }
  .offer-list .offer-pack .offer-info p + p { margin-bottom: 20px; } 
  .offer-list .offer-pack .offer-info ul { min-height: 190px; float: none; width: auto; margin: 0 0 20px 0; }
  .offer-list .offer-pack .offer-info ul li {  }

  .premium-info { background: none; border: none; height: auto; position: relative; top: 0; width: auto; margin-bottom: 6px; } 
  .premium-info p { font-size: 1.2em; color: #000; text-align: left; }
  .offer-list .offer-premium .offer-content { width: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  .offer-list .offer-premium .offer-header a {left: auto; margin-left: auto; }
  .offer-list .offer-premium .offer-info + p { background: none; }

}


/* Mobile & Low res */
@media handheld, only screen and (max-width: 685px), only screen and (max-device-width: 685px) {
    
  .offer-list .offer-header { height: auto; float: none; width: auto; }
  .offer-list .offer-info { float: none; width: auto; min-height: 0; }
  .offer-list .offer-header .offer-price .price {font-size: 60px; }
  .offer-list .offer-header .offer-price .price sup {font-size: 20px; }
  .offer-list .offer-pack .offer-header { padding-top: 15px; } 
  .offer-list .offer-pack .offer-title { min-height: 0; }
  .offer-list .offer-pack .offer-info { min-height: 0; }
  .offer-list .offer-pack .offer-info ul { min-height: 0; }

}

.pricing .infos {
	font-size:0.8em;
	color:#666;
	text-align:center;
	margin: 20px 70px 70px 70px;
}

.pricing .infos span {
	color:#30be30;
}


/* Princing Actions */
.pricing-action {
	background:#F8F8F8;
	padding:20px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.pricing-action li {
	float:left;
	width:415px;
	margin:0 30px 0 0;
	display:block;
	padding:20px 0;
	text-align:center;
	background:#FFF;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.pricing-action li + li {
	margin-right:0;
}


.pricing-action li h3 {
	color: #393939;
    font-size: 1.2em;
    margin-bottom: 0px;
}

.pricing-action li a {
	margin:0 20px;
	font-size:1em;
	background:#666;
	display:block;
    color: #FFFFFF;
    padding: 16px 10px;
    text-align: center;
    border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.pricing-action li a:hover {
	background:#777;
}

.pricing-action li a:active {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.6) inset;
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6) inset;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6) inset;
}

/* FAQ Pricing */
.mini-faq {
	margin-top:60px;
	background:url(../images/icon-faq.png) no-repeat left top;
	padding-top:60px;
	font-size:0.9em;
}

.mini-faq li {
	float:left;
	width:435px;
	margin:0 30px 20px 0;
}

.mini-faq li.last {
	margin-right:0;
}

.mini-faq p {
	margin-bottom:10px;
}


/* -----------------------
	Contact
----------------------- */
.body-contact .page-content h1.page-title {
	margin:0;
	display:block;
	width: 660px;
	padding:6px 20px;
	height:auto;
	position:relative;
	z-index:9;
}

.body-contact .page-content p.page-intro {
	margin-top:80px;
}

.body-contact .page-intro span {
	opacity:0.6;
	filter:alpha(opacity=60);
}

.body-call-me .page-intro span,
.body-send-documentation .page-intro span {
	margin-top:-8px;
	margin-right:20px;
	float: left;
	display:block;
	width:60px;
	height:70px;
}
.body-call-me .page-intro span {background:url(../images/sprite-general.png) no-repeat -140px -50px;}
.body-send-documentation .page-intro span {background:url(../images/sprite-general.png) no-repeat -140px -120px;}


/* -----------------------
	Aide/Support
----------------------- */

/* Titre */
.body-questions .page-content h1.page-title,
.body-question .page-content h1.page-title {
	display:none;
}

.questions-breabcrumb {
	display:block;
	background:#e3e3e3;
	margin:0 -20px;
	padding:10px 20px;
	font-size:0.8em;
}

.questions-breabcrumb a {
	text-decoration:underline;
}

/* Sidebar */
.body-posts .page-content .sidebar-block,
.body-post .page-content .sidebar-block,
.body-questions .page-content .sidebar-block,
.body-question .page-content .sidebar-block { padding-top: 0; }

.body-questions .page-content .questionssidebar .sidebar-block,
.body-question .page-content .questionssidebar .sidebar-block {
	padding-top:20px;
	border-top:1px dotted #d6d6d6;
	font-size:0.9em;
}

.body-questions .page-content .questionssidebar .sidebar-block p,
.body-question .page-content .questionssidebar .sidebar-block p {
	color:#555;
}

.body-questions .sidebar.contact-questions,
.body-question .sidebar.contact-questions {
	margin-bottom:150px;
}


/* Contenu */
.body-posts .posts { margin-bottom: 20px; }

.body-posts .posts ol > li { border-bottom: 1px dotted #CCCCCC; margin-bottom: 40px; padding-bottom: 10px; }

.body-post .post,
.body-posts .post { margin-bottom: 16px; }

.body-post .post ul,
.body-posts .post ul,
.body-post .post li,
.body-posts .post li { list-style: disc inside; line-height: 1.4em; }

.body-posts h2,
.body-questions h2 { color: #f8be18; font-size: 1.4em; margin-bottom: 30px; }

.body-questions .question a:hover,
.body-question .question a:hover { text-decoration: underline; }

.questions ol {
	margin-left:30px;
}

.questions ol li {
	list-style-type:decimal;
	margin-bottom:16px;
	list-style: decimal;
}

.questions ol li a {
	color:#383838;
}

.questions ol li .content a:hover,
.questions ol li .content a:active {
	text-decoration:underline;
}

.questions ol li .tags {
	color:#999999;
}

.questions ol li .tags a {
	color:#999999;
	font-size:0.8em;
}

/* Detail */
.body-post .post .title,
.body-posts .post .title,
.body-question .question .content { margin-top: 20px; }

.body-post .post .title a,
.body-posts .post .title a,
.body-question .question .content a { color: #f8be18; font-size: 1.4em; line-height: 1em; margin-bottom: 10px; }

.body-question .question .tags {
	margin-top:2px;
	color:#999;
}
.body-question .question .tags a {
	color:#999;
	font-size:0.8em;
}

.body-post .post .body,
.body-posts .post .body,
.body-question .question .answer { margin-top: 20px; }

.body-question .question blockquote {
	border-left:4px solid #efefef;
	padding-left:10px;
	font-style:italic;
	margin-bottom:20px;
}

.body-post .post p,
.body-posts .post p,
.body-question .question p { margin-bottom: 10px; }

.body-question .question .answer img {
	margin:20px 0;
	border:4px solid #e3e3e3;
}

.body-question .question .answer a img {
	width: 98%;
}

.body-question .question .answer a {
	text-decoration:underline;
}

.body-question .question .answer ol,
.body-question .question .answer ul {
	margin:10px 0 10px 20px;
}

.body-question .question .answer ol li,
.body-question .question .answer ul li {
	list-style-type:circle;
	margin-bottom:6px;
}

.body-post .date_update,
.body-question .date_update { font-size: 0.8em; font-style: italic; color: #666; margin-top: 20px; }

/* Form Search */
.body-questions .questions-search {
	margin:40px 0;
}

.body-questions .questions-search input[type="text"] {
	float:left;
	width:400px;
}

.body-questions .questions-search input[type="text"]:focus {
	border:1px solid #55BF2B;
}

.body-questions .questions-search input[type="submit"] {
	float:left;
	padding: 10px;
}


/* Pagination */
.pager li.page:first-letter {
	text-transform:uppercase;
}

.pager li.page{
	height:60px;
}

.pager li {
	float:left;
	margin:0 6px 6px 0;
	line-height: 1.6em;
	font-size:0.9em;
}

.pager li.currentpage {
	background:#F8BE18;
	color:#664100;
}

.pager li a,
.pager li.currentpage {
	padding:0;
	text-align:center;
	display:block;
	width:24px;
	height:24px;
	text-decoration:none;
}

.pager li a {
	background:#efefef;
	color:#393939;
}

.pager li a:hover {
	background:#F8BE18;
	color:#664100;
}

.body-questionasked .page-content h1.page-title {
	margin:0;
	display:block;
	width: 660px;
	padding:6px 20px;
	height:auto;
	position:relative;
	z-index:9;
}

.body-questionasked .page-content p.page-intro {
	margin-top:80px;
}



/* -----------------------
	S'abonner
----------------------- */

.body-post .page-content h1.page-title,
.body-posts .page-content h1.page-title,
.body-signup .page-content h1.page-title { margin: 0; display: block; width: 660px; padding: 6px 20px; height: auto; position: relative; z-index: 9; }

.body-post .page-content p.page-intro,
.body-posts .page-content p.page-intro,
.body-signup .page-content p.page-intro { margin-top:80px; }


/* -----------------------
	Corfirmation abonnement
----------------------- */



.confbold{
	font-weight: bold;
    background: none !important;
    display: inline !important;
    height: 84px;
    margin: none !important;
    width: 100px;
}


.btnconfirm{
  margin: 20px auto 45px auto;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  background: #f8be18;
  padding: 16px 0px 16px 0px;
  text-decoration: none;
  text-align: center;
  font-size: 1em;
  width: 70%;
}

.btnconfirm:hover {
  background: #f8ac18;
  text-decoration: none;
}

.btnconfirm p{
	color: #2d2d2d;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-top: 0;
	line-height: 16px;
}	

.urlgris{
	color: #9e9e9e;
	text-decoration: underline;
	margin-bottom: 80px;
	display: block;
}

.urlgris:hover{
	color: #656565;
	text-decoration: underline;
}

/* -----------------------
	CGV
----------------------- */
.termsandconditions ul {
	margin:16px 0 0 30px;
	font-size:0.9em;
}

.termsandconditions ul li {
	list-style:square;
	color:#595959;
	margin-bottom:2px;
}

.termsandconditions h2 {
    font-size: 1.4em;
	margin:60px 0 20px 0;
	padding-bottom:4px;
	border-bottom:1px dotted #efefef;
	position:relative;
}

.go-summary {
	background:url(../images/arrow-top.png) no-repeat left top;
	display:block;
	width:12px;
	height:8px;
	position:absolute;
	top:8px;
	right:0;
	text-indent:-9999px;
}

.go-summary:hover {
	background-position: left bottom;
}

.termsandconditions h3 {
	margin:20px 0 10px 0;
	color:#595959;
}

.termsandconditions p {
	margin-bottom:6px;
	font-size:0.9em;
	color:#666;
}



/* -----------------------
	Formulaires
----------------------- */

form{
	margin:40px 0 30px 0;
}

form fieldset {
	border:none;
	border-top:1px solid #d6d6d6;

}

form legend {
	font-size:1.2em;
	color:#999999;
	background:#FFF;
	padding-right:10px;
}

form legend span {
	line-height:1em;
	font-size:1.4em;
	background:#f8be18;
	display:inline-block;
	padding:6px 12px 3px 12px;
	margin-right:10px;
	color:#FFF;
}

form ul {
	margin:40px 0 40px 0;
}

form ul li {
	margin-bottom:20px;
	margin-left:20px;
	margin-right: 20px;
}

form p.label,
form label {
	color:#393939;
	display:inline-block;
	vertical-align: middle;
	width:160px;
}

form > p.label,
form > p > label {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 20px;
}

form ul li.required label {
	font-weight:bold;
}

form ul li.required label:after {
	content:" *";
	color:#55BF2B;
}

form label[for="question[content]"],
form label[for="address[street]"],
form label[for="message[value]"] {
	vertical-align: top;
}

.body-questionasked label,
.body-contact label {
	width:100px;
}

form .hidden_field {
	display:inline-block;
	position:relative;
	width: 410px;
}

form input[type="text"],
form input[type="password"],
form select,
form textarea {
	border:1px solid #ccc;
	padding:8px 10px;
	font-size:1em;
	width: 100%;
}

form input[type="text"],
form input[type="password"] {
	width: 410px;
}

form select {
	width: 400px;
	-webkit-appearance: none;
	   -moz-appearance: none;
		-ms-appearance: none;
		 -o-appearance: none;
			appearance: none;
	background: url(../images/icon-arrows.png) #fff no-repeat right center;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
		-ms-border-radius: 0;
		 -o-border-radius: 0;
			border-radius: 0;
	padding-right: 20px;
}

form select.credential {
	width:100px;
}

form textarea {
	width:410px;
	height:100px;
	font:1em/1em Helvetica, Arial, sans-serif;
}

form input[type="text"]:focus,
form input[type="password"]:focus,
form select:focus,
form textarea:focus  {
	border:1px solid #F8BE18;
}

.field_complement {
	font-style:italic;
	color:#4faf4d;
	font-size:0.8em;
	margin:6px 0 0;
}

.gridformulaire .field_complement .placeholder {
    background: rgba(0, 0, 0, 0) url("../images/bg-placeholder.png") no-repeat scroll left top;
    color: #468847;
    font-size: 12px;
    margin: 0px 0 6px;
    padding: 16px 10px 10px;
    width: auto;
}

.body-questionasked .field_complement,
.body-contact .field_complement {
	margin-left:100px;
}


/* Validation + CGV  */
form fieldset:last-child label {
	width:auto;
	margin-right:10px;
}

form fieldset:last-child label a {
	text-decoration:underline;
}

form fieldset:last-child .hidden_field {
	width:auto;
}

form input[type="submit"]  {
	border:none;
	font-weight:bold;
	font-size:1.2em;
	line-height:1em;
	text-align:center;
	display:block;
	padding:8px 10px;
	color:#FFF;
	background:#f8be18;
}

form input[type="submit"]:hover,
form input[type="submit"]:active {
	background:#393939;
	cursor:pointer;
}

/* Step form submit */

.itemsform .itemsform-submit{
	    border: medium none;
    margin-top: 0;
    margin-right: 0px;
	}


.itemsform-submit {
	border-top:1px dotted #d6d6d6;
	padding:20px 0;
	margin-top:60px;
	position:relative;
}

.body-questionasked .itemsform-submit,
.body-contact .itemsform-submit {
	border:none;
	margin-top:0;
	margin-right: 20px;
}

form input[type="submit"] {
	border:none;
	font-size:1em;
	text-align:center;
	font-weight:normal;
	-webkit-appearance: none;

}

.sliderrow form ul li{
	margin-bottom: 10px;
		}

form input#save {
    background: #f8be18 none repeat scroll 0 0;
    border-radius: 5px;
    color: #2d2d2d;
    font-size: 1em;
    margin-top: 12px;
    padding: 16px 0;
    text-align: center;
    text-decoration: none;
	width:100%;
	font-weight: bold;
	-webkit-appearance: none;
}

form input#save:hover {

    background: #f8ac18 none repeat scroll 0 0;
}

.itemsform {
	pading-right: 20px;
}

form input#save:hover,
form input#save:active{
	background-position:right bottom;
	cursor:pointer;
}


form input#back {
	background:url(../images/btn-prev-step.png) no-repeat left top;
	color:#666;
	font-size:0.8em;
	height:40px;
	padding:0 10px 0 20px;
	left:0px;
}

form input#back:hover, .body-signup form input#back:active {
	background-position:left bottom;
	cursor:pointer;
	color:#333;
}


/* Error */
.sliderhome form ul.errors{
	width:auto;
	margin:6px 0 0 0;
	background:url(../images/bg-error.png) no-repeat left top;
	padding:11px 10px 4px;
	color:#FFF;
	font-size:12px;	
	}

form ul.errors {
	width:410px;
	margin:6px 0 0 0;
	background:url(../images/bg-error.png) no-repeat left top;
	padding:16px 10px 10px 10px;
	color:#FFF;
	font-size:1em;
}

form ul.errors li {
	margin:0 0 0 14px;
	list-style-type: square;
}

.sliderrow form ul.errors li {
	margin:0 0 0 14px;
	list-style-type: square;
	width:auto;
}

/* Placeholder */
form ul.placeholder {
	width:410px;
	margin:6px 0 0 0;
	background:url(../images/bg-placeholder.png) no-repeat left top;
	padding:16px 10px 10px 10px;
	font-size:1em;
    color: #468847;
}

form ul.placeholder li {
	margin:0 0 0 14px;
	list-style-type: square;
}

.sliderrow form ul.placeholder li{
	width:auto;
}

/* Step */
.signup-step {
	margin:30px 0;
}

.signup-step li {
	background:url(../images/signup-step.png) no-repeat left top;
	width:145px;
	height:30px;
	float:left;
}

.signup-step li p {
	color:#898989;
	font-size:0.8em;
	padding-top:6px;
	text-align:center;
}

.body-signup .signup-step li.step-01,
.body-address .signup-step li.step-02,
.body-confirmation .signup-step li.step-03 {
	background-position:left bottom;
}

.body-signup .signup-step li.step-01 p,
.body-address .signup-step li.step-02 p,
.body-confirmation .signup-step li.step-03 p {
	color:#664100;
	font-weight:bold;
}

/* Confirmation */
.signupconfirmation {
	margin-bottom:40px;
}

.comfirmation-summary h3 {
	float:left;
	font-size:1.2em;
	color:#999999;
	margin-right:10px;
	padding-bottom:2px;
	border-bottom:1px dotted #d6d6d6;
	width:500px;
}

.comfirmation-summary p {
	float:right
}

.comfirmation-summary p a {
	color:#FFFFFF;
	display:block;
	padding:0 10px;
	background:#393939;
	font-size:0.8em;
}

.comfirmation-summary p a:hover {
	background:#666666;
}

.comfirmation-summary table {
	table-layout:fixed;
	border-collapse:collapse;
	margin:20px 0 60px 20px;
	clear:both;
}

.comfirmation-summary table tr th,
.comfirmation-summary table tr td {
	padding:8px 0;
	vertical-align:top;
}

.comfirmation-summary table tr th {
	color: #393939;
	width:160px;
	text-align:right;
}

.comfirmation-summary table tr td {
	color:#666666;
	padding-left:10px;
}


/* Success & Error */
.page-content .success,
.page-content .error {
	margin:50px auto 0 auto;
	text-align:center;
	width:400px;
}

.page-content .success span,
.page-content .error span {
	display:block;
	margin:0 auto 20px auto;
	width:100px;
	height:84px;
}

.page-content .success span { background:url("../images/sprite-general.png") no-repeat 0px -155px; }
.page-content .error span { background:url("../images/sprite-general.png") no-repeat 0px -239px; }

.signupsuccessful,
.signupsuccessfulwaiting,
.paymentsuccessful {
	margin:50px auto 0 auto;
	text-align:center;
}

.signupsuccessful span,
.paymentsuccessful span {
	display:block;
	background:url("../images/sprite-general.png") no-repeat 0px -155px;
	margin:0 auto 20px auto;
	width:100px;
	height:84px;
}

.signupsuccessfulwaiting span {
	display:block;
	background:url("../images/waiting.gif") no-repeat;
	margin:0 auto 20px auto;
	width:100px;
	height:84px;
}

.signupsuccessful .grey-block,
.signupsuccessfulwaiting .grey-block,
.paymentsuccessful .grey-block {
	padding:20px;
	margin:30px 0;
	line-height:1.4em;
	text-align:center;
	background:#fafafa;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.signupsuccessful .grey-block a,
.signupsuccessfulwaiting .grey-block a,
.paymentsuccessful .grey-block a {
	text-decoration:underline;
}

.grey-block h4{
	font-size: 20px;
	margin-bottom: 10px;
}
/* ------------------------
	Sidebar
------------------------ */
.sidebar {
	margin-left:40px;
	font-size:1em;
	color:#393939;
}

.sidebar .sidebar-block {
	margin-bottom:40px;
}

/* Icons */
.sidebar .sidebar-block .sidebar-icon {
	background:url(../images/sprite-sidebar-icon.png) no-repeat left top;
	height:50px;
	margin-bottom:16px;
}

.sidebar .sidebar-block.contact .sidebar-icon {background-position:0px 0px;width:66px;}
.sidebar .sidebar-block.posts .sidebar-icon {background-position:-66px 0px;width:54px;}
.sidebar .sidebar-block.plans .sidebar-icon {background-position:-66px 0px;width:54px;}
.sidebar .sidebar-block.map .sidebar-icon {background-position:-120px 0px;width:29px;}
.sidebar .sidebar-block.infos .sidebar-icon {background-position:-149px 0px;width:28px;}
.sidebar .sidebar-block.help .sidebar-icon {background-position:-177px 0px;width:51px;}
.sidebar .sidebar-block.plus .sidebar-icon {background-position:-228px 0px;width:48px;}
.sidebar .sidebar-block.secure .sidebar-icon {background-position:-276px 0px;width:35px;}
.sidebar .sidebar-block.card .sidebar-icon {background-position:-311px 0px;width:173px;}

.sidebar-block p {
	color:#393939;
	line-height:1.2em;
	margin-bottom:6px;
}

.sidebar .sidebar-block span {
	font-weight:normal;
	font-size:0.8em;
	color:#666;
	padding-bottom:16px;
	margin-bottom:16px;
}

.sidebar .sidebar-block a {
	color:#000;
	text-decoration:underline;
}

.sidebar .sidebar-block a:hover {
	color:#666666;
	text-decoration:underline;
}

.sidebar-block ul,
.sidebar-block ol {
	margin-bottom:20px;
}

.sidebar-block ul li,
.sidebar-block ol li {
	margin-left:16px;
	list-style-type: square;
	margin-bottom:4px;
	font-size:1em;
}


/* ---- Tags ---- */
.sidebar-block.tags {
	margin-bottom:20px;
}

.sidebar-block.tags ul{
	margin-left:0;
}

.sidebar-block.tags ul li {
	color:#f8be18;
	list-style-type: none;
	margin:0 0 6px 0;
}

.sidebar-block.tags ul li a {
	color:#393939;
	text-decoration:underline;
}


/* ---- Signup ---- */
.sidebar-block.plus span {
	display:block;
	padding-bottom:16px;
	margin-bottom:16px;
	border-bottom:1px dotted #ccc;
}

.sidebar-block.plans ul,
.sidebar-block.plans ol {
	margin-bottom:25px;
}

.sidebar-block.plans ul li,
.sidebar-block.plans ol li {
	color:#666;
	font-size:0.9em;
}

#pack-detailed{
	transition:background-color 0.5s;
	background-color: rgb(239, 239, 239);
}
#pack-detailed.flash{
	background-color: rgba(253, 200, 50, 0.8);
}
#pack-detailed p:last-child{
	font-size:0.75em;
	font-style:italic;
}

/* ---- Contact ---- */
.sidebar .sidebar-block.contact address {
	line-height:1.2em;
	font-style:normal;
	font-size: 0.9em;
}

.sidebar .sidebar-block.contact a {
	color:#666;
	text-decoration:none;
}

.sidebar .sidebar-block.contact a:hover {
	text-decoration:underline;
}

.sidebar .sidebar-block.map a {
	display:block;
	border:5px solid #f8f8f8;
}

.sidebar .sidebar-block.map a:hover,
.sidebar .sidebar-block.map a:active {
	border:5px solid #FFF;
}

/* ---- Questions ---- */
.body-questions .sidebar,
.body-question .sidebar {
	margin: 0 40px 0 0;
}

.sidebar .sidebar-block.post h1,
.sidebar .sidebar-block.posts h1,
.sidebar .sidebar-block.questions h1 {
	background:none;
	display:block;
	margin:0;
	padding:0 0 10px 0;
	font-size:1.2em;
	line-height:1em;
	height:auto;
	border-bottom:1px dotted #d6d6d6;
	margin-bottom:16px;
}

.sidebar .sidebar-block.post,
.sidebar .sidebar-block.posts,
.sidebar .sidebar-block.questions {
	margin-bottom:0px;
}


/* ---- Tour ---- */
.sidebar.tour {
	margin:0;
	overflow:hidden;
	position:relative;
	z-index:1;
	margin-top: 38px;
}

.sidebar.tour ul li.primary:first-child a {
	border-top:none;
}

.sidebar.tour ul li.primary a {
	display:block;
	padding:10px 30px 10px 10px;
	line-height:1.4em;
	position:relative;
	font-weight: bold;
}

.sidebar.tour ul li.secondary a {
	display:block;
	color:#999;
	padding:10px 30px 10px 10px;
	line-height:1em;
	font-size: 90%;
	position:relative;
}

.sidebar.tour ul li.last {
	border-bottom:1px solid #d6d6d6;
}

.sidebar.tour ul li.primary a:after,
.sidebar.tour ul li.secondary a:after {
	content: "";
	display:block;
	width:33px;
	height:64px;
	position:absolute;
	top:50%;
	right:-36px;
	margin-top:-32px;
	background:url(../images/sprite-general.png) no-repeat -100px -155px;
	-webkit-transition: right 0.4s ease;
	-moz-transition: right 0.4s ease;
	-o-transition: right 0.4s ease;
	transition: right 0.4s ease;
}

.sidebar.tour ul li.primary a:hover,
.sidebar.tour ul li.primary a:active,
.sidebar.tour ul li.primary a.selected  {
	color:#333;
}

.sidebar.tour ul li.primary a:hover:after,
.sidebar.tour ul li.secondary a:hover:after {
	right:-16px;
	-webkit-transition: right 0.2s ease;
	-moz-transition: right 0.2s ease;
	-o-transition: right 0.2s ease;
	transition: right 0.2s ease;
}

.sidebar.tour ul li.primary a.selected;
.sidebar.tour ul li.secondary a.selected {
	font-weight: bold;
}

.sidebar.tour ul li.primary a.selected:after,
.sidebar.tour ul li.secondary a.selected:after {
	right:-16px;
}


/* ------------------------
	404
------------------------ */
.page-404 {
	margin:40px 100px;
	text-align:center;
}

.page-404 h2 {
	background:url(../images/404.png) no-repeat center top;
	padding-top:250px;
	margin-bottom: 20px;
}

.page-404 h3 {
	font-weight: normal;
	font-size:1em;
	background:url(../images/accolade.png) no-repeat center bottom;
	padding-bottom:150px;
}


/* ------------------------------------------------------------------------------------------------------- */
/* Footer */
/* ------------------------------------------------------------------------------------------------------- */
.footerblack{
	background-color: #0b0b0b;
}

.footer {
	background:#2d2d2d;
	color:#999999;
    position: relative;
    z-index: 40;
}

.footer .container_3 {
	position:relative;
	z-index:9;
}
.noparkingend{
	background-color: #0b0b0b;
}

.footer .footer-deco {
	background:url(../images/sprite-general.png) no-repeat 0px -50px;
	width:140px;
	height:105px;
	position:absolute;
	top:-104px;
	left:-125px;
}

.reassurance{
	text-align: center;
	margin-top: 20px;
	border-left: 1px solid #535353;
    border-right: 1px solid #535353;
}

@media screen and (max-width: 685px) {
.reassurance{
	text-align: center;
	margin-top: 20px;
	border-left: 0px solid #535353;
    border-right: 0px solid #535353;
	}
}
@media screen and (max-width: 685px) {
.reassurance:hover{
	text-align: center;
	margin-top: 20px;
	border-left: 0px solid #535353;
    border-right: 0px solid #535353;
    color: #f8be18;
	}
}


.reassurance:hover{
	text-align: center;
	margin-top: 20px;
	border-left: 1px solid #535353;
    border-right: 1px solid #535353;
    color: #f8be18;
}

.reassurance h3{
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}

.reassurance h3:hover{
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
    color: #f8be18;
}

.reassurance p{
	color: #d3d3d3;
	font-size: 12px;
	font-weight: lighter;
}

.reassurance .cercle-rea{
  border-radius:50%;
  width:90px;
  height:90px;
  border:4px solid #626262; 
}

.reassurance .cercle-rea:hover{
  border:4px solid #f8be18; 
}

.footer-social,
.footer-info {
	text-align:center;
	margin:20px 0;
}

/* Bloc */
.footer .footer-bloc {
	margin:25px 3px 20px 3px !important;
	padding:20px;
	background:#232323;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	float: left;
	width: 45%;
	min-height: 75px;
	display: block !important;
}

@media screen and (max-width: 950px){
.footer .footer-bloc {
	margin: auto !important;
	margin-top: 15px !important;
	margin-bottom: 10px !important;
	padding:20px;
	background:#232323;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	float: none;
	width: 85%;
	min-height: none;
	height: none;
	display: block;
	text-align: center;
}	
}


.footer-bloc .footer-blocd{
	float: left;
	display: block;
}
@media screen and (max-width: 800px){
	.footer-bloc .footer-blocd{
		float: none !important;
		display: block !important;
		

}
}

.footer-blocd img{
	width: 204px;
	height: 61px;
   margin-right: 5px;
   margin-left: 5px;
}

.footer-blocd .btnslide{
   padding: 13px;
   margin-bottom: 5px;	
 	margin-top: 7px;
 	width: 100%;
}

@media screen and (max-width: 800px){
.footer-blocd .btnslide{
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
   padding: 13px;
   width: auto;

}}

.footer-blocd .btnslide p{
	font-size: 14px;
	line-height: 14px;
	color: #2d2d2d;

}

.footer-baseline{
 color: ;
 font-size: 12px;
 text-decoration : underline;
 margin-left: 5px;
}

.footer-baseline:hover{
 color: #d3d3d3;
 font-size: 12px;
 text-decoration : underline;
}

.footer-bloc p{
	color: #d3d3d3;
	font-size: 12px;
}


.footer-bloc p strong {
	color: #CCC;
}

.footer-bloc p a {
	color: #F8BE18;
	text-decoration:underline;
}

.footer-bloc p a:hover {
	color: #cccccc;
}

.footer-bloc h4{
	color: #d3d3d3;
	font-size: 14px;
}
/* Bloc numéros de téléphone / besoin d'informations? */
.footer-bloc form{
	margin-top: 5px;
	margin-bottom: 5px;
}

.footer-bloc .formnum{
	float: left;
	font-size: 13px;
	width: 82%;
	padding: 10px;
	border: 1px solid #ffffff;
	height: 16px;
}
@media screen and (max-width: 800px){
.footer-bloc .formnum{
	float: none;
	font-size: 13px;
	width: auto;
	margin-top: 10px;
}
}

.footer-bloc .formok{
	float: left;
	font-size: 16px;
	height: 38px;
}

@media screen and (max-width: 800px){
.footer-bloc .formok{
	float: none;
	font-size: 16px;
	margin: auto;
	width: auto;
}
}

.footer-bloc form{

}

@media screen and (max-width: 800px){
.footer-bloc form{
	font-size: 16px;
	margin: auto;
}
}

/* Opentime */
.footer-bloc h1 {
	margin-bottom:10px;
}

.footer-bloc.opentime-link h1 a {
	display:block;
}

.footer-bloc.opentime-link h1.baseline {
	font-size:0.9em;
	margin-bottom:20px;
	color:#FFF;
	font-weight:normal;
}

.footer-bloc.opentime-link a + a {
	font-size:0.8em;
	display:block;
	margin-top:10px;
}

.footer-bloc.opentime-link a + a:hover {
	color:#ccc;
}

/* Noparking & FAQ */
.footer-bloc .noparking,
.footer-bloc .faq {
	font-size:0.8em;
	margin-bottom:16px;
	padding-bottom:16px;
	border-bottom:1px dotted #393939;
}

.footer-bloc .noparking p,
.footer-bloc .faq p {
	padding-left:86px;
	line-height:1.2em;
}

.footer-bloc .faq {
	padding-bottom:0;
	border-bottom:0;
}

.footer-bloc .noparking .picto,
.footer-bloc .faq span {
	display:block;
	background:url(../images/sprite-sidebar-icon.png) no-repeat 0px 0px;
	height:50px;
	float:left;
}

.footer-bloc .noparking span {
	background-position:0px 0px;
	width:66px;
}

.footer-bloc .faq span {
	background-position: -177px 0px;
	width:51px;
}


/* Info */
.footer-info a.noparking {
	display:block;
	width:70px;
	height:29px;
	margin:20px auto 10px auto;
}
.footer-info p {
	font-size:0.8em;
	color: #d3d3d3;
}
.footer-info p a {
	text-decoration:underline;
	color:#999999;
	white-space:nowrap;
}

.footer-info p a:hover {
	color:#666666;
}

/* Twitter */
.twitter-bloc {
	position:relative;
	font-size:0.8em;
	padding:10px;
	overflow: hidden;
}

.twitter-bloc ul  {
	margin-bottom:20px;
}

.twitter-bloc ul li {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #393939;
}

.twitter-bloc ul li a {
	color: #F8BE18;
	text-decoration:underline;
}

.twitter-bloc ul li a:hover {
	color: #cccccc;
}

.twitter-bloc ul li span {
	display:block;
	font-style:italic;
	text-align:right;
	font-size:0.8em;
}

.twitter-bloc ul li span a {
	color: #666;
	text-decoration:none;
}

.twitter-bloc .twitter-button {
	color:#FFF;
}
.twitter-bloc .twitter-button span {
	color: #00AEFF;
}
.twitter-bloc .twitter-button:hover span {
	text-decoration:underline;
}

.twitter-bloc .twitter-icon {
	background:url(../images/sprite-general.png) no-repeat -60px 0px;
	width:51px;
	height:35px;
	position:absolute;
	bottom:0;
	right:0;
}

.footer .container_3 .grid_3 {
	width: auto;
}

.footer-coordo{
	padding: 0 0 0px;
	margin: 0px 0px !important;
}

.footer-coordo p{
	font-size: 14px;
	color: #d3d3d3;
	font-weight: normal;
	line-height: 49px;

}

@media screen and (max-width: 800px){
	.footer-coordo p{
	font-size: 14px;
	color: #d3d3d3;
	font-weight: normal;
	line-height: 16px;
	padding: 15px;
}
}

.footer-coordo a{
	font-size: 14px;
	color: #f8be18;
	font-weight: normal;
}

.footer-coordo a:hover{
	font-size: 14px;
	color: #f8ac18;
	font-weight: normal;
}

.footer-coordo .infos{
	float: left;
	line-height: 14px;
} 

@media screen and (max-width: 800px){
	.footer-coordo .infos{
	float: none;
	text-align: center;
	line-height: 12px;		
	}	
}

.footer-rs{
	float: right;
	font-size: 14px;
	color: #d3d3d3;
	font-weight: normal;
}

@media screen and (max-width: 800px){
.footer-rs{
	float: none;
	font-size: 14px;
	color: #d3d3d3;
	font-weight: normal;
	text-align: center;
}	
}

.footer-facebook{
  background:;
  border-radius:50%;
  width:35px;
  height:35px;
  border:2px solid #626262; 
   margin: 5px;
}

.footer-facebook:hover{
  background: #3a5795;
  border-radius:50%;
  width:35px;
  height:35px;
  border:2px solid #3a5795; 
}

.footer-twitter{
  background:;
  border-radius:50%;
  width:35px;
  height:35px;
  border:2px solid #626262; 
   margin: 5px;
}

.footer-twitter:hover{
  background: #55acee;
  border-radius:50%;
  width:35px;
  height:35px;
  border:2px solid #55acee; 
}

/* Back top */
.back-top {
	display:block;
	text-indent:-9999px;
	width:40px;
	height:40px;
	background:url(../images/sprite-general.png) #f8be18 no-repeat 0px 0px;
	position:absolute;
	top:0;
	right:0;
	margin-right:-40px;
	z-index:9999;
}

.back-top:hover {
	background:url(../images/sprite-general.png) #000000 no-repeat 0px 0px;
}




/* Footer Help/Support & Signup */
.body-small-footer .footer-bloc,
.body-small-footer .footer-social {
	display:none;
}

/* ------------------------------------------------------------------------------------------------------- */
/* Custom Grid */
/* ------------------------------------------------------------------------------------------------------- */
.container_3 {width:930px;margin:0 auto;padding:0 15px;}
.container_3 .grid_1 {width:232px;float:left;margin:0 0px;}
.container_3 .grid_2 {width:590px;float:left;margin:0 15px;}
.container_3 .grid_3 {width:900px;margin:0 15px;clear: both;}

.container_4 {width:930px;margin:0 auto;padding:0 15px;}
.container_4 .grid_1 {width:174px;float:left;margin:0 6px;}
.container_4 .grid_2 {width:590px;float:left;margin:0 15px;}
.container_4 .grid_3 {width:900px;margin:0 15px;clear: both;}

/* Spécial Grid : Tour, Help/Support & Signup */
.body-special-grid .page-content .container_3 {width:960px;margin:0 auto;padding:0;background:none;}
.body-special-grid  .page-content .grid_1 {width:260px;float:left;margin:0;}
.body-special-grid  .page-content .grid_2 {width:660px;float:left;margin:0;padding:0 20px 200px 20px;min-height:500px;background:#FFF}
.body-special-grid  .page-content .grid_3 {width:960px;margin:0;}
.body-special-grid .shadow {display:none;}

.body-tour .page-content .grid_2,
.body-question .page-content .grid_2,
.body-questions .page-content .grid_2 {
	-moz-box-shadow: -2px -0px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.2);
	box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.2);
	position:relative;
	z-index:9;
}

.body-post .page-content .grid_2,
.body-posts .page-content .grid_2,
.body-contact .page-content .grid_2,
.body-signup .page-content .grid_2,
.body-questionasked .page-content .grid_2 {
	-moz-box-shadow: 2px -0px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2);
	margin-top:-50px;
}


/*========================/
	Blog
/========================*/
.body img {
	max-width: 100%;
}

form#satisfaction-survey {
	line-height: 125%;
}

/*========================/
	Rating
/========================*/
.ratings {
    display: inline-block;
}
.ratings:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.ratings:not(:checked) > label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 25px;
    line-height: 30px;
    color: #ccc;
}
.ratings:not(:checked) > label:before {
    content: '★ ';
}
.ratings > input:checked ~ label {
    color: #ffc700;    
}
.ratings:not(:checked) > label:hover,
.ratings:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.ratings > input:checked + label:hover,
.ratings > input:checked + label:hover ~ label,
.ratings > input:checked ~ label:hover,
.ratings > input:checked ~ label:hover ~ label,
.ratings > label:hover ~ input:checked ~ label {
    color: #c59b08;
}