@import url(https://fonts.googleapis.com/css?family=Lato|Roboto:400,900|Archivo+Black|PT+Serif);

body, html {
	margin: 0;
	padding: 0;
	font-family: "Lato";
	font-size: 14px;
	padding-top: 53px;
	color: #232323;
}

#header {
	background-color: #f3f3f3;
	-moz-box-shadow: 0px 4px 10px 0px #888888;
	-webkit-box-shadow: 0px 4px 10px 0px #888888;
	-o-box-shadow: 0px 4px 10px 0px #888888;
	box-shadow: 0px 4px 10px 0px #888888;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#888888, Direction=180, Strength=10);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 201;
}

#logo {
	padding-top: 5px;
	padding-bottom: 2px;
}

.content {
	width: 1280px;
	margin: 0 auto;
	position: relative;
}

#facebookLikes {
    top: 10px;
    position: absolute;
    right: 0;
}

#menu {
	position: absolute;
	top: 35px;
	right: 0px;
	z-index: 100;
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	position: relative;
}

#menu ul li a {
	color: #1C1C1C;
	text-decoration: none;
	padding: 15px 36px;
	display: block;
	font-size: 18px;
	font-family: "Roboto";
}

#menu ul li.home a {
	padding: 15px 25px;
}

#menu ul li.search a {
	padding: 15px 25px;
}

#menu ul li.home a span {
	display: none;
}

#menu ul li.search a span {
	display: none;
}

#menu ul li a.VIPGRATUIT {
	background-color: #1C1C1C;
	color: #fff;
}

#menu ul li:hover > a {
	color: #76B300;
}

#menu ul ul {
	display: none;
}

#menu ul li:hover ul {
	display: block;
	position: absolute;
	top: 47px;
	left: 0px;
	padding-top: 23px;
	background-image: url(../img/flech-sous-menu.png);
	background-repeat: no-repeat;
	background-position: 70px 17px;
}

#menu ul ul li {
	display: block;
	background-color: #292929;
}

#menu ul ul li:nth-child(1) {
	border-top: 5px solid #7bb200;
}

#menu ul ul li a {
	padding: 10px 20px;
	width: 235px;
	color: #fff;
	font-size: 16px;
}

#menu ul ul li:nth-child(1) a {
	padding-top: 20px;
}

#menu ul ul li:last-child a {
	padding-bottom: 20px;
}

#menu ul li:nth-child(6) ul li a {
	width: 140px;
}

#espaceMembres {
	position: absolute;
	top: 8px;
	right: 130px;
	z-index: 3000;
}

#espaceMembres a {
	background-color: #7bb200;
	display: inline-block;
	padding: 4px 10px;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	margin-left: 20px;
}

#espaceMembres a:nth-child(2) {
	background-color: #fff;
	color: #7bb200;
	border: 1px #7bb200 solid;
}

.pictoUser:before {
	content: '\f2c0';
	color: #fff;
	display: inline-block;
	margin-right: 10px;
	font-family: "FontAwesome";
}

#espaceMembres a:nth-child(2).pictoUser:before {
	color: #7bb200;
}

/* FOOTER */ 

#footer {
	background-color: #373737;
	color: #fff;
}

#footer .content {
	padding-top: 50px;
	padding-bottom: 50px;
}

.footerCol {
	width: 300px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.footerCol ul {

}

.footerCol ul li {
	color: #7bb200;
}

.footerCol ul li a {
	color: #ccc;
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}

.footerCol ul li a:hover {
	color: #fff;
}

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

.footerColTitre span {
	color: #7bb200;
}

#reseauxSociaux {
	position: relative;
	text-align: center;
}

#reseauxSociaux a {
	background-color: #fff;
	color: #292929;
	border-radius: 100%;
	text-align: center;
	width: 43px;
	display: inline-block;
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
}

#reseauxSociaux a:hover {
	color: #7BB200;
}

#newsletter {
	margin-top: 50px;
	text-align: center;
}

#newsletter form {
	margin-top: 20px;
}

#newsletter input[type=email] {
	padding: 10px;
	vertical-align: middle;
}

#newsletter input[type=submit] {
	background-color: #7bb200;
	color: #fff;
	border: 0;
	padding: 10px 20px;
	font-size: 16px;
	vertical-align: middle;
	margin-left: -3px;
	cursor: pointer;
}

#newsletter input[type=submit]:hover {
	background-color: #6c9c00;
}

.tPetit {
	font-size: 11px;
}

/* DISCLAIMER */

#disclaimer {
	background-color: #303030;
	color: #ccc;
	padding: 10px;
	text-align: center;
	padding-right: 35px;
	position: relative;
}

#disclaimer .content {
	padding: 20px 50px;
	font-size: 12px;
}

#logo18ans {
	position: absolute;
    right: 5px;
    top: 7px;
    width: 25px;
}

#logo18ans img {
	width: 100%;
}

/* COPYRIGHT */

#copyright {
	background-color: #232323;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	text-align: center;
}

#copyright a {
	color: #fff;
}

/* CLEAR */

.clear {
	clear: both;
}

/* DEVENEZ TRADER */

#indicesBloc {
	width: 677px;
	height: 139px;
	background-image: url(/img/font-bourse-direct.png);
	position: absolute;
	top: 0;
	right: 0px;
	cursor: pointer;
}

#indicesBlocTitre {
	width: 100px;
	border-top: 25px solid #232323;
	border-bottom: 25px solid #232323;
	font-family: "Roboto";
	font-weight: 900;
	font-size: 20px;
	color: #232323;
	text-transform: uppercase;
	padding: 9px 0px 3px 7px;
}

#indicesBlocTitre a {
	color: #232323;
	text-decoration: none;
}

#indicesBlocTitre a span {
	font-family: "Roboto";
	display: block;
	font-size: 17px;
	font-weight: normal;
	color: #7bb200;
	text-transform: uppercase;
}

#indicesInfos {
	position: relative;
	overflow: hidden;
	width: 546px;
	height: 115px;
	position: absolute;
	left: 130px;
	top: 0;
}

#indicesInfosContent {
	position: absolute;
	left: 0px;
	top: 0;
}

.indicesInfos {
	float: left;
	padding-top: 35px;
    width: 182px;
}

.indicesInfosTitre {
	font-family: "Roboto";
	font-size: 28px;
}

.indicesInfosVal {
	font-family: "Roboto";
	font-size: 16px;
}

.indicesInfosValPts {
	text-transform: uppercase;
	font-size: 9px;
	font-family: "Roboto";
	margin-right: 10px;
}

.indicesInfosValDiffV {
	color: #7bb200;
	font-size: 14px;
	font-family: "Roboto";
}

.indicesInfosValDiffR {
	color: #ee0303;
	font-size: 14px;
	font-family: "Roboto";
}

#devenezTrader {
	position: relative;
	z-index: 1;
	height: 638px;
	background-image: url(../img/FondContentHome.jpg);
}

#devenezTrader .content {
	height: 638px;
	padding-left: 32px;
	padding-right: 32px;
	box-sizing: border-box;
	position: relative;
}

.slide1 {
	background-image: url(../img/img-slide1.jpg);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 638px;
}

.slide2 {
	background-image: url(../img/img-slide2.jpg);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 638px;
	display: none;
}

.slide3 {
	background-image: url(../img/img-slide3.jpg);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 638px;
	display: none;
}

#devenezTraderTitre {
	position: absolute;
	top: 150px;
	right: 0;
	color: #232323;
	font-family: "Archivo Black", sans-serif;
	font-size: 38px;
	text-transform: uppercase;
}

#devenezTraderSousTitre {
	position: absolute;
	top: 200px;
	right: 0;
	color: #7BB200;
	font-family: "Lato", sans-serif;
	text-transform: uppercase;
	font-size: 30px;
}

#devenezTraderVideo {
	position: absolute;
	bottom: 10px;
	right: 0px;
	background-color: #232323;
	padding: 10px;
}

#devenezTraderVideoTitre {
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
	font-family: "Roboto";
	font-weight: bold;
	text-align: center;
}

#devenezTraderVideoIframe {
	padding-bottom: 7px;
	padding-top: 7px;
}

#devenezTraderBtn a {
	background-color: #7BB200;
	color: #fff;
	text-decoration: none;
	padding: 12px 0px;
	display: block;
	text-align: center;
	font-size: 16px;
	font-family: "Lato";
	text-transform: uppercase;
}

#devenezTraderBtn a:hover {
	background-color: #6c9c00;
}

/* TRADING PROPULE */

#tradingPropulse {
	position: relative;
	border-top: 12px #373737 solid;
	background-color: #232323;
	padding-bottom: 60px;
}

.tradingPropulseBloc {
	width: 410px;
	float: left;
	margin-left: 8px;
	margin-right: 8px;
	background-color: #2e2e2e;
	position: relative;
}

.tradingPropulseBlocNumber {
	color: #fff;
	font-size: 60px;
	padding-top: 30px;
	padding-left: 30px;
	position: relative;
	display: inline-block;
	font-family: "PT Serif";
}

.tradingPropulseBlocNumber span {
	bottom: -12px;
    color: #7BB200;
    position: absolute;
    right: -21px;
}

.tradingPropulseBlocPicto {
	color: #3f3f3f;
    font-size: 36px;
    left: 142px;
    position: absolute;
    top: 20px;
}

.tradingPropulseBlocTexte {
	color: #fff;
    left: 140px;
    position: absolute;
    top: 70px;
    padding-right: 10px;
}

.tradingPropulseBlocBtn a {
	background-color: #3f3f3f;
    color: #fff;
    display: block;
    margin-bottom: 10px;
    margin-top: 32px;
    padding: 10px 30px;
    background-image: url(../img/picto-triangle.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

#tradingPropulseSlogan {
	font-size: 30px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 28px;
	font-family: "Roboto";
	font-weight: 900;
	margin-top: 50px;
}

#tradingPropulseSlogan2 {
	text-align: center;
	font-size: 24px;
	font-family: "Roboto";
	color: #7BB200;
	text-transform: uppercase;
}

#tradingPropulseBtn {
	position: absolute;
	bottom: -80px;
	left: 50%;
	margin-left: -250px;
	z-index: 200;
}

#tradingPropulseBtn a {
	background-color: #7BB200;
	color: #fff;
	text-decoration: none;
	padding: 12px 50px;
	font-size: 16px;
	font-family: "Lato";
	text-transform: uppercase;
	width: 450px;
	display: block;
	text-align: center;margin-left: -7px;
}

#tradingPropulseBtn a:hover {
	background-color: #6c9c00;
}

/* CHALLENGE */

#contenu .tUpper {
	text-transform: uppercase;
}

#contenu .tPetit, #challengeColTwo .tPetit {
	font-size: 14px;
}

#challenge {
	background-image: url(../img/fond-challenge.jpg);
	background-position: center;
	background-size: cover;
}

#challengeList {
	margin-bottom: 45px;
}

#challengeList a {
	background-color: #7bb200;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 10px 54px;
}

#challengeList a:hover {
	background-color: #6c9c00;
}

#challengeTitre {
	color: #232323;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 29px;
	font-family: "Roboto";
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
}

#challengeTitre span {
	color: #7bb200;
}

#challengeTitre:before {
	content: '\f091';
	font-family: "FontAwesome";
	color: #232323;
	padding-right: 20px;
	font-weight: normal;
}

#challengeColOne {
	width: 500px;
	float: left;
	padding-top: 40px;
}

#challengeColTwo {
	width: 700px;
	float: right;
	padding-bottom: 50px;
}

#challengeDateInfos {
	margin-bottom: 10px;
	font-style: italic;
	text-align: right;
}

.challengeClassement {
	position: relative;
	margin-left: 104px;
	background-color: #f8f8f8;
	height: 83px;
	margin-bottom: 10px;
}

.challengeClassementAward {
	position: absolute;
	top: 0px;
	left: -104px;
}

.challengeClassementAvatar {
	position: absolute;
	top: 18px;
	left: 18px;
}

.challengeClassementLogin {
    font-size: 18px;
    left: 90px;
    position: absolute;
    top: 30px;
}

.challengeClassementGain {
	position: absolute;
	top: 30px;
	right: 40px;
}

.challengeClassementDiff {
	position: absolute;
	top: 30px;
	right: 10px;
}

#challengeColTwo p {
	font-size: 16px;
	line-height: 22px;
}

#challengeColTwo a {
	color: #7bb200;
}

.tVert {
	color: #7BB200;
}

.tOrange {
	color: #880000;
}

/* PAGE CHALLENGE */

#competSearch {
	padding: 50px;
	border: 1px #ccc solid;
	background-color: #fff;
	width: 600px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
}

#competSearch input[type=text] {
	padding: 10px;
	font-size: 16px;
	width: 250px;
}

#competSearch input[type=submit] {
	cursor: pointer;
	background-color: #7bb200;
	color: #fff;
	font-size: 18px;
	border: 0;
	padding: 10px;
}

#competColOne {
	float: left;
	width: 600px;
}

#competColTwo {
	float: right;
	width: 600px;
}

.competitionClassement {
	width: 500px;
	float: left;
	padding: 10px;
	position: relative;
	margin: 10px;
	height: 63px;
	background-color: #fff;
}

.competitionClassementImage {
	position: absolute;
	top: 17px;
	left: 117px;
}

.competitionClassemenRank {
	position: absolute;
	top: 23px;
	font-size: 30px;
	left: 0px;
	width: 99px;
	height: 83px;
	text-align: center;
}

.competitionClassemenRank img {
	margin-top: -23px;
}

.competitionClassemenUsername {
	margin-left: 173px;
	margin-top: 20px;
	font-size: 18px;
}

.competitionClassemenGain {
	position: absolute;
	top: 30px;
	right: 20px;
	font-size: 18px;
}

/* ACTUALITES */

#actualites {
	background-color: #232323;
	padding-bottom: 50px;
}

#actualitesTitre {
	color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 29px;
	font-family: "Roboto";
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
}

#actualitesTitre:before {
	content: '\f1ea';
	font-family: "FontAwesome";
	color: #fff;
	padding-right: 20px;
	font-weight: normal;
}

#actualitesCadre {
	background-color: #373737;
	padding: 32px;
}

#actualitesList {
	width: 880px;
	float: left;
}

#actualitesBtnTtes {
	text-align: center;
}

#actualitesBtnTtes a {
	display: inline-block;
	background-color: #7BB200;
	color: #fff;
	text-decoration: none;
	padding: 10px 50px;
	font-family: "Lato";
	font-size: 16px;
	margin-left: -7px;
}

#actualitesBtnTtes a:hover {
	background-color: #6c9c00;
}

#widget {
	width: 300px;
	float: right;
}

#widgetTitre {
	background-color: #7BB200;
	text-align: center;
	font-family: "Roboto";
	font-weight: 900;
	text-transform: uppercase;
	font-size: 23px;
	padding: 21px;
	margin-bottom: 10px;
}

#widgetTitre span {
	color: #fff;
	text-transform: none;
}

.actuList {
	float: left;
	width: 251px;
	height: 285px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	padding: 10px;
	position: relative;
	padding-bottom: 50px;
	background-color: #fff;
	cursor: pointer;
}

.actuListTitre {
	font-family: "Roboto";
	font-weight: bold;
	font-size: 16px;
	margin-top: 14px;
	margin-bottom: 14px;
	color: #232323;
}

.actuListTitre a {
	color: #232323;
}

.actuListImage img {
	width: 100%;
}

.actuListDesc {
	text-align: justify;
	color: #232323;
}

.actuListDesc a {
	color: #7BB200;
}

/* VIDEOS */

#videos {
	background-color: #232323;
	padding-top: 50px;
}

#videosColOne {
	width: 990px;
	float: left;
	padding-bottom: 50px;
}

#videosColTwo {
	width: 253px;
	float: right;
	padding-bottom: 50px;
}

#videosColOneTitre {
	font-family: "Roboto";
	font-weight: 900;
	text-align: center;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	padding-bottom: 35px;
}

#videosColOneTitre:before {
	content: '\f008';
	font-family: "FontAwesome";
	display: inline-block;
	padding-right: 20px;
}

#videosColOneTitre span {
	color: #7BB200;
}

#videosColTwoTitre {
	font-family: "Roboto";
	font-weight: 900;
	text-align: center;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	padding-bottom: 35px;
	margin: 0 auto;
}

.videosListCadre {
	width: 310px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
}

.videosListCadreImage {
	background-color: #373737;
	padding: 10px;
	margin-top: 10px;
}

.videosListCadreImage img {
	width: 100%;
}

.videosListCadreCat {
	position: relative;
	padding-left: 30px;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	font-family: "Lato";
	text-transform: uppercase;
}

.videosListCadreDate {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	font-size: 12px;
	font-style: italic;
}

.videosListCadreTitre {
	color: #fff;
	font-size: 15px;
	margin-bottom: 40px;
	padding-top: 14px;
	padding-left: 20px;
	padding-bottom: 14px;
	border-bottom: #373737 2px solid;
	font-family: "Lato";
}

.videoCat {
	width: 17px;
	height: 17px;
	position: absolute;
	top: 0;
	left: 0;
}

.videoCat1 {
	background-color: #0076C6;
}

.videoCat2 {
	background-color: #CC0000;
}

.videoCat3 {
	background-color: #7BB200;
}

.videoCat4 {
	background-color: #F4C300;
}

.videoCat5 {
	background-color: #b85ed5;
}

#videosColTwoCat {
	position: relative;
	font-weight: bold;
	font-size: 15px;
	font-family: "Lato";
	text-transform: uppercase;
	color: #fff;
	padding-left: 30px;
	padding-bottom: 10px;
}

.videosListCadre2 {
	background-color: #fff;
	margin-bottom: 10px;
}

.videosListCadre2Image {
	width: 233px;
	padding: 10px;
}

.videosListCadre2Image img {
	width: 100%;
}

.videosListCadre2Titre {
	text-align: center;
	padding-bottom: 10px;
}

#videosColOneBtn {
	text-align: center;	
}

#videosColOneBtn a {
	background-color: #7bb200;
	color: #fff;
	text-decoration: none;
	padding: 14px 150px;
	font-family: "Lato";
	font-size: 15px;
	text-transform: uppercase;
	display: inline-block;
}

#videosColOneBtn a:hover {
	background-color: #6c9c00;
}

/* PAGE VIDEOS */

.videosListCadrePage {
	width: 310px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	position: relative;
	background-color: #232323;
	padding: 30px 48px 10px;
}

.videosListCadrePageImage {
	background-color: #373737;
	padding: 10px;
	margin-top: 10px;
}

.videosListCadrePageImage img {
	width: 100%;
	cursor: pointer;
}

.videosListCadrePageCat {
	position: relative;
	padding-left: 30px;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	font-family: "Lato";
	text-transform: uppercase;
}

.videosListCadrePageDate {
	position: absolute;
	right: 48px;
    top: 35px;
	color: #fff;
	font-size: 12px;
	font-style: italic;
}

.videosListCadrePageTitre {
	color: #fff;
	font-size: 15px;
	padding-top: 14px;
	padding-bottom: 14px;
	font-family: "Lato";
	height: 30px;
}

/* CONTENU */

#contenu {
	background-color: #f8f8f8;
	padding-top: 20px;
	padding-bottom: 100px;
}

#contenu.contenuAccueil {
	background-image: url(../img/fond-trad4yoy-cest.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff;
}

#contenu.contenuAccueil .content {
	padding-left: 600px;
	width: 680px;
}

#contenu h1 {
	margin: 0;
	padding: 0;
	color: #232323;
	padding-top: 50px;
	font-size: 29px;
	font-family: "Roboto";
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
}

#contenu h2 {
	margin: 0;
	padding: 0;
	color: #7bb200;
	padding-bottom: 50px;
	font-size: 20px;
	font-family: "Roboto";
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
}

#contenu.contenuAccueil h1 {
	text-align: left;
	text-transform: none;
}

#contenu.contenuAccueil h1 span {
	color: #7bb200;
}

#contenu p {
	line-height: 20px;
	color: #444;
	font-size: 15px;
}

#contenu p a.btn {
	background-color: #cc0000;
	color: #fff;
	border-radius: 3px;
	padding: 1px 5px;
	display: inline-block;
	text-transform: uppercase;
	font-family: "Roboto";
	text-decoration: none;
	margin: 0px 5px;
}

#contenu p a {
	color: #7bb200;
}

/* MENTIONS LEGALES */

#mentionsLegales p strong, #cgu p strong {
	text-transform: uppercase;
	font-size: 18px;
}

#mentionsLegales p, #cgu p {
	padding: 0;
	margin: 0;
	font-size: 14px;
	padding: 3px 0px;
}

#mentionsLegales ul, #cgu ul {
	padding: 10px;
	border: #dedede 1px solid;
	background-color: #f4f4f4;
}

#mentionsLegales ul li, #cgu ul li {
	list-style: none;
	font-size: 14px;
	padding: 3px 0px;
}

#mentionsLegales a, #cgu a {
	color: #444;
}

/* CONTACT */

#contactRS {
	margin-top: 20px;
	margin-bottom: 50px;
	border-left: 1px #444 solid;
}

#contactRS a {
	color: #232323;
}

.contactRSList {
	float: left;
	margin-right: 20px;
	width: 200px;
	text-align: center;
	border-right: 1px #444 solid;
}

.contactRSIco a {
	font-size: 40px;
	color: #444;
}

.contactRSIco a:hover {
	color: #7bb200;
}

.contactRSTitre a {
	color: #444;
	text-decoration: none;
	font-family: "Roboto";
}

.contactRSTitre a:hover {
	color: #7BB200;
}

#formContact {
	margin-top: 40px;
}

.label {
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 14px;
}

.champ {
	margin-bottom: 20px;
}

.champ input[type=text], .champ input[type=password], .champ textarea {
	border: 1px #ccc solid;
	padding: 10px;
	font-size: 14px;
	line-height: 20px;
}

.submit input {
	background-color: #333;
	color: #fff;
	text-transform: uppercase;
	font-family: "Roboto";
	font-size: 16px;
	border: 0;
	padding: 10px 50px;
	cursor: pointer;
	border-radius: 3px;
}

.submit input:hover {
	background-color: #000;
}

/* FAQ */

#faqNoMessage {
	font-size: 18px;
}

#faqNoMessage a {
	color: #7bb200;
}

.faqMessage {
	border: 1px #ccc solid;
	margin-bottom: 20px;
	padding: 3px;
}

.faqMessageQuestion {
	padding: 17px;
	font-size: 19px;
	position: relative;
	cursor: pointer;
}

.faqMessageQuestion:before {
	content: '\f063';
	font-family: "FontAwesome";
	display: inline-block;
	color: #7bb200;
	padding-right: 15px;
}

.faqNbLu {
	position: absolute;
	top: 19px;
	right: 20px;
	font-size: 16px;
}

.faqMessageReponse {
	padding: 17px;
	font-size: 16px;
	border-top: 1px #ccc solid;
	display: none;
}

.faqMessageReponse a {
	color: #7bb200;
}

/* LIVRE DOR */

#livreDorNoMessage {
	font-size: 18px;
}

#livreDorNoMessage a {
	color: #7bb200;
}

.livreDorMessage {
	background-color: #fff;
    border: 1px solid #ccc;
    float: left;
    padding: 20px;
    position: relative;
    width: 258px;
    padding-bottom: 30px;
    margin-bottom: 20px;
    margin-right: 20px;
    height: 100px;
}

.livreDorMessagePseudo {
	font-size: 12px;
	font-style: italic;
}

.livreDorMessagePseudo span {
	font-weight: bold;
	font-size: 16px;
	font-style: normal;
}

.livreDorMessageNote {
	color: #7bb200;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.livreDorMessageMessage {
	line-height: 26px;
}

.livreDorMessageMessage a {
	display: inline-block;
	color: #7bb200;
}

.livreDorMessageMessageDetail {
	display: none;
	position: absolute;
	top: 125px;
	left: 20px;
	padding: 10px;
	border: 1px #444 solid;
	line-height: 20px;
	background: rgba(255,255,255,0.9);
	z-index: 1000;
}

.btn {
	text-align: center;
}

.btn a {
	background-color: #7bb200;
    color: #fff;
    font-family: "Roboto";
    font-size: 15px;
    padding: 10px 40px;
    text-decoration: none;
    display: inline-block;
}

.btn a:hover {
	background-color: #6c9c00;
}

/* COMPETITONS LIST */

.competitionList {
	float: left;
	padding: 20px 20px 40px 20px;
	border: 1px #ccc solid;
	background-color: #f4f4f4;
	width: 344px;
	margin-left: 20px;
	margin-right: 20px;
	position: relative;
	margin-top: 50px;
}

.competitionListTitre {
	font-weight: bold;
}

.competitionListDesc {
	line-height: 26px;
}

.competitionListBtn {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -150px;
}

.competitionListBtn a {
	width: 300px;
	background-color: #7bb200;
	color: #fff;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 10px 0px;
}

.competitionListBtn a:hover {
	background-color: #6c9c00;
}


/* POPUP DISCLAIMER */

#popupDisclaimer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 3000;
}

#popupDisclaimerContent {
	background: #fff none repeat scroll 0 0;
    border-bottom: 8px solid #7bb200;
    box-shadow: 0 2px 5px 0 #444;
    left: 50%;
    margin-left: -320px;
    margin-top: -220px;
    padding: 20px;
    position: absolute;
    top: 50%;
    width: 600px;
    height: 400px;
}

#popupDisclaimerBtns {
	text-align: center;
	margin-top: 20px;
}

#popupDisclaimerBtns a {
	display: inline-block;
	padding: 10px 20px;
	width: 200px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #7BB200;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	text-transform: uppercase;
}

#popupDisclaimerBtns a:nth-child(1) {
	background-color: #cc0000;
}

/* POPUP ALERTE MSG */

#popupAlerte {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 3000;
	display: none;
}

#popupAlerteMsg {
	background: #fff none repeat scroll 0 0;
    border-bottom: 8px solid #7bb200;
    box-shadow: 0 2px 5px 0 #444;
    left: 50%;
    margin-left: -220px;
    padding: 20px;
    position: absolute;
    top: 50%;
    width: 400px;
}

#popupAlerteMsgTexte {
    font-size: 17px;
    text-align: center;
}

#popupAlerteMsgButton {
	margin-top: 30px;
    text-align: center;
}

#popupAlerteMsgButton input {
    background-color: #7bb200;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
    padding: 6px 20px;
}

/* */

#menuMobile {
	display: none;
}

#etape7 input[type=text] {
	padding: 10px;
	border: 1px #ccc solid;
	border-radius: 3px;
	font-size: 16px;
	margin-right: 20px;
}

#etape7 input[type=submit] {
	background-color: #000;
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	padding: 10px 30px;
	border: 0;
}

#btnDevenirEtoro a {
	color: #fff;
	background-color: #48A9E0;
	text-transform: uppercase;
	padding: 5px 10px;
	text-decoration: none;
	border-radius: 3px;
}

.niveau {
	display: none;
}

.video {
	display: none;
	text-align: center;
	margin-top: 30px;
}

#etape7 {
	display: none;
	margin-top: 30px;
}

#etape6 {
	display: none;
	margin-top: 30px;
}

#etape5 {
	display: none;
	margin-top: 30px;
}

#etape3 {
	display: none;
	margin-top: 30px;
}

#etape4 {
	display: none;
	margin-top: 30px;
}

.inscriptionFacebook {
	margin-bottom: 30px;
}

.inscriptionFacebook a {
	background-color: #365899;
	color: #fff;
	padding: 10px 20px;
	display: inline-block;
	border-radius: 3px;
	text-decoration: none;
	font-size: 16px;
}

.inscriptionFacebook a:before {
	content: '\f09a';
	font-family: "FontAwesome";
	display: inline-block;
	padding-right: 20px;
}

.inscriptionFacebook a:hover {
	text-decoration: underline;
}

.btnActiver {
	margin-bottom: 30px;
	text-align: center;
}

.btnActiver a {
	background-color: #292929;
	color: #fff;
	padding: 10px 20px;
	display: inline-block;
	border-radius: 3px;
	text-decoration: none;
	font-size: 16px;
}

.btnActiver a:hover {
	text-decoration: underline;
	background-color: #000;
}

.choixRep {
	display: inline-block;
	border-radius: 3px;
	border: 1px #ccc solid;
	background-color: #f4f4f4;
	font-size: 16px;
	color: #aaa;
	padding: 15px 30px;
	text-transform: uppercase;
	margin-right: 30px;
	cursor: pointer;
}

.choixRep:hover {
	background-color: #e4e4e4;
}

.choixRep.sel {
	background-color: #7BB200;
	color: #fff;
}

.choixOui.sel {
	background-color: #7BB200;
	color: #fff;
}

.choixNon.sel {
	background-color: #ED0003;
	color: #fff;
}

.colLeft {
	width: 580px;
	float: left;
}

.colRight {
	width: 580px;
	float: right;
}

.colCadre {
	background-color: #F4F4F4;
	border: 1px solid #ccc;
	padding: 20px;
}

.colCadre h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
}

.inscriptionFacebook {
	text-align: center;
}

.msg {
	color: #dd0000;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

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

#faqAlphabet {
	margin-bottom: 20px;
}

#faqAlphabet a {
	display: inline-block;
	background-color: #f4f4f4;
	border: 1px #ccc solid;
	color: #232323;
	text-decoration: none;
	padding: 5px 10px;
	margin-right: 10px;
}

#faqAlphabet a:hover {
	text-decoration: underline;
}

#faqAlphabet a.sel {
	background-color: #7bb200;
	color: #fff;
	border: 1px #7bb200 solid;
}

.faqColOne {
	width: 635px;
	float: left;
}

.faqColTwo {
	width: 635px;
	float: right;
}

.faqList {
	padding: 10px;
	background-color: #f4f4f4;
	border: 1px #dedede solid;
	margin-right: 20px;
	margin-top: 20px;
	cursor: pointer;
}

.faqQuestion {
	font-size: 20px;
	font-family: "Roboto";
	text-transform: uppercase;
	color: #7BB200;
	position: relative;
	padding-left: 20px;
}

.faqQuestion:before {
	content: '\f063';
	font-family: "FontAwesome";
	display: inline-block;
	color: #7bb200;
	font-size: 14px;
	position: absolute;
	top: 4px;
	left: 0;
}

.faqReponse {
	line-height: 26px;
	font-size: 16px;
	display: none;
	padding-top: 10px;
}

#listCategories {
	margin-top: 20px;
	margin-bottom: 20px;
}

.listCategorie {
	float: left;
}

.listCategorie a {
	border: 1px #ccc solid;
	background-color: #eee;
	padding: 10px 47px;
	display: block;
	font-family: "Roboto";
	text-transform: uppercase;
	text-decoration: none;
	transition: 0.5s;
	margin-right: 20px;
	color: #000;
}

.listCategorie a:hover {
	background-color: #7BB200;
	color: #fff;
}

.selCat a {
	background-color: #7BB200;
	color: #fff;
}

.videosList {
	float: left;
	width: 178px;
	height: 205px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 20px;
	border: 1px #ccc solid;
	position: relative;
	padding-bottom: 40px;
	padding-bottom: 53px;
}

.videosList:hover {
	background-color: #f0f0f0;
	border: 1px #aaa solid;
}

.videoTitre {
	font-family: "Roboto";
	text-align: center;
	font-size: 16px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.videoImage {
	cursor: pointer;
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 80px;
}

.videoImage img {
	width: 100%;
}

.videoDate {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.viewVideo {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 1000;
	display: none;
}

.viewVideoContent {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 560px;
	height: 315px;
	margin-left: -290px;
	margin-top: -167px;
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
}

.viewVideoContentClose {
	position: absolute;
	top: -20px;
	right: -20px;
	background-color: #fff;
	padding: 1px 7px;
	font-size: 23px;
	border-radius: 100%;
	cursor: pointer;
}

.connectVip {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 1000;
	display: none;
}

.connectVipContent {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 560px;
	min-height: 240px;
	margin-left: -290px;
	margin-top: -130px;
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
}

.connectVipClose {
	position: absolute;
	top: -20px;
	right: -20px;
	background-color: #fff;
	padding: 1px 7px;
	font-size: 23px;
	border-radius: 100%;
	cursor: pointer;
}

.connectVipTitre {
	text-align: center;
	font-family: "Roboto";
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 20px;
}

.connectVipForm {
	text-align: center;
}

.connectVipForm input[type=text] {
	width: 80%;
	padding: 10px;
	font-size: 14px;
}

.connectVipForm input[type=submit] {
	margin-top: 20px;
	padding: 10px 50px;
	text-transform: uppercase;
	border: 0;
	border-radius: 5px;
	color: #fff;
	background-color: #DD0000;
	font-size: 16px;
	cursor: pointer;
}

.connectVipForm input[type=submit]:hover {
	background-color: #BB0000;
}

.connectVipDevenir {
	text-align: center;
	margin-top: 40px;
}

.connectVipDevenir a {
	background-color: #7BB200;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 50px;
	text-decoration: none;
	font-size: 16px;
	border-radius: 5px;
	display: inline-block;
}

.connectVipDevenir a:hover {
	background-color: #000000;
}

#msg {
	color: #cc0000;
	font-size: 18px;
	margin-bottom: 20px;
	display: none;
}

.msgVideo {
	color: #cc0000;
	font-size: 18px;
	margin-top: 20px;
	text-align: center;
}

/* APPRENDRE A TRADER */

#contenu h3 {
	font-size: 20px;
	margin: 0;
	padding: 0;
	padding-bottom: 10px
}

.aatColOne {
	padding: 40px;
	border: 1px #ccc solid;
	width: 450px;
	float: left;
	margin-left: 50px;
	position: relative;
	margin-top: 40px;
	background-color: #f4f4f4;
}

.aatColTwo {
	padding: 40px;
	border: 1px #ccc solid;
	width: 450px;
	float: right;
	margin-right: 50px;
	position: relative;
	margin-top: 40px;
	background-color: #f4f4f4;
}

#contenu .aatColOne p, #contenu .aatColTwo p {
	padding: 0;
	margin: 0;
}

.aatBtn {
	position: absolute;
	bottom: -18px;
	left: 50%;
}

#contenu .aatBtn a {
	width: 300px;
	margin-left: -150px;
	padding: 10px 0px;
	text-align: center;
	background-color: #7BB200;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	color: #fff;
}

/* SEARCH */

.searchList {
	padding: 20px;
	width: 258px;
	float: left;
	background-color: #f4f4f4;
	border: 1px #ccc solid;
	height: 150px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.searchListTitre {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
	color: #232323;
}

.searchListDesc {
	line-height: 26px;
	font-size: 15px;
}

.searchListDesc a {
	color: #7bb200;
}

.searchListVideo {
	text-align: center;
}

.searchListVideo a img {
	height: 75px;
}

#searchBox {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    margin: 20px auto 70px;
    padding: 50px;
    text-align: center;
    width: 700px;
}

#searchBox input[type=text] {
	padding: 10px;
	font-size: 16px;
	border: 1px #ccc solid;
}

#searchBox input[type=submit] {
	background-color: #7bb200;
	color: #fff;
	padding: 10px 20px;
	cursor: pointer;
	border: 0;
	font-size: 16px;
}

/* VIDEO DETAIL */

#videoDetail {
	text-align: center;
}

/* LIVRES */

.livresList {
	width: 258px;
	background-color: #fff;
	border: 1px #ccc solid;
	padding: 20px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	height: 440px;
	cursor: pointer;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}

.livreTitre {
	text-align: center;
	font-family: "Roboto";
	font-size: 20px;
	margin-bottom: 20px;
}

.livreImage {
	text-align: center;
}

.livrePrix {
	text-align: center;
	font-size: 26px;
	color: #7bb200;
	margin-top: 20px;
}

.livreBtn {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	text-align: center;
}

.livreBtn a {
	background-color: #7bb200;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	padding: 10px 30px;
}

#formDejaCompte {
	background-color: #f0f0f0;
	padding: 50px;
	width: 700px;
	margin: 0 auto;
}

.banque {
	width: 304px;
	margin: 20px;
	float: left;
	background-color: #fff;
	border: 1px #ccc solid;
	padding: 40px;
	cursor: pointer;
}

.banqueTitre {
	text-align: center;
	font-size: 26px;
	font-weight: bold;
}

.banqueLogo {
	margin-top: 40px;
}

.banqueLogo img {
	width: 100%;
}

.banqueOffre {
	text-align: center;
	margin-top: 20px;
	font-size: 20px;
	color: #dd0000;
}

.banqueCb {
	text-align: center;
	margin-top: 20px;
	font-size: 16px;
	color: #222;
}

.banqueBtn {
	text-align: center;
	margin-top: 20px;
}

.banqueBtn a {
	display: block;
	background-color: #7BB200;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	padding: 10px 0px;
	text-decoration: none;
}

/* MEMBRES INDEX */

#formulesServices {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.formulesServicesHeader {
	background-image: url(../img/membres/Ombre-Haut.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	height: 90px;
	margin-bottom: 28px;
}

.formulesServicesFooter {
	background-image: url(../img/membres/Ombre-Bas.png);
	background-position: top center;
	background-repeat: no-repeat;
	height: 90px;
	margin-top: 20px;
}

.listServicesCat {
	background-color: #000;
	color: #fff;
	padding: 10px 20px;
}

.listServicesLibelle {
	background-image: url(../img/membres/picto-Flech.png);
	background-repeat: no-repeat;
	background-position: 20px 14px;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px #d6d6d6 solid;
}

.noSep {
	border-top: 1px #f8f8f8 solid;
}

#formules {
	position: absolute;
	top: 0;
	right: 0;
}

.listFormule {
	float: left;
	background-color: #fff;
	margin-left: 24px;
	position: relative;
}

#formules .listFormule:nth-child(1):before {
	content: '';
	position: absolute;
	left: -31px;
	width: 31px;
	background-image: url(../img/membres/Ombre-Gauche.png);
	background-repeat: no-repeat;
	background-position: center middle;
	height: 100%;
}

#formules .listFormule:nth-child(2):before {
	content: '';
	position: absolute;
	left: -24px;
	width: 24px;
	background-image: url(../img/membres/Ombre-Centre.png);
	background-repeat: no-repeat;
	background-position: center middle;
	height: 100%;
}

#formules .listFormule:nth-child(3):before {
	content: '';
	position: absolute;
	left: -24px;
	width: 24px;
	background-image: url(../img/membres/Ombre-Centre.png);
	background-repeat: no-repeat;
	background-position: center middle;
	height: 100%;
}

#formules:after {
	content: '';
	position: absolute;
	right: -31px;
	width: 31px;
	background-image: url(../img/membres/Opmbre-Droite.png);
	background-repeat: no-repeat;
	background-position: center middle;
	height: 100%;
}

.listFormule.formuleGratuite {
	border: 2px #7bb200 solid;
}

.formuleTitre {
	width: 200px;
	height: 56px;
	color: #fff;
	text-align: center;
	font-size: 22px;
	padding-top: 11px;
}

.formuleGratuite .formuleTitre {
	background-image: url(../img/membres/Onglet-Vert.png);
	margin-left: -2px;
	margin-right: -2px;
	margin-top: -2px;
}

.formulePayante .formuleTitre {
	background-image: url(../img/membres/Onglet-Noir.png);
}

.formulePayante2 .formuleTitre {
	background-image: url(../img/membres/Onglet-Argent.png);
	background-repeat: no-repeat;
}

.formulePayante3 .formuleTitre {
	background-image: url(../img/membres/Onglet-Or.png);
	background-repeat: no-repeat;
}

.formuleSlogan {
	padding: 0px 20px 10px 20px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	width: 156px;
}

.formuleService {
	border-top: 1px #eee solid;
	text-align: center;
	margin: 0px 20px;
	height: 31px;
	padding-top: 6px;
	font-size: 20px;
}

.formulePrixBtnPayant, .formulePrixBtnGratuit {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}

.formulePrixBtnPayant a, .formulePrixBtnGratuit a {
	background-color: #7BB200;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}

.formulePrixGratuit {
	color: #7bb200;
	text-transform: uppercase;
	font-size: 28px;
	text-align: center;
	margin-top: 20px;
}

.formulePrixPayant {
	margin-top: 20px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}

.formuleService span.tServicePetit {
	font-size: 12px;
	color: #777;
}

.tFormulePrixBarre {
	text-decoration: line-through;
	font-size: 20px;
}

.tFormulePrixDuree {
	font-size: 16px;
	color: #777;
}

#formulesServicesMobile {
	display: none;
}

#formMembres input[type=text], #formMembres input[type=password], #formMembres select {
	border: 1px #ccc solid;
	padding: 10px;
	font-size: 16px;
}

#formMembres input[type=submit] {
	background-color: #7bb200;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 40px;
	border: 0;
	font-size: 18px;
	cursor: pointer;
}

#formMembres input[type=button] {
	background-color: #444;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 40px;
	border: 0;
	font-size: 18px;
	cursor: pointer;
}

#formMembres form a {
	color: #000;
}

.colOneMembres {
	width: 350px;
	float: left;
}

.cadreCol {
	border: 1px #ccc solid;
	padding: 40px;
	background-color: #f4f4f4;
	margin-bottom: 40px;
}

.cadreColTitre {
	color: #7bb200;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 20px;
}

.cadreColContenu a {
	color: #7bb200;
}

.cadreColBtn {
	text-align: center;
	margin-top: 30px;
}

.cadreColBtn a {
	background-color: #7bb200;
	color: #fff;
	padding: 10px;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
	margin-bottom: 10px;
}

.colTwoMembres {
	width: 850px;
	float: right;
}

#contenu .colTwoMembres h3 {
	margin-bottom: 30px;
	color: #7bb200;
}

.alerte {
	background-color: #fff;
	padding: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 363px;
	float: left;
	border: 1px #ccc solid;
	position: relative;
	min-height: 130px;
}

.alerteDate {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

.alertePostBy {
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	text-align: right;
	font-style: italic;
}

.alertePictos {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #7bb200;
	font-size: 22px;
}

.alertePictos i {
	margin-left: 10px;
	display: inline-block;
}

#paiementPaypal {
	background-color: #fff;
	border: 1px #ccc solid;
	padding: 40px;
	width: 600px;
	margin: 0 auto;
}

.paiementInfos {
	background-color: #fbfbfb;
	border: 1px #efefef solid;
	text-align: center;
	padding: 20px;
	margin: 0 auto;
	width: 300px;
}

.tPrix {
	font-size: 22px;
}

.tBlock {
	display: block;
}

.tPetit {
	font-size: 14px;
	color: #888;
}

.customButton {
	background-color: #7bb200;
	color: #fff;
	font-weight: bold;
	padding: 10px 20px;
	font-size: 20px;
	cursor: pointer;
	margin-top: 20px;
	border: 0;
}

#espaceMembresMobile {
	display: none;
}

.offreDeLancement {
	max-width: 240px;
	margin: 0 auto;
	background-color: #dd0000;
	color: #fff;
	font-size: 20px;
	text-align: center;
	padding: 20px;
	margin-bottom: 40px;
	position: relative;
}

.offreDuree {
	color: #dd0000;
	border: 1px #dd0000 solid;
	background-color: #fff;
	padding: 5px 20px;
	transform: rotate(45deg);
	position: absolute;
	top: 3px;
	right: -28px;
}

.tGros {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 40px;
}

.groupeTelegram {
	text-align: center;
	margin-bottom: 20px;
}

.groupeTelegram a {
	background-color: #2FA7DB;
	border-radius: 3px;
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
}

@media (max-width: 1024px) {
	
	.content {
		width: 1000px;
	}

	#menu ul li a {
		padding: 15px 14px;
	}

	.competitionList {
		width: 251px;
	}

	.competitionListBtn {
		margin-left: -125px;
	}

	.competitionListBtn a {
		width: 250px;
	}

	#competColOne, #competColTwo {
		width: 500px;
	}

	.competitionClassement {
		width: 460px;
	}

	#faqAlphabet a {
		margin-right: 7px;
	}

	.faqColOne, .faqColTwo {
		width: 500px;
	}

	.listCategorie a {
		padding: 10px 31px;
	}

	.videosListCadrePage {
		padding: 30px 35px 10px;
		width: 243px;
	}

	.colLeft, .colRight {
		width: 490px;
	}

	.aatColOne, .aatColTwo {
		width: 350px;
		height: 260px;
	}

	.livreDorMessage {
		width: 271px;
	}

	.tradingPropulseBloc {
		width: 317px;
	}

	#challengeColTwo {
		width: 480px;
	}

	#videosColOne {
		width: 800px;
	}

	#videosColTwo {
		width: 200px;
	}

	.videosListCadre {
		width: 246px;
	}

	.videosListCadre2Image {
		width: 180px;
	}

	#actualitesList {
		width: 636px;
	}

	.actuList {
		width: 170px;
	}

	#contenu.contenuAccueil .content {
		width: 480px;
		padding-left: 480px;
	}

	.footerCol {
		width: 230px;
	}

	#reseauxSociaux a {
		width: 45px;
		font-size: 18px;
		margin-right: 5px;
	}

}

@media (max-width: 750px) {

	html, body {
		font-size: 12px;
		padding: 30px 0 0;
	}

	#espaceMembres {
		display: none;
	}

	#espaceMembresMobile {
		display: block;
	}

	#espaceMembresMobile a {
		display: block;
		background-color: #7bb200;
		color: #fff;
		text-align: center;
		padding: 10px;
		margin-bottom: 10px;
		text-transform: uppercase;
		text-decoration: none;
	}

	.content {
		width: auto;
		padding: 0px 10px;
	}

	#header {
		height: 60px;
	}

	#logo {
		font-size: 30px;
	}

	#logo img {
	    height: 50px;
	}

	#facebookLikes {
	    position: absolute;
	    right: 65px;
	    top: 20px;
	}

	#menuMobile {
		display: block;
		position: absolute;
		top: 18px;
		right: 18px;
		cursor: pointer;
		font-size: 18px;
	}

	#menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 80%;
		height: 100%;
		z-index: 999;
		background-color: #232323;
		margin-left: -80%;
	}

	#menu ul {
		padding-top: 10px;
	}

	#menu ul li {
		display: block;
	}

	#menu ul li a, #menu ul li.home a, #menu ul li.search a {
		padding: 15px 10px;
		color: #fff;
	}

	#menu ul li.home a i {
		display: none;
	}

	#menu ul li.home a span {
		display: block;
	}

	#menu ul li.search a i {
		display: none;
	}

	#menu ul li.search a span {
		display: block;
	}

	#menu ul li:hover ul {
		position: relative;
		top: auto;
		left: auto;
		background: none;
		padding-top: 0;
	}

	#menu ul ul li:nth-child(1) {
		border: none;
	}

	#menu ul ul li:nth-child(1) a {
		padding: 10px 20px;
		padding-top: 20px;
	}

	#menu ul ul li a {
		font-size: 14px;
	}

	/* TRADING PROPULSE */

	.tradingPropulseBloc {
		width: auto;
		float: none;
	}

	.tradingPropulseBlocNumber {
		font-size: 26px;
	}

	.tradingPropulseBlocNumber span {
		right: -10px;
		bottom: -8px;
	}

	.tradingPropulseBlocPicto {
		left: 90px;
		top: 10px;
		font-size: 26px;
	}

	.tradingPropulseBlocTexte {
	    font-size: 12px;
	    left: 90px;
	    top: 50px;
	}

	.tradingPropulseBlocBtn a {
		margin-top: 44px;
	}

	#tradingPropulseSlogan {
		font-size: 20px;
	}

	#tradingPropulseSlogan2 {
		font-size: 16px;
	}

	#devenezTrader .content {
		padding: 10px;
	}

	#devenezTrader {
		height: auto;
	}

	#devenezTrader .content {
		height: auto;
	}

	#devenezTraderTitre {
		position: relative;
		right: auto;
		top: auto;
		text-align: center;
		font-size: 20px;
	}

	#devenezTraderSousTitre {
		font-size: 14px;
		position: relative;
    	right: auto;
    	top: auto;
	}

	#devenezTraderVideo {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: 10px;
	}

	#devenezTraderVideoTitre {
		font-size: 16px;
	}

	#devenezTraderBtn a {
		font-size: 13px;
	}

	#devenezTraderVideo iframe {
		width: 100%;
	}

	#tradingPropulseBtn {
		margin-left: -145px;
	}

	#tradingPropulseBtn a {
		width: 290px;
		padding: 12px 0px;
		margin-left: 0;
	}

	#challenge {
		height: auto;
	}

	#challengeTitre {
		font-size: 16px;
		padding-bottom: 30px;
	}

	.challengeClassement {
		height: 40px;
		margin-left: 45px;
	}

	.challengeClassementAward {
		left: -51px;
	}

	.challengeClassementAward img {
		height: 40px;
	}

	.challengeClassementAvatar {
		left: 0;
		top: 0;
	}

	.challengeClassementAvatar img {
		height: 40px;
	}

	.challengeClassementLogin {
		font-size: 14px;
		top: 10px;
		left: 55px;
	}

	#challengeColOne {
	    float: none;
	    width: auto;
	}

	#challengeColTwo {
	    float: none;
	    width: auto;
	}

	.challengeClassementGain {
		top: 14px;
	}

	.challengeClassementDiff {
		top: 14px;
	}

	#challengeColTwo p {
		font-size: 14px;
	}

	#videosColOne {
		width: auto;
		float: none;
	}

	#videosColTwo {
		width: auto;
		float: none;
	}

	#videosColOneTitre {
		font-size: 16px;
	}

	#videosColOneTitre:before {
		padding-right: 10px;
	}

	.videosListCadre {
		float: none;
		width: auto;
		margin: 0;
	}

	#videosColOneBtn a {
		padding: 14px 20px;
	}

	#videosColOneTitre {
		font-size: 16px;
	}

	.videosListCadre2Image {
		width: auto;
	}

	#actualitesTitre {
		font-size: 16px;
	}

	#actualitesTitre:before {
		padding-right: 10px;
	}

	#actualitesList {
		width: auto;
		float: none;
	}

	#actualitesCadre {
		padding: 10px;
		padding-bottom: 0;
	}

	.actuList {
		float: none;
		width: auto;
		height: auto;
		margin: 0;
		margin-bottom: 10px;
		padding: 10px;
	}

	.actuListTitre {
		font-size: 14px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#actualitesBtnTtes a {
		font-size: 14px;
	}

	#widget {
		float: none;
		width: auto;
		margin-top: 50px;
	}

	#widgetTitre {
		font-size: 16px;
		padding: 10px 0;
	}

	.footerCol {
		width: auto;
		float: none;
	}

	#newsletter input[type="email"] {
		width: 120px;
	}

	#reseauxSociaux a {
		font-size: 20px;
		width: 42px;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.livreDorMessage {
		width: auto;
		float: none;
		margin-right: 0;
	}

	#contenu h1 {
		font-size: 16px;
	}

	#contenu h2 {
		font-size: 14px;
	}

	.champ input[type="text"], .champ input[type="password"], .champ textarea {
		width: 100%;
		box-sizing: border-box;
	}

	.submit {
		text-align: center;
	}

	.submit input {
		padding: 10px 30px;
	}

	.contactRSList {
		width: 115px;
		margin-right: 10px;
		margin-left: 10px;
	}

	#mentionsLegales p, #cgu p {
		font-size: 12px;
	}

	.faqNbLu {
		font-size: 12px;
	    right: 7px;
	    top: 4px;
	}

	.faqList {
		float: none;
		width: auto;
		height: auto;
		margin-right: 0;
	}

	.faqReponse {
	    font-size: 14px;
	    line-height: 20px;
	}

	.faqQuestion {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.competitionClassement {
		float: none;
		height: 21px;
		width: auto;
		margin: 0px;
		margin-bottom: 10px;
	}

	.competitionClassemenRank {
	    font-size: 20px;
	    height: 40px;
	    left: -20px;
	    position: absolute;
	    text-align: center;
	    top: 21px;
	    width: 99px;
	}

	.competitionClassemenRank img {
		height: 40px;
	}

	.competitionClassementImage img {
		height: 40px;
	}

	#competColOne {
		width: auto;
		float: none;
	}

	#competColTwo {
		width: auto;
		float: none;
	}

	.competitionClassemenUsername {
		font-size: 14px;
	    margin-left: 95px;
	    margin-top: 1px;
	}

	.competitionClassemenGain {
	    font-size: 12px;
	    position: absolute;
	    right: 5px;
	    top: 13px;
	}

	.competitionClassementImage {
	    left: 60px;
	    position: absolute;
	    top: 1px;
	}

	.tVert, .tOrange {
		font-size: 11px;
	}

	.submit input {
		white-space: pre-wrap;
	}

	.colLeft, .colRight {
		width: auto;
		float: none;
	}

	.colRight {
		margin-top: 15px;
	}

	.aatColOne, .aatColTwo {
		float: none;
		width: auto;
		margin: 0;
		padding-bottom: 20px;
	}

	.aatColTwo {
		margin-top: 20px;
	}

	.aatBtn {
		position: relative;
		bottom: auto;
		left: auto;
		padding-top: 20px;
	}

	.aatBtn a {
		display: block;
		margin: 0;
		width: auto;
	}

	#searchBox {
		width: auto;
		padding: 50px 20px;
	}

	#searchBox input[type="text"] {
		width: 100%;
		box-sizing: border-box;
	}

	#contenu.contenuAccueil .content {
		width: auto;
		padding-left: 10px;
	}

	.contenuAccueil {
		background: none;
	}

	#indicesBloc {
		width: auto;
		position: relative;
	}

	.indicesInfos {
		width: 175px;
	}

	#indicesList .indicesInfos:nth-child(2) {
		display: none;
	}

	#indicesList .indicesInfos:nth-child(3) {
		display: none;
	}

	.competitionList {
		margin-left: 0;
		margin-right: 0;
		width: auto;
		float: none;
	}

	.competitionListBtn {
		margin-left: -125px;
	}

	.competitionListBtn a {
		width: 250px;
	}

	#popupDisclaimerContent {
		margin: 0;
		width: auto;
		height: 350px;
		width: 240px;
		overflow: scroll;
		margin: -195px 0 0 -140px;
	}

	#popupDisclaimerBtns {
		padding-bottom: 20px;
	}

	#popupDisclaimerBtns a {
		font-size: 14px;
		width: 98px;
		padding: 10px 0px;
	}

	#challengeList a {
		padding: 10px 26px;
	}

	#contenu .aatBtn a {
		margin-left: 0;
		width: 220px;
	}

	#competSearch {
		width: auto;
	}

	#competSearch input[type=text] {
		width: 100%;
		font-size: 12px;
		box-sizing: border-box;
	}

	#competSearch input[type=submit] {
		width: 100%;
		font-size: 12px;
	}

	.livresList {
		height: auto;
		width: auto;
		float: none;
		margin-bottom: 20px;
	}

	.livreBtn {
		margin-top: 20px;
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
	}

	#formDejaCompte {
		padding: 20px;
		width: auto;
	}

	#formDejaCompte input[type=text], #formDejaCompte input[type=email], #formDejaCompte input[type=password] {
		width: 100%;
		box-sizing: border-box;
	}

	#indicesInfos {
		width: 158px;
	}

	.slide1, .slide2, .slide3 {
		display: none;
	}

	.banque {
		width: auto;
	}

	/* MEMBRES */

	#formulesServices {
		display: none;
	}

	#formulesServicesMobile {
		display: block;
		width: 260px;
		margin: 0 auto;
	}

	.listFormuleMobile {
		background-color: #fff;
		margin-top: 50px;
		margin-bottom: 50px;
		padding-bottom: 40px;
		position: relative;
	}

	.formulesServicesMobileHeader {
		text-align: center;
	}

	.formuleGratuite .formuleTitre {
		background-image: url(../img/membres/Onglet-Vert-res.png);
	}

	.formulePayante .formuleTitre {
		background-image: url(../img/membres/Onglet-Noir-res.png);
	}

	.formulePayante2 .formuleTitre {
		background-image: url(../img/membres/Onglet-Argent-res.png);
	}

	.formulePayante3 .formuleTitre {
		background-image: url(../img/membres/Onglet-Or-res.png);
	}

	.formuleTitre {
		width: 260px;
	}

	.formuleSlogan {
		width: 220px;
	}

	.formuleService {
		font-size: 13px;
		text-align: left;
		position: relative;
		padding-top: 10px;
		height: 27px;
	}

	.formuleService span {
		position: absolute;
		top: 5px;
		right: 0;
		font-size: 20px
	}

	.formuleServiceCat {
		color: #7bb200;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 16px;
	}

	#formulesMobile .listFormuleMobile:before {
		content: '';
		position: absolute;
		left: -26px;
		width: 26px;
		background-image: url(../img/membres/Ombre-Gauche.png);
		background-repeat: no-repeat;
		background-position: center middle;
		height: 100%;
	}

	#formulesMobile .listFormuleMobile:after {
		content: '';
		position: absolute;
		top: 0;
		right: -26px;
		width: 26px;
		background-image: url(../img/membres/Opmbre-Droite.png);
		background-repeat: no-repeat;
		background-position: center middle;
		height: 100%;
	}

	#formMembres tr td {
		display: block;
	}

	#formMembres input[type=text], #formMembres textarea, #formMembres select, #formMembres input[type=password] {
		width: 100%;
		box-sizing: border-box;
	}

	#formMembres input[type=submit] {
		width: 100%;
		box-sizing: border-box;
	}

	.colOneMembres {
		float: none;
		width: auto;
	}

	.colTwoMembres {
		float: none;
		width: auto;
	}

	.alerte {
		width: auto;
		float: none;
		margin-right: 0;
	}

	.alerteDate {
		font-size: 15px;
	}

	.alertePictos {
		bottom: 10px;
		top: auto;
		left: 10px;
		right: auto;
	}

	#paiementPaypal {
		width: auto;
		padding: 20px;
	}

	#imgPaypal img {
		max-width: 100%;
	}

	.paiementInfos {
		width: 100%;
		box-sizing: border-box;
	}

	.formuleService span.tServicePetit {
		font-size: 12px;
	}

}