@media only screen and (max-width:1750px) {
	.eventDiv1 { height:220px }
	.eventDiv2 { height:190px }

	#events article:nth-child(6) { height:410px }
}

@media only screen and (max-width:1600px) {
	#activites a, #activites a:hover { width:80%; padding:4px 8	px; font-size:13px; margin:0 10% }
}

@media only screen and (max-width:1500px) {
	#mainMenu > li > a:not(.linkUK), #mainMenu > li > a:not(.linkUK):hover { font-size:15px }

	#mainMenu ul li { width:170px }

	.subMenu a, .subMenu a:hover { font-size:12px }

	#activites { margin-bottom:0 }

	.eventDiv1 { height:190px }
	.eventDiv2 { height:200px }

	#events article:nth-child(6) { height:390px }

	#wrapEventPrem p:nth-child(1) { margin:15px 4% 20px 4% }

	#wrapEventPrem h3 { margin:0 4% 10px 4% 0 }

	#wrapEventPrem p:nth-child(3), #wrapEventPrem p:nth-child(4) { margin:0 4% 10px 4% 0 }

	#wrapEventPrem p:nth-child(1) { font-size:14px }

	.galerie {
	width:31%;
	margin:12px 1%
	}

	.galerie a, .galerie a:hover { font-size:12px }

	a.linkUK, a.linkUK:hover { font-size:15px }

	.galerie p { padding:8px }
}

@media only screen and (max-width:1450px) {
	#footer > div:nth-child(3) { width:100% }

	#footer div:nth-child(2) {
	width:100%;
	margin:0
	}

	#footer > div:nth-child(3) img {
	width:auto;
	margin:0 10px 20px 0
	}

	#newsletter { width:220px }

	#footer > div:nth-child(3) p { margin-top:20px }

	#newsl_form a, #newsl_form a:hover { width:25px }

	#footer div:nth-child(2) div {
	max-width:16%;
	margin:0 1% 0 0
	}

	#footer > div:nth-child(4) { margin-top:35px }
}

@media only screen and (max-width:1400px) {
	.main50 {
	width:76%;
	margin:20px 12%;
	padding:8px
	}

	.main100 {
	width:76%;
	padding:10px 12%
	}

	#videosHome h2, #events h2, #temoins h2 { margin-top:30px }

	#temoins { margin-top:0 }

	#activites article p:nth-child(3) { font-size:14px }

	#activites article p:nth-child(1) { font-size:16px }

	a#moreEvent, a#moreEvent:hover, a#moreEvent2, a#moreEvent2:hover { font-size:14px; font-weight:400; width:50%; margin:35px 25% 25px 25%; padding:6px 0 }

	.eventDiv2 p { font-size:14px }

	.eventsH3 { font-size:17px; font-weight:500 }

	#events h2 { font-size:20px; font-weight:700; margin-top:50px }

	.eventDiv2 a, .eventDiv2 a:hover { font-size:14px; padding:8px 10px 15px 15px }
}

@media only screen and (max-width:1300px) {
	.pageTitle, .pageTitle2 { font-size:24px }

	#clef_recherche {
	width:110px;
	font-size:10px;
	margin:2px 8px 0 0;
	padding:2px 0 3px 0
	}

	a#compte, a#compte:hover, a#compte2, a#compte2:hover { padding-top:4px; font-size:12px }

	#connectCaps, #registerCaps {
	width:70%;
	margin:25px 15% 0 15%
	}

	#loginForm2 {
	width:70%;
	margin:0 15%
	}

	#mainMenu > li > a:not(.linkUK), #mainMenu > li > a:not(.linkUK):hover { font-size:13px }

	a.linkUK, a.linkUK:hover { font-size:13px }

	#mainMenu, #mainMenu > li { height:30px }

	#activites { padding:25px 15px }

	#activites article:nth-child(1) {
	width:28%;
	border:none;
	margin:0 2% 0 4%
	}

	#activites article:nth-child(2) {
	width:28%;
	border:none;
	margin:0 2%
	}

	#activites article:nth-child(3) {
	width:28%;
	border:none;
	margin:0 4% 0 2%
	}

	#activites article:nth-child(4) {
	width:28%;
	border:none;
	margin:25px 14% 0 15%
	}

	#activites article:nth-child(5) {
	width:28%;
	border:none;
	margin-top:25px
	}
}

@media only screen and (max-width:1250px) {
	.eventDiv1 { height:160px }

	.eventDiv2 { height:200px }

	#events article:nth-child(6) { height:360px }

	#wrapEventPrem a, #wrapEventPrem a:hover { width:40%; margin:5px 0 0 4%; padding:6px 10px; font-size:14px }
}

@media only screen and (max-width:1200px) {
	#mainMenu > li { margin:0 10px }

	#translate { line-height:18px }

	#translate a, #translate a:hover { padding-top:0; font-size:12px }

	a#compteA, a#compteA:hover, a#compteA2, a#compteA2:hover { font-size:17px; margin:0 10px 0 15px }

	a#widget2, a#widget2:hover { font-size:12px; margin:0 10px 0 15px }

	#temoins img { width:26%; margin:0 4% 0 0 }

	#temoins article > div:nth-child(2) { width:70% }

	/* ALL FONTS SIZE */

	#temoins a, #temoins a:hover { width:35%; padding:4px 8px; font-size:13px; margin:15px 0 0 65% }

	#videosHome h2, #temoins h2 { font-size:20px; font-weight:700; margin-top:50px }
		
	#wrapEventPrem h3, #temoins article h3, #videosHome h3 { font-size:17px; font-weight:500 }

	#videosHome p, #wrapEventPrem p:nth-child(4), #temoins article div > div { font-size:14px }

	#citation p:nth-child(2) { font-size:18px; margin:0 0 15px 0 }

	#citation p:nth-child(3) { font-size:13px }
}

@media only screen and (max-width:1140px) {
	a#compte, a#compte:hover, a#compte2, a#compte2:hover, #translate a, #translate a:hover { font-size:12px }

	#menuSlide { padding:15px 5px }

	.menuCaps a, .menuCaps a:hover { font-size:11px }

	#paiementChoice {
	width:40%;
	height:auto
	}
}

@media only screen and (max-width:1100px) {
	#footer div:nth-child(2) div {
	width:30%;
	max-width:30%;
	margin:0 3% 0 0
	}

	.cache3 {
	float:left;
	display:block;
	width:100%;
	background-color:#7f7f7f;
	height:1px;
	font-size:1px;
	margin:12px 0;
	padding:0
	}

	.eventDiv1 { height:130px }

	.eventDiv2 { height:190px }

	#events article:nth-child(6) { height:320px }

	#wrapEventPrem h3, .eventsH3 { font-size:15px }

	#wrapEventPrem p:nth-child(4), #wrapEventPrem p:nth-child(3), .eventDiv2 p { font-size:13px }

	.eventDiv2 a, .eventDiv2 a:hover { font-size:12px }
}

@media only screen and (max-width:1050px) {
	#container { padding:0 }

	#main { padding:0 5px }

	#registerCaps a, #registerCaps a:hover {
	width:80%;
	margin:0 10%
	}
}

@media only screen and (max-width:1000px) {
	#events article:nth-child(2), #events article:nth-child(4), #events article:nth-child(7), #events article:nth-child(9), #events article:nth-child(11) {
	width:48%;
	margin:0 4% 40px 0
	}

	#youreConnected { display:none }

	#events article:nth-child(3), #events article:nth-child(5), #events article:nth-child(8), #events article:nth-child(10), #events article:nth-child(12) {
	width:48%;
	margin:0 0 40px 0
	}

	#events article:nth-child(6) {
	width:100%;
	border:none;
	margin:0 0 40px 0
	}

	#wrapEventPrem { width:52% }

	#wrapPicPrem { width:48% }

	#videosHome article:nth-child(3) {
	width:100%;
	margin:0 0 25px 0
	}

	#videosHome article:nth-child(4) {
	width:100%;
	margin:0
	}

	.mesForm { width:100% }

	.main50 {
	width:98%;
	margin:15px 1%;
	padding:5px
	}

	.main100 {
	width:98%;
	padding:10px 1%
	}

	body { font-size:14px }

	.txt10 { font-size:12px }
	.txt20 { font-size:16px }
	.txt30 { font-size:20px }

	a#allTemoin { font-size:13px; margin:0 0 10px 0 }
	a#allTemoin:hover { font-size:13px; margin:0 0 10px 0 }

	.botTier {
	width:100%;
	border-bottom:solid 1px grey;
	padding:0 0 25px 0;
	margin:0 0 25px 0
	}

	.Roboto28 { font-size:25px; font-family:"roboto", sans-serif }
	.Roboto26 { font-size:23px; font-family:"roboto", sans-serif }
	.Roboto24 { font-size:21px; font-family:"roboto", sans-serif }
	.Roboto22 { font-size:19px; font-family:"roboto", sans-serif }
	.Roboto20 { font-size:17px; font-family:"roboto", sans-serif }
	.Roboto18 { font-size:15px; font-family:"roboto", sans-serif }
	.Roboto16 { font-size:13px; font-family:"roboto", sans-serif }
	.Roboto14 { font-size:12px; font-family:"roboto", sans-serif }
	.Roboto12 { font-size:11px; font-family:"roboto", sans-serif }

	#inscription .case1d, #donF .case1d, #donFinal .case1d {
	width:100%;
	margin:0 0 10px 0
	}

	#inscription .casei, #donF .casei, #donFinal .casei { 
	display:none
	}

	.no1d { display:none }

	#temoins a, #temoins a:hover { width:50%; padding:4px 8px; font-size:13px; margin:15px 0 0 50% }

	#temoins img { display:none }

	#temoins article > div:nth-child(2) { width:100% }

	.eventDiv1 { height:160px }

	.eventDiv2 { height:200px }

	#events article:nth-child(6) { height:360px }

	a.downloadL, a.downloadL:hover {
	width:40%;
	margin:0 60% 0 0
	}
}

@media only screen and (max-width:900px) {
	.contPic { 
	width:80%;
	height:auto 
	}

	#footer {
	margin:20px 0 0 0;
	padding:20px 10px 25px 10px
	}

	.menuCaps {
	width:15%;
	margin:0 0 0 1%;
	}

	#valider1 {
	font-size:14px;
	width:90%;
	margin:0 5%;
	padding:4px 8px
	}

	#loginForm2 {
	width:90%;
	margin:0 5%
	}

	#mainMenu > li:nth-child(6), #mainMenu > li:nth-child(8) { display:none }

	#mainMenu ul li { width:120px }

	.subMenu a, .subMenu a:hover { font-size:11px }

	.labUK {
	width:100%;
	font-size:11px
	}

	.txtlabel {
	font-size:12px;
	margin:0 0 5px 0
	}

	.labform {
	font-size:12px;
	margin:3px 0 0 0
	}

	.contenuP > a { font-size:14px; padding:3px 10px }
	.contenuP > a:hover { font-size:14px; padding:3px 10px }

	a.allBtn { width:60%; margin:15px 20% 0 20%; padding:4px 10px; font-size:14px }
	a.allBtn:hover { width:60%; margin:15px 20% 0 20%; padding:4px 10px; font-size:14px }

	.casei2 { height:18px }

	.caseAlert {
	font-size:18px;
	margin:50px 0;
	padding:0
	}

	#connectCaps, #registerCaps {
	width:100%;
	margin:25px 0 0 0
	}
}

@media only screen and (max-width:850px) {
	#activites article:nth-child(1),
	#activites article:nth-child(2),
	#activites article:nth-child(3),
	#activites article:nth-child(4),
	#activites article:nth-child(5) {
	width:100%;
	margin:0 0 15px 0;
	padding:10px
	}

	#activites article:nth-child(1),
	#activites article:nth-child(2),
	#activites article:nth-child(3),
	#activites article:nth-child(4) { border-bottom:solid 1px white }

	#activites article p:nth-child(3) { margin-bottom:0 }

	#activites { padding-bottom:0 }

	#activites article:nth-child(5) { margin-bottom:0 }

	#activites a, #activites a:hover { margin-top:15px }

	#activites { padding-bottom:25px }
}

@media only screen and (max-width:801px) {
	a#howCreate, h1, #widgetPublic, #wrapMenu { display:none }
}

@media only screen and (max-width:800px) {
	#videosHome h2 { margin-top:20px }

	#translate_mob { display:block }

	#left, #logo_mob, #content, #content ul { display:block }

	#footer > div:nth-child(4) a, #footer > div:nth-child(4) a:hover { font-size:13px; margin:0 10px 0 0 }

	.casePays {
	float:left;
	width:48%;
	margin:0 1% 10px 1%;
	font-family:"roboto";
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	color:#a41e34;
	padding:0
	}

	#paiementChoice { width:70%; height:auto }

	.noMob { display:none }

	.alogo_mob { display:block }

	#contactF2 > .case1d, #contactF3 > .case1d, #contactF1 > .case1d { width:100%; margin:0 0 10px 0 }
	#contactF1 > .casei, #contactF1 > .casei2 { display:none }

	#monCompte .case1d { width:100%; margin:0 0 10px 0 }
	#monCompte .labform { width:90% }

	.caseform4 { width:100% }
	.caseform { width:60%; margin:0 0 0 5% }

	#home { display:block; width:30px; height:auto; z-index:9999; position:absolute; top:10px; left:10px; outline:none }
	#setting2 { display:block; width:30px; height:auto; z-index:9999; position:absolute; top:10px; right:10px; outline:none }

	#left {
	background-color:white;
	color:black;
	-webkit-overflow-scrolling:touch;
	display:none;
	overflow:auto;
	position:fixed;
	z-index:9999;
	width:85%;
	height:100%;
	top:0;
	bottom:0;
	left:-85%;
	padding:0;
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	   -moz-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		-ms-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		 -o-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
			transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750);

	-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	   -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		-ms-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		 -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
			transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
	}

	#right {
	background-color:white;
	color:black;
	-webkit-overflow-scrolling:touch;
	display:none;
	overflow:auto;
	position:fixed;
	z-index:9999;
	width:85%;
	height:100%;
	top:0;
	bottom:0;
	left:100%;
	padding:0;
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	   -moz-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		-ms-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		 -o-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
			transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750);

	-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	   -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		-ms-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		 -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
			transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
	}

	.alogo_mob {
	float:left;
	width:60%;
	height:auto;
	margin:20px 20% 0 20%;
	padding:0;
	top:0;
	left:0
	}

	.alogo_mob img {
	width:100%;
	height:auto
	}

	.h3B { font-size:17px }

	#logo_mob img {
	width:100%;
	height:auto
	}

	.txtForm { font-size:12px }

	#valider1 { margin-bottom:20px }

	.formationRight { width:23% }
	.formationLeft { width:73% }

	#citation p:nth-child(2) { font-size:15px }

	.topLeft10 { width:20% }

	#form .case1d {
	width:100%;
	margin-bottom:10px
	}

	#form .casei { display:none }
}

@media only screen and (max-width:750px) {
	.galerie {
	width:48%;
	margin:10px 1%
	}

	#loginForm2 {
	width:100%;
	margin:0
	}

	.topLeft40, .topLeft25 { width:100% }

	.galerie a, .galerie a:hover { font-size:11px }

	#temoins h2 { margin-bottom:0 }

	#temoins article:nth-child(2), #temoins article:nth-child(3) {
	width:100%;
	margin:10px 0 20px 0;
	border:none;
	padding:0
	}

	#events article:nth-child(2),
	#events article:nth-child(3),
	#events article:nth-child(4),
	#events article:nth-child(5),
	#events article:nth-child(6),
	#events article:nth-child(7),
	#events article:nth-child(8),
	#events article:nth-child(9),
	#events article:nth-child(10),
	#events article:nth-child(11),
	#events article:nth-child(12) {
	margin-bottom:30px
	}

	.eventDiv1 { height:130px }

	.eventDiv2 { height:190px }

	#events article:nth-child(6) { height:320px }
}

@media only screen and (max-width:700px) {
	#logo_mob {
	width:54%;
	margin:15px 24% 35px
	}

	.cache3 { display:none }

	.cache2 {
	float:left;
	display:block;
	width:100%;
	background-color:#7f7f7f;
	height:1px;
	font-size:1px;
	margin:12px 0;
	padding:0
	}

	#footer div:nth-child(2) div {
	width:49%;
	max-width:49%;
	margin:0 1% 0 0
	}

	#events article:nth-child(2),
	#events article:nth-child(3),
	#events article:nth-child(4),
	#events article:nth-child(5),
	#events article:nth-child(7),
	#events article:nth-child(8),
	#events article:nth-child(9),
	#events article:nth-child(10),
	#events article:nth-child(11),
	#events article:nth-child(12) {
	width:100%;
	margin:0 0 20px 0
	}

	.eventDiv1 { height:auto }

	.eventDiv2 { height:175px }

	#events article:nth-child(6) {
	height:380px;
	margin-bottom:20px
	}

	#wrapEventPrem { width:80% }

	#wrapPicPrem {
	width:20%;
	background-position:center
	}

	#wrapEventPrem a, #wrapEventPrem a:hover { width:60% }

	a#moreEvent, a#moreEvent:hover, a#moreEvent2, a#moreEvent2:hover { width:80%; margin:30px 10% }
}

@media only screen and (max-width:600px) {
	.case1tA, .case1tB {
	width:100%;
	margin:10px 0
	}

	#logo_mob {
	width:64%;
	margin:15px 18% 25px
	}

	#footer > div:nth-child(4) a, #footer > div:nth-child(4) a:hover { width:100%; margin:0 0 5px 0 }
}

@media only screen and (max-width:500px) {
	#imgNewsHome {
	width:100%;
	margin:0
	}

	.formationRight { width:100%; margin:10px 0 }
	.formationLeft { width:100%; margin:10px 0 }
}