@charset "UTF-8";


@media screen and (max-width: 1300px) {
	
	#section-programme .container {
		/*width: auto;
		margin: 0 60px;*/
	}
	
}


@media screen and (max-width: 1220px) {
   
   
	header {
		width: auto;
	}
	
	#zone-menu {
		right:20px;
		left: auto;
		margin-left: 0;
	}
	
	.container 
	{
		/*width: auto;
		margin: 0 20px;*/
	}
	
	.programme-infos h4 {
		font-size: 40px;
	}
	
	.programme-infos p {
		font-size: 14px;
	}
	
	.programme-infos p.sous-titre {
		font-size: 18px;
	}
	
	.programme-infos-logo img {
		height: 150px;
	}
	
	.programme-infos-logo-vin img {
		width: 250px;
	}
	
	
	#section-concept .container {
		background-position-x: -20px;
	}
	
	.col-right {
		width: 400px;
	}
	
	#section-homepage .col-right img {
		width: 350px;
	}
   
   
}


@media screen and (max-width: 1000px) {
	
	#zone-menu {
		display: none;
	}
	
	#zone-menu-mobile-bt {
		display: block;
	}
	
	/* ----- CONTACT ----- */
	
	#social {
		position: relative;
		left: auto;
		margin: 10px auto 0 auto;
	}

}


@media screen and (max-width: 1024px) {
	
	.col-right {
		width: 280px;
		padding-left: 40px;
	}
	
	#section-homepage .col-right img {
	    width: 290px;
	    padding-left: 0px;
	}
	
	#iframe-register {
		width: 240px;
		height: 400px;
	}
	
	form {
		width: 460px;
	}
	
	#section-homepage .container {
		background-position-x: -40px;
	}
	
	#section-concept .container {
		background-position-x: -40px;
	}
	
	#section-sponsors .container {
		background-position-x: -40px;
	}
	
	/* ----- CONCEPT ----- */
	
	#section-concept .container {
		/*width: auto;
		margin: 0 20px;*/
	}
	
	#video-concept {
		padding-top: 100px;
	}
	
	/* ----- PROGRAMME ----- */
	
	.programme-infos h4 {
		/*margin: 20px 20px 0 5px;*/
	}
	
	.programme-infos h4 img {
		width: 55px;
		/*margin-right: 15px;*/
	}
	
	.programme-infos h4 {
		font-size: 35px;
	}
	
	.programme-infos p {
		margin-left: 100px;
	}
	
	.programme-infos p {
		font-size: 13px;
	}
	
	.programme-infos p.sous-titre {
		font-size: 17px;
	}
	
	#section-programme ul.liste-pays li {
		margin: 20px 0;
	}
	
	.programme-infos-logo img {
		height: 125px;
	}
	
	.programme-infos-logo-vin {
		position: relative;
		top: auto;
		right: auto;
		margin: 10px 0 0 100px;
	}
	

}


@media screen and (max-width: 850px) {
	
	#header-left-col2 {
		display: none;
	}
	
	#logo {
		/*margin: 18px 18px 0 15px;*/
	}
	
	#logo-normal {
		display: none;
	}
	
	#logo-mobile {
		display: block;
		width: 55px;
	}
	
	#logo {
		/*padding-top: 0px;
		width: 165px;*/
	}
	
	#logo img {
		/*width: 165px;*/
	}
	
	#header-right {
		/*margin: 25px 30px 10px 0px;*/
	}
	
	#zone-menu {
		top: 98px;
	}
	
	#zone-lang {
		display: none;
	}
	
	#zone-menu ul li#lang-in-menu a {
		display: block;
	}
	
	#section-homepage .container {
		background-position-x: -60px;
	}
	
	#section-concept .container {
		background-position-x: -60px;
	}
	
	#section-sponsors .container {
		background-position-x: -60px;
	}
	
	
	/* ----- HOMEPAGE ----- */
	
	#logo-homepage {
		width: 480px;
	}
	
	#sponsors-homepage {
		width: 480px;
		margin-top: 20px;
	}
	
	#section-homepage .bt-inscription {
		display: block;
	}
	
	/* ----- CONCEPT ----- */

	#txt-concept {
		float: none;
		width: 100%;
		/*text-align: justify;*/
	}
	
	#video-concept {
		float: none;
		width: 100%;
		padding-top: 20px;
	}
	
	#section-concept .next-section {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	/* ----- PROGRAMME ----- */

	#section-programme h2 {
		font-size: 50px;
	}
	
	#section-programme ul {
		font-size: 20px;
	}
	
	#programme-dates {
		width: 355px;
	}
	
	#section-programme .bt-inscription {
		display: block;
	}
	
	#section-programme .programme-infos-dates ul {
		font-size: 18px;
	}
	
	.programme-titre {
		width: 140px;
	}
	
	#section-programme h3 {
		font-size: 28px;
	}
	
	#section-programme h3 span {
		font-size: 12px;
		margin: 5px 0 5px 0;
	}
	
	.programme-infos h4 {
		font-size: 30px;
	}
	
	.programme-infos p {
		font-size: 12px;
	}
	
	.programme-infos p.sous-titre {
		font-size: 14px;
	}
	
	#section-programme ul li {
		margin: 0 20px;
	}
	
	#section-programme ul.liste-pays {
		margin: 20px 55px;
	}
	
	#section-programme ul.liste-pays li {
		margin: 10px 0;
		font-size: 16px;
	}
	
	.worldmap img {
		width: 80%;
	}
	
	.programme-infos-logo img {
		height: 110px;
	}
	
	.programme-infos-logo-vin {
		position: relative;
		top: auto;
		right: auto;
		margin: 10px 0 0 58px;
	}
	
	.programme-infos-logo-vin img {
		width: 90%;
	}
	
	/* ----- LIEU ----- */
	
	#section-lieu .next-section {
		margin-bottom: 30px;
	}
	
	/* ------ CONTACT ----- */
	
	#footer-contact {
		width: 100%;
		position: relative;
	}
	
	#prod-by-cs {
		display: inline;
	}
	
	form {
		width: 320px;
	}
	
}

@media screen and (max-width: 700px) {
	
	#logo {
		/*margin-left: 0;
		margin-right: 0;*/
	}
	
	#logo-event {
		display: none;
	}
	
	#zone-menu-mobile-bt {
	    margin-top: 29px;
	}
	
	.zone-programme {
		/*display: block;*/
	}
	
	.programme-titre {
		width: auto;
		margin: 0 10px 10px 10px;
		display: block;
	}
	
	.programme-pictos {
		display: table;
		margin-bottom: 10px;
		width: 100%;
	}
	
	.programme-pictos div {
		display: table-cell;
	}
	
	.programme-pictos img {
		width: 30px;
		padding: 7px;
	}
	
	.programme-pictos div.last {
		margin-right: 0px;
	}
	
	.programme-infos {
		width: auto;
	}
	
	.zone-programme .active {
		display: block;
		padding: 1px;
		margin-right: 10px;
	}
	
	.programme-infos-logo {
		margin-bottom: 30px
	}
	
	.programme-pictos img {
		width: 50px;
		padding: 7px;
	}
	
	.col-left {
		width: auto;
		padding: 30px 20px 30px 20px;
	}
	
	.col-right {
		opacity: 0;
		position: relative;
		top: auto;
		right: auto;
		border: 0;
		width: auto;
		margin-top: 10px;
		height: auto;
		padding: 50px 0 30px 0;
		background: url(../img/bg-right2.png) no-repeat center top scroll;
		background-size: 100% auto;
			-webkit-background-size: 100% auto;
			-moz-background-size: 100% auto;
			-o-background-size: 100% auto;
	}
	
	.col-right img {
		position: relative;
		display: block;
		top: auto;
		bottom: auto;
		right: auto;
		left: auto;
		margin: auto;
	}
	
	#section-concept #buy-tickets {
		height: auto;
		position: relative;
	    display: block;
	    top: auto;
	    bottom: auto;
	    right: auto;
	    left: auto;
	}
	
	#iframe-register {
	    width: 90%;
	    height: 350px;
	}
	
	.section {
		padding-top: 0px !important;
	}
	
	.section#section-homepage {
		padding-top: 117px !important;
	}
	
	#section-concept .col-right {
		margin-top: 0px;
	}
	
	#section-contact .col-right {
		margin-top: 40px;
		height: 100px;
	}
	
	#footer-contact {
	    margin-top: 0px;
	}
	
	.next-section {
		display: none;
	}
	
	.mob {
		display: block;
	}
	
	.container {
		background: none !important;
	}
	
	
}


@media screen and (max-width: 560px) {
	
	#logo {
		/*display: none;*/
	}
	
	/* ----- PROGRAMME ----- */
	
	.programme-pictos img {
		width: 30px;
		padding: 7px;
	}
	
	/* ----- CONTACT ----- */
	
	#avertissement {
		float: none;
		text-align: center;
		margin-bottom: 20px
	}
	
	
}


@media screen and (max-width: 500px) {
	
	
	#logo {
		width: 190px;
		margin-bottom: 3px;
	}
	
	#register-bt {
		display: none;
	}
	
	#zone-menu-mobile-bt {
	    margin-top: 29px;
	}
	
	#header-right {
		margin: 20px 20px 10px 0px;
	}
		
	/* ----- HOMEPAGE ----- */
	
	#logo-homepage {
		width: 300px;
	}
	
	#sponsors-homepage {
		width: 300px;
		margin-top: 10px;
	}
	
	/* ----- CONCEPT ----- */
	
	
	#section-programme .container {
		margin: 0 30px;
	}
	
	.fp-controlArrow.fp-prev {
		left: 5px;
	}
	
	.fp-controlArrow.fp-next {
		right: 25px;
	}
	
	.fp-controlArrow.fp-prev:before {
	    font-size: 30px;
	}
	
	.fp-controlArrow.fp-next:before {
	    font-size: 30px;
	}
	
	.programme-titre {
		margin: 0 5px 5px 5px;
	}
	
	.programme-titre .normal {
		display: none;
	}
	
	.programme-titre .mobile {
		display: block;
	}
	
	.programme-pictos {
		margin-bottom: 5px;
	}
	
	.zone-programme {
		border-spacing: 5px 0px;
	}
	
	.zone-programme .active {
		margin-left: 5px;
		margin-right: 5px;
	}
	
	#section-programme .programme-infos-dates ul {
		font-size: 14px;
	}
	
	#section-programme .programme-infos-dates ul li {
		margin: 0 10px;
	}
	
	.programme-infos h4 {
		font-size: 20px;
		margin: 10px 20px 0 60px;
	}
	
	.programme-infos h4 img {
		width: 35px;
		margin: 0 7px -10px -50px;
	}
	
	.programme-infos p {
		margin-left: 58px;
	}
	
	.programme-infos p.sous-titre {
		font-size: 12px;
	}
	
	#section-programme ul.liste-pays {
		margin: 20px 35px;
	}
	
	#section-programme ul.liste-pays li {
		font-size: 12px;
	}
	
	.worldmap {
		position: relative;
		margin: 20px auto;
		width: 90%;
	}
	
	.worldmap img {
		width: 100%;
		right: auto;
		bottom: auto;
	}
	
	
	
}

@media screen and (max-width: 350px) {

	h2 {
		font-size: 40px;
	}
	
	#logo {
		/*margin: 10px 10px 0 10px;*/
	}
	
	#logo-mobile {
		width: 45px;
	}
	
	#logo {
		/*width: 125px;*/
	}
	
	#logo img {
		/*width: 125px;*/
	}
	
	#header-right {
		float: right;
		width: auto;
		margin: 20px 20px 10px 0px;
	}
	
	#zone-menu-bt {
		float: left;
		font-size: 30px;
	}
	
	#zone-menu {
		top: 74px;
	}
	
	.next-section {
		font-size: 40px;
	}
	
	.divider {
		margin: 15px 0 15px 0;
	}
	
	/* ----- HOMEPAGE ----- */
	
	#logo-homepage {
		width: 250px;
		margin-top: 20px;
	}
	
	#sponsors-homepage {
		width: 250px;
		margin-top: 10px;
	}
	
	#section-homepage .next-section {
		margin-top: 30px;
	}
	
	/* ----- CONCEPT ----- */
	
	#txt-concept p {
		font-size: 13px;
	}
	
	
	/* ----- LIEU ----- */
	
	#section-lieu p {
		font-size: 14px;
	}
	
	
	/* ----- CONTACT ----- */
	
	#logo-cs {
		width: 210px;
	}
	
	#section-contact p {
		font-size: 14px;
	}
	
	.contact-picto {
		width: 25px;
		margin: 0 7px -8px 0;
	}
	
	#footer-contact p {
		font-size: 11px;
	}
	
}