@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: 'JosefinSans';
	src: url('josefinsans_regular/josefinsans_regular.eot');
	src: local('☺'), url('josefinsans_regular/josefinsans_regular.woff') format('woff'), url('josefinsans_regular/josefinsans_regular.ttf') format('truetype'), url('josefinsans_regular/josefinsans_regular.svg') format('svg');
	font-weight: normal; font-style: normal; 
}



@font-face {
	font-family: 'Jura';
	src: url('jura_light/jura_light.eot');
	src: local('☺'), url('jura_light/jura_light.woff') format('woff'), url('jura_light/jura_light.ttf') format('truetype'), url('jura_light/jura_light.svg') format('svg');
	font-weight: normal; font-style: normal; 
}

/*
@font-face {
	font-family: 'LeagueGothic';
	src: url('leaguegothic_regular/leaguegothic_regular.eot');
	src: local('☺'), url('leaguegothic_regular/leaguegothic_regular.woff') format('woff'), url('leaguegothic_regular/leaguegothic_regular.ttf') format('truetype'), url('leaguegothic_regular/leaguegothic_regular.svg') format('svg');
	font-weight: normal; font-style: normal; 
}
*/


@font-face {
	font-family: 'Montserrat';
	src: url('montserrat_light/montserrat_light.eot');
	src: local('☺'), url('montserrat_light/montserrat_light.woff') format('woff'), url('montserrat_light/montserrat_light.ttf') format('truetype'), url('montserrat_light/montserrat_light.svg') format('svg');
	font-weight: normal; font-style: normal; 
}



@font-face {
	font-family: 'MyriadPro';
	src: url('MyriadPro/myriadpro.eot');
	src: local('☺'), url('MyriadPro/myriadpro.woff') format('woff'), url('MyriadPro/myriadpro.ttf') format('truetype'), url('MyriadPro/myriadpro.svg') format('svg');
	font-weight: normal; font-style: normal; 
}

@font-face {
	font-family: 'MyriadPro-Light';
	src: url('MyriadPro-Light/MyriadPro-Light.eot');
	src: local('☺'), url('MyriadPro-Light/MyriadPro-Light.woff') format('woff'), url('MyriadPro-Light/MyriadPro-Light.ttf') format('truetype'), url('MyriadPro-Light/MyriadPro-Light.svg') format('svg');
	font-weight: normal; font-style: normal; 
}



body,td,th { font-family: "MyriadPro-Light", Arial, Helvetica, sans-serif; font-size: 18px; color: #222; line-height:20px; }

a         { font-family:  "MyriadPro-Light", Arial, Helvetica, sans-serif; font-size: 14px; color: #33769E; }
a:link    { text-decoration: none; }
a:visited { text-decoration: none; color: #33769E; }
a:hover   { text-decoration: underline; color: #333; }
a:active  { text-decoration: none; color: #33769E; }


/* ---------------------------------------------------------- */
/* Links */
a.Linkbreak         { text-decoration:none; }
a.Linkbreak:visited { text-decoration:none; }
a.Linkbreak:hover   { text-decoration:none; }
a.Linkbreak:active  { text-decoration:none; }

/*
.WixoonTitre1 { font-family: "JosefinSans", Arial, Helvetica, sans-serif; font-size: 60px; color:#222; line-height:60px; }
.WixoonTitre2 { font-family: "Jura", Arial, Helvetica, sans-serif; font-size: 60px; color:#222; line-height:60px; }
.WixoonTitre3 { font-family: "LeagueGothic", Arial, Helvetica, sans-serif; font-size: 60px; color:#222; line-height:60px; }
.WixoonTitre4 { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 60px; color:#222; line-height:60px; }
.WixoonTitre5 { font-family: "MyriadPro", Arial, Helvetica, sans-serif; font-size: 60px; color:#222; line-height:60px; }
.WixoonTitre6 { font-family: "MyriadPro-Light", Arial, Helvetica, sans-serif; font-size: 60px; color:#222; line-height:60px; }
*/


.WixoonTitle1 { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 60px; line-height:60px; color:#FFF;  }
.WixoonTitle2 { font-family: "JosefinSans", Arial, Helvetica, sans-serif; font-size: 30px; line-height:34px; color:#111; }
.WixoonTitle3 { font-family: "Jura", Arial, Helvetica, sans-serif; font-size: 55px; color:#222; line-height:52px; }
.WixoonTitle4 { font-family: "Jura", Arial, Helvetica, sans-serif; font-size: 80px; color:#222; line-height:80px; }
.WixoonTitle5 { font-family: "Jura", Arial, Helvetica, sans-serif; font-size: 40px; color:#222; line-height:38px; }/*titre over bloc*/
.WixoonTitle6 { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 30px; color:#222; line-height:35px; }/*titre bloc home*/
.WixoonTitle7 { font-family: "MyriadPro-Light", Arial, Helvetica, sans-serif; font-size: 40px; line-height:42px; color:#FFF;  }
.WixoonTitle8 { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 40px; color:#FF6633; line-height:45px; }/*titre bloc home*/

/*
.WixoonText1 { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 30px; color:#222; line-height:30px; }
.WixoonText2 { font-family: "Jura", Arial, Helvetica, sans-serif; font-size: 30px; color:#222; line-height:30px; }
.WixoonText3 { font-family: "LeagueGothic", Arial, Helvetica, sans-serif; font-size: 30px; color:#222; line-height:30px; }
.WixoonText4 { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 25px; color:#222; line-height:27px; }
.WixoonText5 { font-family: "MyriadPro", Arial, Helvetica, sans-serif; font-size: 30px; color:#222; line-height:30px; }
.WixoonText6 { font-family: "MyriadPro-Light", Arial, Helvetica, sans-serif; font-size: 30px; color:#222; line-height:30px; }
*/


.WixoonTxt1 { font-family: "JosefinSans", Arial, Helvetica, sans-serif; font-size: 24px; line-height:24px; color:#FFF; display: block; }
.WixoonTxt2 { font-family: "MyriadPro-Light", Arial, Helvetica, sans-serif; font-size: 22px; line-height:26px; color:#222; }
.WixoonTxt3 { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 16px; line-height:20px; color:#555; }/*Footer*/


.WTfield,.WTfieldError { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 16px; line-height:20px; padding:15px 20px 15px 20px; margin-bottom:10px; background-color:#333; color:#DDD; border: solid 2px #333; border:none; border-radius:3px; opacity:0.8;  }
.WTfieldError {   border: solid 2px #FF6633; } 


.MotionColor { color:#FFF; }
.MotionColor0{ color:#333; }
.MotionColor1{ color:#FD9A06; }
.MotionColor2{ color:#FF6633; }
.MotionColor3{ color:#FF3366; }
.MotionColor4{ color:#0191B3; }
.MotionColor5{ color:#555; }
.MotionColor6{ color:#999; }
.MotionColor7{ color:#CCC; }
.MotionColor8{ color:#888; }

.TextShadow{ text-shadow: 1px 1px 2px #000; }

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

.WixoonTitle1 { font-size: 25px; line-height:25px; }
.WixoonTitle2 { font-size: 30px; line-height:30px; }
.WixoonTitle3 { font-size: 32px; line-height:32px; }
.WixoonTitle4 { font-size: 50px; line-height:50px; }
.WixoonTitle5 { font-size: 30px; line-height:28px; }
.WixoonTitle6 { font-size: 24px; line-height:26px; }

.WixoonTxt1 { font-size: 18px; line-height:18px; display:none; }
.WixoonTxt2 { font-size: 20px; line-height:22px;  }
.WixoonTxt3 { font-size: 14px; line-height:19px; }


@media screen and (orientation:landscape) { /* paysage */
.WixoonTitle3 { font-size: 32px; line-height:32px; }
.WixoonTxt1 { font-size: 18px; line-height:18px; display: block; }
}

}

@media screen and (min-width: 800px)  { 
.WixoonTitle1 { font-size: 40px; line-height:40px; }
.WixoonTitle2 { font-size: 30px; line-height:30px; }
.WixoonTitle3 { font-size: 40px; line-height:42px; }
.WixoonTitle4 { font-size: 50px; line-height:50px; }
.WixoonTitle5 { font-size: 30px; line-height:28px; }
.WixoonTitle6 { font-size: 24px; line-height:26px; }

.WixoonTxt1 { font-size: 18px; line-height:18px; display: block;}
.WixoonTxt2 { font-size: 20px; line-height:22px;  }
.WixoonTxt3 { font-size: 14px; line-height:19px; }
}

/*
@media screen and (max-width: 1020px){

.WixoonTitle1 { font-size: 25px; line-height:25px; }
.WixoonTitle2 { font-size: 30px; line-height:30px; }
.WixoonTitle3 { font-size: 30px; line-height:28px; }
.WixoonTitle4 { font-size: 50px; line-height:50px; }
.WixoonTitle5 { font-size: 30px; line-height:28px; }
.WixoonTitle6 { font-size: 24px; line-height:26px; }

.WixoonTxt1 { font-size: 18px; line-height:18px; }
.WixoonTxt2 { font-size: 20px; line-height:22px;  }
.WixoonTxt3 { font-size: 14px; line-height:19px; }

}*/



@media screen and (min-width: 1020px) {
.WixoonTitle1 { font-size: 40px; line-height:40px; }
.WixoonTitle2 { font-size: 30px; line-height:30px; }
.WixoonTitle3 { font-size: 40px; line-height:42px; }
.WixoonTitle4 { font-size: 50px; line-height:50px; }
.WixoonTitle5 { font-size: 30px; line-height:28px; }
.WixoonTitle6 { font-size: 24px; line-height:26px; }

.WixoonTxt1 { font-size: 24px; line-height:24px; display: block;}
.WixoonTxt2 { font-size: 20px; line-height:22px;  }
.WixoonTxt3 { font-size: 16px; line-height:22px; }

/*.WixoonTxt3 { font-size: 16px; line-height:22px; }*/

}

@media screen and (min-width: 1200px){ /*1280 1366*/
.WixoonTitle1 { font-size: 40px; line-height:40px; }
.WixoonTitle2 { font-size: 30px; line-height:30px; }
.WixoonTitle3 { font-size: 55px; line-height:52px; }
.WixoonTitle4 { font-size: 50px; line-height:50px; }
.WixoonTitle5 { font-size: 30px; line-height:28px; }
.WixoonTitle6 { font-size: 24px; line-height:26px; }

.WixoonTxt1 { font-size: 24px; line-height:24px; display: block;}
.WixoonTxt2 { font-size: 20px; line-height:22px;  }
.WixoonTxt3 { font-size: 16px; line-height:22px; }

}

@media screen and (min-width: 1400px){/*1680*/
.WixoonTitle1 {font-size: 55px; line-height:55px; }
.WixoonTitle2 { font-size: 30px; line-height:34px; }
.WixoonTitle3 { font-size: 42px; line-height:43px; }
.WixoonTitle4 { font-size: 80px; line-height:80px; }
.WixoonTitle5 { font-size: 40px; line-height:38px; }
.WixoonTitle6 { font-size: 30px; line-height:35px; }

.WixoonTxt1 { font-size: 24px; line-height:24px; display: block;}
.WixoonTxt2 { font-size: 22px; line-height:26px; }
.WixoonTxt3 { font-size: 16px; line-height:22px; }	

}




@media screen and (min-width: 1600px){/*1680*/
.WixoonTitle1 {font-size: 55px; line-height:55px; }
.WixoonTitle2 { font-size: 30px; line-height:34px; }
.WixoonTitle3 { font-size: 42px; line-height:43px; }
.WixoonTitle4 { font-size: 80px; line-height:80px; }
.WixoonTitle5 { font-size: 40px; line-height:38px; }
.WixoonTitle6 { font-size: 30px; line-height:35px; }


.WixoonTxt1 { font-size: 24px; line-height:24px; display: block;}
.WixoonTxt2 { font-size: 22px; line-height:26px; }
.WixoonTxt3 { font-size: 16px; line-height:22px; }	


}

@media screen and (min-width: 1800px){
.WixoonTitle1 {font-size: 55px; line-height:55px; }
.WixoonTitle2 { font-size: 30px; line-height:34px; }
.WixoonTitle3 { font-size: 50px; line-height:50px; }
.WixoonTitle4 { font-size: 80px; line-height:80px; }
.WixoonTitle5 { font-size: 40px; line-height:38px; }
.WixoonTitle6 { font-size: 30px; line-height:35px; }


.WixoonTxt1 { font-size: 24px; line-height:24px; display: block;}
.WixoonTxt2 { font-size: 22px; line-height:26px; }
.WixoonTxt3 { font-size: 16px; line-height:22px; }	

}


.MotionSize12{ font-size: 13px; line-height:14px; }
.MotionSize15{ font-size: 15px; line-height:17px; }
.MotionSize20{ font-size: 20px; line-height:22px; }
.MotionSize30{ font-size: 30px; line-height:32px; }
.MotionSize40{ font-size: 35px; line-height:37px; }