html, body {
	padding: 0;
	margin: 0;
	background: #FFF;
	width: 100%;
	font-family: 'Albert Sans', sans-serif;
	font-weight: 400;
	font-size:100%;
}


h1,h2,h3,h4,h5,h6 {font-family:'Merriweather',sans-serif}

.clear { content:'';clear: both;display:block}

.step .col {line-height:1.5rem;font-size:1rem;color: #FFF;}
.step .notice {
	padding-top: 4px;
	font-size: 0.9rem;
	line-height:1.15rem;
	color: #9767CA;
}
.step .grid_small .col  {line-height:1.1rem;font-size:0.9rem;}
.step input, .step textarea, .step select {	font-family: 'Albert Sans', sans-serif;}
.content .entete {background:#191919;color:#D9FF50;padding:0.5rem 0.9rem;}
.content .entete h2 {
	font-family: 'Merriweather';
	font-weight: 400;
	color: #FFF;
	font-size:1.3rem;
}

* {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: border-box;
	box-sizing: content-box;
}

.step .grid3 .col {
	width: 30.2%;
}
.step .grid4 .col {
	width: 22%;
}
@media screen and (max-width: 960px) {
.step  .grid3 .col {	width: 47.6%;}
.grid3 .col:nth-of-type(2n+1) {	margin-left: 0;	clear: left;}
}

@media screen and (max-width: 1290px) {
.step .grid4.grid4textarea .col {
	width: 47.6%;
}
}

@media screen and (max-width: 960px) {
.jointhem .col {
	width: 100% !important;
	margin-left: 0 !important;
	clear: none !important;
}
}

.container2 {background: transparent; }

.banner {
width: 100%;
height: 10%;
max-height: 100%;
}

.application {
	background: rgb(86, 3, 173);
	padding: 0px 0px 0px;
	text-align: center;
}


.application .content .article b {
	color: #191919;
	font-weight: 700;
}

.content {
	margin: 0px auto;
}

.hack .application,.application.hack,.dashboard {margin-top:-5px; }
a { color:#F58F29;text-decoration:none;}
a:visited,a:hover { color:#F58F29;}


.application_intro,.standard {background:#FFF;padding-top:25px}
.application_intro h1,.standard h1,.typo h1 {color:#191919;font-family:'Merriweather',sans-serif;font-size:2.8rem;line-height:3rem;margin-bottom:2rem;}
.application_intro h2,.standard h2,.typo h2 {color:#191919;font-family:'Albert Sans',sans-serif;font-size:1.7rem;line-height:2rem;margin-bottom:2rem;}

.application .content {
	padding: 40px 0px 25px;
	background: transparent;
	overflow: hidden;
}

.application .content.narrow {padding: 12px 0px;}

.application_intro .article .clear {margin-bottom:40px}
.application_intro .article .clear.nomar {margin-bottom:0px}

.application_intro .article img {width:100%;max-width:100%}



#Navigation {
	border:0;
	background-color:#191919;
	color:#FFF;
	padding-right: 60px;
}

.navigation_button {
	width: 100px;
	text-align: center;
	padding: 5px 10px;
	font-size: 16px;
	color:#FFF;
	background-color:transparent;
	border: 3px solid #FFF;
	border-radius:25px;
	transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s;
}

.navigation_button:hover {
	cursor: pointer;
	background-color: #F58F29;
	color: #FFF;
	border: 3px solid #F58F29;
}

.navigation_button.ui-state-disabled {
	color:#8757BA;
	border-color:#8757BA;
	background:transparent;
}

#Navigation span {
	color: #FFF;
	padding: 5px 15px;
	background-color: #5603ad;
	margin-right: 50px;
	font-size: 15px;
	border:3px solid #FFF;
	border-radius:25px;
}


.step .col A {color:#D9FF50 }

.step {color:white;line-height:1.5rem;font-size:1rem;padding-bottom:20px;}
.step .entete {margin-bottom:15px}
.step .blabla,.step .blabla p {color:white;}

.application.vert {	background-image: url("../../pics/background/CN-CTA-Overlay.svg");	    background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 99% auto;}


.narrowul ul {margin-block-start: 0.3em;padding-inline-start: 1em;list-style-type: none;}
.narrowul22 li::marker {
	color: #D9FF50;
}
.narrowul li::before {
	content: ">";
	color: #D9FF50;
	padding-inline: 0;
	margin-inline-end: 0.4em;
}

ul ul {margin-block-start: 0.3em;padding-inline-start: 1em;list-style-type: none;}
ul.sublist li::marker {
	color: #D9FF50;
}
ul.sublist  li::before {
	content: ">";
	color: #D9FF50;
	padding-inline: 0;
	margin-inline-end: 0.4em;
}

ul ul.sublist2 {
    margin-block-start: 0.3em;
    padding-inline-start: 1em;
    list-style-type: circle;
}

.ul1em ul {margin-block-start: 0.3em;padding-inline-start: 1em}
.ulample li {margin-block-end: 1.3em;padding-inline-start: 0em}

.ulample ul.sublist li {margin-block-end: 0.5em;padding-top:5px;padding-inline-start: 0em}

.back_yellow ul.sublist  li::before {
	color: #5603AD;
}

.bloc_element {padding:20px;background-color:rgba(255, 255, 255, 0.08);}

.step input, .step textarea, .step select {background: transparent;border:3px solid white;border-radius:25px}
.step input:focus, .step textarea:focus, .step select:hover, .step input:hover, .step textarea:hover {}


.step input, .step textarea, .step select {
	border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
    -o-border-radius: 25px !important;
    -ms-border-radius: 25px !important;
    transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -ms-transition: .4s;
     border: 3px solid #FFF;
     color: #FFF;
     padding-left: 10px;
    }

 .step select {padding-right:15px;margin-right: 40px;}


.step input:focus, .step textarea:focus, .step select:hover, .step input:hover, .step textarea:hover {
     outline: none;
     border: 3px solid #8757BA;
     color: #5603AD;
}
.step select:focus option {	color: #5603AD;}
.step input:not([type=checkbox]), .step textarea {
    width: 95%;
}

.step .copyform:hover {
    border-color: #FFFFFF;
    color: #FFFFFF;
}
.step .copyform {
    border: 3px solid #8757BA;
	border-radius:25px;
	 color: #8757BA;
	 background-color:transparent;
    text-decoration: none;
    cursor: pointer;
    padding: 2px 9px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
	margin:10px 0px;
}

.step input.noedit {
    background-color: transparent;
    color: #FFF;
	border:0px;
    font-size: 1.3em;
}

#step_save a {
	margin-left:8px;
	font-weight: 700;
	text-decoration: none;
	padding: 3px 9px;
	border: 3px solid #F58F59;
	background: #F58F59;
	border-radius:25px;
	color: white;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

#step_save a:hover {
	border-color: #FFF;
	background: #FFF;
	color: #191919;
}

.step .required,#Navigation .required {background-image:url(../../pics/maquette/icon_required_2025.png);}

label.error {    color: #D9FF50; }

.intro_agree {color:#FFF}


.application .step haaa2 {
    padding: 0;
    margin: 0;
    font: 400 25px / 40px 'Merriweather';
    color: #FFF;
    line-height: 1.9rem;
}



.dashboard {background: #EEE8F5;background-image: url("../../pics/background/Yellow-Dots.svg");	 	    background-position: -150px 40px;
background-repeat: no-repeat;
background-size: 385px auto;
background-attachment: fixed;}
.dashboard .timeline {padding:0px;}

.cbp_tmtimeline:before {    background: #5603ad;}
.cbp_tmtimeline > li .cbp_tmicon {    background: #5603ad;    box-shadow: 0 0 0 8px #5603ad;	margin-top: 20px; }

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel,.cbp_tmtimeline > li:nth-child(even) .cbp_tmlabel {
    background: transparent;
}
.cbp_tmtimeline > li .cbp_tmtitle {
    background: #5603ad;
    color: #FFF;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
}

.cbp_tmtimeline > li .cbp_tmtitle h2 {
	font-family: 'Merriweather';
	font-weight: 700;
    text-align: left;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.2;
}

.cbp_tmtimeline > li .cbp_tmtime {
	display: block;
	width: 15%;
	padding-right: 10px;
	position: absolute;
	text-align: right;
	margin-top:20px;
}

.cbp_tmtimeline li .encadre A {	padding: 2px 6px;	border:0;}
.cbp_tmtimeline li .encadre A:hover {	padding: 2px 12px;}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after,.cbp_tmtimeline > li:nth-child(even) .cbp_tmlabel:after {
    border-right-color: #5603ad;
}

.cbp_tmtimeline > li.doit .cbp_tmlabel:after, .cbp_tmtimeline > li.doit:nth-child(odd) .cbp_tmlabel:after {
	border-right-color: #5603ad;
}

.cbp_tmtimeline li.doit strong {
    color: #D9FF50;
}

.cbp_tmtimeline p {
	line-height:1.5rem;font-size:1rem;
	font-family: 'Albert Sans',sans-serif;
    font-weight: 400;
    color: #191919;
}

.cbp_tmtimeline > li .cbp_tmlabel:after {
       top: 30px;
}

.cbp_tmtimeline > li .cbp_tmtext {
    color: #191919;
    padding: 1em 2em 1em 2em;
    text-align: left;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;
	background-color:#FFF;
}

.cbp_tmtimeline li a {
	font-weight: 700;
	text-decoration: none;
	padding: 3px 8px;
	border: 3px solid #F58F29;
	background: #F58F29;
	color: white;
	border-radius:25px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.cbp_tmtimeline li a:hover,.cbp_tmtimeline li.doit a:hover,.cbp_tmtimeline li.done a:hover {
	border: 3px solid #191919;
	background: #191919;
	color: white;
}

 .cbp_tmtimeline ul {
	color: #191919;
	font-size: 1rem;
}

.cbp_tmtimeline li::before {
}

@media only screen and (max-width : 760px) {
	.cbp_tmtimeline > li .cbp_tmicon {    display:none;}
	.cbp_tmtimeline > li .cbp_tmlabel:after {	display:none;     }
	.cbp_tmtimeline > li .cbp_tmtime {    width: 100%;padding: 0 0 20px 0;}
	.cbp_tmtimeline:before {    display:none;}
	.cbp_tmtext a { display:inline-block;	margin:5px 0px; }
	.application_intro .article .col_left img {margin-bottom:20px;}
	.application_intro .article .col_right img {margin-top:20px;}

}

@media only screen and (max-width : 900px) {
.cbp_tmtimeline > li .cbp_tmicon {box-shadow: 0 0 0 2px #5603ad;}
	.dashboard {
		background-position: -75px -20px;
		background-size: 35% auto;
		padding: 0px;
	}
}

.content .article, .index {
    font-size: 1rem;
    line-height: 1.5rem;
}

.content .entete2 {
    padding: 8px 10px;
    /* border-bottom: 2px solid #c24f3a; */
    color: #D9FF50;
    margin-bottom: 15px;
    font-weight: normal;
    font-size: 14px;
}

.sousentete {color: #E3FF7D;margin-bottom: 15px;font-weight: normal;font-size: 0.9rem;}

.content.back_yellow { background-image:url("../../pics/background/CN-White-bg-element.svg");
background-position-x:100%;
background-position-y:0%;
background-repeat:no-repeat;
background-size:28%;
background-color:#EDFFAE;
color:#191919;
width:100%;
margin-top:0px;margin-bottom:0px;}

.banner_inner {
	padding:15px 25px;
	font-size:1rem;
	line-height:1.5rem;
}

.back_inner {
	padding:15px 25px;
	font-size:1rem;
	line-height:1.5rem;
	width:70%;
	margin:0 auto;
}


@media only screen and (max-width : 760px) {
	.mobile_narrow .back_inner {
		width:85%;
	}
}
.nopadside {
	padding-left:0px;
	padding-right:0px;
}
.banner_text {background-color:#191919;color:white;width:100%;margin-top:0px;margin-bottom:0px;}

.banner_warning .banner_inner {
	padding:30px 25px;
	font-size:1.2rem;
	line-height:1.5rem;
}
.content.banner_black,.content.banner_primary {background-color:#191919;color:white;}
.content.banner_green, .banner_text.banner_green {background-color:#8AB0AB;color:#fFF;}
.application .content.banner_green b,.application .content.banner_green strong {color:#D9FF50;}

.content.banner_primary {background-color:#5603ad;}

.banner_last {background-color:#F58F29;color:white;}

.content.back_yellow a:visited:hover,.content.back_yellow a:hover { color:#5603AD;}

.content.banner_black strong,.content.banner_black b,.content.banner_primary strong,.content.banner_primary b { color:#D9FF50 }
.banner_last strong,.banner_last b { color:#D9FF50 }

.the_intro {background: #FFFFFF;background-image: url("../../pics/background/Yellow-Dots.svg");	    background-position: -150px 40px;
	background-repeat: no-repeat;
	background-size: 385px auto;
	background-attachment: fixed;}

.live_intro { background-position: 115% 40px;}
.pitch_intro { background-image: url("../../pics/background/Grey-Dots.svg"); background-position: -150px 40px;}
.conference_intro { background-image: url("../../pics/background/Yellow_CN-CTA-Overlay.svg"); background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 99% auto;}

@media only screen and (max-width : 760px) {
.conference_intro {	background-position: -100px 40px;background-size: 240px auto;}
.pitch_intro {	background-position: -100px 40px;background-size: 240px auto;}
}
@media only screen and (max-width : 900px) {
.live_intro {	background-position: 125% 40px;background-size: 260px auto;}
}





 A.button {
	padding: 5px 15px;
	font-size: 1rem;
	border:3px solid #F58F29;
	border-radius:25px;
    transition: all 0.2s;
	color:#FFF;
	cursor:pointer;
}
A.skinny,A.button.skinny {  padding: 3px 10px;}
A.bigger,A.button.bigger {  font-size: 1.5rem}

@media only screen and (max-width: 500px) { 	A.bigger,A.button.bigger {  font-size: 1.2rem} }
@media only screen and (max-width: 400px) { 	A.bigger,A.button.bigger {  font-size: 1.05rem} }

A.button_orange,A.button_orange_white {
	color: #FFF;
	background-color: #F58F29;
	border-color:#F58F29;
}



A.button_orange:hover,A.button_orange_white:hover {
	color: #191919;
	background-color: #FFF;
	border-color:#FFF;
}


A.button_black,A.button_black_white {
	color: #FFF;
	background-color: #191919;
	border-color:#191919;
}

A.button_black:hover,A.button_black_white:hover {
	color: #191919;
	background-color: #FFF;
	border-color:#FFF;
}


#wrapper2 {
    padding-bottom: 0px;
}
.step .col  A.add_equipe {margin-top:5px;display:inline-block;color:white}
.step .col  A.add_equipe:hover {color:#191919}

#loading {
    width: 100%;
	margin:120px auto;
    height: auto;
    display: none;
	text-align:center;
	background:transparent;
}

#loading h1 {
    font-size:4rem;
	line-height:3.4rem;
	color:white;
	font-family: 'Merriweather';
}
#loading h3 {
    margin-left: 150px;
    padding-top: 30px;
    font-size: 22px;
	color:#F58F29;
	font-family: 'Merriweather';
}

.footerLinks_5,.footerSponsor {
    text-align: center;
    background: #3F3F3F;
    padding: 20px 0px;
	color:#FFF;
}

.footerLinks_5 article span {display:inline-block;margin-right:40px;color:#FFF;font-family:'Albert Sans', sans-serif;margin-bottom:7px;}
.footerLinks_5 article span A {color:#E0E0E0;text-decoration:none;}
.footerLinks_5 article span A:hover {color:#FFF;}

.footerLinks_5 .col {
    width: 18%;
    margin: 10px 1%;
    display: inline-block;
    text-align: left;
}

.footerBottom {background:#191919; width:100%;text-align:center;padding: 30px 0px 20px;}
.footerBottom .copy img {margin-bottom:7px}

.footerBottom .footer_inner {width:83%;margin:0 auto;max-width:1200px;}
@media only screen and (max-width : 900px) {
.footerBottom .footer_inner  {width:95%;padding-left:4%;}
}

.footerBottom .credits {
    display: inline-block;
    color: #E0E0E0;
    margin-left: 20px;
}
.footerBottom:after{
    clear:all;
	content:'';
	display:block;
}


.footerBottom .icn {color:white;font-size:1rem;}
.apply_upload .footerBottom .icn {color:white;font-size:1.5rem;}
.footerBottom .icn:visited {color:white;}

.footerBottom .les_credits {float: right;
    text-align: left;
    margin-right: 0px;}
.footerBottom .credits {text-align:left;padding:10px;width:140px;}
@media only screen and (max-width : 800px) {
.footerBottom .credits {text-align:left;padding:10px;width:100px;padding-bottom:0px;padding-top:0px;}
}


@media only screen and (max-width: 770px) {
    .footerBottom .credits {
        display: inline-block;
        margin-left: 0px;
        margin-top: 0px;
    }
}

@media only screen and (max-width: 570px) {
    .footerBottom .credits {        margin-left: 0px;    }
    .footerBottom .copy	 {        margin-bottom: 100px;margin-right:30px; }
}

@media only screen and (max-width: 610px) {
	.footerBottom .credits {text-align:left;padding:10px;width:140px;}
}


p.copy {
    padding: 0;
    margin: 0;
    float: left;
	text-align:center;
}

.footerBottom A:visited {color:white;}
.footerBottom A:hover {color:white;}
.footerBottom A {text-decoration:none;}
.only_mobile {display:none}
.only_desktop {display:none}

@media only screen and (max-width : 760px) {.only_mobile {display:inline-block}}
@media only screen and (min-width : 761px) {.only_desktop {display:inline-block}}

.padding_standard {
    padding-right: 15px;
    padding-left: 15px;
}

.banner_2025 {
    color: white;
    text-align: center;
    position: relative;
}

.banner_2025 .parallax {
    height: 600px;
}
.banner_2025 {
    height: 600px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}


.goto {
    display: inline-block;
    width: 48px;
    height: 48px;
    z-index: 200;
}

#intro .goto {
    position: absolute;
    bottom: 40px;
    cursor: pointer;
    left: calc(50% - 24px);
    -webkit-transition: opacity 1s;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.arrow_down {    background-image: url(../../pics/maquette/arrow_down.png); }


/* --------------------------------

	INTRO - ANIMATED ARROW FOR SCROLL

-------------------------------- */
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.arrow_down {
    background-image: url("../../pics/maquette/arrow_down.png");
}
.goto {
    display: inline-block;
    width: 48px;
    height: 48px;
	z-index: 200;
}

#intro .goto {
    position: absolute;
    bottom: 40px;
	cursor:pointer;
    left: calc(85% - 24px);
    -webkit-transition: opacity 1s;
	  -moz-animation: bounce 2s infinite;
	  -webkit-animation: bounce 2s infinite;
	  animation: bounce 2s infinite;
	  z-index:15000;
}

@media (min-width: 641px)
{
#intro .goto {
    bottom: 24px;
    left: calc(50% - 24px);
    width: 48px;
    height: 48px;
}
}
@media (min-width: 1200px)
{
#intro .goto {
    bottom: 24px;
    left: calc(50% - 24px);
    width: 48px;
    height: 48px;
}
}
@media (min-width:80em){
#intro .goto {
    bottom: 20px;
}
}

@media (min-width: 80em) {    #intro .goto {        bottom: 20px;    } }

.home {font-family:'Albert Sans',sans-serif;}
.home .parallax .banner_inside {font-family:'Merriweather',sans-serif;}

.home .parallax {background-image: url(../../pics/banner/2025_index.jpg);
	display: block;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	width:100%;
	height:100%;}

.banner_2025 .banner_inside {position:relative;top:27rem;left:0rem;text-align:left;margin-left:4%;margin-right:4%;}

.banner_2025 .subtitle {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 400;
}

.banner_2025 .title {
    font-size: 2.2rem;
    margin-bottom: 1rem;
    font-weight: 700;
    letter-spacing: -1px;
	color:#D9FF50;
}


@media (min-width: 40em) {

	.banner_2025 .banner_inside {top:7rem;margin-left:49%;}
	.banner_2025 .subtitle {line-height:2rem;}
}



@media (min-width: 64em) {
    .banner_2025 .title {
        font-size: 2.8rem;
        line-height: 1;
        margin-top: 0;
        margin-bottom: 1rem;
    }
	.banner_2025 .banner_inside {margin-left:44%;}
}



@media (min-width:80em){
.banner_2025#intro  .title {font-size:3.2rem;line-height:1;margin-top:0;margin-bottom:1rem}
.banner_2025#intro  .subtitle {font-size:2rem;line-height:2.4rem;margin-top:0;margin-bottom:1rem}
.banner_2025 .banner_inside {margin-left:51%;}
}


.une {background-color:black;padding:70px 0px;width:100%;}
.une .une_inner {width:70%;text-align:left;margin:0 auto;}
.une .une_inner img {float:left;}
.une .une_inner div  {margin:10px 0px 0px 40px;float:left;}
.une .une_inner:after  {content:'';clear:left;display:block;}

.une h1 {color:#D9FF50;font-size:2rem;margin-bottom:5px;}
.une p {font-size:1.35rem;color:#FFF;}
.une p strong,.une p b{}

@media (max-width: 1280px) {
	.une h1 {font-size:1.6rem;}
	.une p {font-size:1.25rem;}
	.une .une_inner article img {width:20%}
}

@media (max-width:1580px){
	.une img {display:none}
	.une .une_inner div {margin-left:0px;}
}

@media (max-width:1110px){
	.une h1 {font-size:1.4rem;}
	.une p {font-size:1.1rem;}
}
@media (max-width:930px){
.une .une_inner {width:86%}
}

@media (max-width:760px){
	.une h1 {font-size:1.4rem;}
	.une p {font-size:1.3rem;}
	.une .une_inner div  {margin:10px 0px 0px 20px;}
}

@media (max-width:720px){
	.une img {display:none}
}






.thepage {margin-top:104px}


div.header {
  width: 100%;
  max-width: 1200px;
  margin: 0px auto;
  display: table;
   position: relative;


}

div.menu {
  width: 100%;
  display: table;
  position: fixed;
  background-color:#5603AD;
    z-index:200;
	top:0;
	left:0;
	transition: all 0.5s ease 0s;
}
.menu #hd_logo {
  float: left;
  font-size: 24px;
  text-transform: uppercase;
  color: #002e5b;
  font-weight: 600;
  padding: 20px 0px;
}
.menu #logo {    position:relative;top:18px;left:60px;   }
.menu nav {
  width: auto;
  float: right;
  margin-right: 30px;
}
.menu nav ul {
  display: table;
  float: right;
  list-style-type: none;
}
.menu nav ul li {
  float: left;
}
.menu nav ul li:last-child {
  padding-right: 0px;
}
.menu nav ul li a {
  color: #FFF;
  font-size: 18px;
  padding: 25px 20px;
  display: inline-block;
  transition: all 0.5s ease 0s;
}
.menu nav ul li a:hover {
  background-color: #191919;
  color: #D9FF50;
  transition: all 0.5s ease 0s;
}
.menu nav ul li a:hover i {
  color: #fde428;
  transition: all 0.5s ease 0s;
}
.menu nav ul li a i {
  padding-right: 10px;
  color: #002e5b;
  transition: all 0.5s ease 0s;
}

.menu .toggle-menu ul {
  display: table;
  width: 25px;
    list-style-type: none;
}
.menu .toggle-menu ul li {
  width: 100%;
  height: 3px;
  background-color: #FFF;
  margin-bottom: 4px;
}
.menu .toggle-menu ul li:last-child {
  margin-bottom: 0px;
}

.menu input[type="checkbox"],
.menu label {
  display: none;
}


@media only screen and (max-width: 1440px) {
}

@media only screen and (max-width: 980px) {
.thepage {margin-top:0px}

div.menu {background-color:transparent;}
  div.menu {
    padding: 20px 0px;
  }
  .menu nav ul {padding-inline-start: 1em;padding-inline-end: 1em;}


  .menu #logo {    position:relative;top:10px;left:30px;   }
  .menu input[type="checkbox"] {
    position: absolute;
    top: -9999px;
    left: -9999px;
    background: none;
  }
  .menu input[type="checkbox"]:focus {
    background: none;
  }
  .menu label {
    float: right;
    padding: 0px 0px 0px 0px;
	margin: 8px 20px 0px 0px;
    display: inline-block;
    cursor: pointer;
	background-color:#410282;
  }
  .body_upload .menu label { padding:15px 0px;}
  .menu input[type="checkbox"]:checked ~ nav {
    display: block;
  }

  .menu label ul {padding-inline-start: 1em;padding-inline-end: 1em;}

  .menu nav {
    display: none;
    position: absolute;
    right: 20px;
    top: 60px;
    background-color: #5603AD;
    padding: 0px;
    z-index: 99;
	opacity:0.90;
  }
  .menu nav ul {
    width: auto;
  }
  .menu nav ul li {
    float: none;
    padding: 0px;
    width: 100%;
    display: table;
  }
  .menu nav ul li a {
	color:#FFF;
	font-size:1.2rem;
    padding: 10px 20px;
    display: block;
	 }
   .menu nav ul li a:hover {
	color:#D9FF50;
	background-color:rgba(0,0,0,0.1);

  }
  .menu nav ul li a i {
    color: #fde428;
    padding-right: 13px;
  }
}


@media only screen and (max-width: 360px) {
  .menu label {
    padding: 5px 0px;
  }
  .menu #logo {
    font-size: 20px;
  }
  .menu nav {
    top: 47px;
  }
}

.nav-up {
    top: -80px;
	transition: top 0.3s ease-in-out;
}

.menu.nav-down {opacity:1;}
 .nav-scroll-bg {opacity:0;}
.nav-top-bg {opacity:1;}


.content.standard .article b, .standard b {
    color: #1E1E1E;
    font-weight: 700;
}

.textes {}
.textes .grid2 {margin:35px 0;}

.liencol {
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    padding-bottom: 15px;
	position:relative;
	background-color:#F58F29;
	color:#191919;
}

.liencol A {	color:#FFF; }


.liencol article {    padding: 10px 12px; }

.standard .liencol h2 {color:#191919;font-size:1.4rem;line-height:1.6rem;margin-bottom:0;}

.liencol:hover .liencollien {
    border: 2px solid #000;
    background: #000;
    color: #FFF;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    text-decoration: none;
}

.liencol div.liencollien {
    padding: 5px 12px;
    border: 2px solid #FFF;
	background-color:#FFF;
	color:#191919;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
    text-decoration: none;
}

.liencol:hover {
    background-color: #5603AD;
    color: white;
}

.liencol:hover h2 {    color: #8757BA; }

.page_contact .content {color:white}


.page_upload #page {position:static;}

.apply_upload .inner .entete {
    margin: 10px 0px;
    padding: 5px 10px;
    text-align: left;
    color: white;
    font-weight: bold;
    font-size: 13px;
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s;
}
.skin_red .apply_upload .inner .entete {background:#8757BA}
.skin_red .apply_upload,.skin_red .apply_upload .clair {background:#5603AD}
.skin_red .apply_upload section.texts { background:#5603AD;font-family:'Albert Sans',sans-serif;color:white;}
.skin_purple .apply_upload,.skin_purple .apply_upload .clair {background:#41B4A3}
.skin_purple .apply_upload section.texts { background:#41B4A3;}
.skin_purple .apply_upload .inner .entete {background:#408077}
.skin_purple .apply_upload a {    color: #5603AD; }
.skin_purple .apply_upload a:visited, .skin_purple .apply_upload a:hover {    color: #390276; }
.skin_purple .new_upload {
    color: #FFF;
}
.apply_upload section.texts .col { color:white;}

.skin_red .intro section.texts h3,.skin_purple .intro section.texts .col h3 {color:#FFF;font-family:'Albert Sans',sans-serif;}

.body_upload .menu label ul,.body_upload .menu label ol {margin-bottom:0px;}
.body_upload .menu nav ul,.body_upload .menu nav ol {margin-bottom:15px;margin-top:15px;}
section.texts .pikinoti .col {font-size:1rem;line-height:1.5rem}
section.texts .col .filet_droite {
    padding-left: 25px;
    border-left: 0px dashed #D9FF50;
}
.page_upload .entete {background-color:#000;color:#FFF;padding:10px 20px;}
.page_upload .entete h3,.new_upload .type h3 {font-family:'Albert Sans',sans-serif;color:#FFF;}
.new_upload {
    color: #FFF;
    background: rgba(0,0,0,0.2);
    margin-bottom: 20px;
}
.resultats_files div.pair {    background:rgba(0,0,0,0.1); }
.resultats_files div.impair {    background:rgba(0,0,0,0.2); }
.new_upload .inner {    padding: 15px 20px; }
.new_upload form {    padding: 0px 0px; }

.btn-primary {
    color: #191919;
    background-color: #F58F29;
    border-color: #F58F29;
    transition: all .2s;
}
.btn-primary:hover {
    background-color: #FFF;
    border-color: #FFF;
	color:#191919;
}
.dropzone {
    height: 80px;
    width: 100%;
    border: 1px dashed #FFF;
    margin-bottom: 8px;
}
.upload_back {    padding: 10px 18px; }
.skin_red .upload_back {background: #360867; }
.skin_purple .upload_back {visibility:hidden;padding:0px;height:0px; }
.upload_back a {
    color: #c24f3a;
	text-decoration:none;
    font-weight: bold;
}
.upload_back a:hover {
    color: #f8ab5f;
}

#page {
    padding-bottom: 25px;
}

.banner_last .banner_warning {width:80%;max-width:1400px;margin:0 auto;}
@media only screen and (max-width: 500px) {
	.banner_last .banner_warning {width:95%;}
	p.copy {margin-bottom:1rem;}
}
@media only screen and (max-width: 560px) {
	.footerBottom .les_credits {float:none;}
	.footerBottom .les_credits .credits{padding-left:30px}
}

.page_upload .grid2 .col {font-size:1rem;line-height:1.5rem;}
.page_upload .grid3 .col {font-size:1rem;line-height:1.5rem;}

@media screen and (max-width: 1290px) {
    .grid2 .col.martop3 {        margin-top:3rem;     }
    .grid2 .col.martop2 {        margin-top:2rem;     }
    .grid2 .col.martop1 {        margin-top:1rem;     }
}

.white,.rb_accuse p,.rb_error p {color:white;}

.skin_2026 .homepage  img.horizontal {display:none;}
.skin_2026 .homepage  img.vertical {display:none;}
.skin_2026 .homepage  img.vertical_1 {display:none;}
.skin_2026 .homepage  img.vertical_2 {display:none;}

@media screen and (min-width: 771px) and (max-width:1100px){
.skin_2026 .homepage  img.horizontal {display:none;}
.skin_2026 .homepage  img.vertical {display:inline-block;margin-top:16%;}
.skin_2026 .homepage  img.vertical_1 {display:inline-block;margin-top:16%;}
.skin_2026 .homepage  img.vertical_2 {display:none;}
}

@media screen and (min-width: 1101px) and (max-width:1500px){
.skin_2026 .homepage  img.horizontal {display:none;}
.skin_2026 .homepage  img.vertical_1 {display:none;}
.skin_2026 .homepage  img.vertical_2 {display:inline-block;margin-top:14%;}
.skin_2026 .homepage  img.vertical {display:inline-block;margin-top:14%;}
}


@media screen and (max-width: 770px) {
.skin_2026 .homepage  img.horizontal {display:inline-block;margin-top:1%;margin-bottom:5%;}
.skin_2026 .homepage  img.vertical_1 {display:none;}
.skin_2026 .homepage  img.vertical_2 {display:none;}
.skin_2026 .homepage  img.vertical {display:none;}
}

@media screen and (min-width:1501px) {
.skin_2026 .homepage  img.horizontal {display:inline-block;margin-top:12%;}
.skin_2026 .homepage img.vertical_1 {display:none;}
.skin_2026 .homepage img.vertical_2 {display:none;}
.skin_2026 .homepage  img.vertical {display:none;}
}

.film_festival {padding:20px 0px;background-color:#EDFFAE;}

.content.nopadh {padding-left:0px;padding-right:0px}

@media screen and (min-width:980px) and (max-width:1030px) {
.menu nav ul li a {
  font-size: 17px;
  padding: 25px 12px;
}
}

.change_langue {
  cursor:pointer;
  position: fixed;
  right: 25px;
  bottom: 25px;
  z-index: 9999;
  background:#7700FF;
  color:white;
  display: none;
  padding: 12px 20px;
}

.bilingue .bil > span {
  display: none;
}

.content .article img {
    width: 100%;
    max-width: 100%;
}

.footerSponsor  {
		width:100%;
	}

.footerSponsor .inner {
	margin:0px auto;width:70%;opacity:0.9;
}

.footerSponsor .grid2 {
	display: table;
}

.footerSponsor img {
	width:90%;;opacity:0.6;
	display: block;

  height: auto;
}
.footerSponsor .kol {
	text-align:left;width:45%;margin:0px auto;vertical-align:middle; display: table-cell;
}