body {
    background-color: #fcfdef;
	margin:0;
	
}
a {
    text-decoration: none;
}
/* ---------------------- Styles récurrents sur les différentes pages --------------------------- */

/* Typo générale pour les paragraphes */

p {
    font-family:'Signika Negative', sans-serif;
    text-transform:none;
	text-decoration:none;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.2em;
	color: #000;
}
strong {
	font-weight: 700;
}
/* Titres des parties, dans les photos */

h2 {
    font-family: 'MuseoSlab500Regular';
    font-size: 60px;
    color: #fcfdef;
    text-transform: uppercase;
    text-align: center;
	text-decoration:none;
    margin-top: 70px;
    display: inline-block;
	text-shadow:0px 0px 5px #000000, 0px 0px 5px #000000, 0px 0px 5px #000000;
}
/* Sous titres dans les paragraphe s*/

h3 {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 28px;
    color: #3f271b;
	margin-top: 20px;
    margin-bottom: 20px;
}
h4 {
    font-family: 'MuseoSlab500Regular';
    text-transform: uppercase;
}
.verticalmiddle {
    vertical-align: middle;
}
/* div de 1000px centrée */

.bloc1000 {
    width: 1000px;
    margin: 60px auto 0 auto;
}
/* paragraphes/liste avec filet sur la gauche */

.liste-bordure {
    display: block;
    border-left: 1px solid #d0cec1;
    padding-left: 10px;
}
/* Div moitié de page */

.colonne {
    width: 475px;
    float: left;
}
.texte {
	font-family:'Signika Negative', sans-serif;
	text-transform:none;
	text-decoration:none;
	text-align:left;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.2em;
	color: #000;
}
.outils {
	font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 18px;
    color: #FFF;
	margin-top: 0px;
    margin-bottom: 0px;
}
/* ------------------------------------------ HEADER -------------------------------------------------*/

header {
    height: 114px;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    background-color: #fcfdef;
    border-bottom: solid 1px #d0cec1;
    z-index: 3;
}
/* ---------- logo ---------- */

h1 {
    width: 260px;
    margin: 0 auto;
}
#logo {
    position: absolute;
    z-index: 3;
}
/* -------- Menu ----------- */

nav {
    width: 1000px;
    position: relative;
    margin: 39px auto 0 auto;
    font-family: 'MuseoSlab500Regular';
    text-transform: uppercase;
    font-size: 12px;
}
nav a {
    color: #c0b09e ;
    transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out;
}
/* rollover des liens*/

nav a: hover {
    color: #28170f;
}
header ul {
    display: inline-block;
}
header li {
    display: inline-block;
    text-align: center;
    margin: 0 35px;
    vertical-align: middle;
}
header li: hover {} .menu {
    width: 368px;
    text-align: center;
}
#menu1 {
    margin-right: 260px;
}
/* ------------------------------------------- INTRO --------------------------------------------------*/

#intro {
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 446px;
    position: relative;
    z-index: 1;
    text-align: center;
}
#intro h2 {
    margin: 178px auto 0 auto;
    font-family: 'Yanone Kaffeesatz', sans-serif;
		font-weight: 400;
    font-size: 48px;
    color: #fcfdef;
    text-transform: none;
}
#intro h2 a {
	text-decoration:none;
}
#intro li {
    display: inline-block;
    margin: 0 25px;
}
#intro h4 {
    margin-top: 15px;
    font-size: 16px;
    color: #fcfdef;
}
#points {
    margin-top: 25px;
}
#filet-intro {
    margin: 15px auto 0 auto;
    width: 170px;
    height: 1px;
    background-color: #fcfdef;
    opacity: 0.5;
}
/* ------------------------------------------------------- CONTENU --------------------------------------------------------*/

#contain {
    background-color: #fcfdef;
    width: 100%;
    z-index: 3;
   /* position: absolute;*/
    /*margin-top: 446px*/;
    -moz-box-shadow: 0px -1px 20px 0px #1a1a1a;
    -webkit-box-shadow: 0px -1px 20px 0px #1a1a1a;
    -o-box-shadow: 0px -1px 20px 0px #1a1a1a;
    box-shadow: 0px -1px 20px 0px #1a1a1a;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#1a1a1a, Direction=90, Strength=20);
}
/* ---------------------------------- PAGE 01 - Bande annonce et inscription -------------------------------*/

/* --------------- COMMUN --------------- */

#page1 {
    width: 1000px;
    margin: 0 auto 0;
}
.filet {
    margin: 20px auto;
    width: 475px;
    height: 1px;
    background-color: #c3bcaf;
}
#bande-annonce,
.inscription {
    margin-top: 60px;
}
/* ------ Titres --------- */

#page1 h3 {
    font-family: 'MuseoSlab500Regular';
    text-transform: uppercase;
    font-size: 17px;
    text-align: center;
    color: #28170f;
}
#page1 h3 span {
    font-size: 25px;
}

/* -------- Bloc de PARTAGE reseaux sociaux --------*/

#partage {
    width: 100%;
    border-top: 1px solid #C3BCAF;
    margin: 60px auto 100px auto;
    float: left;
    padding-top: 20px;
}
#partage p {
    font-family: 'MuseoSlab500Regular';
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
}
#social-share {
    width: 650px;
    margin: 0 auto;
}
.log {
    padding-top: 5px;
}
.social_share_privacy_area li .info {
    margin-left: -100px !important;
}

/* ----------------------------------------- FOOTER ----------------------------------------------------- */

#footer {
    margin-top: 100px;
    width: 100%;
    z-index: 3;
    float: left;
}
/* --------------------- Bloc Social ------------------ */

#titre-social {
    background-image: url(../img/visuel-intro.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 329px;
    text-align: center;
}
#titre-social h2 {
    font-size: 35px;
}
#bt-social {
    list-style: none;
    width: 632px;
    margin: 40px auto 0 auto;
    text-align: center;
}
#bt-social li {
	    list-style: none;
    width: 290px;
    height: 42px;
    border: 3px solid #fcfdef;
    margin: 0 10px;
    float: left;
    padding-top: 10px;
    transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
}
#bt-social li: hover {
    opacity: 0.7;
}
#bt-social li p {
    font-family: 'MuseoSlab500Regular';
    text-transform: uppercase;
    color: #fcfdef;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}
#bt-social li img {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
/* --------------------- Bloc Final photo ------------------ */

#wrapper-end {
    width: 100%;
    float: left;
    background-color: #f3f4e0;
}
#end {
    width: 1000px;
    margin: 0 auto;
}
#end .colorbox {
    margin: 25px 0 25px 0;
    color: #787468;
    text-align: center;
    float: left;
    cursor: pointer;
}
#end p {
    margin: 25px 0 25px 0;
    color: #787468;
    text-align: center;
    float: right;
}
#cboxLoadedContent h2 {
    font-family: 'MuseoSlab500Regular';
    font-size: 40px;
    color: #3f271b;
    margin-top: 20px;
    width: 100%;
    text-align: center;
}
#cboxLoadedContent h3 {
    margin-top: 20px;
}

/* --------------------- FAQ - tuto TestFlight ------------------ */
.faq {
    width: 960px;
    margin: 0 auto;
}

header.pages {
    position: relative;
}

.faq h2 {
     color: #3f271b;
}

.faq h3 {
    margin-top: 40px;
     color: #3f271b;
}

.faq img {
    margin: 20px;
    width: 600px;
}
/* --------------------- tableaux ------------------ */
tr.row_odd { background-color:#e5e8b8;}
tr.row_even { background-color: #eff1cf;}