/*

CUSTOM ELEMENTS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

h2 {
	color: black;
}

body {
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.125em;
	background-color: black;
	color: #808080;
	text-rendering: optimizeLegibility;
	padding-top: 20px;
}


p, li {
	color: #404040;
}

/* Principal container */
#container {
	background-color: black;
  	width: 940px;
  	margin: 0 auto;
	padding-top: 20px;
}

#presentationContainer {
	height: 450px;
}

#mainIllustrationContainer {
	float: left; 
	width: 640px;
}

#mainTitleContainer {
	float: right; 
	width: 300px; 
	margin-top: 90px;
}

/* Container for columns of text / pictures */
.columnsContainer {
	width: 820px;
	margin: 0 auto;
	margin-bottom: 35px;
}

.allWidthColumnsContainer {
	width: 100%;
}

#servicesContainer {
	border-top: 1px solid gray;
	padding-top: 70px; 
	margin-top: 70px;
}

.columnsContainer::after {
	clear: both;
}

.columnsContainer::before, .columnsContainer::after {
	display: table;
	content: "";
}

.supportColumnsContainer {
	border-top: 1px solid #CBCBCB;
	margin: 0;
}

/* Columns that are 2 */
.column2 {
	display: inline;
	float: left;
	width: 48%;
	padding: 1%;
}

.column3 {
	display: inline;
	float: left;
	width: 31%;
	padding: 1%;
}

.column3 p {
	font-size: 14px;
}

.column3 .textImage {
	text-align: center;
}

.imageFeature {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	box-shadow: 0px 0px 4px #555;
	-moz-box-shadow: 0px 0px 4px #555;
	-webkit-box-shadow: 0px 0px 4px #555;
}

.columnQuestions {
	margin-top: 10px;
	margin-bottom: 20px;
}

.sectionTitle {
	line-height: 1.5em;
}

.sectionSubtitle {
	font-size: 1.125em;
	line-height: 1.25em;
	color: #888;
}

.subtitleBigMarging {
	margin-bottom: 24px;
}

.carreTips {
	width: 75%;
	-webkit-box-shadow: inset rgba(0, 0, 0, 0.20) 0 1px 3px;
	-moz-box-shadow: inset rgba(0, 0, 0, 0.20) 0 1px 3px;
	box-shadow: inset rgba(0, 0, 0, 0.20) 0 1px 3px;
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #F4F4F4), color-stop(0.5, white) );
	background-image: -moz-linear-gradient( center bottom, #F4F4F4 0%, white 50% );
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-khtml-border-radius: 4px;
	background-color: #F8F8F8;
	padding: 30px 40px 32px;
	margin: auto;
	margin-bottom: 40px;
	border-radius: 4px;
}

.carreTipsParagraph {
	font-size: 16px;
	margin-top: 14px;
	margin-bottom: 22px;
	line-height: 22px;
	color: #404040;
}

#futurChantier {
	margin-bottom: 100px; 
	margin-top: 100px;
}

#futurChantier h2 {
	font-size: 36px; 
	line-height: 36px;
}

.contactButtonContainer {
	text-align: center;
	margin-bottom: 0;
	margin-top: 14px;
}

.contactButtonContainerSupport {
	margin-top: 0px;
}

.contactButton {
	width: 200px;
	font-size: 16px;
	font-weight: normal;
	padding: 14px 24px;
	margin-right: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.pricingButton {
 	 margin-top: 4px; 
	font-size: 1.125em;
	line-height: 38px;
	width:141px;
}

/*******************
**	HEADER
*******************/

#header {
	width: 940px;
	min-height: 71px;
	margin: auto;
	margin-bottom: 14px;
	background-repeat: no-repeat;
	border: none;
	box-shadow: none;
	background-color: black;
}

#titleLogo {
	margin-bottom: 18px;
	height: 77px;
	width: auto;
	float: left;
}

#logoImage {
	float: left;
}

#titleLogo div {
	margin-top: 5px;
	font-size: 1.875em;
	line-height: 1.875em;
	font-weight: bold;
	color: #404040;
	float: left;
	text-shadow: 0 1px 0 white;
}

#headerList {
	float: right;
	list-style-type: none;
	text-align: center;
	margin-top: 30px;
	height: 1.5em;
}

#headerList li {
	float: right;
	height: 1.5em;
}

#headerList li a {
	display: block;
	color: #8A8080;
	font-size: 1em;
	padding-left: 10px;
	padding-right: 10px;
	height: 1.5em;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

#mainTitleContainer [class^="icon-"], #mainTitleContainer [class*=" icon-"] {
	margin-top: 2px;
}

/******************
*	TITLE
******************/

#title {
	max-width: 720px;
	max-height: 43px;
	margin: 0 auto;
	margin-bottom: 20px;
	background-color: black;
}

#mainTitle {
	font-size: 36px; 
	line-height: 36px; 
	margin-bottom: 30px; 
	color: black;
}

#titleBottom {
	width: 795px;
	height: 45px;
	margin: 0 auto;
	margin-top: 20px;
}

#subtitle {
	width: 795px;
	margin: auto;
 	font-size: 1.3em;
 	line-height: 1.3em;
 	color: #404040;
  	text-align: center;
  	margin-bottom: 20px;
	margin-top: 20px;
}

#textTitleImage {
	margin-bottom: 0;
	text-align: center;
}

/* Support.html */
#helpSupport {
	margin-bottom: 0px;
	font-size: 0em;
}

/*******************
*	APPSTORE & VIDEO LINKS
*********************/

.homeButton {
	margin-top: 4px;
	font-size: 1em;
	text-align: center;
	line-height: 22px;
}

.largeButton {
	width: 90px;
}

.fixBtnGroup {
	width: 144px;
}

#linksContainer {
	width: 100%;
	margin: 0;
	display: inline-block;
}

#enTeteAppStore {
	text-align: center; 
	font-size: 0.813em; 
	color: #ACACAC
}

#leftContainer {
	float: left;
	width: 40%;
	padding-left: 10%;
	text-align:center;
}

#rightContainer {
	float: right;
	width: 40%;
	padding-top: 2px;
	padding-right: 10%;
}

#appstore {
	display: block;
	margin: 0 auto;
	width: 163px;
	height: 60px;
}

#appStoreImage {
	width: 163px;
	height: 60px;
}

#videoLinkIphone {
	display: none;
}

.playVideoImage {
	margin: auto;
	width: 141px;
	height: 52px;
}

/*********************
**	TIPS
***********************/

.tipsList {
	margin-top: 24px;
}

.tipsList li {
	font-size: 16px;
	line-height: 22px;
}

.tipsContainer {
	margin: 0;
	margin-top: 30px;
	margin-bottom: 40px;
	padding-top: 14px;
}

.tipsContainer::after {
	clear: both;
}

.tipsContainer::before, .tipsContainer::after {
	display: table;
	content: "";
}

.illustrationImage {
	max-width: 488px;
}

.illustrationLeft {
	float: left;
}

.illustrationRight {
	float: right;
}

.tipsDescription {
	width: 420px;
}

.tipsDescription p {
	font-size: 18px;  
	line-height: 22px;
}

.descriptionLeft {
	float: left;
	margin-left: 0px;
}

.descriptionRight {
	float: right;
	margin-right: 0px;
}

#descriptif-reserves {
	margin-top: 210px;
}

#descriptif-reception {
	margin-top: 210px;
}

.h2TwoLines {
	line-height: 1em;
	margin-bottom: 0.25em;
}

/*****************
**	FOOTER
*******************/

#footer {
	width: 100%;
	min-height: 77px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	background-image: url(../../image/footerBackground.jpg);
	background-color: black;
}

#twitterTimeline {
	height: 51px;
	width: 390px;
	margin-left: 104px;
	padding-top: 26px;
	float: left;
}

#twitterTimeline li { 
	text-align: justify; 
	margin-left: 0px;
	width: 390px; 
	list-style-type: none; 
	font-size: 0.813em;
	line-height: 1.125em;
	color: #636363;
	text-shadow: 0 1px 0 white;
}

#twitterTimeline li a {
	color: #636363;
	text-decoration: none;
	text-shadow: 0 1px 0 white;
}

#newsletterForm {
	float: right;
	margin-top: 20px; 
	margin-right: 20px;
}

#labelForNewsletter {
	float:left; 
	color: white; 
	font-size: 0.875em; 
	margin-right: 8px; 
	margin-top: -4px; 
	text-align: justify;
	text-shadow: 0 1px 0 black;
	width: 105px;
}

#newsletterInput, #pkjkyd-pkjkyd {
	height: 1.625em;
	width: 168px;
	padding-left: 10px;
	padding-right: 10px;
}

#newsletterButton {
	margin-top: 2px;
	height: 1.25em; 
	padding-top: 0.75em;
}

#askAnswer {
	margin-top: 70px;
	padding-top: 70px;
	padding-bottom: 16px;
	margin-bottom: 36px;
	border-top: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
}

#askAnswerSubtitle {
	margin-bottom: 49px;
}

#bottomLinks {
	width: 940px;
	margin-top: 1.5em;
	margin-bottom: 1.125em;
	text-align: center;
}

#bottomLinks a {
	color: #8A8080;
	line-height: 1.25em;
	font-size: 1em;
	margin-left: 10px;
	margin-right: 10px;
	text-shadow: 0 2px 0 white;
}

#copyright {
	font-size: 0.813em;
	width: 940px;
	margin: 0 auto;
	margin-bottom: 40px;
	text-align: center;
}

#copyright a {
	color: gray;
	font-weight: bold;
	text-decoration: none;
}

#socialContainer {
	width: 320px;
	height: 32px;
	margin: 0 auto;
}

.fb_edge_widget_with_comment {
	top: -3px;
}

/****************
*	POPUP
*****************/

body #backgroundPopup{  
	display:none;  
	position:fixed;  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:white;  
	z-index:1;  
}

#popupVideo {  
	display:none;  
	position:fixed;  
	width:560px;  
	height:325px;  
	z-index:2;  
	background-color: white;
	-webkit-box-shadow: 0px 0px 40px #555;
	box-shadow: 0px 0px 40px #555;
	-moz-box-shadow: 0px 0px 40px #555;
}    

#popupVideo iframe {
	border: none;
}

/****************
*	PAGE CITATIONS
*****************/

.citationsContainer {
  overflow:hidden;
  position:relative;
}

.citationBlock {
  float: right;
  margin-top: 40px;
  margin-right: 40px;
  width: 400px;
  height: 860px;
}
.citationWrapper {
  position: relative;
}

.citation {
	color: black;
	font-size: 28px;
	line-height: 32px;
}

.citationAuthor {
	font-size: 13px;
	line-height: 14px;
}

#citationIllustration {
	float: right;
	margin-top: 20px;
}