/* HTML & BODY */
html, body, form, fieldset, div, p, ul, li, img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
form, fieldset, div, p, ul, li {
	overflow: hidden;
}
html {
	width: 100%;
}
body#pages_parents {
	width: 100%;
	height: auto;
	color: #777777;
	overflow-x: hidden;
	font-size: 11px;
	background: rgba(0,0,0,.05);
	font-family: Verdana, Geneva, sans-serif;
}
h1, h2, h3, h4 {
	font-weight: normal;
	-webkit-margin-before: 2px;
	-webkit-margin-after: 2px;
	-webkit-margin-start: 2px;
	-webkit-margin-end: 2px;
}
li {
	margin: 0;
	list-style: none;
}
a, a:visited {
	color: #c6103a;
	text-decoration: none;
	cursor: pointer;
}
a img {
	text-decoration: none;
	border: none;
}
h3 {
	text-shadow:
	0px 2px 1px rgba(0,0,0,.2);
	-moz-text-shadow:
	0px 2px 1px rgba(0,0,0,.2);
	-webkit-text-shadow:
	0px 2px 1px rgba(0,0,0,.2);
}
.blanc {
	color: rgba(255,255,255,1);
}
.black {
	color: rgba(0,0,0,.5);
}
.violet {
	color: rgba(145,31,127,1);
}
.back_rouge {
	background: rgba(224,19,68,1);
}
.back_violet {
	background: rgba(239,144,50,1);
}

/* INFINIKIDS */


/* FOR NEW CHART */


#pre_price_inter {
font: 25px/25px 'Arial', sans-serif;
text-align: center;
text-transform: uppercase;
margin: 20px 0 10px 0;
}
.back_rouge #pre_price_inter {
    text-align: right;
    padding: 0 5px 0 0;
}

#price_inter {
    font: 15px/15px 'Arial', sans-serif;
    letter-spacing: 0;
    text-transform: none;
    color: #000;
}


@media screen and (max-width: 500px) {
    .back_rouge #pre_price_inter {
        text-align: center;
        padding: 0 5px 0 0;
    }
    #pre_price_inter {
        font: 18px/18px 'Arial', sans-serif;
        text-align: center;
        text-transform: uppercase;
        margin: 10px 0 5px 0;
    }
}



#leo {
	position: fixed;
	width: 300px;
	left: 50%;
	margin: 135px 0px 0px -750px;
}
#lea {
	position: fixed;
	left: 50%;
	width: 240px;
	margin: 230px 0px 0px 450px;
}
@media screen and (max-width:1280px) {
#leo {
	display: none;
}
}

#parents .bouton,
#following .bouton {
	cursor: pointer;
}

#following {
	z-index: 2;
	position: fixed;
	width: 150px;
	left: 50%;
	margin: 500px 0px 0px 470px;
	padding: 1px;
	padding: 1px 1px 10px 0px;
	background: rgba(255,255,255,1);
	-moz-box-shadow:
inset 0px 0px 0px 1px rgba(0,0,0,.1);
	-webkit-box-shadow:
inset 0px 0px 0px 1px rgba(0,0,0,.1);
	box-shadow:
inset 0px 0px 0px 1px rgba(0,0,0,.1);
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	opacity: 0;
	overflow: visible;
}
@media screen and (max-width:1280px) {
#following {
	display: none;
}
}
#following img {
	width: 150px;
}
#following .accroche {
	padding: 20px;
	color: rgba(0,0,0,0.5);
	font: 14px/16px 'ProdigySansRegular', Arial, sans-serif;
}
#following .accroche span {
	color: rgba(0,0,0,0.8);
	font: 18px/22px 'ProdigySansBold', Arial, sans-serif;
}
#following .bouton.principal {
	position: absolute;
	width: 100px;
	height: 40px;
	margin: -10px 0px 0px 20px;
	background: rgba(226,36,99,1);
	color: rgba(255,255,255,1);
	text-align: center;
	font: 18px/40px 'ProdigySansSemibold', Arial, sans-serif;
	-moz-box-shadow:
inset 0px 0px 0px 1px rgba(0,0,0,.0), 0px 1px 3px 0px rgba(0,0,0,.1);
	-webkit-box-shadow:
inset 0px 0px 0px 1px rgba(0,0,0,.0), 0px 1px 3px 0px rgba(0,0,0,.1);
	box-shadow:
inset 0px 0px 0px 1px rgba(0,0,0,.0), 0px 1px 3px 0px rgba(0,0,0,.1);
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
#following .bouton.principal:hover {
	background: rgba(116,26,89,1);
}
#following .price {
	position: absolute;
	margin: 80px 0px 0px 0px;
	font: 12px/14px 'ProdigySansRegular', Arial, sans-serif;
}

/* MENU FOR PAGE PARENT */
#pages_parents #menu {
	position: relative;
    height: auto;
    top: 0px;
}
#pages_parents #menu #elements li {
    width: auto;
    height: auto;
    background: none;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
#pages_parents #menu #elements li img {
    display: none;
}
#pages_parents #logo {
    z-index: 1;
    position: absolute;
    width: 90px;
    height: 90px;
    margin: 0px 0px 20px -45px;
}
#pages_parents #logo img {
    width: 50px;
    margin: 8px 0px 0px 20px;
}

#logo {
	position: relative;
	width: 150px;
	height: 150px;
	left: 50%;
	margin: 20px 0px 20px -75px;
	background: rgba(255,255,255,1);
	-moz-box-shadow:
inset 0px 0px 0px 1px rgba(0,0,0,.1);
	-webkit-box-shadow:
inset 0px 0px 0px 1px rgba(0,0,0,.1);
	box-shadow:
inset 0px 0px 0px 1px rgba(0,0,0,.1);
	border-top-left-radius: 200px;
	border-bottom-left-radius: 200px;
	border-top-right-radius: 200px;
	border-bottom-right-radius: 200px;
}
#logo img {
	width: 60px;
	margin: 30px 0px 0px 45px;
}
@media screen and (max-width:1280px) {
#pages_parents #logo {
    width: 50px;
    height: 50px;
    margin: 15px 0px 20px -25px;
}
#pages_parents #logo img {
    width: 30px;
    margin: 3px 0px 0px 10px;
}
}
/* PARENTS */
#parents {
	position: relative;
	width: 900px;
	height: auto;
	left: 50%;
	margin: 40px 0px 40px -450px;
	background: rgba(255,255,255,1);
	-moz-box-shadow:
inset 0px 0px 0px 1px rgba(0,0,0,.0), 0px 1px 3px 0px rgba(0,0,0,.1);
	-webkit-box-shadow:
inset 0px 0px 0px 1px rgba(0,0,0,.0), 0px 1px 3px 0px rgba(0,0,0,.1);
	box-shadow:
inset 0px 0px 0px 1px rgba(0,0,0,.0), 0px 1px 3px 0px rgba(0,0,0,.1);
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	overflow: visible;
}
@media screen and (max-width:920px) {
#parents {
	width: 100%;
	left: 0px;
	margin: 40px 0px 40px 0px;
}
}
#parents .zone {
	position: relative;
	padding: 20px 0px;
	-moz-box-shadow:
inset 0px -1px 0px 0px rgba(0,0,0,.1);
	-webkit-box-shadow:
inset 0px -1px 0px 0px rgba(0,0,0,.1);
	box-shadow:
inset 0px -1px 0px 0px rgba(0,0,0,.1);
}
#parents .zone.following {
	padding: 20px 0px 0px 0px;
	background: rgba(226,36,99,1);
	text-align: center;
}
#parents .zone.following img {
	position: relative;
	width: 200px;
	margin: 10px 0px;
	display: inline-block;
}
#parents .zone.nosep {
	-moz-box-shadow:
inset 0px -1px 0px 0px rgba(0,0,0,0);
	-webkit-box-shadow:
inset 0px -1px 0px 0px rgba(0,0,0,0);
	box-shadow:
inset 0px -1px 0px 0px rgba(0,0,0,0);
}
#parents .zone.principale {
	padding: 390px 0px 0px 0px;
}
#parents .zone.images {
	padding: 0px 0px;
}
#parents .zone.video {
	z-index: 1;
	position: absolute;
	width: 529px;
	top: -42px;
	left: 179px;
}
#parents .zone.semilarge {
	padding: 75px 0px;
}
#parents .zone.large {
	padding: 150px 0px;
}
#parents .image.principale {
	position: absolute;
	width: 600px;
	margin: -50px 0px 50px 150px;
	overflow: visible;
}
#parents .image.principale #tablette,
#parents .image.principale #mobile {
	display: none;
}
#parents .image.principale #desktop {
	width: 600px;
	display: block;
}
#parents .for_desktop {
	z-index: 2;
	position: absolute;
	width: 250px;
	margin: 110px 0px 50px 570px;
	overflow: visible;
}
#parents .for_desktop img {
	width: 250px;
}
#parents .zone.following .accroche {
	margin: 20px 0px 0px 0px;
	padding: 0px 15%;
	color: rgba(255,255,255,1);
	font: 18px/24px 'ProdigySansRegular', Arial, sans-serif;
	text-align: center;
}
#parents .zone.following .accroche span {
	font: 22px/26px 'ProdigySansBold', Arial, sans-serif;
}
#parents .argu.titre {
	margin: 20px 0px 0px 0px;
	padding: 0px 15%;
	font: 30px/32px 'ProdigySansExtrabold', Arial, sans-serif;
	text-align: center;
}
#parents .argu.droite.titre {
	position: relative;
	width: 30%;
	left: 60%;
	padding: 0px 0px;
	font: 24px/32px 'ProdigySansExtrabold', Arial, sans-serif;
	text-align: left;
}
#parents .argu.gauche.titre {
	position: relative;
	width: 90%;
	left: 10%;
	padding: 0px 0px;
	font: 24px/32px 'ProdigySansExtrabold', Arial, sans-serif;
	text-align: right;
}
#parents .argu.centre.titre {
	position: relative;
	width: 50%;
	left: 25%;
	padding: 0px 0px;
	font: 24px/32px 'ProdigySansExtrabold', Arial, sans-serif;
}
#parents .argu.soustitre {
	padding: 10px 10%;
	font: 16px/20px 'ProdigySansRegular', Arial, sans-serif;
	text-align: center;
}
#parents .argu.droite.soustitre {
	position: relative;
	width: 30%;
	left: 60%;
	padding: 0px;
	text-align: left;
}
#parents .argu.gauche.soustitre {
	position: relative;
	width: 90%;
	left: 10%;
	padding: 0px;
	text-align: right;
}
#parents .argu.centre.soustitre {
	position: relative;
	width: 50%;
	left: 25%;
	padding: 0 0 20px 0;
}
#parents .bouton.principal {
    width: 300px;
	height: 75px;
	margin: 10px auto;
	background: rgba(94,185,255,1);
	color: #fff;
	text-align: center;
	font: 35px/75px 'Arial', sans-serif;
	border-radius: 10px;
    z-index: 2;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 4px;
    box-sizing: border-box;
}
#parents .zone.following .bouton.principal {
	width: 200px;
	height: 60px;
	margin: 10px auto;
	background: rgba(0,0,0,.5);
	color: rgba(255,255,255,1);
	text-align: center;
	letter-spacing: 1px;
	font: 20px/60px 'ProdigySansSemiBold', Arial, sans-serif;
    padding: 0 0 0 0;
}
#parents .zone.following .bouton.principal:hover {
	background: rgba(116,26,89,1);
}
#parents .bouton.principal.small {
	width: 300px;
	height: 75px;
	margin: 0 auto 20px auto;
	background: rgba(94,185,255,1);
	color: rgba(255,255,255,1);
	text-align: center;
	font: 35px/75px 'Arial', sans-serif;
	border-radius: 10px;
    z-index: 2;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 4px;
}
#parents .bouton.principal.small.left {
	left: 60%;
	margin: 10px 0px 20px 540px;
}
#parents .bouton.principal.small.right {
	right: 0px;
	left: inherit;
	margin: 10px 0px 20px 0px;
}
#parents .bouton.principal:hover {
	background: rgba(116,26,89,1);
}
#parents .price {
	z-index: 2;
	position: relative;
	margin: 10px 0px 50px 0px;
	color: rgba(0,0,0,.5);
	text-align: center;
	font: 15px/15px 'Arial', sans-serif;
    font-weight: bold;
}
#parents .price.small {
	margin: -10px 0px 50px 0px;
	font: 15px/15px 'Arial', sans-serif;
    font-weight: bold;
}
#parents .price.small.left {
	width: 27%;
	left: 60%;
	margin: -10px 85px 0px 0px;
	text-align: left;
}
#parents .price.small.right {
	margin: -10px 0px 0px 85px;
	text-align: right;
	padding: 0 0 20px 0;
}
#parents .float {
	position: relative;
	width: 40%;
	left: 5%;
}
#parents .float .right {
	float: right;
	position: relative;
}
#parents .mobile_tablette {
	position: absolute;
	width: 700px;
	bottom: -2px;
	margin: 0px 0px 0px -150px;
}
#parents .mobile_tablette img {
	width: 550px;
}
#parents .macbook {
	position: absolute;
	width: 600px;
	margin: -100px 0px 0px 450px;
}
#parents .macbook img {
	width: 600px;
}
#parents .garfield img {
	position: relative;
	height: 550px;
	left: 120px;
}

/* ZONE ARGU */
#parents .zone_argu {
	margin: 20px 0px 0px 0px;
	text-align: center;
}
#parents .zone_argu .bloc {
	width: auto;
	margin: 0px 20px 20px 0px;
	display: inline-block;
	overflow: visible;
}
#parents .zone_argu .bloc .check {
	position: absolute;
	width: 30px;
	margin: -5px 10px 0px 0px;
}
#parents .zone_argu .bloc .check img {
	width: 30px;
}
#parents .zone_argu .bloc .content {
	postion: relative;
	margin: 0px 0px 0px 40px;
	text-align: left;
}
#parents .zone_argu .bloc .content.double {
	postion: relative;
}
#parents .zone_argu .bloc .content {
	postion: relative;
	margin: 0px 0px 0px 40px;
	font: 14px/18px 'ProdigySansBold', Arial, sans-serif;
}

/* LISENCES */
#parents .zone .lisences {
	width: 900px;
	margin: 0px 0px 0px -20px;
	padding: 50px 0px 0px 0px;
	text-align: center;
}
#parents .zone .lisences .group_image {
	width: 220px;
	height: 110px;
	margin: 0px 0px 40px 40px;
	display: inline-block;
	overflow: visible;
}
#parents .zone .lisences .group_image .image {
	width: 220px;
	height: 110px;
	background: rgba(0,0,0,.01);
	-moz-box-shadow:
0px 1px 3px 0px rgba(0,0,0,.2);
	-webkit-box-shadow:
0px 1px 3px 0px rgba(0,0,0,.2);
	box-shadow:
0px 1px 3px 0px rgba(0,0,0,.2);
	border: 5px solid rgba(255,255,255,1);
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
#parents .zone .lisences .group_image .image img {
	width: 220px;
	height: 110px;
}
#parents .zone .lisences .group_image .titre_lis {
	margin: 5px 0px 0px 0px;
	color: rgba(0,0,0,.8);
	font: 14px/18px 'ProdigySansBold', Arial, sans-serif;
}

/* FOOTER */
footer {
	position: relative;
	margin: 20px auto;
	text-align: center;
	max-width: 900px;
}
footer a,
footer .footer-link {
	margin: 0px 10px 0px 0px;
	color: rgba(0,0,0,0.5);
	font: 12px/16px 'ProdigySansBold', Arial, sans-serif;
	display: inline-block;
	cursor: pointer;
}
footer img.iplus {
	position: relative;
	display: block;
	left: 50%;
	margin: 10px 0px 0px -30px;
}

/* VIDEO */
.video_player_container {
	width: 527px;
	height: 297px;
	text-align: center;
	cursor: pointer;
	background: #000000;
}
.video_player_container video {
	width: 527px;
	height: 297px;
}

.video_player {
	position: relative;
	width: 527px;
	height: 297px;
	margin: 0 auto;
	text-align: center;
}
.video_player .preview {
	position: absolute;
	width: 527px;
	height: 297px;
	top: 0;
	left: 0;
}
.video_player .play {
	position: absolute;
	width: 100px;
	height: 106px;
	top: 97px;
	left: 212px;
}
.video_player .loading {
	display: none;
	position: absolute;
	width: 50px;
	height: 50px;
	top: 122px;
	left: 237px;
	background-color: white;
	border: 1px solid #cacaca;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
	-moz-box-shadow: inset 0px 1px 0px rgba(0,0,0,.9);
	-webkit-box-shadow: inset 0px 1px 0px rgba(0,0,0,.9);
	box-shadow: inset 0px 1px 0px rgba(0,0,0,.9);

}
.video_player .loading img {
	margin-top: 10px;
	width: 30px;
	height: 30px;
}

.video_player .video_container {
    position: absolute;
    width: 10px;
    height: 10px;
}

.video_player_container video {
	background-color: black;
}

/*
@media screen and (max-width: 1679px) {
.video_player_container,
.video_player,
.video_player .preview,
.video_player_container {
	width: 240px;
	height: 180px;
}
.video_player .play {
	width: 50px;
	height: 53px;
	top: 64px;
	left: 95px;
}
.video_player .loading {
}
}
*/

#cgv_prebilling {
	margin-top: 10px;
	font-size: 14px;
	color: rgba(0,0,0,.5);
	text-align: center;
	font-family: 'ProdigySansSemibold', sans-serif;
}
#cgv_prebilling a{
	color: rgba(226, 36, 99, 1);
}