@charset "UTF-8";
/* CSS Document */
@media all and (max-width: 989px) {
	.itLot br {
		display: none;
	}
	h1 span,
	h1 span br {
		display: block !important;
	}
	.contenu {
    min-height: 400px;
}
	body {
		/*background-image: url('../images/photo1.jpg');*/
		background-size: cover;
		background-position: center top;
		background-color: #FFF;
	}
	body.front { 
		background-size: auto 820px;
	}
	.pageLots h2.titre {
  margin-top: 35px;
}
	.logoJeu {
    margin:0vw 0px;
    width: 26vw;
    height:26vw;
}
	.front .logoJeu {
    width: 30vw;
    height:30vw;
    margin-left: 3vw;
	/*	margin:8vw 0 2.8vw 0px;*/
	margin: -4vw 0 2.8vw 0px;

}
	h1 {
		margin: 7vw 0px 3vw 28vw;
		font-size: 5.3vw;
	}
	.front h1 {
    font-size: 5.5vw;
    margin: 14vw 0px 0vw 14vw;
		    padding: 3vw 3vw 3vw 16vw;
		width:62vw;
}
	h1 span.h1_small2 {
    font-size: 0.5em;
		line-height: 1em;
		margin-bottom: 5px;
}
	.front h1 span.h1_small2 {
    font-size: 0.5em;
		line-height: 1em;
		margin-bottom: 5px;
}
	.front h1 span.h1_small1 {
		line-height: 1.2em;
}
	.front h2 {
    font-size: 41px;
}
	.front .cadre {
    width: 90%;
    position: relative;
    right:auto;
    margin: 175px auto 50px auto;
}
	.front .cadre .img {
    height: 170px;
}
	.front .cadre p {
    font-size: 26px;
}
	input.submit, .submit, .submit a, .submit input, input[type="submit"], input[type="button"] {
    font-size: 1.4em;
}
	.subLarge {
    font-size: 2em;
}
	.pageInfos h2 {
    font-size: 1.8em;
}
	.pageLots h3 {
    font-size: 1.6em;
}
	.itLot {
    width:auto;
}
	.cadre .int {
	padding:20px 5%;
}
	.cadre {
    max-width: 90%;
}
	.imgLot {
		position: relative !important;
    	right: auto !important;
		top: auto !important;
    	margin:10px auto !important;
		height:auto !important;
		width:100% !important;
		text-align: center;
}
	.imgLot.imgVoyage {
    width: 385px;
		margin-top: 20px;
    height:auto;
		top:auto;
		right: auto;
		position: relative;
}
	.zAide h3 {
    margin: 0px 10% 15px 15%;
}
	.zAide p {
    text-align: center;
		padding-right: 0;
}
	.zAide img {
    max-width: 100%;
		height: auto;
}
	.itForm h2 {
    margin-top: 18px;
}
	.zAide .questionH {
    display:block;
}
	.imgAide,
	.zAide p {
    display: block;
    width: auto;	
}
	.zAide p  span{
   display: inline;
}
	.pageInfos h2 {
    margin-top: 30px;
}
	.icMenu.actif {
		background-image: url('../images/fermer.png');
	}
	.pInfos .cadre .int {
    padding-left: 50px;
		padding-right: 40px;
}
	.pReglement h2 {
    margin-left: -50px;
		margin-right: -40px;
    padding: 5px 50px 5px 50px;
}
	.imgLot.imgVoyage:after {
		background-image: url('../images/lots01-2.png');
		background-position: top right; 
	right:0;
		top:-9%;
		left:auto;
		width:50%;
		height: 250px;
}
	.bForm {
  padding: 15px 30px;
  margin-left: -30px;
  margin-right: -30px;
}
}
@media all and (max-width: 767px) {
	.front .cadre p {
    font-size: 21px;
}
	.front .cadre .img {
    right: 17px;
    bottom: 15px;
}
.icMenu {
    right: 5px;
}
	.numbers div {
    border-width: 5px;
    width: 43px;
    height: 43px;
    font-size: 30px;
}
	.numbers span {
    width: 25px;
}
	.itQuestion h2 {
    font-size:1.2em;
}
	input[type="radio"] + label {
    font-size: 2em;
}
	.subAide {
    padding-top: 20px;
    padding-bottom: 20px;
}
	.imgAide img {
		max-width: 100%;
		height:auto;
	}
	.itLot {
    width:auto;
}
	.imgLot {
		text-align: center;
}
	.cadre {
    max-width: 600px;
}
	.main {
    padding-bottom: 40px;
}
	.pReglement h2 span {
    display: block;
}
	.pageInfos h2 {
    margin-top: 20px;
}
	.imgLot.imgVoyage {
    margin-top:25px !important;
}

	.imgBosch {
		right: 90px;
	}
	.bForm {
    padding: 15px 20px;
}
	.front .cadre .img {
    height: 150px;
		right:27px;
}
}
@media all and (max-width: 639px) {
	body {
		font-size:14px;
		/*/background-position: left top;*/
		/*background-image: url('../images/photo2.jpg');*/
	}
.logoJeu {
    margin:1vw 0px;
}
	
	h1 {
		margin: 7vw 0px 3vw 26vw;
		font-size: 6.3vw;
	}
	
	.icMenu {
    right: 13px;
		top:13px;
}
	.pageInfos h2 {
    font-size: 1.4em;
}
	.bNav {
    margin:0px;
}
	.bNav .zone {
    width: 290px;
    padding:90px 25px 50px 25px;
}
	.cadre .int {
    padding: 20px 20px !important
}
	.not-front .cadre,
	.pInfos .cadre {
    margin: auto 0px;
		width:auto;
		border-radius:0px;
}
	.front .cadre .img img {
    height:130px;
		width:auto;
}
	.front .cadre {
    margin: auto 16px;
		width:auto;
}
	.main {
    padding-bottom: 40px;
}
	.contenu {
    min-height: 300px;
}
	.textMenu .small {
    font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.9px;
}
	.textMenu .big {
    font-size: 16px;
	font-weight: bold;
}
	.front .cadre {
    margin-top:115px;
}
	.front h2 {
    font-size: 27px;
}
	.front .cadre p {
    font-size: 18px;
}
	.subLarge {
    font-size: 1.7em;
		padding:8px 30px;
}
	.imgLot.imgVoyage {
    width:100%;
}
	.imgBosch {
    right: -10px;
		top: -395px;
}
	.front .cadre .img {
	text-align: center;
    position:relative;
    right: auto;
    bottom: auto;
		display: flex;
justify-content: center;
align-items: center;
}
	.front .acts {
    margin-bottom: -50px;
    margin-top: 10px;
}
	.main {
    padding-bottom: 40px;
}
	.numbers div {
    border-width: 3px;
    width: 33px;
    height: 33px;
    font-size: 20px;
}
	input[type="radio"] + label {
    width: 100%;
    font-size:1.4em;
}
	.numbers span {
    width: 15px;
		background-size: auto 4px;
}
	input.submit, .submit, .submit a, .submit input, input[type="submit"], input[type="button"] {
    font-size: 1.1em;
		padding: 10px 35px;
}
	.acts {
    margin-bottom: -50px;
    margin-top: 20px;
}
	.subAide {
    padding-top: 10px;
    padding-bottom: 10px;
}
	.logo img {
    width: 100px;
}
	.pageLots h2.titre {
    margin-left: 0;
		font-size:1.5em;
}
	.pReglement h2 {
    font-size: 1.3em;
    margin-left: -20px;
    margin-right: -20px;
    padding: 5px 20px;
}
	.itQuestion h2 {
    font-size: 13px;
		font-family: 'GothamNarrow';
		line-height: 1.2em;
}
	.zAide p {
    font-size: 1em;
}
	.bForm {
    padding: 15px 10px;
    margin-left: -20px;
    margin-right: -20px;
}
	.form {
		width:100% !important;
	}
	.tdSep {
		display: block;
	}
	.form .tdleft {
    padding-left: 0px;
}
	.form td {
   display: block;
		width:100% !important;
		padding:8px 0px 0px 0px;
		font-weight: 500;
}
	.itForm h2 {
    font-size: 1.4em;
}
	.itForm p {
    font-size: 1em;
}
	.pageInfos h2 {
    margin-top: 0px;
}
	h3 {
    font-size: 1.2em;
}
	.imgBosch img {
    height:140px;
		width:auto!important;
}
	.cadre {
    background: rgba(255,255,255,0.85);
}
	body.front {
    background-size: auto 480px;
    background-position: right top;
}
	.pageLots h2.titre {
    margin-top: 20px;
    margin-bottom: 30px;
}
	.pageLots .lotVoyage h3 {
    font-size: 1.5em;
}
}
@media all and (max-width: 359px) {
	.bNav .zone {
    width: 270px;
}
	.imgBosch {
    top: -355px;
}
	.front h1 {
    margin-top: 13vw;
}
	.logoJeu {
    margin:7.4vw 0  2.2vw 0px;
}
	.front h2 {
    font-size: 21px;
}
	.front .cadre p {
    font-size: 15px;
}
	.pageLots h2.titre {
    font-size: 1.4em;
}
	.pageLots h3 {
    font-size: 1.4em;
}
	.imgBosch img {
    height:120px;
}
	.front .cadre .img img {
    height:110px;
}
}