html {
	background: #fff;
	height: 100%;
}
body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #626262;
	height: 100%;
}
.group:after {
	content: "";
	display: table;
	clear: both;
}
h1, h2, h3, h4, h5, h6 {
	color: #c4242b;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	font-size: 5.4rem;
}

h2 span{
	font-weight: normal;
}

h3{
	font-size: 3rem;
	text-align: left;
	text-transform: none;
}

.textTitle{
	text-align: center;
	font-size: 2.4rem;
	line-height: 3rem;
}

.textTitle+p{
	text-align: center;
	font-size: 1.6rem;
	line-height: 2rem;
}

a {
	text-decoration: none;
	cursor: pointer;
}
button, .button {
	border-radius: 0;
}

header {
	z-index: 2;
	position: fixed;
	width: 100%;
	height: 72px;
	line-height: 72px;
	background: #ffffff;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2)
}

header .container{
	max-width: 1300px;
}

header li#logInHeader a{
	border: 2px solid #c4242b;
    line-height: 3.5rem;
	color: #c4242b !important;
}

.font14 {
	font-size: 1.4rem;
}
.first-block.first-block-entreprises{
	padding-top: 80px;
}
.txtUnderline {
	text-decoration: underline;
}

.button.red, #contact .button {
	background: #c42429;
	box-shadow: inset 0 0 0 2px #c42429;
	color: #ffffff;
	border-radius: 0;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#contact .button {
	background: #c42429;
	box-shadow: inset 0 0 0 2px #fff;
	color: #ffffff;
	height: 50px;
	text-transform: uppercase;
}


.button.red:hover, .button.red:focus, .button.red:active {
	background: #ffffff;
	color: #c42429;
}
#contact .button:hover, #contact .button:focus, #contact .button:active {
	background: #ffffff;
	color: #c42429;
}
.button.large {
	font-weight: 700;
	font-size: 2.2rem;
	height: 58px;
	line-height: 58px;
}

.centerContent {
	text-align: center;
}

.marginTop {
	margin-top: 34px;
}
/* sticky nav */

#nav {
	float: right;
}
#nav ul li, #showLogin ul li {
	display: inline-block;
	margin-bottom: 0;
}
#nav ul li a{
	display: block;
	text-decoration: none;
	padding: 0 15px;
	text-transform: uppercase;
	margin-bottom: 0;
	color: #979797;
}

#nav ul li a:hover, #nav ul li a.menuOn{
	color: #c4242b;
}

#nav ul ul.produitsMenu{
    display: none; 
    position: absolute; 
    margin:0px;
    padding: 0px;
}
#nav li:nth-child(2):hover ul.produitsMenu{
    display: block;
}

#nav ul.produitsMenu li{
	display: block;
}

#nav ul.produitsMenu li a{
    background-color: #ffffff;
    border-top: 1px solid #979797;
    text-transform: none;
    font-size: 1.4rem;
    padding: 10px 15px;
	line-height: normal;
}

a:hover {
    color: #c4242b;
}

#showLogin ul li a {
	text-transform: uppercase;
	font-size: 1.6rem;
}
#showLogin {
	float: right;
}
#logo {
	text-align: center;
	width: 270px;
	float: left;
	padding-top: 12px;
    margin-left: 2%;
}
#logo a {
	color: #c42429;
}
@media (min-width: 1000px) and (max-width: 1100px) {
	#logo {
		width: 200px;
		padding-top: 8px;
	}
	.loggedIn #logo {
		padding-left: 0px
	}
}
@media (min-width: 665px) and (max-width: 800px) {
	#logo {
		margin-left: 100px
	}
}
#nav ul li.notOnLargeScreen span {
	display: none;
}
#showLogin {
	position: absolute;
	right: 0;
	padding-right: 1%
}
#showLogin {
	display: none;
}
@media (max-width: 1000px) {
	#logo {
		float: none;
		margin: 0 auto;
	}
	#nav {
		width: 100%;
		top: 60px;
		height: 0;
	}
	#nav:before {
		content: '\2630';
		display: block;
		position: absolute;
		left: 1%;
		top: 10px;
		line-height: 40px;
		cursor: pointer;
		width: 40px;
		cursor: pointer;
		text-align: center;
	}
	#nav ul {
		background: #fff;
		width: 100%;
		top: 70px;
		position: absolute
	}
	#nav ul li {
		float: none;
		display: block
	}
	#nav ul li a {
		padding: 10px 3%;
		line-height: 20px;
		border-top: 1px solid #626262;
	}
	#nav ul {
		transition: 350ms;
		-moz-transition: 350ms;
		-webkit-transition: 350ms;
		transform: perspective(600) rotate3d(0, 0, 0, 0);
		-moz-transform: perspective(600) rotate3d(0, 0, 0, 0);
		-webkit-transform: perspective(600) rotate3d(1, 0, 0, -90deg);
		transform-origin: 50% 0;
		-moz-transform-origin: 50% 0;
		-webkit-transform-origin: 50% 0;
	}
	#nav.open ul {
		transform: translateY(0px);
		-moz-transform: translateY(0px);
		-webkit-transform: perspective(600) rotate3d(0, 0, 0, 0);
	}
}
@media (min-width: 880px) {
	#nav ul li.notOnLargeScreen {
		display: none;
	}
	#nav ul li.notOnLargeScreen span {
		display: block;
	}
	#showLogin {
		display: block;
	}
}

/* end sticky nav */

/* home */

#bgHeader{
	background: url('../images/bg-header.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	height: 742px;
	display: flex;
  	flex-direction: column;
  	justify-content: center;
}

#bgHeader .container{
	margin-top: -8rem;
}

#bgHeader h1{
	color: #ffffff;
	font-size : 5rem;
	text-align: left;
	margin-bottom: 0;
}

#bgHeader h2{
	color: #ffffff;
	font-size : 3.2rem;
	text-align: left;
	text-transform: inherit;
	font-weight: normal;
	word-spacing: 8px;
}

@media (max-width: 950px) {
	#bgHeader h1{
		font-size: 3.8rem !important;
	}
	#bgHeader h2 {
    	font-size: 2.4rem !important;
        word-spacing: inherit;
	}
    #bgHeader{
        height: 600px;
    }
	h2{
		font-size: 3.7rem;
	}
}

#bgHeader .call-to-action{
	display: inline-block;
}

#bgHeader .button.large, #bgHeader input{
	font-size: 1.8rem;
    height: 60px;
    line-height: 60px;
	padding: 0 20px;
}

#bgHeader input{
	padding: 10px 20px;
	width: 38rem;
}

#bgHeader input:focus{
	border: none;
}

#bgHeader input, #bgHeader input::placeholder{
	color: #ac1917;
}

#bgHeader .button.red{
	background: rgba(196, 36, 41, 0.7);
	box-shadow: inset 0 0 0 2px #fff;
	color: #ffffff;
	text-transform: uppercase;
}

#bgHeader .button.red:hover{
	background: #c42429;
}

#bgHeader .how{
	color: #ffffff;
	font-size: 2rem;
}

#bgHeader .how img{
	margin-right: 2rem;
	vertical-align: middle;
}

#prixHeader{
	background: url('../images/header-prix.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	height: 422px;
	display: flex;
  	flex-direction: column;
  	justify-content: center;
}

#produitsHeader{
	background: url('../images/header-produit.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	height: 472px;
	display: flex;
  	flex-direction: column;
  	justify-content: center;
}

#prixHeader .container, #produitsHeader .container{
	margin-top: -8rem;
}

#prixHeader h1, #produitsHeader h1{
	color: #ffffff;
	font-size: 4rem;
	margin-bottom: 0px;
}

@media (max-width: 950px) {
	#prixHeader h1, #produitsHeader h1{
	    font-size: 3rem;
    }
}

/* prix */

#prix{
	margin: 40px auto;
	text-align: center;
}

#prix .tablePrix{
	width: 245px;
	display: inline-block;
	position: relative;
}

#prix .tablePrix#prix1{
	top: -40px;
}

#prix .tablePrix#prix2{
	top: -20px;
}

#prix .tablePrix#prix2 .spaceTopPrix{
	height: 21px;
}

#prix .tablePrix#prix3 .spaceTopPrix{
	height: 41px;
}

#prix .tablePrix#prix2 .spaceBottomPrix{
	height: 20px;
}

#prix .tablePrix#prix3 .spaceBottomPrix{
	height: 40px;
}

#prix .topPrix{
	background: url('../images/prix-top.png');
	background-position: top center;
	background-repeat: no-repeat;
	height: 23px;
}

#prix .spaceTopPrix, #prix .spaceBottomPrix{
	border-left: 2px solid #ac1917;
	border-right: 2px solid #ac1917;
	background-color: #ffffff;
}
			
#prix .blockPrix{
	padding: 25px 15px;
	text-align: center;
	border-left: 2px solid #ac1917;
	border-right: 2px solid #ac1917;
	border-bottom: 1px solid #edbdbf;
	background-color: #ffffff;
}

#prix .blockPrix.noBorder{
	border-bottom: none;
}

#prix h3{
	margin-bottom: 0;
	text-align: center;
	line-height: 2.2rem;
}

#prix p{
	color: #7f7f7f;
	font-size: 2rem;
	margin-bottom: 0;
	line-height: 2.2rem;
}

#prix p span{
	font-size: 1.8rem;
}

#prix .prixFormule{
	background: url('../images/prix-formule.png');
	background-position: top center;
	background-repeat: no-repeat;
	height: 122px;
	display: flex;
  	flex-direction: column;
  	justify-content: center;
}

#prix .prixFormule p{
	color: #ffffff;
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
}

#prix .prixFormule p span{
	font-size: 2.5rem;
}

#prix #surMesure{
	margin: 50px 0px 30px 0px;
}

#prix #surMesure h3{
	line-height: 4rem;
	color: #7f7f7f;
	font-weight: normal;
}

@media (max-width: 950px) {
	#prix .tablePrix{
		margin: 0 20%;
	}
	
	#prix .tablePrix#prix1{
		top: 0px;
	}

	#prix .tablePrix#prix2{
		top: 0px;
	}

	#prix .tablePrix#prix2 .spaceTopPrix{
		height: 0px;
	}

	#prix .tablePrix#prix3 .spaceTopPrix{
		height: 0px;
	}
	
	#prixHeader h1{
		font-size: 3.5rem;
	}
}

/* produits */


#produits.plue-value-bg{
    background: url('../images/plus-value-video.png');
    background-position: top center;
    background-repeat: no-repeat;
	margin-top: 50px;
}

#produits li{
    background: url('../images/puce-origami.png');
    background-position: 0px 4px;
    background-repeat: no-repeat;
    padding-left: 40px;
}
#produits li span{
    color: #c4242b;
}
#produits h3{
    text-transform: uppercase;
    font-size: 4rem;
    color: #c4242b;
    font-weight: normal;
}
#produits h3 span{
    font-size: 4rem;
    color: #c4242b;
    font-weight: bold;
}

#produits .one-half:nth-child(1) .row:nth-child(2) a{
    margin-left: 40px;
}

#produits .type-video{
    margin-top: 100px;
}

#produits .demo-produit{
	margin-top: 40px;
	text-align: center;
}

#produits .mockup {
	margin-top: 50px;
	text-align: right;
}

#produits .mockup img{
    max-width: 80%;
}

#produits .plus-value{
    padding-top: 170px;
    height: 490px;
	text-align: center;
}

#produits .plus-value .plus-value-block{
    display: inline-block;
    margin: 0px 10px;
    text-align: center; 
}

#produits .plus-value .plus-value-block img{
    width: 110px;
}

#produits .plus-value .plus-value-block p{
    color: #ffffff;
    font-size: 3rem;
    margin: 0;
}

#produits .cas-client{
    margin-top: 20px;
    margin-bottom: 30px;
}

#produits .cas-client h3{
    text-align: center;
    line-height: 4rem;
}

#produits .cas-client+div{
	margin-bottom: 50px;
}

#produits .cas-client+div .video-client{
	position: relative;
	padding-top: 56.26%;
	overflow: hidden;
}

#produits .cas-client+div .video-client iframe{
	position:  absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (min-width: 765px) {
    #produits .cas-client+div .video-client{
        margin-top: 5%;
    }
}

@media (max-width: 765px) {
    #produits h3, #produits h3 span{
		font-size: 3.5rem;
	}
	#produits .plus-value .plus-value-block img{
    	width: 80px;
	}
	#produits .plus-value .plus-value-block p{
		font-size: 2.3rem;
	}
}

#produits .titre-cas, #produits .sous-titre-cas{
    color: #c4242b;
    font-weight: bold;
}

#produits .titre-cas{
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
}

#produits .sous-titre-cas{
    font-size: 1.8rem;
    margin-bottom: 0rem;
}

#produits .sous-titre-cas+p{
    font-size: 1.4rem;
	line-height: 2rem;
}

#produits .cas-client + div img{
    width: 100%;
}

#produits .texte-cas-r{
    padding: 10px 30px;
    /*background: -moz-linear-gradient(left, #ededed 0%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #ededed 0%,#ffffff 100%);
    background: linear-gradient(to right, #ededed 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=1 );*/
	border-left: 2px solid #c4242b;
}
#produits .texte-cas-l{
    padding: 15px 30px;
    /*background: -moz-linear-gradient(right, #ededed 0%, #ffffff 100%);
    background: -webkit-linear-gradient(right, #ededed 0%,#ffffff 100%);
    background: linear-gradient(to left, #ededed 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=1 );*/
	border-right: 2px solid #c4242b;
}

/* objectifs */

#objectifs{
	margin-top: 3rem;
	margin-bottom: 3rem;
}

#objectifs .one-half h2{
    font-size: 3rem;
    text-align: left;
    text-transform: none;
    color: #c4242b;
    font-weight: 700;
	line-height: 3rem;
}

#objectifs .one-half h2 span{
	color: #989898;
	font-size: 18px;
	font-weight: normal;
}

#objectifs .one-half:nth-child(1) h2{
	margin-top: 50px;
	margin-left: 180px;
}

#objectifs .one-half:nth-child(1) img{
	margin-left: 100px;
	max-width: 100%;
    -webkit-box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.75);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

#objectifs .one-half:nth-child(2){
	margin-top: 20rem;
}

#objectifs .one-half:nth-child(2) h2{
	margin-top: 40px; 	
}

#objectifs .one-half:nth-child(2) img{
    -webkit-box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.75);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;	
}

#objectifs .button{
	margin-top: 60px;
    width: 80%;
}


#objectifs .temoignage{
	background: url('../images/icon_temoignage.png');
	background-position: top left;
	background-repeat: no-repeat;
}
#objectifs .produit{
	background: url('../images/icon_produit.png');
	background-position: top left;
	background-repeat: no-repeat;
}
#objectifs .formation{
	background: url('../images/icon_formation.png');
	background-position: top left;
	background-repeat: no-repeat;
}
#objectifs .communication{
	background: url('../images/icon_com.png');
	background-position: top right;
	background-repeat: no-repeat;
}
#objectifs .rh{
	background: url('../images/icon_ressource_humaine.png');
	background-position: top right;
	background-repeat: no-repeat;
}

@media (max-width: 1330px) {
    #objectifs .one-half.column{
        box-sizing: border-box;
        width: 100%;
    }
    #objectifs .one-half:nth-child(2){
        margin: 0;
    }
    #objectifs .one-half:nth-child(1) img, #objectifs .one-half:nth-child(2) img{
        margin: 0;
    } 
    #objectifs .one-half:nth-child(1) h2, #objectifs .one-half:nth-child(2) h2{
        text-align: center;
        margin: 50px 0 20px 0;
    } 
    #objectifs .one-half > .row > .twelve{
        background-position-x: left;
        text-align: center;
    }
    #objectifs .button{
        text-align: center;
        width: 400px;
    }
}

@media (max-width: 680px) {
    #objectifs .one-half > .row > .twelve{
        background: none;
    }
}


/* fonctionnalites */

#fonctionnalites{
	background-image: url('../images/bg-fonctionnalites.png');
	background-position: center top;
	background-repeat: no-repeat;
	height: 944px;
	/*background-size: cover;*/
    color: #c91c22;
	overflow: hidden;
}

#fonctionnalites .container{
	padding-top: 25rem;
	/*padding-bottom: 5rem;*/
}

#fonctionnalites h2{
	color: #ffffff;
	padding-bottom: 60px;
}

#fonctionnalites ul{
	margin-left: 2rem;
}
#fonctionnalites ul li{
	list-style: circle;
	font-size: 1.4rem;
}

.fonctionnalitesBloc1{
	text-align: center;
}

.fonctionnalitesBloc1 img{
	text-align: center;
	vertical-align: bottom;
	width: 100%;
	display:table-cell;
}

.fonctionnalitesBloc2{
	padding: 25px 10px 30px 10px;
	background-color: #ffffff;
}

.fonctionnalitesBloc2 h3{
    padding: 0 1rem;
    text-align: center;
	font-size: 2.4rem;
}


@media screen and (max-width: 1316px) {
	#fonctionnalites{
		height: inherit;
		background-image: url('../images/bg-fonctionnalites.png'), linear-gradient(to bottom, #ffffff 0%,#ffffff 25%,#96161c 35%,#96161c 35%,#96161c 100%);
	}
	
	#fonctionnalites .four.columns{
		margin-bottom: 4rem ;
	}
}

/* Footer */

#plateforme{
	background: url('../images/before_footer.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 350px;
	display: flex;
  	flex-direction: column;
  	justify-content: center;
}

#plateforme h2{
	text-transform: none;
	text-align: center;
	color: #ffffff;
	font-weight: normal;
	font-size: 3.8rem;
}

@media (max-width: 950px) {
    #plateforme h2{
        font-size: 2.8rem;
    }
}

footer {
	background: #96161c;
	color: #fff;
	padding-top : 10px;
}
footer .footer-space{
	padding-top: 50px;
	padding-bottom: 50px;
}
footer a {
	color: #ffffff;
}
footer .footerTitle {
	font-size: 1.8rem;
    font-weight: 700;
	text-align: left;
	color: #ffffff;
    text-transform: uppercase;
}
footer a.footerLink {
	font-size: 1.4rem;
}
footer ul{
	margin-left: 20px;
} 
footer ul li{
	list-style: circle;
} 
.social li {
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	/* Fix for IE7 */
	display: inline;
	/* Fix for IE7 */
	margin-right: 5px;
}
.social li:last-child {
	margin-right: 0;
}

/* END Footer */

/* contact */

#contact {
	background: #c4242b;
	color: #ffffff;
	padding-left: 30px;
	padding-right: 30px;
}

#contact p {
	font-size: 2.2rem;
}
#contact p.mediumTitle {
	font-size: 1.8rem;
	font-weight: 700;
	text-transform: uppercase;
}

#contact form {
	color: #626262;
}
#contact textarea {
	height: 170px;
}

#contact input, #contact textarea{
	margin-bottom: 1rem;
}

img.iconYoutube:hover{
	content: url('/images/icon_youtube_hover.png');
}
img.iconInstagram:hover{
	content: url('/images/icon_instagram_hover.png');
}
img.iconFacebook:hover{
	content: url('/images/icon_facebook_hover.png');
}
img.iconTwitter:hover{
	content: url('/images/icon_twitter_hover.png');
}

.white-popup{
	padding: 20px;
	max-width: 500px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px; 
}

.white-popup input{
	border: 1px solid #c4242b;
}

.white-popup input#tel{
	margin-bottom: 0px;
}

.white-popup.popup-red h2, .white-popup.popup-red h3, .white-popup h4, .white-popup.popup-red a{
	color: #c4242b !important;
}

#messageSuccess {
	display: none;
	background: #fff;
	color: #626262;
	padding: 10px 10px 1px 10px;
	margin-top: 20px;
}

/* END contact */

.contBtn {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.5);
	padding: 30px 0 25px;
}
.paddingSection {
	padding: 50px 0;
}
header#partenaire {
	height: 92px;
}

ul.logos {
	padding: 10px 0
}
ul.logos:after {
	content: "";
	display: table;
	clear: both
}
ul.logos li:first-child {
	float: left;
	padding-top: 10px;
}
ul.logos li:last-child {
	float: right;
}
ul.logos li:first-child img {
	width: 220px;
}
ul.logos li:last-child img {
	height: 72px;
}

#formCommande input[type="radio"] {
	display: none;
	-webkit-appearance: none;
}
#formCommande p {
	margin-left: 4.5%;
	margin-top: 20px;
	font-size: 2.2rem;
}
#formCommande input[type=radio]+label.btn {
	padding: 5px 10px;
	margin: 0;
	margin-left: 4.5%;
	display: inline-block;
	font-weight: 400;
	font-size: 2.2rem;
	outline: none;
	position: relative;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	background: #fff;
	color: #12cbd2;
	border: 2px solid #12cbd2;
	border-radius: 5px;
	cursor: pointer;
	line-height: 2.4rem;
	text-align: center;
	width: 40%;
	height: 47px;
	vertical-align: top;
	margin-left: 4.5%
}
#formCommande input[type=radio]+label.btn span {
	display: block;
	font-size: 1.6rem;
	color: #626262
}
#formCommande input[type=radio]+label.btn:hover {
	/*background: #9c9c9c;
	color: #fff;*/
	border-color: #c42429;
}
#formCommande input[type=radio]:checked+label.btn {
	/*background: #9c9c9c;
	color: #fff;*/
	border-color: ;
}
#formCommande a.btnDegressif, .labelLike, #formCommande a.btnSurMesure {
	padding: 5px 10px;
	margin: 0 0 0 4.5%;
	display: inline-block;
	font-weight: 400;
	font-size: 1.4rem;
	background: #fff;
	color: #12cbd2;
	border: 2px solid #12cbd2;
	border-radius: 5px;
	cursor: pointer;
	line-height: 2.4rem;
	text-align: center;
	width: 40%;
	height: 47px;
	vertical-align: top;
}
#formCommande a.btnDegressif span, #formCommande a.btnSurMesure span {
	display: block;
	color: #626262
}
#formCommande a.btnDegressif:hover, #formCommande a.btnSurMesure:hover {
	border-color: #c42429;
}
#formCommande .blocProdBas {
	margin-top: 30px;
}
#formCommande a.btnSurMesure {
	margin-left:30%; /* A commenter? */
	margin-top: 30px; /* A commenter? */
	font-size: 2.2rem
}
#formCommande a.btnSurMesure span {
	font-size: 1.6rem
}

/*#formCommande input[type=radio]:checked + label.btn span {
	color: #fff
}*/

#formCommande input[type=radio]+label.btn.nospan {
	line-height: 2em
}
.redBtn, .loggedIn button.redBtn {
	width: 94%;
	background: #c42429;
	border-radius: 0;
	margin-left: 4.5%;
	font-size: 2rem;
	font-weight: 700;
	height: 62px;
	margin-top: 30px;
	color: #fff;
	box-shadow: inset 0 0 0 2px #c42429;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
a.redBtn, .btn {
	padding: 10px 20px;
	font-size: 1.8rem;
	font-weight: 400
}
#offreEntreprises a.redBtn {
	display: inline-block;
	text-align: center;
	font-size: 2rem;
	height: auto;
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
	width: 100%
}
.labelLike {
	font-size: 2rem;
	margin-bottom: 10px;
	cursor: default;
	padding: 5px 0;
	margin-left: 0;
	overflow: hidden;
	width: 100%;
}
@media screen and (min-width: 450px) and (max-width: 766px) {
	.labelLike {
		width: 48.4%;
	}
}
@media screen and (min-width: 1220px) {
	.labelLike {
		width: 48.4%;
	}
}
.labelLike span {
	display: block;
}
.labelLike, .title-anim {
	transition: 0.3s;
}
.labelLike:hover .title-anim {
	margin-top: -5.6rem;
}
.labelLike.oneLine {
	padding-top: 16px;
	height: 35px
}
.labelLike span {
	display: block;
	font-size: 1.6rem;
	color: #626262
}
.labelLike span.title-anim {
	color: #12cbd2;
	font-size: 2rem;
	height: 95%;
	padding-top: 10px;
}
.videowrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	/*padding-top: 25px;*/
	height: 0;
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* bizzbar */

#bizzbar {
	background: #eb593c;
	width: 100%;
	text-align: center;
	color: #fff;
	padding: 2px;
	overflow: hidden;
	height: 30px;
	z-index: 1000;
	font-size: 14px;
	line-height: 30px;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 3px solid rgb(255, 255, 255);
	box-shadow: 0 1px 5px rgba(0, 0, 0, .7)
}
#bizzbar a {
	color: #12cbd2;
}
#bizzbar .close, #bizzbar .open {
	display: block;
	width: 30px;
	height: 30px;
	font-size: 20px;
	position: absolute;
	cursor: pointer;
	color: #12cbd2;
}
#bizzbar .close {
	bottom: 2px;
	right: 20px;
}
#bizzbar .close:hover {}
#bizzbar .open {
	outline: none;
	overflow: hidden;
	right: 10px;
	top: 0px;
	z-index: 100;
	background-color: #eb593c;
	display: none;
	text-align: center
}
#bizzbar .open:hover {
	background-color: #ff5a3d;
}
#formAccount input {
	border: 1px solid #fff;
}

/*#autresCheckboxAccept {
	background: rgba(0, 0, 0, 0.8);
	height: 100%;
	z-index: 1000;
	position: absolute;
	padding-top: 20%
}
#autresCheckboxAccept label {
	font-size: 1.2rem
}*/

#formNewProject {
	text-align: center;
}
#formNewProject label {
	font-size: 2.0rem;
	margin-top: 30px;
}
#formNewProject button.redBtn {
	width: auto;
	height: 46px;
	text-align: center;
}
#formNewProject label.checkboxLabel {
	font-size: 1.4rem
}
#formNewProject label.checkboxLabel a {
	color: #fff;
	text-decoration: underline;
}
.redBtn:hover, .redBtn:focus, .redBtn:active {
	background: #fff;
	color: #c42429
}
.projetEdit {
	padding: 72px 0 0;
}
#projetEditForm h2 {
	margin-bottom: 1.2rem;
	letter-spacing: 0;
	line-height: 1.6
}
.projectBar {
	position: relative;
	padding-top: 10px;
	background: #000
}
.projectBar h1 {
	color: #fff;
	font-size: 2.4rem;
	text-transform: none;
	font-weight: 400;
}

/* box Message */

@-webkit-keyframes showBoxMessage {
	0% {
		transform: scale(0.7);
		-webkit-transform: scale(0.7);
	}
	45% {
		transform: scale(1.05);
		-webkit-transform: scale(1.05);
	}
	80% {
		transform: scale(0.95);
		-webkit-transform: scale(0.95);
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}
@keyframes showBoxMessage {
	0% {
		transform: scale(0.7);
		-webkit-transform: scale(0.7);
	}
	45% {
		transform: scale(1.05);
		-webkit-transform: scale(1.05);
	}
	80% {
		transform: scale(0.95);
		-webkit-transform: scale(0.95);
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}
.showBoxMessage {
	-webkit-animation: showBoxMessage 0.3s;
	animation: showBoxMessage 0.3s;
}
.boxOverlay {
	background-color: black;
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	/* IE8 */
	background-color: rgba(0, 0, 0, 0.4);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
	z-index: 10000;
}
.boxMessage {
	color: #626262;
	background-color: white;
	text-transform: uppercase;
	width: 478px;
	padding: 17px;
	border-radius: 5px;
	text-align: center;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -256px;
	margin-top: -200px;
	overflow: hidden;
	z-index: 99999;
}
.boxMessage p {
	margin: 20px 0;
	font-size: 2.0rem;
}
.boxMessage p span {
	text-transform: none;
}
.boxMessage button.greyBtn {
	color: #fff;
	margin-bottom: 0;
}
.boxMessage button.greyBtn:hover {
	color: #999
}
.groupBtn {
	position: absolute;
	right: 0;
	top: 4px
}
.groupBtn .redBtn, .groupBtn .greyBtn {
	margin-left: 0;
	width: auto;
	height: auto;
}
.greyBtn {
	background: #999999;
	color: #fff;
	box-shadow: inset 0 0 0 2px #999999;
	transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
}
.greyBtn:hover {
	background: #fff;
	color: #999999
}
.u-pull-right .loggedIn button.redBtn, .u-pull-right .redBtn, .u-pull-right .greyBtn {
	margin-left: 0;
}
ul.projetEditLinks {
	border-top: 2px solid #1e1e1e;
	border-bottom: 0;
	font-size: 0;
	margin: 0 0 20px 0;
}
ul.projetEditLinks li {
	list-style-type: none;
	display: inline-block;
	width: 33.333333%;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 2.0rem;
	color: #fff;
	margin: 0;
}
ul.projetEditLinks li a {
	color: #fff;
	display: block;
	padding: 10px 0;
	border-right: 2px solid #1e1e1e;
	background: #000
}
ul.projetEditLinks li a.tabOn {
	background: #1e1e1e;
	cursor: default
}
.projetEdit p {
	font-size: 1.6rem;
}
.projetEdit p.alignLeftTitle {
	font-size: 2rem;
}
.projetEdit label+p {
	font-size: 1.4rem;
}
.projetEdit #listFichiers p {
	font-size: 1.4rem
}
#edit1 textarea {
	min-height: 545px;
}
#edit2 input[type=radio], #edit2 input[type=checkbox] {
	display: none;
	-webkit-appearance: none;
}
#edit2 input[type=radio]+label.btnProject, #edit2 input[type=checkbox]+label.btnProject {
	display: inline-block;
	background-color: #676767;
	cursor: pointer;
	width: 100%;
	height: 80px;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
	border: 1px solid #1e1e1e;
}
#edit2 input[type=radio]+label.btnProject:hover, #edit2 input[type=checkbox]+label.btnProject:hover, #edit2 input[type=radio]:checked+label.btnProject, #edit2 input[type=checkbox]:checked+label.btnProject {
	border: 5px solid #bf0d0e;
}
#listFichiers h2 {
	margin-bottom: 1rem
}

#confirm-delete {
	text-align: center;
}
#confirm-delete button.btn {
	padding: 0 30px;
}
#confirm-delete a.btn {
	color: #fff;
	text-decoration: none;
	padding: 8px 20px;
}
#confirm-delete a.btn:hover, a.confirm-delete:hover {
	color: #c42429
}
#tableFichiers td:first-child a {
	padding: 10px;
}

#tableFichiers td {
	text-align: left;
}
#tableFichiers tr td:last-child {
	width: 40%
}
/* setup tooltips */
.tooltip {
  position: relative;
}
.tooltip:before,
.tooltip:after {
	display: block;
	opacity: 0;
	pointer-events: none;
	position: absolute;
}
/*
.tooltip:after {
	border-right: 6px solid transparent;
	border-top: 6px solid rgba(0,0,0,.75);
	border-left: 6px solid transparent;
	content: '';
	height: 0;
	top: 30px;
	left: 10px;
	width: 0;
}*/
.tooltip:before {
	background: rgba(0,0,0,.75);
	color: #fff;
	content: attr(data-tooltip);
	font-size: 14px;
	padding: 6px 10px;
	top: 40px;
	left: -20px;
	white-space: nowrap;
	border:1px solid rgba(255,255,255,0.4);
}

/* the animations */
/* fade */
.tooltip.fade:after,
.tooltip.fade:before {
  transform: translate3d(0,-10px,0);
  transition: all .15s ease-in-out;
}
.tooltip.fade:hover:after,
.tooltip.fade:hover:before {
  opacity: 1;
  transform: translate3d(0,0,0);
}

/* tooltip top */

.tooltip-top {
	position: relative;
}
.tooltip-top:before,
.tooltip-top:after {
	display: block;
	opacity: 0;
	pointer-events: none;
	position: absolute;
}

.tooltip-top:before {
	background: rgba(0,0,0,.75);
	color: #fff;
	content: attr(data-tooltip);
	font-size: 14px;
	padding: 6px 10px;
	top: -50px;
	left: -20px;
	white-space: nowrap;
	border:1px solid rgba(255,255,255,0.4);
}

.tooltip-top.fade:after,
.tooltip-top.fade:before {
	transform: translate3d(0,-10px,0);
	transition: all .15s ease-in-out;
}
.tooltip-top.fade:hover:after,
.tooltip-top.fade:hover:before {
	opacity: 1;
	transform: translate3d(0,0,0);
}


/* music */

#contMusic {
	visibility: hidden;
	height: 0;
}
.fileinput-button {
	position: relative;
	overflow: hidden;
	display: inline-block;
}
.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 200px;
	direction: ltr;
	cursor: pointer;
}
.contAudio, .contPlayer {
	display: none;
}
.audiojs {
	margin-bottom: 10px;
}
.audiojs .progress {
	top: -20px;
}
.audiojs {
	width: 100%;
    height: 72px;
}
.audiojs .scrubber{
	width: 70%
}
.audiojs .play-pause {
    height: 28px;
}
.audiojs .time{
    margin: 0px;
}

ol li {
	margin-bottom: 0rem;
	font-size: 1.4rem
}
ol li a {
	color: #626262;
}
ol li a:hover, li.playing a {
	color: #fff;
}

#newContMusic table td {
	vertical-align: top;
	text-align: left;
	width: 30%;
}
#newContMusic ol li, #newContMusic ol p {
	margin-bottom: 0rem;
	font-size: 1.4rem;
	list-style-type: none;
    padding: 4px 0px;
}
#newContMusic ol li, #newContMusic ol li a , #newContMusic ol p {
	color: #8d8d8d;
}

#newContMusic ol li i, #newContMusic ol p i {
	color: #414141;
}

#newContMusic ol li a:hover, #newContMusic ol li.playing, #newContMusic ol li.playing a {
	color: #fff;
}




/* tooltip tipso */


/* Tipso Bubble Styles */

.tipso_bubble, .tipso_bubble>.tipso_arrow {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tipso_bubble {
	position: absolute;
	text-align: center;
	border-radius: 6px;
	z-index: 9999;
}
.tipso_style {
	cursor: pointer;
}
.tipso_title {
	border-radius: 6px 6px 0 0;
}
.tipso_content {
	word-wrap: break-word;
	padding: 0.5em;
}

/* Tipso Bubble size classes - Similar to Foundation's syntax*/

.tipso_bubble.tiny {
	font-size: 0.6rem;
}
.tipso_bubble.small {
	font-size: 0.8rem;
}
.tipso_bubble.default {
	font-size: 1rem;
}
.tipso_bubble.large {
	font-size: 1.2rem;
	width: 100%;
}

/* Tipso Bubble Div */

.tipso_bubble>.tipso_arrow {
	position: absolute;
	width: 0;
	height: 0;
	border: 8px solid;
	pointer-events: none;
}
.tipso_bubble.top>.tipso_arrow {
	border-top-color: #000;
	border-right-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;
	top: 100%;
	left: 50%;
	margin-left: -8px;
}
.tipso_bubble.bottom>.tipso_arrow {
	border-bottom-color: #000;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
}
.tipso_bubble.left>.tipso_arrow {
	border-left-color: #000;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	top: 50%;
	left: 100%;
	margin-top: -8px;
}
.tipso_bubble.right>.tipso_arrow {
	border-right-color: #000;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	top: 50%;
	right: 100%;
	margin-top: -8px;
}
.tipso_bubble .top_right_corner, .tipso_bubble.top_right_corner {
	border-bottom-left-radius: 0;
}
.tipso_bubble .bottom_right_corner, .tipso_bubble.bottom_right_corner {
	border-top-left-radius: 0;
}
.tipso_bubble .top_left_corner, .tipso_bubble.top_left_corner {
	border-bottom-right-radius: 0;
}
.tipso_bubble .bottom_left_corner, .tipso_bubble.bottom_left_corner {
	border-top-right-radius: 0;
}

/* Fixes for IE < 8 */

@media screen\9 {
	.fileinput-button input {
		filter: alpha(opacity=0);
		font-size: 100%;
		height: 100%;
	}
}
.loggedIn .uploadMusic label {
	font-size: 1.4rem
}
.redBtn.fileinput-button {
	margin: 0;
	width: auto;
	height: auto;
	font-size: 1.4rem;
	font-weight: normal;
	padding: 10px
}
@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}
	to {
		background-position: 0 0
	}
}
@-o-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}
	to {
		background-position: 0 0
	}
}
@keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}
	to {
		background-position: 0 0
	}
}
.progress {
	height: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #f5f5f5;
}
.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #428bca;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease
}
.progress-striped .progress-bar, .progress-bar-striped {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px
}
.progress.active .progress-bar, .progress-bar.active {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite
}
.progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] {
	min-width: 30px
}
.progress-bar[aria-valuenow="0"] {
	min-width: 30px;
	color: #777;
	background-color: transparent;
	background-image: none;
	-webkit-box-shadow: none;
	box-shadow: none
}
.progress-bar-success {
	background-color: #c42429
}
.progress-striped .progress-bar-success {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-bar-info {
	background-color: #5bc0de
}
.progress-striped .progress-bar-info {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-bar-warning {
	background-color: #f0ad4e
}
.progress-striped .progress-bar-warning {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-bar-danger {
	background-color: #d9534f
}
.progress-striped .progress-bar-danger {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
#files {
	background: #fff;
	color: #000;
	padding-left: 10px;
	margin-top: 20px;
}
#files p {
	font-size: 1.4rem
}

/* END music*/

.loggedIn textarea.linkedToBtn {
	width: 100%;
	min-height: 90px;
}
.arrowBox {
	position: relative;
	margin-top: 20px;
	display: none;
}
.arrowBox:after {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 30px;
	margin-left: -30px;
}
.arrowBoxPos1:after {
	left: 12%;
}
.arrowBoxPos2:after {
	left: 37.5%;
}
.arrowBoxPos3:after {
	left: 63%;
}
.arrowBoxPos4:after {
	left: 88%;
}
.arrowBox textarea:focus {
	border: none;
}

/* liste projets */

.videoBlock, .infosBlock {
	min-height: 247px;
}
.videoBlock {
	background: #000;
	text-align: center;
	margin-bottom: 10px
}
.videoBlock p {
	font-size: 1.8rem;
	margin: 30px 0 25px;
}
.videoBlock .redBtn, .videoBlock .greyBtn {
	display: inline-block;
	width: 200px;
	height: auto;
}
.videoBlock .redBtn {
	margin: 0 0 20px;
}
.infosBlock {
	background: #323232;
	position: relative;
	margin-left: 0;
	padding: 20px;
}
.infosBlock a {
	color: #fff;
}
.infosBlock a:hover {
	color: #787878;
}
.dateCrea {
	position: absolute;
	bottom: 0;
	font-size: 12px;
	color: #787878
}
@media (max-width: 568px) {
	#formCommande button {
		width: 100%;
		margin-left: 0
	}
	#formCommande input[type=radio]+label.btn {
		margin-left: 0;
		width: 45%;
	}
	.boxMessage {
		width: auto;
		margin-left: 0;
		margin-right: 0;
		left: 15px;
		right: 15px;
	}
}
#packaging {
	position: relative;
}
#packaging p {
	background: url('../images/bg-p-packaging.svg') no-repeat top left;
	font-size: 2.2rem;
	line-height: 2.6rem;
	text-transform: uppercase;
	color: #fff;
	width: 312px;
	height: 79px;
	padding: 24px 0 0 22px;
}
#packaging p strong {
	font-weight: 700;
	display: block;
}
#packaging ul {
	/*margin-left: 16%;
	margin-top:5%*/
	position: absolute;
	top: 50%;
	left: 10%
}
#packaging ul li {
	list-style-type: none;
	margin-bottom: 1.5rem
}
#packaging ul li i {
	color: #c42429;
}
@media screen and (min-width: 767px) and (max-width: 980px) {
	#packaging ul {
		top: 82%;
		left: 15%;
	}
	#packaging ul li {
		margin-bottom: 0.8rem
	}
}
@media screen and (max-width: 500px) {
	#packaging ul {
		left: 3%;
	}
	#packaging ul li {
		margin-bottom: 0.8rem;
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 380px) {
	#packaging ul li {
		font-size: 1.15rem;
	}
}

/*#packaging ul li:last-child {
	color: #12cbd2;
	font-weight: 700
}*/

#packagingImg {
	position: absolute;
	top: -30px;
	right: -12px;
	width: 44%;
}
p.promo {
	color: #12cbd2;
	text-align: center;
	/*border: 2px solid #12cbd2;*/
	padding: 5px
}
@media screen and (min-width: 767px) and (max-width: 1215px) {
	#formCommande input[type=radio]+label.btn {
		margin-left: 0;
		width: 40.5%;
		font-size: 1.6rem;
	}
	#formCommande input[type=radio]+label.btn.miniLineHeight {
		line-height: 1.7rem;
	}
	#formCommande p {
		margin-left: 0;
		font-size: 1.6rem;
	}
	.redBtn {
		width: 100%;
		margin-left: 0
	}
	#packagingImg {
		width: 39%;
		top: 0;
	}
}
@media screen and (min-width: 767px) and (max-width: 1012px) {
	#packagingImg {
		display: none
	}
}
@media (max-width: 551px) {
	#formCommande input[type=radio]+label.btn {
		margin-left: 0%;
		font-size: 1.7rem;
		width: 42.5%;
	}
}
@media (max-width: 525px) {
	#packagingImg {
		display: none;
	}
	#packaging p {
		margin: 0 auto;
		font-size: 2rem
	}
}
@media (max-width: 400px) {
	h4 {
		font-size: 3.8rem
	}
	#formCommande p {
		font-size: 1.7rem;
		margin-left: 0;
	}
	#packaging p {
		background-size: contain;
		background-position: center center;
		width: 93%;
		font-size: 1.8rem
	}
}
@media screen and (min-width: 525px) and (max-width: 766px) {
	#packagingImg {
		width: 38%;
		top: 0;
	}
}

/* END offre */

/* login/sign up page */
#signupSuccess {
	margin-top: 20px;
}


.login-box {
	position: relative;
	margin: 20px auto 100px auto;
	width: 500px;
	background-color: #f9f9f9;
	padding: 10px;
	border: 1px solid #dadada
}
.login-box.onCheckoutPage {
	margin-bottom: 20px;
}
.lb-header {
	position: relative;
	color: #00415d;
	margin: 5px 5px 10px 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dadada;
	text-align: center;
	height: 28px;
	color: #c42429;
	font-size: 18px;
}
.social-login {
	position: relative;
	width: 100%;
	height: auto;
	padding: 10px 0 22px 0;
	border-bottom: 1px solid #dadada;
	text-align: center
}
.social-login a {
	position: relative;
	width: calc(40% - 8px);
	text-decoration: none;
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.05);
	padding: 12px;
	font-size: 12px;
	text-align: center;
	font-weight: 700;
}
.social-login a i {
	width: 20px;
	top: 2px;
}
.social-login a:first-child {
	background-color: #49639F;
}
.email-login, .email-signup {
	margin-top: 20px;
	text-align: center;
}
.u-form-group {
	width: 100%;
}
.u-form-group input[type="email"], .u-form-group input[type="password"], .u-form-group input[type="text"] {
	width: calc(80% - 22px);
	height: 40px;
	border: 1px solid #dadada;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.u-form-group input.lastname {
	display: none;
}
.u-form-group input:focus {
	border-color: #12cbd2;
}
.u-form-group button {
	width: 50%;
	background-color: #c42429;
	border-radius: 0px;
}
.forgot-password {
	text-decoration: underline;
	color: #888;
	font-size: 1.2rem;
}
.login-box fieldset, .login-box input, .login-box select, .login-box textarea {
	margin-bottom: 1.5rem;
	font-size: 1.4rem;
	color: #4e4e4e;
}
.login-box .redBtn {
	height: 40px;
}
#signupSuccess a {
	text-decoration: underline;
	color: #12cbd2
}
/* Checkout */

#checkout h1 {
	font-size: 3.4rem;
	text-align: left;
}
#checkout .row {
	margin-bottom: 20px;
}
#checkout .blocBg {
	background: #f9f9f9;
	border: 1px solid #dadada;
	padding: 18px;
	min-height: 154px;
	font-size: 1.4rem
}
#checkout h2 {
	font-size: 1.6rem;
	font-weight: 400;
	text-align: left;
	/*height: 32px;*/
}
#checkout label {
	font-weight: 400;
	font-size: 1.4rem;
	margin-left: 10px;
	margin-bottom: 0
}
#checkout .blocBg h2+div {
	border-bottom: 1px solid #dadada;
	padding-bottom: 12px;
	margin-bottom: 12px;
}
#checkout .blocBg label span {
	font-size: 12px;
	font-style: italic;
}
#checkout label input[type="radio"] {
	margin-right: 10px;
	margin-bottom: 0px
}
#checkout #infosPerso h2 {
	margin: 1.0rem 0 1rem;
}
#checkout #infosPerso input, #checkout #infosPerso select {
	height: 40px;
	border: 1px solid #dadada;
	margin-bottom: 10px;
}
#checkout #infosPerso select {
	border-radius: 0;
}
#checkout #infosPerso input[type="checkbox"] {
	margin-right: 0;
	margin-bottom: 0;
	height: auto;
}
.contCheckbox {
	line-height: 1.5rem;
	margin: 1.5rem 0 0;
}
#summary {
	background: #f9f9f9;
	border: 1px solid #dadada;
	padding-top: 18px;
	margin-bottom: 20px;
}
#summary h2 {
	margin: 0 0 3px 18px;
}
#summary table {
	margin-bottom: 0;
	border-top: 0;
}
#summary th, #summary td {
	border: 1px solid #dadada;
	color: #12cbd2;
}
#summary td:first-child, #summary th:first-child {
	border-left: 0;
	border-bottom: 0
}
#summary td:last-child, #summary th:last-child {
	border-right: 0;
	border-bottom: 0;
	white-space: nowrap;
}

/*#summary th:last-child {
	border-top: 0;
}*/

#summary tfoot tr:last-child td {
	border-bottom: 0;
	font-size: 2.0rem
}
#summary tfoot tr:last-child td:last-child {
	color: #000;
}
#summary tbody tr:nth-child(odd) {
	background: #FFF
}
#summary tbody td {
	color: #626262;
}
#summary input#cartQuantity {
	width: 60px;
	height: 30px;
	margin: 0;
	text-align: center;
	background: #e6e6e6;
}
#summary tfoot tr:first-child td:nth-last-child(2), #summary tfoot td:last-child {
	color: #626262;
}
#summary .descTxt {
	text-align: left;
	font-size: 2.0rem;
	color: #12cbd2
}
#checkout #login, #checkout #deliveryForm {
	display: none;
}
#checkout input#acceptCgv {
	margin: 15px 0;
}
#checkout .cgv {
	font-size: 1.4rem;
}
#checkout .cgv a {
	text-decoration: underline;
}
#checkout .redBtn.valide {
	height: 48px;
	width: 100%;
	margin: 0;
}
button[disabled] {
	opacity: 0.4
}
button[disabled].redBtn:hover {
	background: #c42429;
	color: #fff;
}
@media screen and (min-width: 1170px) {
	#checkout .blocBg {
		min-height: 132px;
	}
}
@media screen and (min-width: 767px) and (max-width: 985px) {
	#checkout .blocBg {
		min-height: 171px;
	}
	#summary .descTxt, #summary tfoot tr:last-child td {
		font-size: 1.4rem
	}
	td, th {
		padding: 12px 5px;
	}
}
@media screen and (max-width: 766px) {
	.notOnMobile {
		display: none
	}
	#checkout .blocBg {
		min-height: 0;
		border-top: 0;
	}
	#checkout .four.columns:first-child .blocBg {
		border-top: 1px solid #dadada
	}
	#checkout h2 {
		margin-bottom: 1rem
	}
	#summary {
		margin-top: 20px;
	}
}
@media screen and (min-width: 767px) {
	.notOnLargeScreen {
		display: none !important;
	}
}
@media screen and (max-width: 600px) {
	#summary table thead {
		display: none;
	}
	#summary table tbody td, #summary table tfoot td {
		display: block;
		min-width: 320px;
		text-align: left;
		font-size: 1.5rem;
		border-left: 0;
		border-bottom: 0;
		border-right: 0;
		padding: 1% 0 1% 0;
	}
	#summary table tbody td:last-child, #summary table tbody td:nth-last-child(1), #summary table tbody td:nth-last-child(2) {
		display: none
	}
	#summary table tbody td:before {
		content: attr(data-th);
		font-weight: bold;
		display: inline-block;
		width: 48%;
		padding: 1% 0 1% 2%;
		color: #12cbd2;
		font-size: 1.6rem;
	}
	#summary table tfoot td {
		min-width: 0;
		width: 50%;
		display: inline-block;
	}
	#summary table tfoot tr:first-child td:first-child, #summary table tfoot tr:first-child td:last-child {
		display: none;
	}
	#summary table tfoot td:first-child, #summary tfoot tr:first-child td:nth-last-child(3) {
		width: 48%;
		padding: 1% 0 1% 2%
	}
	#summary table tfoot td.notOnMobile {
		display: none;
	}
	#checkout .u-pull-right {
		float: none;
	}
	#checkout .redBtn.valide {
		padding: 0;
		font-size: 1.5rem;
	}
}

/* Espace client */

.loggedIn {
	background: #1e1e1e;
}
.loggedIn body {
	color: #fff;
}
.loggedIn header {
	color: #000;
}
.loggedIn #logo {
	width: 300px;
	margin: 0;
}
.loggedIn #showLogin ul li a {
	text-transform: uppercase;
	color: #000;
	padding: 0 20px;
}
.loggedIn #showLogin ul li:last-child a {
	padding-right: 0
}
.loggedIn #showLogin ul li a:hover, .loggedIn #showLogin ul li a.menuOn {
	color: #bf0d0e;
}
.topBar {
	margin-bottom: 4.0rem;
	border-bottom: 2px solid #5a5a5a;
}
.topBar h1 {
	font-size: 2.4rem;
	font-weight: 700;
	color: #fff;
	text-align: left;
	float: left
}
.loggedIn h2 {
	color: #fff;
	font-size: 2.0rem;
	text-transform: none;
	text-align: left;
	font-weight: normal;
	margin-bottom: 4.0rem;
}

/*.loggedIn .three.columns {
	border-right: 2px solid #fff;
}*/

.loggedIn table {
	border-top: 0
}
.loggedIn td {
	padding: 3px 6px;
	text-align: center;
	border-bottom: 1px solid #1e1e1e;
	color: #fff;
	font-size: 1.4rem
}
.loggedIn td a {
	color: #fff;
}
.loggedIn td a:hover {
	text-decoration: underline;
}
.loggedIn td a.like:hover, .loggedIn td a.likeOn {
	color: #c42429;
}
.loggedIn tr:nth-child(even) {
	background: #4c4c4c;
}
.loggedIn tr:nth-child(odd) {
	background: #6e6e6e;
}
.loggedIn label {
	font-size: 1.6rem;
	font-weight: 400
}
.loggedIn input, .loggedIn select, .loggedIn textarea {
	margin-bottom: 1.3rem;
}
.loggedIn input[type=email], .loggedIn input[type=number], .loggedIn input[type=search], .loggedIn input[type=text], .loggedIn input[type=tel], .loggedIn input[type=url], .loggedIn input[type=password], .loggedIn select, .loggedIn textarea {
	height: 35px;
	width: 90%;
}
.loggedIn button, .loggedIn input, .loggedIn optgroup, .loggedIn select, .loggedIn textarea {
	color: #1e1e1e;
}

/* xeditable */

.editable-buttons {
	display: block;
}
.editable-container.editable-inline, .editableform > .control-group, .editable-input, .editableform .form-control {
	width:98.7%;
}

.editable-popup {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.2);
	padding: 10px;
	z-index: 10
}
.editable-input textarea {
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin-bottom: 0;
	font-size: 1.3rem;
	font-weight: 300;
	line-height: 1.2
}
.editable-buttons {
	display: block;
	text-align: center
}
.editable-buttons .redBtn.editable-submit, .editable-buttons .greyBtn.editable-cancel {
	width: 36px;
	padding: 8px 0;
	height: auto;
	line-height: 0;
	margin: 8px 8px 0 8px;
	font-size: 2rem;
	color: #fff
}
.editable-buttons .greyBtn:hover, .editable-buttons .redBtn:hover {
	background: #fff;
	color: #999;
}
.editable-buttons .redBtn:hover {
	color: #c42429;
}
.editable-popup label {
	color: #000
}
.editable-click, a.editable-click, a.editable-click:hover {
	border-color: #c42429;
	color: #fff
}
a.editable-click:hover {
	color: #c42429;
}

/* /xeditable */

.noProject {
	text-align: center;
	text-transform: uppercase;
	font-size: 3rem;
	font-weight: 700;
	margin: 7%
}

.news {
	text-align: center;
	text-transform: uppercase;
	font-size: 2.4rem;
	font-weight: 700;
	margin: 2%
}

@media screen and (min-width: 767px) {
	.loggedIn .container {
		width: 98%
	}
}

/* Validator */


/* File inputs with invalid value */

input[type="file"].error {
	color: #b94a48;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* File inputs with valid value */

input[type="file"].valid {
	color: #468847;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Element showing an inline error message */

.form-error {
	display: block;
	color: #b94a48;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 140%;
}

/* Element showing the help text declared in data-validation-help */

span.help {
	color: #999;
	font-size: 90%;
}

/* Here you can style the look of the input while server being
  requested when using data-validation="server" */

select.validating-server-side, input.validating-server-side {
	opacity: 0.5;
	background-image: url('data:image/gif;base64,R0lGODlhEAAQAPQAAP///wAAAPDw8IqKiuDg4EZGRnp6egAAAFhYWCQkJKysrL6+vhQUFJycnAQEBDY2NmhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAAKAAEALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQACgACACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQACgADACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkEAAoABAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkEAAoABQAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkEAAoABgAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAAKAAcALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkEAAoACAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAAKAAkALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQACgAKACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQACgALACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==');
	background-position: right 5px center;
	background-repeat: no-repeat;
	background-color: #FFF;
}

/* Here you can style the entire form while server being
  requested when using data-validation="server" */

form.validating-server-side {}

/* Container for error messages when having configuration
   parameter "errorMessagePosition" set to "top" */

div.form-error {
	background-color: #f2dede;
	padding: 15px;
	margin-bottom: 20px;
	border: #b94a48 1px solid;
}

/* Title in top of the error message container */

div.form-error strong {
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 0 0 10px;
}

/* Typography styling in the error message container */

div.form-error strong, div.form-error ul li {
	line-height: 140%;
	color: #b94a48;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}
div.form-error ul, div.form-error ul li {
	background: none;
}

/***** Animation pour popup *****/


/**
* Fade-move animation for second dialog
*/


/* at start */

.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
	-moz-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
	-ms-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
	-o-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
	transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
}

/* animate in */

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px) rotateX( 0);
	-moz-transform: translateY(0) perspective( 600px) rotateX( 0);
	-ms-transform: translateY(0) perspective( 600px) rotateX( 0);
	-o-transform: translateY(0) perspective( 600px) rotateX( 0);
	transform: translateY(0) perspective( 600px) rotateX( 0);
}

/* animate out */

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
	-moz-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
	-ms-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
	-o-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
	transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
}

/* Dark overlay, start state */

.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

/* animate in */

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.6;
}

/* animate out */

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

/***** END Animation pour popup *****/


/* upload videos */

#form_custom {
	font-size: 1em;
	max-width: 550px;
	border: 2px dashed #6e6e6e;
	border-radius: 5px;
	background-color: #151515;
	/*padding: 60px 70px;*/
	overflow: hidden;
}
#form_custom p {
	margin: 0;
	padding: 0;
}
#form_custom input[type=file] {
	display: none !important;
}
#form_custom .bouton_custom_file {
	font-size: 1.6rem;
	font-weight: bold;
	width: auto;
	min-height: 1.8em;
	padding: 60px 70px;
	text-align: center;
	border: none;
	cursor: pointer;
	color: #6e6e6e;
}
#form_custom .bouton_custom_file span{
	text-decoration: underline;
}
#form_custom .content {
	display: none;
	border: 1px solid #b5b5b5;
}
#form_custom .infos_form {
	font-size: 1.6rem;
	margin: 0 auto;
	padding: 0 1.2em 1em 1.5em;
}
#form_custom .UpAbci_infosFile {
	margin: 0.25em 0 0.1em 0;
	border-bottom: 1px solid #e2e2e2;
	padding: 0;
}
#form_custom .UpAbci_infosFile progress {
	height: 0.8em;
	width: 15%;
	padding: 0;
	margin: 0;
	display: none;
	vertical-align: baseline;
}
#form_custom .UpAbci_imgPreview {
	position: relative;
	height: 100%;
}
#form_custom .UpAbci_imgPreview img {
	position: absolute;
	bottom: 0px;
}
#form_custom input[type=button]:not(.fin_traitement) {
	background: #fff;
	border: 1px solid #fff;
	border-radius: 0px;
	cursor: pointer;
	color: black;
	padding: 0 10px;
	font-size: 1.6rem;
}
#form_custom .arret {}
#form_custom .submit {
	border: 1px solid #fff;
	border-radius: 0px;
	cursor: pointer;
	background: #fff;
	margin: auto;
	font-size: 1.2em;
	display: block;
	margin: auto;
}
#form_custom .submit:hover {
	background: #c42429;
	border-color: #c42429;
}
#form_custom .symbol_rond {
	display: none;
	position: absolute;
	top: 0;
	margin-top: 0.2em;
	right: 0;
	width: 1.2em;
	height: 1.2em;
	border-radius: 50%;
	box-shadow: inset 0px 0px 3px 0px #999;
}
p.mess_file_exist {
	font-size: 1.6rem;
}
.alignLeftTitle {
	display: inline-block;
	vertical-align: top;
}

/* checkbox ios 7 style */

#toggles *, #toggles :before, #toggles :after, #toggles2 *, #toggles2 :before, #toggles2 :after, #toggles3 *, #toggles3 :before, #toggles3 :after {
	box-sizing: border-box;
	/*transition*/
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	outline: none;
}
#toggles, #toggles2, #toggles3 {
	width: 72px;
	text-align: center;
	display: inline-block;
	margin-left: 60px
}
.ios-toggle, .ios-toggle:active {
	position: absolute;
	top: -5000px;
	height: 0;
	width: 0;
	opacity: 0;
	border: none;
	outline: none;
}
.checkbox-label {
	display: block;
	position: relative;
	padding: 10px;
	line-height: 16px;
	width: 100%;
	height: 30px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	background: #fff;
	cursor: pointer;
	margin-bottom: 0
}
.checkbox-label:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	line-height: 34px;
	text-indent: 40px;
	height: 30px;
	width: 30px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	top: 0px;
	left: 0px;
	right: auto;
	background: #bf0d0e;
	border: 2px solid #fff;
}
.checkbox-label:after {
	content: attr(data-off);
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: -300px;
	padding: 10px;
	height: 100%;
	width: 300px;
	text-align: right;
	color: #fff;
	white-space: nowrap;
}
.ios-toggle:checked+.checkbox-label:before {
	left: calc(100% - 30px);
}
.ios-toggle:checked+.checkbox-label:after {
	content: attr(data-on);
	left: 72px;
	width: 30px;
}
#toggleCheckbox:checked+.checkbox-label:after {
	color: rgba(255, 255, 255, 1);
}

/* Transformer Tabs */
.tabs {
	padding: 0 5px;
	margin-top:20px;
}
.transformer-tabs ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #999;
}
.transformer-tabs li {
  display: inline-block;
  padding: 0;
  vertical-align: bottom;
  margin-bottom: 0
}

.transformer-tabs a {
  display: inline-block;
  color: #fff;
  background: #dadada;
  text-decoration: none;
  padding: 0.5rem;
}
.transformer-tabs a:hover {
	color: #999;
}
.transformer-tabs a.active {
  /*border-bottom: 3px solid transparent;*/
  	position: relative;
  	color: #fff;
  	padding-top: .8rem;
	background: #999
}
@media (max-width: 700px) {
  .transformer-tabs ul {
    border-bottom: 0;
    overflow: hidden;
    position: relative;
    background: #999;
  }
  .transformer-tabs ul::after {
    content: "☰";
    position: absolute;
    top: 8px;
    right: 15px;
    z-index: 2;
    pointer-events: none;
    color: #fff;
  }
  .transformer-tabs ul.open a {
    position: relative;
    display: block;
  }
  .transformer-tabs li {
    display: block;
  }
  .transformer-tabs a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .transformer-tabs a.active {
    border: 0;
    z-index: 1;
    background: #666;
    /* fallback */
    background: linear-gradient(#666, #222);
  }
}

.tabs > div {
  display: none;
}
.tabs > .active {
  display: block;
}

.g-recaptcha {
	margin: 0 auto;
	width: 304px;
}

.btn-envoyer{
	margin-top:15px;
}

#header-shared{
	position: relative;
}

#shared-video{
	margin-top: 10%;
}

#shared-video .errorMsg{
	text-align: center;
}